@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,800,900');

@font-face { font-family: Raleway; src: url('../fonts/Raleway-Medium.ttf'); }
@font-face { font-family: Raleway; font-weight: 200; src: url('../fonts/Raleway-Medium.ttf');}
@font-face { font-family: Raleway; font-weight: 400; src: url('../fonts/Raleway-Medium.ttf');}

*{
  margin: 0;
  padding: 0;
  font-family: 'Raleway';
}

a{
  text-decoration: none;
}
/* Top */
.top_ind{  background-color: #284260;  width: 100%; min-height: 80px;   color: #9AB9B2;}
.top_ind i{  float: left;  padding: 0 20px 20px 0;}
.top_ind .time{  padding:24px 24px 24px 0;}
.top_ind p{  padding:0;  margin: 3px 0 10px;  font-weight: 700;}
.top_ind .address{  padding: 24px 24px 0px 0;}

/* Navigation */
/* .navigation .logo{ width:320px;} */
.navigation .logo img{ width: 100%;}
.navigation .nav{  padding-top: 28px;}
.navigation .padd{padding-top: 18px;}
.navigation .col-md-4{padding: 0;margin: 0;}
.navigation .col-md-6{padding-right: 0px; margin-right: 0px;}
.navigation .col-md-6 .nav a{padding: 14px;padding-right:0;font-family: 'Raleway';font-style: normal;font-weight: 400;line-height: normal;font-size: 14px;text-align: center;letter-spacing: 0.05em;color: #5B6A75;}
.navigation .nav a.active{ color: red;}
.navigation .nav.nav-pills{padding-top: 50px;}
.navigation .col-md-2{padding: 0;margin: 0;}
.navigation .col-md-2 ul>li{width: 129px;height: 35px;border: 1px solid #FC5623;box-sizing: border-box; border-radius: 4px;left:40px; padding-top: 5px;}
.navigation .nav.nav-pills>li>a{text-decoration:none;background-color: transparent;padding-left: 9px;font-family: 'Raleway';font-style: normal;font-weight: 600;line-height: normal;font-size: 14px;text-align: center;letter-spacing: 0.05em;color: #5B6A75;}
.navigation .nav>li>a{padding: 0px;}

/* Banner */
.banner{background: linear-gradient(rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.75)),url(../images/banner.jpg)  no-repeat; background-size: cover;color: #ffffff;}
.banner .header{margin-top: 250px;}
.banner .header .btn-danger{border-color: #f51d16; background-color: #f51d16;}
.banner .header .btn{border-radius: 0;margin: 60px 20px 20px 0;width: 200px;height: 60px;}
.banner .header h3{  font-family: inherit;font-size: 24px; font-weight: 700;  letter-spacing: 1px;  line-height:  .7em;padding-bottom: 10px;}
.banner .header h1{  font-family: inherit;font-size: 38px;  font-weight: 700;  letter-spacing: 1px;  line-height:  .7em;padding-bottom: 10px;}
.banner .header p{font-family: inherit;font-weight: 400;  font-size: 21px;}
.banner .header h6{  font-family: inherit;  font-weight: 400;  font-size: 21px;}
.btn-primary{background: #282e68!important;border-radius:4px;border-color:#282e68!important; }
/* comman_header */
.comman_header{background-color: #282e68;width: 100%;min-height: 245px;font-family: 'Raleway';box-shadow: 8px 8px 12px -11px rgba(0,0,0,0.75);}
.comman_header .header img{height: 100px;margin-top:32px;}
.comman_header .header h1{font-family: Raleway;font-style: normal;font-weight: 500;line-height: normal; font-size: 28px;text-align: center; letter-spacing: 0.05em; color: #ffffff;}
.comman_header .nav{ padding-top: 28px;float: right;}
.comman_header .nav a{ padding :16px;color: #ffffff;font-weight: 400;text-decoration:none;}
.comman_header ul>li{height: 35px;border: 1px solid #098137; background-color: #098137; box-sizing: border-box; border-radius: 4px;padding: 6px;}



.email_enter {min-height: 600px;background-color: #f2f2f2!important;}
.email_enter .col-md-8{background-color:  #E5E5E5!important;margin-top: 3em; padding: 0; padding-bottom: 50px;}
.email_enter .bg-email h3,p{ color: #495057; }
.email_enter .email_body{width: 100%;}
.email_enter .email_body .margin{margin-top: 65px;text-align: center;}
.email_enter .email_body .margin_only{margin-top: 65px;}
.email_enter .email_body input{padding-left: 40px;}
.email_enter .email_body .form-control{ height: 56px;border-radius: 0;padding-left: 10px;}
.email_enter .email_body .btn{width: 80%; height: 56px;}
.email_enter .email_body p{padding-top:20px;font-size: 14px;line-height: 16px;color: #F44336;padding-left: 15px}
.email_enter .info{margin-left:17%;}
.email_enter .info p{margin-top:31px;font-size: 16px;line-height: 16px;}
.errClass {border-left:3px solid red;}
.jatagsClass {height:75px!important;}

.email_enter .email_body_auth{background-color: #F2F2F2;margin-top: 81px;width: 100%;}
.email_enter .email_body_auth .margin_only{margin-top: 65px;}
.email_enter .email_body_auth input{padding-left: 40px;}
.email_enter .email_body_auth tags-input .tags {border:none;box-shadow: none;background: #e5e5e5;}
.email_enter .email_body_auth tags-input .tags input{border:none!important;box-shadow: none!important;background: #e5e5e5!important;min-width:200px;}
.email_enter .email_body_auth .form-control{ height: 45px;border-radius: 0;padding-left: 10px;}
.email_enter .email_body_auth .auth label{font-family: Raleway;font-style: normal;font-weight: normal;line-height: normal;font-size: 18px;letter-spacing: 0.05em;color: #000000;}
.email_enter .email_body_auth .form-control:disabled{background-color: #e5e5e5; opacity: 1;}
.email_enter .email_body_auth .auth1 input[type="text"]{ border:2px solid #fff;}
.email_enter .email_body_auth  input[type="email"] {border-left:3px solid #0F9D58;}
.email_enter .email_body_auth  input[type="text"]::placeholder,.email_enter .email_body_auth  input[type="email"]::placeholder { color: #000000;font-style: normal;font-weight: 500;line-height: normal;font-size: 18px;letter-spacing: 0.05em;}
.forpass{padding-left:30px; margin-top: -150px;}
.form-control[readonly] { background-color: #FFF; opacity: 1;}

.signup.email_enter .email_body .btn{width: 20%; height: 56px;}
.signup.email_enter  .email_body p{padding-top:0;font-size: 16px;line-height: 16px;color: #333;}

.email_enter .email_body_auth .log .btn{width: 100%; height: 56px;}
.email_enter a{color: #258BC1!important;}
.login a{font-family: Raleway;font-style: normal;font-weight: 500;line-height: 16px;font-size: 16px;color: #258BC1;margin-top: 20px;}

/* comman_header_fa */

.comman_header_fa .admin_header{background-color: #282e68;box-shadow: 8px 8px 12px -11px rgba(0,0,0,0.75); }
.comman_header_fa .admin_header img {height: 80px; padding-bottom: 10px;}
.comman_header_fa  .admin_header .margin_only{margin-top: 10px;}
.comman_header_fa  .admin_header p{  font-family: 'Raleway';font-style: normal;font-weight: 500;line-height: normal;font-size: 14px;text-align: left;color: #ffffff; margin-top: 18px;}
.comman_header_fa  .admin_header i{font-size: 30px; color: #ffffff;padding: 0 0 0 0px;text-align: left;}
.comman_header_fa  .admin_header .r2 .p_side{border-bottom:5px solid #078136; width: 60%;margin-left: 16px;}
.comman_header_fa  .admin_header .r2 p{  font-family: 'Raleway';font-style: normal;font-weight: bold;line-height: normal;font-size: 14px;text-align: center;color: #fff;}
/* .comman_header_fa  .admin_header .r2{border-top:} */
.comman_header_fa  .admin_header hr{border: 0.5px solid white;}
.comman_header_fa  .admin_header .toggle_top{padding-left: 0%;}
.admin_header_top{background-color: white;}
.banner-logo{display: flex; justify-content: center; margin-bottom: -2em;}
.banner-logo img{ height: 140px; position: relative; top: 1em; }
.banner-logo .contact-phone { border:1px solid #282e68; border-radius: 50px; height: 35px; width: 35px; background-color: #282e68; }
.banner-logo .contact-phone .fa-phone{color: white; margin: 8px;}
.banner-logo .phone-container{ display: flex; justify-content: flex-end; margin-top: 3em; }
.banner-logo .phone-container .contact-phone-details h4{ color: #078136; }

.body{background-color:  #f5f5f5!important;}
.block_box{overflow-y: scroll; min-height:70px; max-height: 210px;border: 0.5px solid #B7B7B7; box-sizing: border-box;}
.main_body .side_bar .active{width: 217px;height: 49px;left: 36px;top: 255px;background: #FFFFFF;border: 0.5px solid #757575;box-sizing: border-box;color: #5B6A75;}
.main_body .side_bar a{color: #5B6A75;text-decoration:none;}
.main_body .margin_only{padding-top: 28px;}
.main_body .side_bar .non_active{width: 217px;height: 49px;left: 36px;top: 255px;box-sizing: border-box;text-decoration:none;}
.main_body .side_bar p{padding-left: 10px;padding-top: 17px;font-family: 'Raleway';font-style: normal;font-weight: bold;line-height: normal;font-size: 12px;color: #5B6A75;}
.main_body #date{height: 48px; width: 48px;font-size:4vh;}
.main_body .main{background: #ffffff!important; min-height:600px;}
.main_body .main form{padding:5% ;margin-bottom: 80px;}
.main_body .main form .checkbox{padding-left: 5%;}
.main_body .main form label{font-family: 'Raleway';font-style: normal;font-weight: normal;line-height: normal;font-size: 12px;letter-spacing: 0.05em;color: #616161;}
.main_body .main form input[type="checkbox"]:not(:checked),input[type="checkbox"]:checked {border: 5px solid #0063ED!important;width: 1.25em; height: 1.25em;margin-top: -1px;}
/* .main_body .main form select.form-control:not([size]):not([multiple]) {  height: calc(25px + 2px);} */
/* .main_body .main form select {  background-image:url(../images/arrowdown1.png); background-repeat:no-repeat;  background-position:95%;  height: 31px;  border-radius: none;  box-sizing: border-box;  margin-top:8px;  line-height:1;  -webkit-appearance:none;  outline:none  } */
/* .main_body .main form select:after {  background-image:url(../images/arrowdup1.png); background-repeat:no-repeat;  background-position:95%;  height: 31px;  border-radius: none;  box-sizing: border-box;  margin-top:8px;  line-height:1;  -webkit-appearance:none;  outline:none  } */

.main_body  .training .main{min-height:600px;}
.main_body  .trPgmP .main  p{padding-top:8px; font-family: 'Raleway';font-style: normal;font-weight: 300;line-height: normal;font-size: 9px;color: #757575;}
.main_body  .training .main  button{max-width: 263px;min-height: 65px;left: 316px;top: 286px;background: #F8F8F8;border: 0.3px solid #757575;box-sizing: border-box;border-radius: 2px;font-family: 'Raleway';font-style: normal;font-weight: bold;line-height: normal;font-size: 14px;text-align: center;color: #258BC1;}
.main_body  .training .main  button img{margin: 0px;width:40px; height: 40px;}
.main_body  .training .main select{height: 47px;border: 0.5px solid #B7B7B7;box-sizing: border-box;border-radius:0px;}
.main_body  .training .main select > .opt{height: 47px;border: 0.5px solid #B7B7B7;box-sizing: border-box;}
.main_body  .main tags-input .tags{border: none;}
.main_body  .main tags-input .tags input{border:none!important;box-shadow: none!important;min-width:200px;}
.main_body  .main tags-input .tags {  border: none; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0);   -moz-box-shadow: 0 0 3px 1px rgba(255,0,0,.6);box-shadow: 0 0 3px 1px rgba( 0,0,0,0); }
.main_body  .main tags-input .tags .input::placeholder{ color: #616161;font-style: normal;font-weight: 200;line-height: normal;font-size: 16px;letter-spacing: 0.03em;}

.main_body  .states .main  p{padding-top:8px; font-family: 'Raleway';font-style: normal;font-weight: 300;line-height: normal;font-size: 9px;color: #757575;}

.main_body  .states .form-control:disabled{background-color: #f5f5f5;color: #616161; }
.main_body  .states .main a{font-family: 'Raleway';font-style: normal;font-weight: 600;line-height: normal;font-size: 14px;letter-spacing: 0.05em;color: #258BC1;}
.main_body  .states .main .button{width: 246px;min-height: 65px;left: 316px;top: 286px;background: #F8F8F8;border: 0.3px solid #757575;box-sizing: border-box;border-radius: 2px;font-family: 'Raleway';font-style: normal;font-weight: bold;line-height: normal;font-size: 14px;text-align: center;color: #258BC1;}
.main_body  .states .main  .button img{margin: 0px;width:40px; height: 40px;}
.main_body  .states .main .btn_save{width:156px; height: 43px;}
.main_body  .states .main .moreCities{font-family: 'Raleway';font-style: normal;font-weight: 300;line-height: normal;font-size: 12px;letter-spacing: 0.05em;color: #616161;}
.main_body  .states .main label{font-family: Raleway; font-style: normal; font-weight: 500; line-height: normal; font-size: 14px; color: #5B6A75;height:24px;}
.main_body  .states .main i{float: right;color: #5B6A75}
.main_body  .states .main .col_can{width:150px;padding-top: 15PX;padding-left: 20PX;padding-right: 20px;}
.main_body  .states .main .col_can p{font-family: 'Raleway';  font-style: normal; font-weight: 300; line-height: normal; font-size: 14px; letter-spacing: 0.05em; color: #000000;}
.main_body  .states .main .col_can a{color: #5B6A75; font-family: 'Raleway';  font-style: normal; font-weight: 300; line-height: normal; font-size: 14px; letter-spacing: 0.05em;}
.main_body  .states .main .col_can a:hover{color: #007bff;text-decoration: none}
.main_body  .states .main .cust_drop .dropbtn {    padding: 16px;  font-size: 16px; cursor: pointer; }
.main_body  .states .main .cust_drop .customSearch{ width: 100%; border-radius: 0; border-color: #B7B7B7;}
.main_body  .states .main .cust_drop .droptoggle {  font-size: 16px; cursor: pointer;}
.main_body  .states .main .cust_drop .droptoggle {  font-size: 16px; cursor: pointer;}
.main_body  .states .main .cust_drop .dropdown {  position: relative; display: inline-block;}
.main_body  .states .main .cust_drop .dropdown-content {display: block;  position: relative;  background-color: #fff;  min-width: 100%;min-height:44px;  overflow: auto;  z-index: 1;  text-align: left; border:.5px solid #B7B7B7;border-top:none;}
.main_body  .states .main .cust_drop .dropdown-content:hover {  background-color: #f1f1f1; }
.main_body  .states .main .cust_drop .dropdown-content a {  color: black;  padding: 10px 10px 0px 10px;  text-decoration: none;  display: block;}
.main_body  .states .main .cust_drop .dropdown a:hover {background-color: #ddd;}
.main_body  .states .main .cust_drop #myDIV {position: relative;	width: 100%;display:none;}
.main_body  .states .main .cust_drop #myDivcom {position: relative;	width: 100%;display:none;}
.main_body  .states .main .cust_drop .newToogle hr{margin-bottom: 0; margin-top: 10px; }
.main_body  .states .main .cust_drop p{font-size: 14px;padding-left: 16px;padding-top: 10px;padding-bottom: 0;word-break: break-all;color:black}
.main_body  .states .main .cust_drop .newToogle {  position: relative; height: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  text-align: center;background-color: #fff;border-radius:10% 0 10% 10%;border:1px solid #B7B7B7; margin-right: 20px;margin-top: -35px;  z-index: 1;  float: right;  display:none;}
.usrGreyedClass {  background-color: #f1f1f1!important; }
.greyUsers p{color: grey !important;}
.main_body  .box{width: 589px; height: 31px;  left: 316px;top: 537px; background: #EEEEEE;  border: 0.5px solid #B7B7B7;  box-sizing: border-box;}


/*------------------ The Modal (background)--------------------- */
.modal { display: none;   position: fixed;   padding-top: 100px;   left: 0;  top: 0;  width: 100%;  height: 100%;   overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4);}
.modal-content { position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: 400px;height: 297px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop;  -webkit-animation-duration: 0.4s;  animation-name: animatetop;  animation-duration: 0.4s}
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
.close {color: white;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-body {padding: 2px 16px;}

/* --------------------------- */

.comman_header_ja  .admin_header{background-color: #282e68;box-shadow: 8px 8px 12px -11px rgba(0,0,0,0.75); }
.comman_header_ja  .admin_header .can_ad{width: 400px; height: 58px; left: 370px; top: 107px;background: #DB4437;margin-top: 25px;}
.comman_header_ja  .admin_header .can_ad p{font-family: Raleway; font-style: normal;font-weight: bold;line-height: normal; font-size: 18px; text-align: center;color: #FFCD40;padding-top:20px;}
.comman_header_ja  .admin_header img {height: 80px; }
.comman_header_ja  .admin_header .margin_only{margin-top: 10px;}
.comman_header_ja  .admin_header p{  font-family: 'Raleway';font-style: normal;font-weight: 500;line-height: normal;font-size: 14px;text-align: left;color: #ffffff; margin-top: 18px;}
.comman_header_ja  .admin_header i{font-size: 30px; color: #ffffff;padding: 0 0 0 10px;text-align: left;}
.comman_header_ja  .admin_header .r2 .p_side{border-bottom:5px solid #078136; width: 21%;margin-left: 16px;font-weight: bold;}
.comman_header_ja  .admin_header .r2 .pn_side{width: 22%;margin-left: 16px;font-weight: 400;}
.comman_header_ja  .admin_header .r2 .pn_side .pending-dot{height: 8px;width: 8px;border-radius: 50%;background-color: red;display: inline-block;}
.comman_header_ja  .admin_header .r2 p{  font-family: 'Raleway';font-style: normal;font-weight: bold;line-height: normal;font-size: 14px;text-align: center;color: #ffffff;}
/* .comman_header_ja  .admin_header .r2{border-top:} */
.comman_header_ja  .admin_header hr{border: 0.5px solid white;}

.emp-tabs{max-width: 1300px;}
/* All Candidates */

.all_candidates{width:1200px;background-color:#E5E5E5;}
.all_candidates .container-fluid{width:1349px;background-color:#f5f5f5;min-height: 500px;}
.all_candidates .detail{background-color: white;}
.all_candidates .detail .top{background-color: transparent;width: 1915px;/* height: 89px;*/}

.all_candidates .detail .top .col_cus{background-color: white;width: 150px;height: 110px;float: left;padding-top: 15PX;padding-left: 20PX;padding-right: 20px;}
.all_candidates .mini {margin-bottom: -14px;}
.all_candidates .mini .trainerCommentModal .input-comment{margin: 2em 0;}
.all_candidates .mini .detail .top .col_cus{background-color: white;width: 150px;height:auto; min-height: 68px; height: auto !important;height:88px;float: left;padding-top: 15PX;padding-left: 20PX;padding-right: 20px;}
.all_candidates .mini .detail .top .col_size1{background-color: white;width: 130px;height:auto; min-height: 68px; height: auto !important;height:88px;float: left;padding-top: 15PX;padding-left: 20PX;padding-right: 20px;}
.all_candidates .mini .detail .top .col_japrovider{background-color: white;width: 126px;height:auto; min-height: 68px; height: auto !important;height:88px;float: left;padding-top: 15PX;padding-left: 20PX;padding-right: 20px;}
/*.all_candidates .mini .detail .top .col_size2{background-color: white;width: 140px;height:auto; min-height: 68px; height: auto !important;height:88px;float: left;padding-top: 15PX;padding-left: 5PX;padding-bottom: 20PX;padding-right: 20px;}*/
.all_candidates .detail .top .col_sub{background-color: white;width: 150px; height: 110px;float: left;padding-top: 15PX;padding-left: 18PX;padding-right: 18px;}
.all_candidates .detail .top .col_sub i{padding: 0;float: right;}
.all_candidates .detail .top .col_cus i{padding: 0;float: right;}
.all_candidates .detail .top .col_cus label{border: none;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;font-size: 14px;line-height: normal;font-weight: 500;height: 35px;color: #5B6A75;}
.all_candidates .detail .top .col_cus .btn{border: 1px solid #258BC1;box-sizing: border-box;border-radius: 4px;}
.all_candidates .detail .top .col_cus  .btn{width: 104px;height: 38px;border: 1px solid #258BC1; color: #258BC1; box-sizing: border-box;border-radius: 4px;}
.all_candidates .row2 .detail .top .col_sub label{border: none;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;font-size: 14px;line-height: normal;font-weight: 500;height: 35px;color: #5B6A75;}
.all_candidates hr{border:0px solid #E5E5E5;}
.all_candidates .detail .top .col_cus p{font-family: Raleway;font-style: normal;font-weight: 300;line-height: normal;font-size: 14px;letter-spacing: 0.05em;color: #000000;word-break: break-word;}
.all_candidates .row{margin-left: 0;}
.all_candidates .row2{border-bottom:1px solid #E5E5E5;}
.all_candidates .row2 .detail .top .col_cus{background-color: white;width: 150px; height: 102px;float: left;padding-top: 15PX;padding-left: 20PX;}
.all_candidates .rowb .btn{width: 201px;height: 43px;left: 553px;top: 747px;border: 1px solid #282e68;box-sizing: border-box; color:#282e68;border-radius: 4px;margin: 10px;}
.all_candidates .rowb .save-btn{color: white;}
.all_candidates .padd{margin-top:40px;margin-bottom:80px}
.all_candidates .rowb p{float: left;padding: 5px;}
.all_candidates .rowb .sq{width: 20px;  height: 20px; background: #E2E2E2;  border: 0.2px solid #757575;  box-sizing: border-box;  border-radius: 3px;float: left;margin: 5px;}
.all_candidates .container {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 14px; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.all_candidates .detail .top .col_cus .newToogle {display:none;}
.all_candidates .detail .top .col_cus .newToogle {padding-top: 6px;  position: relative; height: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  text-align: center;background-color: #fff;border-radius:10% 0 10% 10%;border:1px solid #B7B7B7; margin-right: 20px;margin-top: 0px;  z-index: 1;font-size: 14px; width:135px;  float: right;  display:none;width:}
.all_candidates .detail .top .col_cus .newToogle hr{ border: 1px solid #E5E5E5;margin:0;padding: 0px;margin-top: 2px;}
#myFile {  opacity: 0;  position: absolute;  z-index: -1;color: #258BC1;}
/* CSS checkbox */
.all_candidates .container input {  position: absolute; opacity: 0;  cursor: pointer; height: 0;  width: 0;}
.all_candidates .checkmark {  position: absolute;  top: 0;  left: 0;  height: 20px;  width: 20px;  background-color: #ccc0;border:2px solid #282e68;}
.all_candidates .container:hover input ~ .checkmark {  background-color: #ccc0;border:2px solid #282e68;}
.all_candidates .container input:checked ~ .checkmark {  background-color: #282e68;}
.all_candidates .checkmark:after {  content: "";  position: absolute;  display: none;}
.all_candidates .container input:checked ~ .checkmark:after {  display: block;}
.all_candidates .container .checkmark:after {  left: 6px;  top: 2px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.main_body .container #chk input {  position: absolute; opacity: 0;  cursor: pointer; height: 0;  width: 0;}
.main_body .checkmark {  position: absolute;  top: 0;  left: 0;  height: 20px;  width: 20px;  background-color: #fff;}
.main_body .container:hover input ~ .checkmark {  background-color: #ccc0;border:2px solid #2196F3;}
.main_body .container input:checked ~ .checkmark {  background-color: #2196F3;}
.main_body .checkmark:after {  content: "";  position: absolute;  display: none;}
.main_body .container input:checked ~ .checkmark:after {  display: block;}
.main_body .container .checkmark:after { left: 6px;  top: 2px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
/* Drill-Down */
.drill-down {background: #fff;}
.drill-down .back{background-color: #F5F5F5; }
.drill-down .back .block{ width:100%;height: 78px; border: 1.75px solid #FFFFFF; box-sizing: border-box; border-radius: 2px;padding: 10px;margin:10px 0;display: grid; }
.drill-down .back .block label{color: #8a8989e6;}
.drill-down .back .block input{border: none;background: transparent;width: 100%;}
.drill-down label{text-transform: uppercase;}
.drill-down .padd{margin-top:40px;margin-bottom:80px}
.drill-down .back .selectBlock{height: 98px;}
.drill-down .back .block .bg_input{background-color: white; border: 1px solid #ced4da;}
.drill-down .back .block .disableUpload{color: #8a8989e6 !important; cursor: auto !important;}

/* Dashboard */
.dashboard {background-color:  #F5F5F5;min-height:600px;}
.dashboard .card{max-width:310px;text-align: center; align-items: center;min-height: 203px;overflow: hidden;}
.dashboard .card .card-body{width:310px;overflow: hidden;padding-left: 0;padding-right: 0;}
.dashboard .card img{width:80px; height: 80px;}
.dashboard .col-md-4{padding: 20px 20px 20px 40px;}
/* .dashboard hr{border: .5px solid #757575;}  */
.dashboard .card-text{font-family: Raleway;font-style: normal;font-weight: 500;line-height: normal;font-size: 14px;text-align: center;color: #5B6A75;}
.dashboard .margin{margin-top:50px}

/* system_admin */

.system_admin .container{margin-top: 40px;}
.system_admin .r1{height: 102px;padding-top: 20px}
.system_admin .r1 label{font-family: Raleway;  font-style: normal; font-weight: 500; line-height: normal; font-size: 14px; color: #5B6A75;}
.system_admin .r2{height: auto;margin-top:20px;}
.system_admin .r2 p{margin-top: 20px;font-family: 'Raleway'; font-style: normal;font-weight: normal; line-height: normal; font-size: 12px; color: #000000;}

/* Comman codes for application */
.width{width: 80%;}
tags-input[disabled] .tags .tag-item .remove-button {display: none!important;}
tags-input[disabled] .tags .input {display: none!important;}

/* toggle top */
.dropdown-menu-cust{margin-left:-110px;width:180px;font-size: 14px;}
.dropdown-menu-cust li a{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
.dropdown-menu-cust .divider { height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}


.all_candidates .detail .top .col_cus .uib-datepicker-popup .btn {
	width:auto;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    color: black;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*request payslips*/
.payslip-dates{display: flex; justify-content: space-around; margin: 2em 0 0;}

.footer-common{ background-color: #078136; display: flex; justify-content: space-evenly; padding: 1em 0 0.5em;}
.footer-common .footer-details{ display: flex; }
.footer-common .social-connect{ display: flex; }
.footer-common .social-connect img{ height: 25px; }
.footer-common a { color: white; margin: 3px 2px;}
.footer-common p{ color: white; margin: 3px 2px;} 
/* Responsiveness */

@media (min-width:1200px){
  .container { max-width: 1200px;}
  .comman_header_fa  .admin_header .toggle_top{left:50px}
}

@media (max-width:1200px){
  .system_admin .log-filters .date-box{ margin-left: -5em; }
  .navigation .col-md-2 .nav ul>li{ left:30px;}
  .main_body .payslip-filters{margin-left: 0 !important; width: 1100px !important;}
  .main_body .status-payslips{margin-left: 0 !important;}
}

@media (max-width:992px){  
  .navigation .col-md-6 .nav a{padding: 9px;}  
  .main_body  .states .main .mar{margin-top: 10px;}
}

@media (max-width:768px){
  .navigation .col-md-6 .nav a{padding: 9px;}
  .navigation .nav.pull-right{float: left!important;padding-bottom: 20px;padding-top: 0;}
  .email_enter .email_body .margin{padding-top: 25px;margin-top: 0;}
  .email_enter .email_body p{padding:0 0 10px 18px;}
  .email_enter .email_body_auth{padding-top: 80px}
  .email_enter .email_body_auth  input[type="text"]::placeholder,.email_enter .email_body_auth  input[type="email"]::placeholder { color: #000000;font-style: normal;font-weight: 200;line-height: normal;font-size: 14px;letter-spacing: 0.03em;}
  /*.comman_header_fa .admin_header .r2 .p_side {margin-bottom: 0;}*/
  .comman_header_ja  .admin_header .r2 .p_side {width: auto;}
  .main_body .states .main .button{width:165px;}
  .main_body .states .main .button img { margin: 0px;width: 30px; height: 30px;}
  .main_body .states .main .button a{font-size:10px;}
  .forpass{padding-left:30px; margin-top: -25px;margin-bottom: 40px;}
  .hide-back{display: none;}
  .system_admin .r1 label {font-size: 12px;}

}

@media (max-width:576px){
  .navigation .col-md-2 .nav ul>li{ left:30px!important;}
  .banner .header h1{letter-spacing: 1px;  line-height:  1em;}
  .signup.email_enter .email_body .btn{width: 40%; height: 56px;}
  .system_admin .r1{height: auto;}
 *{font-size: 12px !important;}
  .main_body .states .main .cust_drop .dropbtn{font-size:14px;}
  .uib-datepicker-popup.dropdown-menu {top:56%!important;left:5%!important;}
  .main_body #date{height: 42px; width: 32px;}
  .form-group{margin-bottom: 1.6rem;}
  .comman_header_fa  .admin_header i{font-size: 20px !important; }
  .system_admin .log-filters .date-box{ margin-left: 0; }
  .system_admin .r2 {padding: 10em 1em;}
  .system_admin .r2 .mob-padding{margin:0 !important; padding:2em 1em;}
  .system_admin .r2 .rem-margin{margin: 0 !important;}
}

@media(max-width:460px){
  .comman_header_ja  .admin_header .r2 .p_side{width: 95%;}
  .comman_header_ja  .admin_header .r2 .pn_side{width: 95%;}
  .width{width: 100%;}
}

table, th , td  {
    border: 1px solid grey;
    border-collapse: collapse;
    padding: 5px;
}
table tr:nth-child(odd) {
    background-color: #f1f1f1;
}
table tr:nth-child(even) {
    background-color: #ffffff;
}