@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
html,body {margin:0;padding:0;font-size: 13pt;color: #333;height: 100%;width: 100%;}
html,body,input,button,textarea {font-family: "Lato", sans-serif;font-size: 13pt;
  font-optical-sizing: auto;
  font-style: normal;}
.centerbot {position:absolute;bottom: 0;}
.loginbody {display: flex;flex-direction: row;background: #333;}
.loginleft, .loginright {flex:1;position: relative;}
.loginleft {display:flex;justify-content: center;
    align-items: center;flex-direction: column;}
.loginbox  {width: 100%;}
.loginbox .names {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20pt;
}
.loginbox .names img {width: 120px;height: 120px;}
.loginbox .form {display: flex;flex-direction: column;width: 80%;  margin: 0 auto;font-size: 11pt;}
.loginbox .form>* {padding: 10pt 12pt;margin-bottom:10pt;border: 1px solid #BBB;
  border-radius: 5pt;}
.loginbox .form input:focus{outline: none;}
.loginbox .form input::placeholder {color:#bbb;}
.loginbox .form>button {border:none;cursor:pointer;font-weight: 500;color: #FFF;background-color: #0078D4;margin-top: 10pt;}
.loginbox .form>button:hover {background-color: #278fdf;}
.loginbox .form>button:active {background-color: #278fdf;}
.copyright {font-size: 10pt;}