body{height:100vh;margin:0px;font-family:'Kanit' !important}.alert-error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.login{width:400px;margin-top:35px}.login-container{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-150px;border-radius:10px;text-align:center}.login input{width:100%;height:40px;padding-left:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:15px}.login button{width:100%;border-radius:10px;border:none;background:#2b3149;color:white;height:40px}.login button:hover{background:#2b3149;color:white}.login-container fieldset{border:none}.logo{text-align:center;margin-bottom:25px}.reset form input{height:32px;border:1px solid gray;border-radius:10px;width:100%}.reset form button[type=submit]{width:100%;margin-top:10px;border-radius:10px}.login-container h2{color:#2b3149;font-size:26px;margin-bottom:40px}.buttonbut{display:flex}.buttonbut .control-group{width:100%;padding:5px}.login button.resetpasss{background:none;text-align:left;color:#2b3149;cursor:pointer}.logologin{position:relative;border-radius:10px;height:100vh;text-align:center;top:50%;max-height:100vh;overflow:hidden}.hiddenover{overflow:hidden}.logout .controls button{width:48%;float:left;background-color:#F44336;border:none}.logout .controls button:before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;content:"\f2f5";font-size:14px}.logout .controls a{float:left;width:47%;background-color:#2b3149;border:none;margin-right:15px}.logout .controls a:before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;content:"\f015";font-size:14px}.logout{width:335px}@media (max-width: 767px){.login-container{width:300px}.logologin{height:150px;top:30%}.hiddenover{overflow:inherit}.login{width:auto}.login-container{margin-top:90px}form#logout-form a{width:auto !important}form#logout-form button{width:auto !important}}@media (max-width: 992px) and (min-width: 768px){.logologin img{width:100%;padding:10px}.login-container{margin-left:-125px;margin-top:-130px}}.test{color:red}.userdata>#google-login{margin-top:25px;margin-bottom:25px}#normal-login .control-label{display:none}#normal-login .controls input{width:100%;height:40px;padding-left:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:15px}div#form-login-submit button{width:100%;border-radius:10px;border:none;background:#2b3149;color:white;height:40px}.userdata{width:100%}form#logout-form{margin-top:50px}form#logout-form a{color:#fff;background-color:#0062cc;border-color:#005cbf;width:150px;height:40px;margin-right:20px}form#logout-form a:before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:8px;vertical-align:middle;font-weight:900;content:"\f015";font-size:14px}form#logout-form button{background-color:#F44336 !important;border:none;width:150px;height:40px}form#logout-form button:before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;content:"\f2f5";font-size:14px}