/*======== reset.css is here =========*/
*{padding:0;margin:0;box-sizing:border-box;}
body {font-family:Roboto, sans-serif;font-size:16px;font-weight:400;height:100%;}
html {height:100%;}
ul,ol{list-style:none;margin: 0;line-height: 16px;}
a:hover{text-decoration:none;}
img{display:inline-block;border:0 none;max-width:100%;height:auto;vertical-align: top;}
.tranisition{-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tbl{width:100%;height:100%;display: table;}
.tbl_cell{width:100%;height:100%;vertical-align:middle;display: table-cell;}
.no_border{border: none !important;}
.no_padding{padding-left:0 !important;}
.no_margin{margin-bottom: 0 !important;}
header,nav,section,aside,article,figure{margin: 0;padding: 0;display: block;}
/********************************************************/
a {color:#000000;text-decoration:none;outline:0 none !important;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;display: inline-block;vertical-align: top;}
a:hover, a:focus {color:#000;text-decoration:none;outline:0 none !important;}
h1{font-size: 36px;line-height: 42px;color: #000000;font-weight: normal;margin: 0;font-family: 'geomanistbold';letter-spacing: 0.2px;}
h2{font-size: 36px;line-height: 38px;color: #02437d;font-weight: 700;margin: 0;font-family: 'Roboto', sans-serif;}
h3{font-size: 28px;line-height: 30px;color: #0e75b4;font-weight: 700;margin: 0;font-family: 'Roboto', sans-serif;}
h4{font-size: 22px;line-height: 24px;color: #ffffff;font-weight:700;margin: 0;font-family: 'Roboto', sans-serif;}
h5{font-size: 18px;line-height:20px;color: #0e75b4;font-weight:700;margin: 0;font-family: 'Roboto', sans-serif;}
h6{font-size: 16px;line-height: 18px;color: #5c5c5c;font-weight: 700;font-family: 'Roboto', sans-serif;margin: 0;}
p{font-size: 16px;line-height: 25px;color: #5c5c5c;font-family: 'Roboto', sans-serif;margin: 0;font-weight:400;}
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
button{cursor: pointer;}
.form-control:focus,button:focus{outline: 0 none;box-shadow: none;}
.add {font-size:16px;line-height:45px;background:#00a74d url(../images/icon3.png) no-repeat 3px 3px / 39px;border-radius:30px;color:#fff;font-weight:700;padding:0 22px 0 53px;}
.add:hover{color: #ffffff;}
.btn1{background: #0e75b4;font-size: 13px;line-height: 15px;color: #ffffff;font-weight: 700;font-family:'Roboto', sans-serif;border-radius: 30px;padding: 10px 17px 10px 17px;}
.btn1:hover{background: #f0341d;color: #ffffff;}
.btn2{background: #00a74d;font-size: 16px;line-height: 45px;color: #ffffff;font-weight: 700;font-family:'Roboto', sans-serif;border-radius: 30px;border: 0 none;outline: 0 none;cursor: pointer;text-align: center;width: 232px;height: 45px;}
.btn2:hover{background: #f0341d;color: #ffffff;}
.btn-green{background-color:#00A74D;color:#fff;}
.btn-orange{background-color:#F4462F;color:#fff;}
.btn-blue{background-color:#0E75B4;color:#fff;}

.btn-plus{background-image:url("../images/btn-plus.png");background-repeat:no-repeat;background-position: 5px 5px;padding-left:40px;}
.btn-email{background-image:url("../images/icon-email.png");background-repeat:no-repeat;background-position: 10px 10px;padding-left:35px;margin-left:15px;}
.btn-enroll{background-image:url("../images/icon-enroll.png");background-repeat:no-repeat;background-position: 10px 8px;padding-left:30px;margin-left:15px;}
.btn-download{background-image:url("../images/icon-download.png");background-repeat:no-repeat;background-position: 10px 10px;padding-left:35px;margin-left:15px;}
.btn-email:hover{color:#fff;text-decoration:underline;}
.btn-enroll:hover{color:#fff;text-decoration:underline;}
.btn-download:hover{color:#fff;text-decoration:underline;}
.btn-bubble{width:150px;}
.btn-attended{background-color:#fff;border:solid 1px #00A74D;color:#00A74D !important;background-image:url("../images/icon16.png");background-repeat:no-repeat;background-position: 10px 7px;padding-left:35px;}
/* reset.css ends here */

/* Layout Start Here */
.wrapper {display:block;height:100%;}
.container{display: block;max-width: 1540px;margin: 0 auto;}
.d-flex{display: -webkit-flex !important;flex-wrap: wrap;-webkit-flex-wrap:wrap;}

/* loginpage starts here */
.account-login {min-height:100%;background:#fff;}
.account-login-left {background:url('../images/img1.png') no-repeat right / cover;}
.account-login-right {align-items:center;justify-content:center;}
.account-login-right h2 {padding-bottom:32px;white-space:nowrap;float:right;width:100%;}
.account-login-right h2 + * {clear:both;}
.account-login-right h3 {font-size:20px;}
.account-login-right p {margin-bottom:35px;}
.account-login-right a figure img{display: block;margin: 0 auto;}
.account-login-right a span{font-size: 16px;line-height: 18px;color: #02437d;font-weight: 700;padding: 3px 0 0 0;}
.account-login-right form{padding: 63px 0 0 0;}
.account-login-right label input{display: none;}
.account-login-right .form-control{display: block;width: 100%;height: 42px;line-height: 42px;border: 1px solid #dedede;border-radius: 5px;outline: 0 none;}
.account-login-right label{font-size: 16px;line-height: 18px;color: #5c5c5c;font-weight: 400;font-family: 'Roboto', sans-serif;margin: 0;padding: 0 0 5px 0;}
.account-login-right label small{font-size: 16px;line-height: 18px;color: #5c5c5c;font-weight: 400;font-family: 'Roboto', sans-serif;}
.account-login-right label span{display: block;font-size: 16px;line-height: 18px;color: #5c5c5c;font-weight: 400;font-family: 'Roboto', sans-serif;background: url(../images/unchecked.png) no-repeat left top;padding: 0 0 0 33px;}
.account-login-right label input:checked + span{background: url(../images/checked.png) no-repeat left top;}

/* all-trainees style starts here */
/* header */
header{background: #ffffff;position: relative;z-index: 9999;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);width: 100%;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.sticky header{position: fixed;top: 0;left: 0;}
header:after{content: '';position: absolute;top: 0;right: 0;-webkit-clip-path: polygon(61% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 0% 100%);background: #02437d; width: 19.8%;height: 70px;z-index: -1;}
.header-details{margin: 0 -15px;padding: 0 0 0 0;}
/* .header-left{padding: 15px 0 7px 0;max-width: 40.6%;flex: 0 0 40.6%;-webkit-flex: 0 0 40.6%;border-right: 1px solid #f5f5f5;} */
/* .logo{padding: 0 46px 0 0;} */
.search{padding: 12px 0 0 19px;}
.search .form-group{margin: 0;position: relative;}
.search .form-control{border: 0 none;outline: 0 none;font-size: 16px;line-height: 30px;color: #898989;font-weight: 400;font-family: 'Roboto', sans-serif;padding: 0 34px 0 34px;height: 30px;}
.search button{display: block;border: 0 none;outline: 0 none;cursor: pointer;background: none;position: absolute;top: 0;left: 0;}
.search button .fa{font-size: 22px;line-height: 22px;color: #02437d;}
.header-right{padding: 10px 0 0 19px;max-width: 59.4%;flex: 0 0 59.4%;-webkit-flex: 0 0 59.4%;}
nav ul{float: right;}
nav ul li{display: inline-block;float: left;padding: 0 7px 0 20px;}
nav ul li a{display: inline-block;font-size: 16px;line-height: 18px;color: #898989;font-weight: 700;font-family: 'Roboto', sans-serif;padding: 24px 5px 28px 5px;position: relative;}
nav ul li a:after{content: '';position: absolute;bottom: 0;left: 0;width: 1%;height: 4px;background:#f0341d;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
nav ul li.active a:after{opacity: 1;visibility: visible;width: 100%;}
nav ul li.active a{color: #f0341d;}
nav ul li:hover a{color: #f0341d;}
nav ul li:hover a:after{opacity: 1;visibility: visible;width: 100%;}
/* .profile{padding: 0 0 0 48px;} */
.profile-left {padding:0 18px 0 5px;}
/* .profile-left a {float:right;} */
.profile-left img {border-radius:100%;}
.profile-right{padding: 13px 0 0 0;}
.profile-right small{font-size: 13px;line-height: 15px;color: #ffffff;font-weight: 400;font-family: 'Roboto', sans-serif;padding: 0 0 3px 0;}
.profile-right .nice-select {width: 100%;height: 20px;color: #ffffff;font-size: 16px;line-height: 20px;border: 0 none;border-radius: 5px;background: none;outline:0 none;float: none;text-transform: uppercase;padding: 0 18px 0 0;font-weight: 700;float: none;}
.profile-right .list{width: 100%;border-radius: 0;box-shadow: none;-webkit-box-shadow:none;background: #02437d;}
.profile-right .nice-select .option:hover, .profile-right .nice-select .option.focus, .profile-right .nice-select .option.selected.focus{background: #02437d;}
.profile-right .nice-select .option{font-size: 14px;line-height: 35px;color: #ffffff;font-weight: 400;padding: 0 15px;min-height: 35px;font-family: 'Roboto', sans-serif;}
.profile-right .nice-select:after{border-bottom-color: #ffffff;border-right-color: #ffffff;width: 8px;height: 8px;margin-top: -6px;right: 24px;}
nav{padding: 0 0 0 0;}
.menu{padding: 8px 0 0 0;}
.menu a .fa{font-size: 32px;line-height: 32px;color: #02437d;}
.close{opacity: 1;}
.close .fa{font-size: 27px;line-height: 27px;color:#02437d; }
.empty{display: none;min-height: 80px;}
.sticky .empty{display: block;}

/* main-content */
/* trainees */
.trainees {background:#f4f4f4;margin-top:80px;}
.trainees-details{margin: 0 -15px;padding: 27px 4px 78px 6px;}
.trainees-top{background: #ffffff;padding: 0 26px 0 26px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}
.trainees-top-left{padding: 15px 0 9px 0;max-width: 76.5%;flex: 0 0 75.5%;-webkit-flex: 0 0 75.5%;}
.trainees-top-left ul{}
.trainees-top-left ul li{display: inline-block;float: left;padding: 0 9px 0 0;}
.trainees-top-left h5{padding: 10px 7px 0 0;vertical-align: top;float: none !important;}
.trainees-top-left .nice-select{height: 36px;color: #5c5c5c;font-size: 14px;line-height: 37px;border: 1px solid #e6e6e6;border-radius: 3px;background: #ffffff;outline:0 none;float: right;padding: 0 22px 0 9px;font-weight: 400;display: inline-block;}
.trainees-top-left .list{width: 100%;border-radius: 0;box-shadow: none;-webkit-box-shadow:none;background: #02437d;}
.trainees-top-left .nice-select .option:hover, .trainees-top-left .nice-select .option.focus, .trainees-top-left .nice-select .option.selected.focus{background: #02437d;}
.trainees-top-left .nice-select .option{font-size: 14px;line-height: 35px;color: #ffffff;font-weight: 400;padding: 0 15px;min-height: 35px;font-family: 'Roboto', sans-serif;display: block;float: none;width: 100%;}
.trainees-top-left .nice-select:after{border:0 none;margin-top: -10px;right: 9px;content: '\f0d7';font-size: 17px;line-height: 17px;color: #666666;font-family:'FontAwesome';transform: none;-webkit-transform:none;width: auto;height: auto;}
.trainees-top-left .nice-select.open:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);margin-top: -13px;}
.trainees-top-left ul li.locations .nice-select{width: 173px;}
.trainees-top-left ul li.course .nice-select{width: 87px;padding: 0 22px 0 13px;}
.trainees-top-left form{padding: 8px 0 0 9px;}
.trainees-top-left .form-group{margin: 0;}
.trainees-top-left label{margin: 0;}
.trainees-top-left input{display: none;}
.trainees-top-left form span{font-size: 14px;line-height: 24px;color: #5c5c5c;font-weight: 400;background: url(../images/unchecked1.png) no-repeat left top;padding: 0 0 0 29px;display: inline-block;vertical-align: top;}
.trainees-top-left form input:checked + span{background: url(../images/checked1.png) no-repeat left top;}
.trainees-top-right{padding: 0 0 0 0;max-width: 24.5%;flex: 0 0 24.5%;-webkit-flex: 0 0 24.5%}
.resetfilters{padding: 12px 10px 2px 20px;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;max-width: 44.2%;flex: 0 0 44.2%;-webkit-flex: 0 0 44.2%;}
.resetfilters ul li{display: block;padding: 0 0 8px 0;}
.resetfilters ul li a{font-size: 14px;line-height: 18px;color: #0e75b4;font-weight: 400;text-decoration: underline;padding: 0 0 0 28px;}
.resetfilters ul li a.reset{background: url(../images/icon1.png) no-repeat left top;}
.resetfilters ul li a.export{background: url(../images/icon2.png) no-repeat left top;}
.add-trainee{max-width: 55.8%;flex: 0 0 55.8%;-webkit-flex: 0 0 55.8%;padding: 10px 3px 5px 37px;}

/* trainees-bottom */
.trainees-bottom{padding: 16px 0 0 0;}
.trainees-bottom-left{padding: 0 4px 0 0;}
.trainees-bottom-left-in{background: #ffffff;box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);padding: 13px 15px 13px 15px;}
.trainees-bottom-left h6{font-size: 13px;line-height: 15px;color: #5c5c5c;font-weight:700;margin: 0;font-family: 'Roboto', sans-serif;}
.trainees-bottom-left h6 img{vertical-align: top;margin: 2px 0 0 7px;}
.trainees-bottom-left p{vertical-align: top;}
.trainees-bottom-left p.complete{background: url(../images/icon6.png) no-repeat left top;line-height: 26px;}
.trainees-bottom-left p.enrolled{background: url(../images/icon5.png) no-repeat 3px top;line-height: 25px;}
.trainees-bottom-left p span{font-size: 15px;color: #0e75b4;}
.trainees-bottom-head{background: #f2f2f2;padding: 16px 29px 16px 29px;}
.trainee-location{display: inline-block;float: left;width: 12%;}
.trainee-name{display: inline-block;float: left;width: 20%;padding: 0 0 0 5px;}
.trainee-progress{display: inline-block;float: left;width: 22%;padding: 0 0 0 3px;}
.trainee-course{display: inline-block;float: left;padding: 0 0 0 2px;width: 10%;}
.trainee-training{display: inline-block;float: left;width: 15%;padding: 0 5px 0 7px;}
.program-hrs{display: inline-block;float: left;width: 11%;padding: 0 4px 0 6px;}
.court-obs{display: inline-block;float: left;width: 10%;padding: 0 4px 0 10px;}
.trainees-bottom-main{border-bottom: 1px solid #f8f8f8;padding: 11px 29px 10px 29px;}
 @-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
 @keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
 @keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
.trainees-bottom-main .stat-bar {background-color: #f3a69e;
  height: 22px;
  overflow: hidden;
  margin-left: 15px;
  width: 182px;
  border-radius: 3px;
  vertical-align: top;
}
.trainees-bottom-main .stat-bar-rating {
  float: left;
  width: 0;
  height: 100%;
  font-size: 13px;
  color: white;
  background-color: #0e75b4;
  line-height: 23px;
}
.trainees-bottom-main .stat-bar-rating {
  visibility: hidden;
  width: 0;
  -webkit-animation: animate-width;
  -moz-animation: animate-width;
  animation: animate-width;
  animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;}
.trainees-bottom-main .stat-bar-rating small{font-size: 100%;padding: 0 0 0 7px; }
.trainee-training ul li{display: inline-block;vertical-align: top;padding: 0 1px 0 0;}
.trainee-training ul li a{display: block;width: 24px;height: 24px;border-radius: 100%;background: #00a74d;text-align: center;color: #5c5c5c;font-size: 14px;line-height: 24px;font-weight: 400;}
.trainee-training ul li a small{background: #97e6b8;display: block;border-radius: 100%;font-size: 100%;}
.trainee-training ul li a strong{background: #ffe160;display: block;border-radius: 100%;}
.trainee-training ul li a .fa{font-size: 14px;line-height: 24px;color: #ffffff;}
.court-obs p{padding: 0 0 0 32px;}
.pagination1{padding: 18px 0 0 0;}
.pagination1-left{padding: 0 28px 0 38px;}
.pagination1-left ul{margin: 0 auto;}
.pagination1-left ul li{display: inline-block;vertical-align: top;padding: 0 2px;}
.pagination1-left ul li a{width: 36px;height: 36px;border-radius: 100%;background: #f2f2f2;border-radius: 3px;font-size: 13px;line-height: 36px;color: #898989;font-weight: 400;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.pagination1-left ul li a .fa{font-size: 27px;line-height: 36px;vertical-align: top;color:#898989;}
.pagination1-left ul li.active a{background: #0e75b4;color: #ffffff;}
.pagination1-left ul li:hover a{background:#0e75b4;color: #ffffff;}
.pagination1-right{padding: 0 0 0 7px;}
.pagination1-right .nice-select{height: 35px;color: #5c5c5c;font-size: 13px;line-height: 36px;border: 1px solid #dedede;border-radius: 3px;background: #ffffff;outline:0 none;float: right;padding: 0 22px 0 13px;font-weight: 400;width: 100%;margin: 0 -15px 0 0;}
.pagination1-right .list{width: 100%;border-radius: 0;box-shadow: none;-webkit-box-shadow:none;background: #02437d;}
.pagination1-right .nice-select .option:hover, .pagination1-right .nice-select .option.focus, .pagination1-right .nice-select .option.selected.focus{background: #02437d;}
.pagination1-right .nice-select .option{font-size: 14px;line-height: 35px;color: #ffffff;font-weight: 400;padding: 0 15px;min-height: 35px;font-family: 'Roboto', sans-serif;}
.pagination1-right .nice-select:after{border-bottom-color: #85899a;border-right-color: #85899a;width: 8px;height: 8px;margin-top: -6px;right: 13px;border-width: 1px;}
.trainees-bottom-right{padding: 0 0 0 25px;position: static;z-index: 1;}
.trainees-bottom-right-in{-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94.3%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 100% 94.3%, 0% 100%);position: relative !important;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);z-index: 1;left: 0;top: 0;background: #05213b;height: 96.2%;margin: 0 0 0 0;padding: 0 5px 0 0;}
.trainees-bottom-right-in-wrap{width: 100%;height: auto;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94.3%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 100% 94.3%, 0% 100%);z-index: 2;position: relative;background: #0e75b4;left: 0;top: 0;}
.trainees-bottom-right-in:after{content: '';position: absolute;top: 0;left: 0;width: 100%;background: #f4f4f4;z-index: -1;height: 8px;}
.total-activities{padding: 18px 15px 21px 20px;position: relative;z-index: 3;/* background: #0e75b4; */left: 0;top: 0;}
.total-trainees{padding: 0 0 14px 0;}
.total-trainees1{padding: 7px 25px 18px 16px;}
.total-trainees h2{color: #ffffff;font-weight: 400;}
.total-trainees h2 small{font-size: 14px;line-height: 8px;padding: 0 5px 0 0;}
/*li{font-size: 14px;line-height: 18px;color: #ffffff;font-weight: 400;display: block;}*/
.total-trainees-left{display: inline-block;float: left;width: 41%;padding: 0 7px 0 0;}
.total-trainees-right{display: inline-block;float: right;width: 59%;padding: 0 0 0 3px;}
.total-trainees-right span{font-size: 14px;line-height: 17px;color: #ffffff;font-weight: 400;display: block;}
.total-trainees-right em{font-style: normal;font-size: 45px;line-height: 47px;color: #fba600;font-weight: 300;font-family: 'Roboto', sans-serif;}
.past{padding: 0 0 19px 0;}
.past .nice-select{height: 36px;color: #5c5c5c;font-size: 14px;line-height: 37px;border: 1px solid #dedede;border-radius: 3px;background: #ffffff;outline:0 none;float: none;padding: 0 22px 0 9px;font-weight: 400;display: inline-block;width: 100%;font-family: 'Roboto', sans-serif;}
.past .list{width: 100%;border-radius: 0;box-shadow: none;-webkit-box-shadow:none;background: #ffffff;border-radius: 3px;}
.past .nice-select .option:hover, .past .nice-select .option.focus, .past .nice-select .option.selected.focus{background: #ffffff;}
.past .nice-select .option{font-size: 14px;line-height: 35px;color: #5c5c5c;font-weight: 400;padding: 0 15px;min-height: 35px;font-family: 'Roboto', sans-serif;}
.past .nice-select:after{border:0 none;margin-top: -10px;right: 13px;content: '\f0d7';font-size: 17px;line-height: 17px;color: #666666;font-family:'FontAwesome';transform: none;-webkit-transform:none;width: auto;height: auto;}
.past .nice-select.open:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);margin-top: -13px;}
.graduation-rate{display: block;padding: 4px 5px 17px 17px;}
.trainee-activity{background: #02437d;padding: 42px 13px 69px 24px;-webkit-clip-path: polygon(0 2%, 100% 0%, 100% 78%, 0% 100%);clip-path: polygon(0 1.5%, 100% 0, 100% 90%, 0% 100%);position: relative;z-index: 3;left: 0;}
.trainee-activity h6{font-size: 16px;line-height: 18px;color: #ffffff;padding: 0 0 19px 0;}
.trainee-activity .total-trainees{padding: 0 0 23px 0;}
.trainee-activity .total-trainees1{padding: 0 0 30px 0;}
.pie-wrapper {height: 142px;width: 142px;position: relative;}
.pie-wrapper:nth-child(3n + 1){clear: both;}
.pie-wrapper .pie {height: 100%;width: 100%;clip: rect(0, 142px, 142px,60px);left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 10px solid #3498db;
  border-radius: 50%;
  clip: rect(0, 65px, 142px, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .label {
  background: #34495e;
  border-radius: 50%;
  color: #fba600;
  cursor: default;
  display: block;
  font-size: 45px;
  left: 0;
  line-height: 47px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 34px;
  font-weight: 300;
  padding: 0 25px;
}
.pie-wrapper .label .smaller {
  color: #fba600;
  font-size: 45px;
  line-height: 47px;
}
.pie-wrapper small{font-size: 13px;line-height: 18px;color: #ffffff;font-weight: 700;}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 10px solid #ffffff;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label {
  background: none;
  color: #fba600;
}
.pie-wrapper.style-2 .label .smaller {
  color: #fba600;
}
.pie-wrapper.progress-92 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-92 .pie .half-circle {
  border-color: #fba600;
}
.pie-wrapper.progress-92 .pie .left-side {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.pie-wrapper.progress-92 .pie .right-side {
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
}
.graduation-rate .circle {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.graduation-rate .circle strong {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  display: block;
  color: #fba600;
  cursor: default;
  display: block;
  font-size: 45px;
  line-height: 47px;
  font-weight: 300;
  padding: 0 25px;
}
.graduation-rate .circle strong small{    font-size: 13px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 700;}
/* traineeprofile style starts here */
/* trainee-profile */
.trainee-profile{}
.trainee-profile h3{font-size: 26px;line-height: 28px;color: #02437d;}
.trainee-profile-top{
    padding: 0 0 34px 0;
}
.trainee-profile-top h6{
    padding: 0 0 4px 0;
}
.trainee-profile-top p{}
.trainee-profile-top-left{
    padding: 0 7px 0 0;
}
.trainee-profile-top-left-wrap{background: #ffffff;padding: 24px 22px 21px 22px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.trainee-profile-content{max-width: 12%;flex: 0 0 12%;-webkit-flex: 0 0 12%;padding: 0;}
.trainee-profile-content a{}
.trainee-profile-content a.edit{padding: 11px 25px 8px 25px;}
.trainee-profile-content ul{padding: 25px 0 0 0;}
.trainee-profile-content ul li{padding: 0 0 13px 0;}
.trainee-profile-content a figure img{border-radius: 100%;display: block;margin: 0 auto;}
.trainee-profile-details{padding: 20px 10px 0 25px;max-width: 88%;flex: 0 0 88%;-webkit-flex: 0 0 88%;}
.trainee-profile-details h3{padding: 0 0 25px 0;}
.trainee-profile-details ul li{padding: 0 0 26px 0;}
.trainee-phone{display: inline-block;float: left;width: 22%;}
.trainee-email{display: inline-block;float: left;width: 42%;padding: 0 10px 0 6px;}
.trainee-account{display: inline-block;float: left;width: 36%;padding: 0 6px 0 6px;}
.last-login{display: inline-block;float: left;width: 39%;}
.primary-location{display: inline-block;float: left;width: 61%;padding: 0 4px 0 4px;}
.trainee-profile-details p a{color: #5c5c5c;}
.trainee-profile-details p a span{color: #0e75b4;text-decoration: underline;}
.trainee-profile-top-right{padding: 0 0 0 21px;}
.horse-summary{background: #ffffff;padding: 43px 10px 41px 44px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.horse-summary h3{
    padding: 0 0 18px 0;
}
.horse-summary ul{
    padding: 0 0 27px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.horse-summary ul li{display: inline-block;float: left;padding: 0 30px 0 0;}
.horse-summary em{font-size: 38px;line-height: 37px;color: #0e75b4;font-weight: 700;font-style: normal;display: block;}
.horse-summary p{}
.horse-summary a{background: url(../images/icon9.png) no-repeat 5px 4px #00a74d;padding: 0 26px 0 55px;}

/* trainee-profile-middle */
.trainee-profile-middle{
    margin: 0 -15px 31px -15px;
}
.trainee-profile-middle-left{
}
.course-progress{background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 31px 29px 13px 29px;}
.course-progress h3{
    padding: 0 0 17px 0;
}
.course-progress p{
    padding: 0 0 17px 0;
}
.course-progress-bottom{border-top: 1px solid #f7f7f7;padding: 22px 0 33px 0;}
.course-progress-bottom-left{
    padding: 0 0 0 0;
}
.course-progress-bottom1{
    padding: 22px 0 0 0;
}
.course-progress-bottom1 .course-progress-content{
    padding: 3px 0 0 0;
}
.course-progress-content{
    display: inline-block;
    float: left;
    width: 29%;
    padding: 14px 0 0 0;
}
.course-progress-content .circle {
  width: 83px;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.course-progress-content .circle strong {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 83px;
  color: #00a74d;
}
#arc-slider {
    height: 93px !important;
    width: 93px !important;
}
#arc-slider .rs-container {
    margin-left: 0; /* here 300 is the radius value */
    left: 0;
}
#arc-slider .rs-tooltip {
    top: 41px;
}
#arc-slider .rs-tooltip-text {
    font-size: 26px;
    line-height: 28px;
    color: #00a74d;
    font-weight: 400;
    padding: 0 3px;
    font-family: 'Roboto', sans-serif;
}
#arc-slider .rs-border{
    border-width: 0px;
}

/* Appearance related changes */
.rs-control .rs-range-color {
    background-color: #16a74c;
}
.rs-control .rs-path-color {
    background-color: #d3d3d3;
}
.rs-control .rs-handle {
    background-color: #ffffff;
    border: 4px solid #16a74c;
}
.rs-tooltip.hover, .rs-tooltip.edit:hover{border: 0 none;}
.course-progress-content .course-progress-status{}
.course-progress-content .course-progress-status p{
    padding: 0 0 12px 0;
}
.course-progress-status ul{}
.course-progress-status ul li{display: inline-block;float: left;padding: 0 5px 0 0;}
.course-progress-status ul li a{display: block;width: 24px;height: 24px;border-radius: 100%;background: #ffe160;text-align: center;color: #5c5c5c;font-size: 14px;line-height: 24px;font-weight: 400;}
.course-progress-bottom-right{
    padding: 9px 0 0 3px;
}
.course-progress-bottom-right ul{
    padding: 4px 0 0 12px;
}
.course-progress-bottom-right ul li{display: inline-block;float: left;padding: 0 29px 0 0;}
.course-progress-bottom-right h6{
    padding: 0 0 4px 0;
}
.course-progress-bottom-right p{}
.course-progress-bottom-right p a{color: #0e75b4;text-decoration: underline;}
.trainee-profile-middle-right{}
.course-progress-status{
    display: inline-block;
    float: left;
    padding: 11px 1px 0 1px;
    width: 71%;
}
.course-progress-status p{padding: 0 0 10px 0;}
.course-progress-status h6{}
.course-progress-status h4{font-size: 20px;line-height: 22px;color: #0e75b4;padding: 7px 0 0 0;}
.court-date{padding: 38px 0 0 0;}
.court-date p{
    padding: 0;
}
.trainee-profile-middle-right .btn1{
    padding: 14px 38px 13px 39px;
    font-size: 16px;
    line-height: 18px;
}
.trainee-profile-bottom{background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.inclass-program{background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 30px 28px 52px 26px;}
.inclass-program h3{
    padding: 0 0 7px 3px;
}
.inclass-program p{
    padding: 0 0 22px 3px;
}
.inclass-program-head{background: #f2f2f2;padding: 14px 28px 12px 28px;}
.inclass-program-head h6{}
.training-class{display: inline-block;float: left;width: 24.5%;}
.training-location{display: inline-block;float: left;width: 26.5%;padding: 0 7px 0 23px;}
.training-requirement{display: inline-block;float: left;width: 17.6%;padding: 0 13px 0 28px;}
.training-instructor{display: inline-block;float: left;width: 31.4%;padding: 0 5px 0 34px;}
.inclass-program-main{background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);margin: 21px 0 0 0;display: flex;align-items: start;-webkit-flex;align-items: start;justify-content: start;-webkit-justify-content: start;}
.inclass-program-main .training-location{padding: 17px 5px 16px 29px;border-left: 1px solid #f7f7f7;border-right: 1px solid #f7f7f7;}
.inclass-program-main .training-requirement{padding: 9px 34px 13px 29px;}
.inclass-program-main .training-instructor{padding: 0 7px 0 25px;border-left: 1px solid #f7f7f7;}
.inclass-program-main.active{border: 2px solid #fba600;margin: 19px 0 0 0;}
.inclass-program-main.active h5{font-size: 20px;line-height: 22px;padding: 0 0 3px 0;}
.inclass-program-main.active .training-class{padding: 0;width: auto;}
.inclass-program-main.active .training-class-left{background: #fba600;width: 4.8%;padding: 38px 0 34px 0;}
.inclass-program-main.active .training-class-right{width: 95.2%;padding: 25px 0 20px 0;}
.inclass-program-main.active .training-class1{width: 9%;padding: 2px 0 0 13px;}
.inclass-program-main.active .training-class2{padding: 0 0 0 12px;}
.inclass-program-main.active .training-location{padding: 17px 5px 0 37px;}
.inclass-program-main.active .training-requirement{padding: 9px 34px 0 29px;}
.inclass-program-main.active .training-instructor{padding: 26px 28px 0 20px;width: auto;border: 0 none;}
.inclass-program-main.active .training-instructor .btn1{padding: 15px 60px 12px 58px;}
.inclass-program-main1 .training-instructor-right{padding: 23px 13px 0 37px;}
.inclass-program-main em{font-style: normal;font-size: 22px;line-height: 24px;color: #ffffff;font-weight: 700;font-family: 'Roboto', sans-serif;display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: 100%;}
.inclass-program-main span{font-size: 52px;line-height: 50px;color: #0e75b4;font-weight: 700;padding: 0 0 0 0;}
.inclass-program-main p{padding: 0;line-height: 26px;}
.inclass-program-main p a{color:#5c5c5c;}
.inclass-program-main p a strong{color: #0e75b4;font-weight: 400;}
.training-location p{line-height: 21px;padding: 2px 0 0 0;}
.training-class-left{
    display: inline-block;
    float: left;
    width: 13%;
    background: #0e75b4;
    padding: 38px 0 38px 0;
}
.training-class-right{
    display: inline-block;
    float: left;
    width: 87%;
    padding: 16px 0 14px 0;
}
.training-class1{display: inline-block;float: left;width: 30%;padding: 0 0 0 11px;text-align: center;}
.training-class2{display: inline-block;float: left;width: 70%;padding: 13px 5px 0 3px;}
.training-class2 h5{
    padding: 0 0 3px 0;
}
.training-class2 p{}
.inclass-program-main1{}
.inclass-program-main1 .training-class, .inclass-program-main1 .training-location,.inclass-program-main1 .training-requirement,.inclass-program-main1 .training-instructor-left{opacity: 0.3;}
.training-instructor-left{display: inline-block;float: left;width: 54.7%;padding: 17px 0 23px 0;border-right: 1px solid #f7f7f7;}
.training-instructor-left h6{
    font-weight: 400;
    padding: 0 0 3px 0;
}
.training-instructor1{display: inline-block;float: left;width: 30%;}
.training-instructor2{display: inline-block;float: left;width: 70%;padding: 11px 5px 0 5px;}
.training-instructor-right{
    display: inline-block;
    float: left;
    width: 45.3%;
    text-align: center;
    padding: 28px 16px 0 47px;
}
.training-instructor .attended{font-size: 14px;line-height: 16px;color: #ffffff;font-weight: 700;background: #00a74d;transform: rotate(71deg);padding: 27px 37px 17px 27px;-webkit-clip-path: polygon(0 48%, 100% 1%, 100% 52%, 0 100%);clip-path: polygon(9% 46%, 93% 10%, 85% 65%, 0 100%);}
.training-instructor .attended small{font-size: 100%;transform: rotate(-13deg);display: block;}
.training-instructor .btn1{
    padding: 14px 25px 13px 25px;
    font-size: 16px;
    line-height: 18px;
}
inclass-program-main.active{border: 2px solid #fba600;}
inclass-program-main.active .training-class-left{background: #fba600;}

/* staffcorses style starts here */
.staff-courses{}
.staff-courses .trainees-bottom-right-in{height: 83.8%;}
.staff-courses .trainees-bottom{
    padding: 0 0 0 0;
}
.staff-courses .trainees-bottom-left{padding: 0 15px 0 0;}
.trainee-courses-review{}
.trainee-courses-review > ul{
    margin: 0 -15px;
}
.trainee-courses-review > ul > li{
    padding: 0 15px 29px 15px;
}
.staff-courses-main{
    border: 1px solid #e2e2e2;
    background: #ffffff;
}
.staff-courses-main h2{color: #1899f7;font-weight: 300;}
.staff-courses-main h2 small{font-size: 12px;line-height: 14px;color:#1899f7;font-weight: 400;padding: 0 0 0 0;}
.staff-courses-main h3{
    padding: 6px 0 0 0;
}
.staff-courses-main h4{background:#0e75b4;padding: 16px 10px 13px 26px;}
.staff-courses-main span{color: #5c5c5c;font-size: 16px;line-height: 18px;}
.staff-courses-middle{
    padding: 21px 25px 138px 25px;
    border-bottom: 1px solid #e2e2e2;
}
.staff-courses-middle .total-trainees{
    width: 64%;
    padding: 0 0 18px 0;
}
.staff-courses-middle .total-trainees-left{
    width: 16%;
}
.staff-courses-middle .total-trainees-right{
    width: 84%;
    padding: 16px 0 0 6px;
}
.staff-courses-bottom{
    padding: 19px 22px 31px 30px;
}
.staff-courses-bottom1{padding: 19px 22px 19px 30px;}
.staff-courses-bottom .total-trainees{padding: 0 0 9px 0;}
.staff-courses-bottom .total-trainees-left{
    width: 24%;
}
.staff-courses-bottom .total-trainees-right{
    width: 76%;
    padding: 17px 0 0 4px;
}
.staff-courses-bottom a{background: url(../images/icon7.png) no-repeat 3px 3px #00a74d;padding: 0 26px 0 56px;}
.staff-courses-top{
    padding: 33px 22px 39px 39px;
    border-bottom: 1px solid #e2e2e2;
    min-height: 156px;
}
.staff-courses-top ul{}
.staff-courses-top ul li{display: inline-block;float: left;position: relative;padding: 0 25px 0 0;line-height: 1px;}
.staff-courses-top ul li a{font-size: 14px;line-height: 16px;color: #5c5c5c;font-weight: 400;}
.staff-courses-top ul li a strong{font-weight: 700;font-size: 16px;}
.staff-courses-top ul li:after{content: '';position: absolute;top: 0;right: 12px;width: 1px;height: 100%;background: #5c5c5c;transform: rotate(20deg);}
.staff-courses-top ul li:last-child:after{display: none;}
.staff-courses .total-activities{padding: 19px 12px 0 28px;}
.staff-courses .graduation-rate{padding: 4px 5px 31px 17px;}
.staff-courses .trainees-bottom-right .total-trainees{padding: 0 0 25px 0;}
.staff-courses .trainees-bottom-right .total-trainees1{padding: 0 0 25px 0;}
.staff-courses .trainees-bottom-right .total-trainees-left{
    width: 40%;
    padding: 0 5px 0 0;
}
.staff-courses .trainees-bottom-right .total-trainees-right{
    width: 60%;
    padding: 0 0 0 5px;
}
.staff-courses .trainees-bottom-right .total-trainees h2 small{font-size: 12px;line-height: 3px;padding: 0;}
.staff-courses .trainee-activity{padding: 44px 13px 65px 24px;}
.completed-training{padding: 18px 0 0 0;}
.completed-training h6{padding: 0 0 28px 0;}

/* myaccount style starts here */
.trainees3 .trainees-details {padding:27px 35px;}
.account-wrap{
    padding: 6px 0 0 0;
}
.row-10 {margin-left:-10px;margin-right:-10px;}
.row-10 > .col-auto,
.row-10 > .col-12 {padding-left:10px;padding-right:10px;}
.account-main{background: #ffffff;padding: 0 22px 0 22px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.account-main h5{font-size: 20px;line-height: 22px;color: #0e75b4;padding: 0 0 21px 0;}
.account-main a figure img{border-radius: 100%;display: block;margin: 0 auto;}
.account-main p{
    padding: 24px 0 30px 0;
    line-height: 26px;
}
.account-main .btn3 {background:#0e75b4;font-size:16px;line-height:24px;color:#fff;font-weight:700;padding:12px 46px 9px 46px;border-radius:30px;display:inline-block;position:relative;}
.account-main .btn3 img {margin-right:9px;}
.account-main .btn3 input {position:absolute;background:#f00;top:0;right:0;bottom:0;left:0;opacity:0;}
.account-main form ul {vertical-align:top;}
.account-main form ul li {display:inline-block;float:left;padding: 0 16px 0 0;}
.account-main ul li label.location-bar{
    padding: 19px 0 0 0;
}
.account-main ul li label{padding: 1px 0 0 0;}
.account-main .form-control{border: 1px solid #dedede;outline: 0 none;padding: 0 15px 0 15px;font-size: 16px;line-height: 42px;height: 42px;background: #ffffff;font-weight: 400;font-family:'Roboto', sans-serif;display: block;color: #5c5c5c;}
.account-main ::-webkit-input-placeholder{color: #5c5c5c;}
.account-main ::-moz-placeholder {color: #5c5c5c;}
.account-main :-ms-input-placeholder {color: #5c5c5c;}
.account-main :-moz-placeholder {color: #5c5c5c;}
.account-main .form-check span{font-size: 16px;line-height: 18px;color: #5c5c5c;font-weight: 400;background: url(../images/unchecked2.png) no-repeat 10px 8px;padding: 12px 33px 9px 42px;display:block;border: 1px solid #dedede;border-radius: 30px;vertical-align: top;margin: 5px 0 0 0;}
.account-main input:checked + span{background: url(../images/checked2.png) no-repeat 10px 8px;}
.account-main .btn2 {margin-top:23px;}
.account-left{padding: 50px 21px 142px 0;max-width: 22.8%;flex: 0 0 22.8%;-webkit-flex: 0 0 22.8%;}
.account-middle{max-width: 45.7%;flex: 0 0 45.7%;-webkit-flex: 0 0 45.7%;padding: 50px 91px 50px 94px;border-left: 1px solid #dedede;border-right: 1px solid #dedede;}
.account-right{max-width: 31.5%;-webkit-flex: 0 0 31.5%;flex: 0 0 31.5%;padding: 49px 36px 49px 54px;}
.account-right .btn2 {margin-top:8px;}
.remove-staff-member{padding: 112px 0 0 0;}
.remove-staff-member .btn2{background: #f0341d;margin: -3px 0 0 0;}
.remove-staff-member .btn2:hover{background: #00a74d;}
.help-middle{border: 1px solid #dedede;background-color:#fff;padding: 50px 80px 50px 80px;}
.help-middle h5{margin-bottom:30px;}

/* courses-3 style starts here */
.chapter-wrap{}
.chapter-wrap-main{padding: 0 71px 0 74px;margin: 0 auto;}
.chapter-contents{}
.chapters-wrap-top{background: #ffffff;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);position: relative;}
.chapters-wrap-top h3{font-size: 26px;line-height: 28px;}
.chapters-wrap-top-left{background: #0e75b4;padding: 27px 15px 32px 35px;max-width: 18.4%;flex: 0 0 18.4%;-webkit-flex: 0 0 18.4%;}
.chapters-wrap-top-left h3{color: #ffffff;}
.chapters-wrap-top-right{max-width: 81.6%;flex: 0 0 81.6%;-webkit-flex: 0 0 81.6%;padding: 0 0 0 0;}
.chapters-wrap-top-right h6{color: #5c5c5c;}
.chapters-wrap-top-right h3{color: #02437d;}
.chapters-wrap-top-right a{font-size: 16px;line-height: 18px;color: #ffffff;font-weight: 700;background: #f0341d;border-radius: 30px;padding: 15px 22px 12px 34px;}
.chapters-wrap-top-right a .fa{font-size: 24px;line-height: 13px;color: #ffffff;padding: 0 6px 0 0;vertical-align: top;}
.fundamentals{max-width: 81.1%;flex: 0 0 81.1%;-webkit-flex: 0 0 81.1%;padding: 18px 20px 10px 261px;border-right: 1px solid #f5f5f5;}
.exit-chapter{max-width: 18.9%;flex: 0 0 18.9%;-webkit-flex: 0 0 18.9%;padding: 18px 36px 10px 10px;}
.chapters-wrap-bottom{background: #f4f4f4;}
.chapters-wrap-bottom-left{max-width: 18.4%;flex: 0 0 18.4%;-webkit-flex: 0 0 18.4%;padding: 0 0 0 0;}
.chapters-wrap-bottom-in{background: #02437d;padding: 0;height: 100%;overflow: auto;}
.chapters-wrap-bottom-main h6{font-size: 14px;line-height: 16px;color: #ffffff;padding: 11px 35px 20px 14px;border-bottom: 2px solid #085c99;}
.chapters-wrap-bottom-main.active h6{background: #0e75b4;border-color:#0e75b4;}
.unit2 h6{padding: 11px 35px 5px 14px;}
.chapters-wrap-bottom-main h6 span{font-weight: 700;}
.chapters-wrap-bottom-main h6 strong{color: #ffffff;font-size: 14px;line-height: 17px;background: url(../images/icon12.png) no-repeat left 9px;padding: 0 0 3px 35px;font-weight: 400;display: block;}
.chapters-wrap-bottom-main.completed h6 strong{background: url(../images/icon14.png) no-repeat left 15px;}
.chapterwise-content{background: #0e75b4;padding: 10px 24px 0 35px;display: none;}
.chapters-wrap-bottom-main.active .chapterwise-content{display: block;}
.chapterwise-content ul li{padding: 0 0 29px 0;position: relative;}
.chapterwise-content ul li.activity{padding: 0 0 10px 0;}
.chapterwise-content ul li:last-child{padding: 0 0 20px 0;}
.chapterwise-content ul li:after{content: '';position: absolute;top: 21px;left: 9px;height: 100%;width: 2px;background: #ffffff;}
.chapterwise-content ul li:last-child:after{display: none;}
.chapterwise-content ul li a{font-size: 14px;line-height: 21px;color: #ffffff;font-weight: 400;background: url(../images/icon12.png) no-repeat left top;padding: 0 0 0 29px;}
.chapterwise-content ul li.current a{background: url(../images/icon12.png) no-repeat left top;}
.chapterwise-content ul li.complete a{background: url(../images/icon14.png) no-repeat left top;}
.chapterwise-content ul li.current a{background: url(../images/icon13.png) no-repeat left top;}
.chapters-wrap-bottom-right{padding: 0 0 0 0;max-width: 81.6%;flex: 0 0 81.6%;-webkit-flex: 0 0 81.6%;}
.chapters-wrap-bottom-right-in{margin: 0 auto;padding: 49px 77px 183px 43px;}
.chapters-wrap-bottom-right h2{color: #0e75b4;font-weight: 300;}
.chapters-wrap-bottom-right h6{padding: 24px 0 12px 0;font-weight: 400;}
.chapters-wrap-bottom-right a figure img{display: block;width: 100%;}
.chapters-wrap-bottom-right p{padding: 28px 0 0 0;}
.chapters-wrap-bottom-right form{padding: 23px 0 0 0;}
.chapters-wrap-bottom-right .form-group{margin: 0 0 30px 0;position: relative;}
.chapters-wrap-bottom-right .form-group small{position: absolute;bottom: 0;left: 0;width: 100%;background: #dedede;padding: 10px 39px 3px 39px;font-size: 14px;line-height: 16px;color: #5c5c5c;font-weight: 700;text-align: right;}
.chapters-wrap-bottom-right .form-control{width: 100%;height: 499px;line-height: 18px;font-size: 16px;color: #5c5c5c;font-weight: 400;font-family: 'Roboto', sans-serif;border: 1px solid #dedede;outline: 0 none;background: #ffffff;padding: 24px 27px 15px 27px;resize: inherit;border: 0 none;}
.chapters-wrap-bottom-right ::-webkit-input-placeholder{color: #5c5c5c;}
.chapters-wrap-bottom-right ::-moz-placeholder {color: #5c5c5c;}
.chapters-wrap-bottom-right :-ms-input-placeholder {color: #5c5c5c;}
.chapters-wrap-bottom-right :-moz-placeholder {color: #5c5c5c;}
.chapters-wrap-bottom-right .btn2{width: 285px;}
.video-wrap{position: relative;}
.play{position: absolute;bottom: 23px;left: 46px;text-align: center;}
.videoplay{display: none;}

/* all-staff style starts here */
.staff-block {padding:21px 0 0 0;}
.staff-details ul {margin: 0 -15px;}
.staff-details ul li{padding: 0 15px 30px 15px;}
.staff-in {background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.2);-ms-box-shadow:0 3px 8px rgba(0,0,0,.2);-o-box-shadow:0 3px 8px rgba(0,0,0,.2);-moz-box-shadow:0 3px 8px rgba(0,0,0,.2);padding:11px 22px 22px 18px;}
.staff-in img {border-radius:100%;}
.staff-left {padding-right:6px;width:38%;}
.staff-right {padding-top:8px;text-align:left;width:62%;}
.staff-right h5{color: #0E75B4;padding: 0 0 11px 0;}
.staff-right a{color: #5C5C5C;font-size:16px;line-height:18px;font-weight: 400;}
.staff-right a.staff{color: #0E75B4;display: block;padding: 22px 0 0 0;text-decoration: underline;line-height: 16px;}
.trainees2 .trainees-details {padding:27px 35px 63px;}
.trainees2 .trainees-top{padding: 0;}
.trainees2 .trainees-top-left{border-right: 1px solid #e6e6e6;padding: 0 0 0 0;max-width: 85%;flex: 85%;-webkit-flex: 85%;}
.trainees2 .trainees-top-right{max-width: 15%;flex: 15%;-webkit-flex: 15%;}
.trainees2 .add-trainee{max-width: 100%;flex: 100%;-webkit-flex: 100%;}
.trainees2 .staff{padding: 0 4px 0 0;}
.trainees2 .trainees-top-left .locations{padding: 15px 20px 0 0;}
.trainees2 .trainees-top-left .find-staff{padding: 15px 20px 0 0;}
.trainees2 .trainees-top-left .locations .nice-select{width: 206px;}
.trainees2 .trainees-top-left .locations .nice-select span {background: none; padding-left: 5px; padding-top: 5px;}
.trainees2 .trainees-top-left h5{padding: 9px 3px 0 0px;padding-right:3px;}
.trainees2 .staff h4{background: #0e75b4;width: 226px;z-index: -1;-webkit-clip-path: polygon(0 0, 74% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 74% 0, 100% 100%, 0% 100%);padding: 22px 10px 19px 25px;}
.trainees2 .find-staff{padding: 6px 9px 0 0;}
.trainees2 .find-staff .form-group{position: relative;}
.trainees2 .find-staff .form-control {border:1px solid #e6e6e6;font-size: 14px;line-height:37px;color: #5c5c5c;font-weight: 400;font-family: 'Roboto', sans-serif;padding: 0 34px 0 47px;height: 37px;display: block;width: 361px;}
.trainees2 .find-staff button {display: block;border: 0 none;outline: 0 none;cursor: pointer;background: none;position: absolute;top: 7px;left: 13px;}
.trainees2 .find-staff button .fa {font-size: 22px;line-height: 22px;color: #02437d;}
.trainees2 .add{padding: 0 34px 0 55px;}

/* courses-progress style starts here */
.chapter-block{margin: 0;padding: 28px 0 0 0;}
.chapter-details{margin: 0;}
.chapter-details > ul{margin: 0 -15px;}
.chapter-details > ul > li{padding: 0 15px 20px 15px;}
.chapter-in{border: 1px solid #e0e0e0;padding: 30px 0 17px 0px;background: #ffffff;}
.chapter-top{
 border-bottom: 1px solid #e0e0e0;
 padding: 0 20px 0 38px;
 min-height: 124px;
 }
.chapter-top ul li{position: relative;display: inline-block;padding: 0 22px 0 0;vertical-align: top;line-height: 1px;}
.chapter-top ul li:last-child:after{display: none;}
.chapter-top ul li a{color: #5C5C5C;font-size:14px;line-height: 16px;font-weight: 400;display: inline-block;}
.chapter-top ul li a strong{font-size: 16px;line-height: 16px;display: inline-block;vertical-align: top;}
.chapter-top ul li:after{position: absolute;content: '';width:1px;height: 100%;-ms-transform: rotate(20deg); /* IE 9 */-webkit-transform: rotate(20deg); /* Safari 3-8 */transform: rotate(20deg);background: #5C5C5C;top: 0;right: 9px;}
.chapter-top h3{padding: 6px 0 20px 0;line-height: 33px;}
.chapter-bottom{padding: 23px 0 3px 38px;min-height: 61px;}
.chapter-bottom a{color: #5C5C5C;font-size:16px;line-height: 32px;font-weight: 400;display: inline-block;vertical-align: middle;}
.chapter-bottom a img{margin: 0 10px 0 0px;}
.chapter-bottom.btm1{padding: 16px 35px 0 37px;}
.chapter-bottom a.btn2{width: 100%;color: #ffffff;font-weight: 700;line-height: 45px;}
.courses-progress .trainees-top-left{max-width: 24.7%;flex: 0 0 24.7%;-webkit-flex: 0 0 24.7%;padding: 0 12px 0 0;border-right: 1px solid #f7f7f7;}
.courses-progress .trainees-top-right{max-width: 75%;flex: 0 0 75%;-webkit-flex: 0 0 75%;}
.courses-progress .course-progress-status{padding: 21px 0 0 0;}
.courses-progress .course-progress-status h6{padding: 0 0 9px 0;}
.courses-progress .course-progress-bottom{padding: 0 0 0 0;}
.courses-progress .course-progress-bottom1{padding: 12px 0 12px 0;}
.inclass-requirement{padding: 25px 20px 26px 32px;}
.inclass-requirement-left{padding: 6px 0 0 0;}
.inclass-requirement-right{padding: 0 15px 0 8px;display: flex;display: -webkit-flex;align-items: center;/* justify-content: center; */-wekit-justify-content: center;-webkit-align-items: center;}
.inclass-1{display: inline-block;float: left;text-align: center;}
.inclass-2{display: inline-block;float: left;padding: 2px 0 0 13px;}
.inclass-requirement h5{padding: 0 0 0 0;}
.inclass-requirement p{padding: 4px 0 0 0;}
.inclass-requirement span{font-size: 52px;line-height: 50px;color: #0e75b4;font-weight: 700;}
.courses-progress .trainees-details{padding: 27px 4px 224px 6px;}

/* -------for input---------------*/
input, textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0;
	outline:none;
}

textarea ~ .word_counter {
    background-color: #e5e5e5;
    text-align: right;
    font-size: 0.8rem;
}

.form-check.correct::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: green;
    position: absolute;
    right: 15%;
}


.form-check.incorrect::before {
    content: "\f00d";
    font-family: FontAwesome;
    color: red;
    position: absolute;
    right: 15%;
}

@media( min-width: 800px ) {
    .form-check.correct::after {
        content: "Correct";
        position: absolute;
        right: 25px;
        text-align: left;
        color: green;
    }

    .form-check.incorrect::after {
        content: "Incorrect";
        position: absolute;
        right: 15px;
        text-align: left;
        color: red;
    }
}

table thead th.sortable {
    cursor: pointer;
    position: relative;
}

table thead th.sortable::after {
    content: "\f0dc";
    font-family: FontAwesome;
    position: absolute;
    right: 10%;
    top: 20%;
    color: lightgray;
}

table thead th.sortable.sort-asc::after {
    content: "\f0de";
    font-family: FontAwesome;
    position: absolute;
    right: 10%;
    top: 20%;
    color: lightgray;
}

table thead th.sortable.sort-desc::after {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    right: 10%;
    top: 20%;
    color: lightgray;
}


.casa_content h1 {
    font-family: 'Roboto';
    color: #0E75B4;
    font-size: 32px;
}

.casa_content ul {
    list-style: disc !important;
    list-style-position: inside !important;
}

.casa_content ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.casa_content a {
    color: blue;
    text-decoration: underline;
}

.casa_content ul ul,
.casa_content ol ol,
.casa_content ol ul,
.casa_content ul ol {
    margin-left: 1rem;
}

.casa_content blockquote {
    font-style: italic;
    font-size: 16px;
    margin-left: 3em;
}

.ucase {text-transform:uppercase;}

.ten-ten {max-width:1010px;background:#fff;margin:0 auto;box-shadow:0 2px 6px rgba(0,0,0,.04);}

.review-header {display:flex;height:80px;width:100%;}
.review-header .for-label {position:relative;padding:0 150px 0 35px;background:linear-gradient(225deg, #fff 57px, #0e75b4 57px);display:flex;align-items:center;}
.review-header .what {flex-grow:1;align-items:center;display:flex;padding-left:55px;}
.review-header .controls {border-left:1px solid #ededed;padding:0 35px;display:flex;align-items:center;}

.review-tabs {display:flex;border-bottom:1px solid #f2f2f2;margin-bottom:35px;justify-content:center;align-items:center;}
.review-tabs .chapters {margin-left:55px;display:flex;border-right:1px solid #f2f2f2;font-weight:700;}
.review-tabs .chapters a {display:block;padding:10px;border-left:1px solid #f2f2f2;background:#fbfbfb;color:#c5c5c5;text-align:center;min-width:70px;height:60px;line-height:40px;cursor:default;}
.review-tabs .chapters a.has-tab {background:#fff;color:#5c5c5c;cursor:pointer;}
.review-tabs .chapters a.active {color:#f0341d;border-bottom:4px solid #f0134d;}

.review-content {padding:0 12.87%;}
.review-content h2 {font-size:26px;margin-bottom:5px;}
.review-content ol {counter-reset:list;padding-bottom:35px;}
.review-content ol > li {padding:5px 0 5px 30px;position:relative;}
.review-content ol > li + li {border-top:1px solid #f2f2f2;}
.review-content ol > li p {margin-bottom:5px;}
.review-content ol > li::before {content:counter(list) ") ";counter-increment:list;position:absolute;left:0;top:9px;}
.review-content .row {flex-wrap:nowrap;}
.review-content .col-auto {flex-shrink:1;}
.review-content + .review-content {border-top:1px solid #f2f2f2;}

.user-herald {display:flex;align-items:center;}
.user-herald .user-image {padding-right:25px;}
.user-herald h2 {font-size:26px;}
.user-herald .phone {color:#5c5c5c;font-size:16px;}

.circle {width:24px;height:24px;border-radius:24px;background:#ccc;color:#fff;display:inline-block;text-align:center;font-style:normal;}
.circle-green {background:#00a74d;}
.circle-red {background:#f0341d;}
.mandated_file_dl {
	color: #3374AF;
}


.trainees2 .trainees-top-left .locations.filter-item {padding: 25px 20px 0 0;}
.trainees2 .trainees-top-left .locations.filter-item:last-child {padding-right: 0px;}
.trainees2 .trainees-top-left .locations.filter-item-trainee {padding: 15px 20px 0 0;}

.trainees2 .trainees-top-left .locations.filter-date-1 {
	width: 135px;
}
.trainees2 .trainees-top-left .locations.filter-date-2 {
	width: 135px;
}
.trainees2 .trainees-top-left .locations .location-view {
  width: 165px;
}

@media(max-width: 1600px) {
  .trainees2 .trainees-top-left .locations .nice-select.status {
    width: 140px;
  }
  .trainees2 .trainees-top-right .add-trainee {
    padding-left: 5px;
  }
  .trainees2 .trainees-top-right .add-trainee .add {
    padding: 0 5px 0 50px;
    width: 100%;
  }
  .trainees2 .trainees-top-left.trainee-list .staff h4 {
    width: 150px;
  }
  .trainees2 .trainees-top-left.trainee-list .find-staff {
    width: 210px;
  }
  .trainees2 .trainees-top-left.trainee-list .find-staff input {
    width: 100%!important;
  }
  .trainees2 .trainees-top.trainee-container {
    width: 1268px;
  }
}

@media (max-width: 1470px) {
	.trainees2 .trainees-top-left .locations.filter-date-1,
	.trainees2 .trainees-top-left .locations.filter-date-2 {
		width: 100px;
	}
}
@media (max-width: 1400px) {
    header nav ul li {
        padding-left: 10px;
		padding-right: 5px;
    }
	.trainees2 .trainees-top-left .locations.filter-item{
		padding-right:10px;
	}
}
@media (max-width: 1340px) {
	.filter-item h5{font-size:15px;}
	.filter-item .btn{font-size:0.8rem;}
	.trainees2 .trainees-top-left .locations.filter-date-1,
	.trainees2 .trainees-top-left .locations.filter-date-2 {
		width: 80px;
	}
}
@media (max-width: 1260px) {
	.trainees2 .trainees-top-left .locations.filter-item{
		padding-right:3px;
	}
	.filter-item h5{font-size:12px;}
}
@media (max-width: 1200px) {
    header nav ul li {
        padding-left: 5px;
		padding-right: 2px;
    }
	.filter-item h5{font-size:18px;}

	.filter-date-1 h5{width:19%;}

	.filter-item .btn{font-size:0.9rem; margin:0px auto 10px auto;}
	.trainees2 .trainees-top-left .locations.filter-item{
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
	.trainees2 .trainees-top-left .locations.filter-item select,
	.trainees2 .trainees-top-left .locations.filter-item .nice-select
	{
		width:90% !important;
	}

	.trainees2 .trainees-top-left .locations.filter-date-label{
		width:10%;
	}
	.trainees2 .trainees-top-left .locations.filter-date-dash{
		width:10%;
		text-align:center;
	}
	.trainees2 .trainees-top-left .locations.filter-date-1{
		width:40%;
		padding-right:0px;
	}
	.trainees2 .trainees-top-left .locations.filter-date-2{
		width:40%;
		padding-left:0px;
	}
}
@media (max-width: 1150px) {
    header nav ul li {
        padding-left: 1px;
		padding-right: 1px;
    }
}
@media (max-width: 1045px) {
    header nav ul li {
        padding-left: 0px;
		padding-right: 0px;
    }
	header nav.pr-5{
		padding-right:1.5rem !important
	}
}
@media (max-width: 767px) {
	.trainees2 .trainees-top-left .locations.filter-date-label{
		width:20%;
	}
	.trainees2 .trainees-top-left .locations.filter-date-dash{
		width:10%;
		text-align:center;
		padding-left:20px;
		padding-right:20px;
	}
	.trainees2 .trainees-top-left .locations.filter-date-1{
		width:35%;
		padding-right:0px;
	}
	.trainees2 .trainees-top-left .locations.filter-date-2{
		width:35%;
		padding-left:0px;
	}
}
@media (max-width: 575px) {
	.trainees2 .trainees-top-left ul li.filter-date-label,
	.trainees2 .trainees-top-left ul li.filter-date-1,
	.trainees2 .trainees-top-left ul li.filter-date-2,
	.trainees2 .trainees-top-left ul li.filter-date-dash
	{
		display:inline-block;
	}
	.trainees2 .trainees-top-left .locations.filter-date-dash{
		width:5%;
		padding-left:0px;
		padding-right:0px;
	}
	.trainees2 .trainees-top-left .locations.filter-date-label h5,
	.trainees2 .trainees-top-left .locations.filter-date-dash h5{
		padding-top:0px;
	}
}

table.report-table td {
  font-size: 14px;
}
table.report-table thead th,
table.report-table td.td-phone {
  white-space: nowrap;
}
.report-table th {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}
.no-css > * {
  all: initial;
}
.no-css p {
  display: block;
}
.no-css ul ol li,
.no-css ol ol li,
.no-css ul ul li,
.no-css ol ul li {
  list-style-position: inside;
  list-style-image: initial;
  list-style-type: circle;
}








.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 40px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 18px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 20px;
}
.red-background {
  background-color: red;
}
.green-background {
  background-color: green;
}
.sphere {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  font-size: 500%;
  position: relative;
  display: inline-block;
}
.sphere::after {
  background-color: rgba(255, 255, 255, 0.3);
  content: '';
  height: 45%;
  width: 12%;
  position: absolute;
  top: 4%;
  left: 15%;
  border-radius: 50%;
  transform: rotate(40deg);
}
.casa_content li {
  font-size: 16px;
  line-height: 25px;
  color: #5c5c5c;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  font-weight: 400;
}



.form-check-input:checked {
	background: var(--primary);
	box-shadow: none;
}
.form-check-input[type="radio"]:checked {
	box-shadow: inset 0px 0px 0px 4px #fff;
}

.form-check-input[type="checkbox"]:after {
	position:absolute;
	display:block;
	content: "";
	left: 9px;
	top: 12px;
	width: 7px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (max-width: 767px) {
	#VideoTraining{
		margin-top:-26px;
	}
}
#VideoTraining h1{
	text-align: center;
	font-family:'Roboto', sans-serif;
	color:#0e75b4;
	margin-bottom:20px;
}
#VideoTraining .iframe-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 75%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
#VideoTraining .responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#VideoTraining .video-nav{
	background-color:#02437D;
	color:#fff;
	padding-top:30px;
}
@media (max-width: 767px) {
	#VideoTraining .video-nav{
		font-size:13px;
		padding-top:20px;
	}
}
#VideoTraining .video-nav ul.nav-tabs{
	border-bottom:none;
}
#VideoTraining .video-nav ul li{
	width:100%;
}
#VideoTraining .video-nav ul li a{
	width:100%;
	padding:20px 30px;
	color:#fff;
	border-bottom:solid 1px #0E75B4;
}
@media (max-width: 767px) {
	#VideoTraining .video-nav ul li a{
		padding:10px 20px;
	}
}
#VideoTraining .video-nav ul li a.active,
#VideoTraining .video-nav ul li a:hover
{
	background-color:#0E75B4;
}
#VideoTraining .video-nav ul li a strong{
	display:block;
	padding-bottom:5px;
}
#VideoTraining .tab-content{
	margin:5rem;
}
@media (max-width: 767px) {
	#VideoTraining .tab-content{
		margin:1rem;
	}
}
#VideoTraining .tab-content h2{
	font-size:26px;
	margin-bottom:30px;
}

#VideoTraining .tab-content .video-content{
	background-color:#fff;
}
#VideoTraining .tab-content .video-content h3{
	font-size:18px;
	margin-bottom:20px;
}
#VideoTraining .tab-content .video-content p{
	margin-bottom:20px;
	line-height: normal;
}
#VideoTraining .tab-content .video-content ul{
	margin-left:30px;
	list-style:disc;
}
#VideoTraining .tab-content .video-content ul li{
	margin-bottom:8px;
}

#VideoTraining .tab-content .video-content .video-defintions-head{
	background-color:#ECEFF1;
	border:solid 1px #DDDDDD;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#VideoTraining .tab-content .video-content .video-defintions{
	padding-left: 1rem;
	padding-right:1rem;
}
#VideoTraining .tab-content .video-content .video-defintions .row div:nth-child(2){
	padding-left:10px;
}
@media (max-width: 400px) {
	#VideoTraining .tab-content .video-content .video-defintions{
		padding-left:.5rem;
		padding-right:.5rem;
	}
}
#VideoTraining .tab-content .video-content .video-defintions .row{
	border-top:solid 1px #DBDBDB;
	padding:10px;
}
#VideoTraining .tab-content .video-content .video-defintions .row:first-child{
	border-top:none;
}
#VideoTraining .text-box{
	padding:10px;
	border:solid 1px #000;
	font-style:italic;
}
#VideoTraining .text-box a{
	color:#0e75b4;
}

.session-table{
	margin-top:25px;
}
.session-table thead{
	background-color:#F2F2F2;
}
.session-table thead th{
	border:none;
}
.session-table tbody tr td{
	vertical-align:middle;
}
.session-table tbody tr td img{
	vertical-align:middle;
}
.session-table a{
	color:#0e75b4;
}
#TraineesAttending.session-table{
	margin-top:15px;
}
.time{
	font-size:14px;
	color:#BCBCBC;
	font-style:italic;
}
.dz-success-mark,
.dz-error-mark {
  display: none;
}
.dz-remove {
  color: red;
}
.dz-details {
  display: inline-flex;
}
.dz-size {
  margin-right: 10px;
}
.dropzone {
  height: 40px;
  min-height: 0px !important;
}
.enroll-trainee-table .form-check-input[type="checkbox"]:after {
  top: 3px;
}
li.file-item a {
  color: blue!important;
  text-decoration: underline;
}
.fa-times:hover {
  cursor: pointer;
}
#contact_details_form textarea {
  height: 100px;
  width: 100%;
  resize: none;
}
.search-resources {
    position: relative;
}
.search-resources i {
    position: absolute;
    left: 27px;
    z-index: 1;
    top: 4px;
}
.search-resources input {
    position: absolute;
    width: 250px;
    left: 20px;
    top: -5px;
    padding-left: 30px;
}
.manage-resources-container {
    width: 100%;
    background-color: #FFF;
}
.manage-resources-container h2 {
    color: #FFF;
    background-color: #0E75B4;
    font-size: 24px;
    padding-top: 14px;
    padding-left: 30px;
    padding-right: 25px;
}
.manage-resources-container .angle {
    border-bottom: 65px solid #0E75B4;
    border-right: 65px solid #FFF;
}

.add-resource-btn {
    position: absolute;
    right: 40px;
    top: 15px;
}
.add-resource-container {
    border: dashed 1px #AEAEAE;
    padding: 45px 45px;
    text-align: center;
    /* display: inline-flex; */
}
.add-resource-container h4,
.add-resource-container i {
    color: #AEAEAE;
}
.add-resource-container i {
    font-size: 36px;
}

.separator {
    border-top: 1px solid #A7A7A7;
    margin-left: 15%;
    margin-right: 15%;
}

.add-resource-modal .browse-btn {
    color: #0F3BF0;
    text-align: center;
    padding: 25px;
}

.resource-container {
    background-color: #FFF;
    width: 350px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.resource-container h4 {
    color: #0e75b4;
}

.btn-container {
    border-top: 1px solid #A7A7A7;
    position: relative;
    min-height: 75px;
}

.btn-container .interface {
    position: absolute;
}

.search-resources i {
    color: #02437D;
}

.search-resources input {
    border: none;
    box-shadow: none;
}