.cb {clear: both; height: 0; font-size: 0; width: 100%;}

html,body {background: #fff; margin:0;padding:0;font-family: Prompt;}
.site-header, .site-content-header, .site-content-footer {display:none;}
.site-wrapper, .site-content {width: 100%;height: 100%;max-height: none;max-width: none;}
.site-content-body {max-width: none;max-height: none; margin:0;padding:0;width:100%;height:100%;}

.login {width:100%;height:100%; display:flex;}
.login-left {
    width: 50%;margin:0;padding:0;background: url(https://www.patientsites.com/img/1208/trublu_handyman.jpg) no-repeat center center; background-size: cover;
}
.login-right {
    width: 50%;margin:0;padding:0;background: #ffffff;display:flex;
    flex-flow: column;align-items: center; justify-content: flex-start;
}

.login-logo {text-align:center; margin:5% 3% 5% 3%;}
.login-logo img {max-height: 100%; max-width: 70%;}
.login-welcome {text-align:center; margin: 5% 3%; font: 600 44px Prompt;line-height:120%;text-transform: uppercase;color: #1b365d; max-width: 640px;}

.login-form {margin:3% 0 1% 0 ;background: #fdfdfd;border: 2px solid #bcbcbc; padding: 5%; width: 80%; max-width: 600px; box-sizing: border-box;}
.login-form form {display:flex; flex-flow: column;}

.label {font-size: 18px; color: #707070;}
.items { margin:0; padding:0; display:flex; flex-flow: column;}
.item {margin-bottom: 5%;}
.field input {font-size: 22px; padding: 10px; box-sizing: border-box; border: 2px solid #bcbcbc; background: #ffffff; width: 100%;}
.field button {background: #0091da; color: #ffffff; font: normal 24px Prompt; padding: 2% 10%; border: none; cursor: pointer}

.item-button {margin: 0;}
.item-button .field {text-align:right;}
.login-links {text-align: left;width: 80%; max-width: 600px; margin: 0 3%; padding: 0 1%;box-sizing: border-box;}
.login-links a {font-size: 16px; color: #707070;}

.item-captcha .field {display: flex; justify-content: space-between; align-items: stretch;}
.item-captcha .field .theinput {width: 47%;}
.item-captcha .field .theinput input {height: 100%; text-align:center; font-size:45px; font-weight: bold; color: #999999;}
.item-captcha .field .another {width: 47%; text-align:right;}
.item-captcha .field .another img {width: 100%; height: 99%;border: 2px solid #bcbcbc;}
.item-captcha .field .another a {margin: 2px;font-size: 12px; }

.item-newpass .field {display: flex;align-items: stretch;justify-content: space-between; }
.item-newpass .field .theinput {width: 80%;}
.item-newpass .field .strength {width: 18%;background:#ff3014;border:2px solid #bcbcbc; }

@media screen and (max-width:1600px), screen and (max-device-width:1600px){

}
@media screen and (max-width:1200px), screen and (max-device-width:1280px){

}
@media screen and (max-width:990px), screen and (max-device-width:1024px){

}
@media screen and (max-width:768px), screen and (max-device-width:768px){
    .login-left, .login-right {width: 100%;}
    .login-left {display:none;}
}
@media screen and (max-width:600px), screen and (max-device-width:600px){

}
@media screen and (max-width:480px), screen and (max-device-width:480px){

}
@media screen and (max-width:340px), screen and (max-device-width:340px){}