/*
Autho: Isihaka Hussein Kiwory,
Company: Ottimale,
Autho-Email: isihakakiwory@gmail.com,
Autho-Phone: 0742701011
*/

/* general style */
html, body{
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif,'Trebuchet MS', 'Nunito', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    height: 100%;
    position: relative;
    background-color: transparent;}

/* login container */
h5 cont{float:right; font-size: 12px;}
#container-main-login{height: 100%;width: 100%;margin: 0px;padding: 0px;clear: both;}
.main-login-cont{background-image: url(../media/insurer/cover-back.jpg);background-position: top;background-repeat: no-repeat;background-size: cover;}
.main-login-cont h4 a{font-size: 14px;text-decoration: none;color:#0074c8; font-weight: bold;}
.main-login-cont h6 a{text-decoration: none;color:#ffcf17; font-weight: bold;}
.main-login-cont h4{padding-top:35px;font-size: 12px;text-align: center;}
.main-login-cont h6{font-size: 11px;text-align: center; color: #0074c8;}
#container-main-login .login-container{width: 450px;height: 540px;float: left;background:#ffffff;padding: 5px 2%;border-radius:15px;margin:25vh 0px 0px 250px;box-shadow: 0px 4px 6px 0 rgba(240, 243, 244, 0.17), 0 3px 5px 0 rgba(240, 243, 244, 0.15);}
#container-main-login .login-container .img-logo-lg{text-align:center;width:100%;clear:both;}
#container-main-login .login-container .img-logo-lg img{height:90px;width:190px;margin:50px 0px 0px 0px;text-align:center;object-fit:contain;}
#container-main-login .login-container h2{padding:0px;margin:6px 0px;text-align:center;color:#333;font-weight: 900;font-size:36px;}

.main-reset-email{background-image: url(../media/insurer/cover-back.jpg);background-position: bottom;background-repeat: no-repeat;background-size: cover;}

#container-main-login .reset-pass-container{width: 66%;min-height: 340px;float: left;background: #f7f7f7;padding: 10px 2%;border-radius:5px;margin:350px 15% 0px 15%;box-shadow: 0px 6px 9px 0 rgba(240, 243, 244, 0.23), 0 5px 7px 0 rgba(240, 243, 244, 0.19);}
#container-main-login .reset-pass-container .reset-logo{float:left;height:250px;text-align:center;width:33%;line-height:250px;}
#container-main-login .reset-pass-container .reset-logo img{width:74%;height:200px;margin:0px 13%;object-fit:contain;}
#container-main-login .reset-pass-container .reset-cont{float:left;height:260px;width:61%;padding:5px 3%;}
#container-main-login .reset-pass-container .reset-cont p{margin: 0px;padding: 5px 0px;}
#container-main-login .reset-pass-container .reset-cont h2{padding:10px 0px 0px 0px;margin:0px;font-size:32px;font-weight:900;color:#333;}


@media screen and (max-width: 1280px) {
    #container-main-login .login-container .img-logo-lg img{height:90px;width:190px;margin:20px 0px 0px 0px;text-align:center;object-fit:contain;}
    #container-main-login .login-container{width: 380px;height: 520px;float: left;background:#ffffff;padding: 5px 4%;border-radius:12px;margin:10vh 0px 0px 140px;box-shadow: 0px 4px 6px 0 rgba(240, 243, 244, 0.17), 0 3px 5px 0 rgba(240, 243, 244, 0.15);}
}


@media screen and (max-width: 1440px) {
    #container-main-login .login-container{width: 380px;height: 520px;float: left;background:#ffffff;padding: 5px 4%;border-radius:15px;margin:13vh 0px 0px 180px;box-shadow: 0px 4px 6px 0 rgba(240, 243, 244, 0.17), 0 3px 5px 0 rgba(240, 243, 244, 0.15);}
    #container-main-login .login-container .img-logo-lg img{height:90px;width:190px;margin:20px 0px 0px 0px;text-align:center;object-fit:contain;}
}


@media screen and (max-width: 900px) {
    #container-main-login .login-container .img-logo-lg img{height:90px;width:190px;margin:20px 0px 0px 0px;text-align:center;object-fit:contain;}
    #container-main-login .login-container{width: 380px;height: 500px;clear: both;float: left;background:#ffffff;padding: 5px 4%;border-radius:10px;margin:10vh auto 0px 160px;box-shadow: 0px 4px 6px 0 rgba(240, 243, 244, 0.17), 0 3px 5px 0 rgba(240, 243, 244, 0.15);}
}