@import '../global/_variables'; // global variables. @import '../global/components/_mixins'; // global mixings. /*** Lock Page ***/ body { background-color: lighten(#364150, 8%) !important; padding: 0; margin: 0; } .page-lock { margin: 90px auto 30px auto; width: 450px; .lock-cont { display: table; table-layout: fixed; .lock-item { display: table-cell; vertical-align: middle; .lock-item-full { width: 100%; } } } } .page-lock .page-logo { text-align: center; margin-bottom: 15px; } .page-lock .page-body { width: 100%; margin-top: 50px; background-color: #3a4554; @include border-radius(7px); } .lock-head { display: block; background-color: #323d4b; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 22px; font-weight: 400; color: #4db3a5; @include border-radius(7px 7px 0 0); } .lock-body { display: block; margin: 35px; overflow: hidden; } .lock-avatar { margin-top: 15px; height: 110px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .lock-form { padding-left: 40px; } .lock-form h4 { margin-top: 0px; color: #dbe2ea; font-size:18px; font-weight: 400; display: inline-block; } .lock-form .form-group { margin-top: 20px; } .lock-form .form-group .form-control { background-color: #303a48; border: none; width: 220px; height: 40px; color: #697687; } .lock-form .form-group .form-control::-moz-placeholder { color: #556376; opacity: 1; } .lock-form .form-group .form-control:-ms-input-placeholder { color: #556376; } .lock-form .form-group .form-control::-webkit-input-placeholder { color: #556376; } .lock-form .form-group .form-control:focus { background-color: #2b3542; } .lock-form .form-actions { margin-top: 20px; } .lock-form .form-actions .btn { width: 220px; font-weight: 600; padding: 10px; } .lock-bottom { display: block; background-color: #323d4b; text-align: center; padding-top: 20px; padding-bottom: 20px; @include border-radius(0 0 7px 7px); } .lock-bottom a { font-size: 14px; font-weight: 400; color: #638cac; } .lock-bottom a:hover { color: #7ba2c0; } .page-footer-custom { text-align: center; padding-top: 40px; color: #5f6e83; } @media (max-width: 768px) { .page-lock { margin: 30px auto; width: 280px; .lock-cont { display: block; .lock-item { display: block; text-align: center; .lock-item-full { width: 100%; } } } } .lock-body { margin: 0px; } .page-lock .page-body { margin-top: 30px; } .lock-avatar { margin-top: 20px; } .lock-avatar-block { display: block; width: 100%; text-align: center; margin-bottom: 10px } .lock-form { padding-left: 20px; } .lock-form h4 { font-size:16px; text-align: center; } .lock-form .form-group .form-control { padding: 20px 20px; width: 240px; } .lock-form .form-actions .btn { width: 100%; margin-bottom: 20px; } }