@import url('components.css');
@import url('webfonts.css');
@import url('feathericons.css');



html{height:auto;background:rgba(232,242,242,1);}
body{background:transparent;height:auto;}
a{color:var(--at-primary);text-decoration:none;}
a:hover{color:deepskyblue;rgb(0,87,204);}
img{position:relative;overflow:hidden;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;}
img[alt]:after{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--at-primary);font-weight:600;content:attr(alt);}


header{padding:25px 20px;color:rgb(37,71,107);box-shadow:0 2px 6px var(--at-gray-500);background:#fff;position:relative;}
header .logo{width:50px;display:inline-block;vertical-align:middle;}
header .sitename{display:inline-block;vertical-align:middle;font:bold 20px Cerebri Sans;}
header .sitename b{color:deepskyblue;}
header .sitename span{display:block;font-size:13px;}
header .dropdown{position:absolute;right:20px;top:25px;}
header .dropdown .navicon{background:transparent;border:none;color:var(--at-gray-900);padding:8px;width:48px;display:inline-block;font-size:26px;border-radius:5px;cursor:default;}

.dropdown{display:inline-block;vertical-align:middle;position:relative;font:14px Cerebri Sans;z-index:1;}
.dropmenu{position:absolute;background:var(--at-white);padding:0;right:0;top:30px;border:1px solid var(--at-gray-400);box-shadow:0 0 5px var(--at-gray-300);border-radius:10px;min-width:165px;transition:0.4s ease-in-out;transform-orign:top right;transform:translateY(20px);overflow:hidden;visibility:hidden;opacity:0;z-index:99999999999;}
.dropmenu li{list-style:none;padding:13px 20px;margin:0;border-bottom:1px solid var(--at-border);}
.dropdown li i{display:inline-block;vertical-align:middle;margin:-3px 5px 0 0;}
.dropmenu li:hover{background:var(--at-gray-100);color:var(--at-primary);}
.dropdown a{color:var(--at-dark);cursor:default;}
.dropmenu a:last-child li{border-bottom:none;}
.dropdown:hover .dropmenu{transform:scale(1);visibility:visible;opacity:1;}

.hero_cover{padding:50px 30px 0 30px;text-align:left;position:relative;}
.hero_cover .hero_image{width:275px;}


.logincontainer{font-size:15px;padding:0;margin:0;}
.login_inner{padding:20px 35px;}
.loginform{padding:0;position:relative;}
.loginform .logo{position:absoute;width:100%;top:0;left:0;margin:0;}
.loginform .logintitle{font-size:26px;font-weight:bold;color:deepskyblue;margin:10px 0 20px 0;line-height:1.4;}
.loginform .logintitle b{color:rgb(37,71,107);}
.loginform .logininfo{color:#222;margin-bottom:15px;font-size:15px;font-weight:400;}
.loginform .form-label{font-size:14px;font-weight:500;text-align:left;display:block;margin-bottom:2px;}
.loginform .form-group{position:relative;}
.loginform .form-label b{color:red;}
.loginform .form-control,.loginform .form-select{height:50px;font-size:15px;margin:0 0 10px 0;padding-left:45px;}
.loginform .form-select[type="date"]{padding:11px 0 0 40px;}
.loginform .form-control[readonly]{background:#fff;}
.loginform .btn{width:100%;height:50px;margin-top:15px;font-weight:bold;line-height:1;cursor:default;padding:10px 0;}
.loginform .btn i{display:inline-block;vertical-align:middle;margin-top:-3px;}
.loginform .loginlink{position:absolute;right:0;top:0;}
.loginform .captchaimg{position:absolute;height:50px;bottom:0;right:0;border-radius:0 5px 5px 0;color:#fff;}
.loginform .form-check{margin:10px 0 10px 0;text-align:left;}
.loginform .form-check input{border:1px solid rgb(37,71,107);}
.loginform .captcha_image{width:32%;position:absolute;right:0;bottom:0;height:50px;border-radius:5px;color:#fff;}
.loginform .fc-captcha{width:65%;}
.loginform label{cursor:default;}
.loginform .loginfg{text-align:center;margin-top:20px;}

.form-group2{position:relative;z-index:0;}
.form-group2:before{content:attr(data-icon);position:absolute;z-index:1;height:50px;bottom:0;width:50px;display:flex;align-items:center;justify-content:center;font:bold 15px Feather;margin-top:0px;color:rgb(37,71,107);line-height:0;padding-bottom:0px;}
.form-group2 .lf_refresh{position:absolute;bottom:12px;margin-left:54%;z-index:1;font-size:14px;font-weight:bold;cursor:pointer;color:rgb(37,71,107);display:inline-block;padding:5px;}
.form-group2 .lf_refresh:hover{color:deepskyblue;}
.form-group2 .lf_eye{position:absolute;bottom:12px;right:15px;z-index:1;font-size:16px;font-weight:bold;cursor:pointer;color:var(--at-gray-700);display:inline-block;padding:5px;}


.loginfooter{margin:60px 0 0 0;border-top:1px solid var(--at-gray-700);padding:30px 0 60px 0;text-align:center;color:var(--at-dark);line-height:2;}



.error{color:red;font-weight:bold;font-size:15px;padding:5px 10px;background:rgba(200,0,0,.05);border:1px solid red;margin:8px 0;text-align:left;margin-bottom:25px;line-height:1.5;border-radius:0;}
.success{color:#01cd74;font-weight:bold;font-size:15px;padding:5px 10px;background:rgba(91,184,83,.05);border:1px solid #01cd74;margin:8px 0;text-align:left;margin-bottom:25px;line-height:1.5;}
.error i,.success i{display:block;font-size:50px;margin:10px 0 15px 0;text-align:left;}



@media screen and (min-width:834px){
.loginform .loginfooter{margin-bottom:0;padding-top:10px;}
.loginform{margin:0;}
.loginform .loginlink{margin:20px 0;}

.hero_cover{display:inline-block;width:58%;vertical-align:top;padding:100px 0 30px 0;text-align:center;}
.hero_cover .hero_image{width:400px;}
.login_inner{width:40%;padding-top:30px;display:inline-block;}


.loginfooter_block{display:inline-block;width:50%;text-align:left;padding:0 40px;}
.loginfooter_block:nth-child(2){text-align:right;padding-right:5%;}
}