/***   New login popup  ***/
#login-popup .modal-content{border-radius: 15px; min-height: 80vh;}
#login-popup .modal-content .close{width: 35px; height: 35px; background: #ffe150; border-radius: 100%; box-shadow: 0 2px 10px 2px rgb(0 0 0 / 35%); opacity: 1; position: absolute; top:-10px; right: -10px; z-index: 99; font-size: 30px;}
#login-popup .modal-content .close span{display: block; margin-top: -5px; padding-left: 2px;}
#login-popup .modal-content .close:focus{outline: none;}
#login-popup .modal-content .modal-body{display: flex; align-items: center;}
#login-popup .login-box{width: 380px; margin: 30px auto;}
#login-popup .forgot-pass{width: 380px; margin: 30px auto;}
#login-popup .popup-box h1{margin-top: 0px; margin-bottom: 40px; font-size: 30px; line-height: 30px; text-align: center;}
#login-popup .popup-box .popup-btn .btn3{width: 48%; padding: 10px; margin:0;}
#login-popup .popup-box .popup-btn input{border:0;}
#login-popup .forgot-pass .popup-box .popup-btn .btn3{width: 100%; padding: 10px;}
#login-popup .popup-box .error{color: #ff0000; font-size: 12px; font-weight: 500;}
#login-popup .modal-dialog{width: 500px;}
.modal.show#login-popup  {display:flex!important; flex-direction:column; justify-content:center; align-content:center; align-items: flex-start;}
#login-popup .popup-box p.text-center{color:#5c5c5c;}
#login-popup .popup-box p.text-center a{text-decoration: underline; color: #5c5c5c;}
#login-popup .popup-box p.text-center a:hover{color: #000;}
#login-popup .form-control{border-radius: 10px; height:40px;}
#login-popup .form-control:focus{border-color:#ffe607; box-shadow:0 0 0 0.2rem rgb(255 230 7 / 25%);}

@media only screen and (max-width: 575px) {
	#login-popup .modal-dialog{width: 90%; margin: 0 auto;}
	#login-popup .popup-box{width: 95%;}
}