#login-page .form-actions .signin-btn #header {top:0;} #header-company {position:relative; z-index:400;} html body#login-page { background: #666 !important; padding-top:50px;} #page-signin-bg { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 20; } #page-signin-bg img { width: 100%; } #page-signin-bg .overlay { background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } #login-page h1 { padding:5px 15px; margin:0; text-align:center; } #login-page h1 img { margin:0 auto; } #login-page .signin-container { border-radius: 2px; display: block; margin: 20px 14px; position: relative; z-index: 999; } #login-page .container { position:relative; z-index:1000; margin-top:150px; } #login-page .signin-form { background: #fff; position: relative; padding:30px 15px 15px; } #login-page .password-reset-form { background: #fff; bottom: 0; display: none; left: 0; padding: 30px; position: absolute; right: 0; top: 0; z-index: 1020; } #login-page .password-reset-form .header { background: #f4f4f4; border-bottom: 1px solid #ddd; margin: -30px -30px 30px -30px; padding: 20px 20px; } #login-page .password-reset-form .header .signin-text { margin: 0; } #login-page .password-reset-form .header .signin-text span { background: #f4f4f4; } #login-page .password-reset-form .header .signin-text:before { display: none; } #login-page .password-reset-form .header .close { margin-top: 2px; } #login-page .password-reset-form .form-group.w-icon .signin-form-icon { z-index: 1025; } #login-page .form-actions { margin-top: 15px; } #login-page .form-actions .signin-btn { border: none; border-radius: 999999px; font-size: 13px; font-weight: 600; line-height: 19px; outline: 0 !important; padding: 10px 0; text-align: center; width:auto !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #login-page .form-actions .signin-btn:hover { background: #444; } #login-page .form-actions a.forgot-password { border-bottom: 1px dashed #bbb; color: #999; display: inline-block; font-size: 11px; margin-left: 10px; padding-bottom: 1px; } #login-page .form-actions a.forgot-password:hover { color: #555555; text-decoration: none; } #login-page .form-group { margin: 0; position: relative; } #login-page .form-group + .form-group { margin: 10px 0 0 0; } #login-page .form-group.w-icon .signin-form-icon { border-right: 1px solid #d6d6d6; bottom: 9px; color: #d6d6d6; display: block; font-size: 14px; left: 0; line-height: 27px; position: absolute; text-align: center; bottom: 9px; width: 40px; z-index: 1002; -webkit-transition: all 0.3s; transition: all 0.3s; } #login-page .form-group.w-icon input[type="text"], #login-page .form-group.w-icon input[type="password"], #login-page .form-group.w-icon select { font-size: 15px; padding-left: 56px; } #login-page .form-group.w-icon input[type="text"]:focus + .signin-form-icon, #login-page .form-group.w-icon input[type="password"]:focus + .signin-form-icon, #login-page .form-group.w-icon select:focus + .signin-form-icon { color: #888; } #login-page .signin-text { color: #777; display: block; font-size: 15px; font-style: italic; margin-bottom: 25px; position: relative; text-align: center; } #login-page .signin-text span { background: #fff; display: inline-block; padding: 0 20px; position: relative; } #login-page .signin-text:before { background: #e4e4e4; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 50%; } #login-page .signin-with { background: #f4f4f4; border-top: 1px solid #ddd; margin: 30px -30px -30px -30px; padding: 20px 30px 20px 30px; } #login-page .signin-with-btn { border-radius: 2px; color: #fff; display: block; font-weight: 300; padding: 10px 0; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } #login-page .signin-with-btn span { font-weight: 600; } #login-page .signin-with-btn + .signin-with-btn { margin-top: 10px; } #login-page .signin-with-btn:hover { background: #444 !important; } #login-page .not-a-member { color: #fff; display: block; font-size: 14px;  padding: 20px 0; position: relative; text-align: center; z-index: 999; } #login-page .not-a-member a { color: #fff; text-decoration: underline; transition: all .3s; } #login-page .not-a-member a:hover { opacity: .6; } @media (min-width: 480px) { #login-page .form-actions { margin-top: 15px; } #login-page .form-actions .signin-btn { padding-left: 40px; padding-right: 40px; width: auto; } } @media (min-width: 768px) { #login-page .signin-container { display: table; margin: 80px auto; table-layout: fixed; } } @media (max-width: 767px) { #login-page .container { margin-top:15px; } #login-page .container > .row { margin:0; } } html body.page-signup { background: #666 !important; } #page-signup-bg { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 20; } #page-signup-bg img { width: 100%; } #page-signup-bg .overlay { background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .page-signup .signup-container { border-radius: 2px; display: block; margin: 20px 14px; position: relative; z-index: 999; } .page-signup .signup-header { background: #444; display: block; overflow: hidden; padding: 20px 30px; text-align: center; } .page-signup .signup-header .logo { color: #fff; font-size: 22px; font-weight: 700; opacity: 1; } .page-signup .signup-header .logo[href]:hover { opacity: .7; } .page-signup .signup-header .slogan { color: #fff; font-size: 16px; font-weight: 300; margin-top: 5px; } .page-signup .signup-form { background: #fff; display: block; padding: 30px 20px; position: relative; } .page-signup .form-actions { margin-top: 15px; } .page-signup .form-actions .signup-btn { border: none; border-radius: 999999px; font-size: 13px; font-weight: 600; line-height: 19px; outline: 0 !important; padding: 10px 0; text-align: center; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .page-signup .form-actions .signup-btn:hover { background: #444 !important; } .page-signup .form-actions a.forgot-password { border-bottom: 1px dashed #bbb; color: #999; display: inline-block; font-size: 11px; margin-left: 10px; padding-bottom: 1px; } .page-signup .form-actions a.forgot-password:hover { color: #555555; text-decoration: none; } .page-signup .form-group { margin: 0; position: relative; } .page-signup .form-group + .form-group { margin: 10px 0 0 0; } .page-signup .form-group.w-icon .signup-form-icon { border-right: 1px solid #d6d6d6; bottom: 9px; color: #d6d6d6; display: block; font-size: 14px; left: 0; line-height: 27px; position: absolute; text-align: center; top: 9px; width: 40px; z-index: 1002; -webkit-transition: all 0.3s; transition: all 0.3s; } .page-signup .form-group.w-icon input[type="text"], .page-signup .form-group.w-icon input[type="password"] { font-size: 15px; padding-left: 56px; } .page-signup .form-group.w-icon input[type="text"]:focus + .signup-form-icon, .page-signup .form-group.w-icon input[type="password"]:focus + .signup-form-icon { color: #888; } .page-signup .signup-text { color: #777; display: block; font-size: 15px; font-style: italic; margin-bottom: 25px; position: relative; text-align: center; } .page-signup .signup-text span { background: #fff; display: inline-block; padding: 0 20px; position: relative; } .page-signup .signup-text:before { background: #e4e4e4; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 50%; } .page-signup .signup-with { background: #f4f4f4; border-top: 1px solid #ddd; margin: 30px -20px -30px -20px; padding: 20px 20px 20px 20px; } .page-signup .signup-with-btn { border-radius: 2px; color: #fff; display: block; font-weight: 300; padding: 10px 0; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .page-signup .signup-with-btn span { font-weight: 600; } .page-signup .signup-with-btn + .signup-with-btn { margin-top: 10px; } .page-signup .signup-with-btn:hover { background: #444 !important; } .page-signup .have-account { color: #fff; display: block; font-size: 14px; margin: -20px 0 0 0; padding: 20px 0; position: relative; text-align: center; z-index: 999; } .page-signup .have-account a { color: #fff; text-decoration: underline; transition: all .3s; } .page-signup .have-account a:hover { opacity: .6; } @media (min-width: 480px) { .page-signup .signup-container { margin-left: auto; margin-right: auto; width: 380px; margin: 80px auto; } .page-signup .signup-form { padding: 30px; } .page-signup .signup-with { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } .page-signup .have-account { margin: -80px 0 20px; } }