[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

.form-login .bg-login { width: 100vw; height: 100vh; background-size: cover; background-image: url("/Content/themes/hue/bg.png"); background-repeat: no-repeat; background-position: center; z-index: 1; }

.form-login .logo-login { margin: 5px 0px 20px 0px; }

.form-login .edumall-popup .popup-content { width: 360px !important; }

.form-login .edumall-popup .popup-content-inner { padding: 31px 50px 27px; max-height: 100vh !important; overflow-y: hidden !important; }

.form-login .edumall-popup .popup-content-wrap { border-radius: 25px !important; }

.form-login .popup-title { font-size: 16px; font-weight: bold; color: #000000; text-transform: uppercase; }

/*.form-login .form-input { outline: 0; border-width: 0 0 1px; border-color: #cae4d7; height: 50px; min-height: 50px !important; padding: 3px 10px; background-color: #fff !important; }*/

    /*.form-login .form-input:-internal-autofill-selected { appearance: menulist-button; background-image: none !important; background-color: #fff !important; color: #000 !important; }*/

    /*.form-login .form-input:focus { border-color: #cae4d7 }*/

/*.form-login .form-input-password .btn-pw-toggle { position: absolute; top: 0; right: 0; left: auto; background: none !important; box-shadow: none !important; padding: 0 15px !important; border: 0; font-size: 13px; height: 50px !important; }*/

.form-login .form-check-label { height: 30px; min-height: 30px !important; vertical-align: top; }

.form-login button.form-submit { border-radius: 25px !important; text-transform: uppercase; height: 50px !important; line-height: 50px !important; }

.pd-lr-0 { padding-left: 0px !important; padding-right: 0px !important; }

@media (max-width: 768px) {
    .form-login .edumall-popup .popup-content-inner { padding: 31px 15px 27px; }
}