@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;700&display=swap');
 
 
a{text-decoration: none; }
a:hover{text-decoration: none;}
/* CSS Top */

body{font-family: 'Roboto', sans-serif!important; margin: 0px; padding: 0px; background: #242628; line-height: 1.5; font-size: 12px;}

.f_weight_bold{font-weight: bold!important}
.f_weight_normal{font-weight: normal!important}
.f_weight_100{font-weight: 100!important}
.f_weight_300{font-weight: 300!important}

.f_arial{font-family: Arial!important}
.f_courier{font-family: monaco, courier!important}


.f_size_9{font-size: 9px!important; }
.f_size_10{font-size: 10px!important; }
.f_size_11{font-size: 11px!important; }
.f_size_12{font-size: 12px!important; }
.f_size_13{font-size: 13px!important; }
.f_size_16{font-size: 16px!important;}
.f_size_17{font-size: 17px!important;}
.f_size_14{font-size: 14px!important;}
.f_size_15{font-size: 15px!important;}
.f_size_18{font-size: 18px!important;}
.f_size_13{font-size: 13px!important;}
.f_size_12{font-size: 12px!important;}
.f_size_20{font-size: 20px!important;}
.f_size_22{font-size: 22px!important;}
.f_size_24{font-size: 24px!important;}
.f_size_28{font-size: 28px!important;}
.f_size_32{font-size: 32px!important;}
.f_size_35{font-size: 35px!important;}

.c-pointer{cursor: pointer;}

.custom_btn.btn-primary{background: #007bff42; border-color: #007bffa6}
.custom_btn.btn-success{background: #28a74594; border-color: #28a745d6}
.custom_btn.btn-warning{background: #8e6122; border-color: #bd8f4e; color:#fdfdfd }
.custom_btn.btn-warning:focus, .custom_btn.btn-warning:active:focus{  color:#fdfdfd }
.custom_btn.btn-secondary{background: #6c757d54; border-color: #6c757d}

.custom_btn.btn-danger{background: #dc354594; border-color: #dc3545a8;}
.custom_btn.btn-info{background: #17a2b87d; border-color: #17a2b8cf;}

.btn-link:hover, .btn-link:visited{text-decoration: none;}

.m-w-100 {max-width: 100px !important;}
.m-w-150 {max-width: 150px !important;}
.m-w-200 {max-width: 200px !important;}
.mw_180{min-width: 180px;}

.text_theme{ color: #1976d2!important }
.text_light_blue{color: cornflowerblue!important}
.text_light_red{color: #ef4f4f!important}
.text_amber{color: #ffa000!important;}
.text_l_green{color: #22d74b !important;}
.text_l_danger{color: #e07680 !important}
.bg_theme{ background: #1976d2!important }
.text_l_yellow{color: #d5ae3b !important}
.bg-light-blue{ background: cornflowerblue!important }
.bg-green{background: #2b873e!important }
.btn-xs{padding:3px 10px; font-size: 12px; line-height: normal; border-radius: 5px;}
.btn{cursor: pointer;}
 
/*css for login page*/

.login_bg{background-image: url(../images/patternBG.png);}

.login_form_bx{max-width: 450px;}
.LoginSection{padding: 0px;}
.LoginSection .logo_part{ display: block; width: 100%; padding: 15px; }
.LoginSection .logo_part img{width: 150px;}

.LoginSection .features_slider_sec{   text-align: center; margin-top: 15px; min-height: 80vh;  display: flex; flex-direction: column; align-items: center;  justify-content: center;}
.LoginSection .features_slider_sec  .sldier_content{ background: #242628; display: inline-block; width: 100%; }

.LoginSection .carousel, .LoginSection .carousel-item{ width: 100%; }

.LoginSection .features_slider_sec .f_banner_img{height: 295px;}
.LoginSection .features_slider_sec .f_banner_img img{ width:400px; }
.LoginSection .features_slider_sec .ftr_heading{font-family: 'Comfortaa', cursive; font-size: 22px; color: #EA9108; margin-top: 35px; margin-bottom: 20px;}
.LoginSection .features_slider_sec .ftr_scrpdtin2{ display: block; font-size: 15px; color: #fff9; max-width: 60%; margin: 0 auto; min-height: 100px;}
.LoginSection .features_slider_sec .slider_bullet{ display: block; margin-top: 25px; }
.LoginSection .features_slider_sec .slider_bullet .carousel-indicators{position: relative;}
.LoginSection .features_slider_sec .slider_bullet li{display: inline-block; border:none; width: 10px; height: 10px; background: #c08d4c; border-radius: 100%; margin: 5px; opacity: .3; cursor: pointer;}
.LoginSection .features_slider_sec .slider_bullet li.active{opacity: 1}


.form_sec_cvg{display: block; width: 100%; min-height: 100vh; height: 100%; background: #2e3132; display: flex; flex-direction: column; align-items: center;  
	justify-content: center; box-shadow: 0px 0px 10px #0e101342}
.form_outer_block{ display: block; width: 80%; margin: 0px auto;  }
.form_hdng26{display: block; margin-bottom: 30px; text-align: center;  }
.form_hdng26 span{display: block; font-size: 24px; color: #fff;  font-weight: 400;  }
.form_hdng26 p{display: block; font-size: 17px; color: rgba(256,256,256,.7);  font-weight: 100; margin-top: 5px;  }

.sl_form_block{display: block; width: 100%;}

.sl_form_block .s_form_grp{ display: block; width: 100%; margin-bottom: 20px; }
.sl_form_block .s_form_grp label{ display: block; font-size: 15px; margin-bottom: 8px; font-weight: 400; color: rgba(256,256,256,.75); }
.sl_form_block .s_form_grp .input_block{ display: block; width: 100%; background: #ffffff24; border-radius: 5px; padding: 7px 10px; }
.sl_form_block .s_form_grp .input_block .field_icon{ display: inline-block; vertical-align: middle; width: 20px; font-size: 18px; color: #EA9108; opacity: .6 }
.sl_form_block .s_form_grp .input_block .input_field26{ width: calc(100% - 30px); background: none; border:none; font-size: 14px; 
color:#fff; font-weight: 400;  }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #4C4E4F inset;
  transition: background-color 5000s ease-in-out 0s;
}
 

.sl_form_block .s_form_grp .input_block .input_field26:focus{box-shadow: none; outline: none;}

.sl_form_block .s_form_grp .forgot_pwd_link{ font-size: 14px; color: rgb(256,256,256,.6); }
.sl_form_block .s_form_grp .forgot_pwd_link:hover{color: #fff; text-decoration: none;}

.form_btn_54{background: #6179f9; color: #fff; border-radius: 20px; padding: 9px 10px; font-size: 18px; text-align: center;   border:none; width: 100%;}
  

._frmalert_msg{padding: 7px 15px; background: #fff9; border-radius: 5px; margin-bottom: 15px; font-size: 14px;}
._frmalert_msg i{margin-right: 5px;}
._frmalert_msg.error{color: #fff; background: #E74B56}
._frmalert_msg.success{color: #fff; background: #4E9434}



 .link_Account_list{display: block; width: 100%; max-height: 70vh; overflow:auto;}
.link_Account_list ul{list-style: none; margin: 0px; padding: 0px;}
.link_Account_list ul li{display: inline-block; width: 100%; padding: 8px 20px 8px 45px;  position: relative; border-bottom: solid 1px #3e4041;    }
.link_Account_list ul li:hover{background: #ffffff05;}
.L_user_Button{background: transparent; border: none; outline: none; box-shadow: none; display: inline-block; width: 70%; text-align: left; color: #cdcdcd; padding: 0px; margin: 0px;}
.L_user_Button:focus, .L_user_Button:hover, .L_user_Button:active{border: none; box-shadow: none; outline: none; background: transparent;}
 .Lgnuser_ico{position: absolute; left: 5px; top: 8px; width: 30px; height: 30px; line-height: 29px; display: inline-block; border-radius: 50%; 
  background:#266cb6; text-align: center; font-size: 16px; color: #ffffffa3}
 .Lgnuser_ico.agent_ico{background: #bf7b24}
 .LuserName{display: block; width: 85%; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .LuserID{ display: block; font-size: 15px; color: #d6d6b0 }
 .Luser_logout{display: inline-block; float: right; margin-top: 22px;}
 .Luser_logout a{color: #b07171}

.Luser_ltime{color: #999; font-size: 11px;}

.basic-btn {
	font-size: 13px;
	border: none;
	padding: 5px 12px;
	background: #ffffff14;
	border-radius: 5px;
	display: inline-block;
}

.basic-btn:hover {
	background: #393939;
	color: #cdcdcd;
}

.text_m_light {
	color: #818284;
}

/*css for login page*/