@font-face {
  font-family: "latoregular";
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-regular-webfont.woff2") format("woff2"), url("../webfonts/lato-regular-webfont.woff") format("woff"), url("../webfonts/lato-regular-webfont.ttf") format("truetype"), url("../webfonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "latolight";
  font-style: normal;
  font-weight: normal;
  src: url("../webfonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-light-webfont.woff2") format("woff2"), url("../webfonts/lato-light-webfont.woff") format("woff"), url("../webfonts/lato-light-webfont.ttf") format("truetype"), url("../webfonts/lato-light-webfont.svg#latolight") format("svg");
  font-display: swap;
}
@font-face {
  font-family: 'latoblack';
  src: url('../webfonts/lato-black.eot?#iefix') format('embedded-opentype'), url('../webfonts/lato-black.woff') format('woff'), url('../webfonts/lato-black.ttf') format('truetype'), url('../webfonts/lato-black.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body{
  font-family: "latoregular",sans-serif!important;
  font-weight: 400;
  font-size: 14px;
}
.jumbotron h1.large-demo-text{font-size: 150px;}
.icon-text-search{font-size: 42px;width: 150%;}
.mt3{margin-top: 3px!important;} .mb3{margin-bottom: 3px!important;}
.mt5{margin-top: 5px!important;} .mb5{margin-bottom: 5px!important;}
.mt8{margin-top: 8px!important;} .mb3{margin-bottom: 8px!important;}
.mt10{margin-top: 10px!important;} .mb10{margin-bottom: 10px!important;}
.mt15{margin-top: 15px!important;} .mb15{margin-bottom: 15px!important;}
.mt20{margin-top: 20px!important;} .mb20{margin-bottom: 20px!important;}
.mt25{margin-top: 25px!important;} .mb25{margin-bottom: 25px!important;}
.mt30{margin-top: 30px!important;} .mb30{margin-bottom: 30px!important;}
.l{box-shadow: inset 0 0 3px red;}
.fs-18{font-size: 18px!important;}
.pointer{cursor: pointer;}
.padding_no{padding: 0!important;}
.onlycheckbox{
  float: left;
  margin: 0px!important;
}
.a_color{color: #48b0f7 !important;}
.a_color.inherit{color: #4b4b4b!important;}
.All_users_selected_p{
  position: relative;
  top: -5px;
  height: 36px;
}
  .All_users_selected{
  height: 36px;
  background: #EFEFF0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.all_users_selected_btn{
  display: inline;
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  margin-left: 10px;
  color: #1FA0FF !important;
}
.all_users_selected_btn:hover{background-color: #F9FBFC;}
.smartEnrolmentList{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.innerScrollDiv{
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 176px);
}
.smartEnrolmentList > li:first-child{
  border-top: none;
}
.smartEnrolmentList > li{
  padding: 10px 15px;
  border-top: 1px solid #eee;
}
.smart_main_h{
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  line-height: 20px;
}
.smart_sec_h{
  font-size: 14px;
  margin: 6px 0px 6px 0px;
  line-height: 16px;
}
.a_color.inherit{color: #4b4b4b!important;}
.hamburger{
  position: absolute;
  font-size: 22px;
  left: 12px;
  display: none;
  cursor: pointer;
}
.page-sidebar.visible{
  overflow: hidden!important;
  overflow-y: auto!important;
}
.page-sidebar .sidebar-menu .menu-items > li > a > .title{width: 75%!important;}
.pace-activity{display: none!important;}
@media(max-width: 768px){
  .hamburger{display: block;}
  .header{padding-left: 50px!important;}
  .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: auto!important;
    margin-left: auto!important;
  }
  .page-sidebar:hover {
    transform: none!important; left: 0!important; z-index:9999!important; 
  }
}

/*------buttons-----*/
.hf-btn-info, .hf-btn-info:focus {
  color: #fff!important;
  background-color: #48b0f7!important;
  border-color: #48b0f7!important;
}
.btn{font-weight: 400!important;min-height: 34px;line-height: 32px;}
.btn.btn-sm{
  padding: 0 8px;
min-height: 24px;
min-width: 24px;
border-radius: 3px;
font-size: 14px;
line-height: 12px;
letter-spacing: 0em
}
.btn-border{border-color: #48b0f7;color: #48b0f7;}
.btn i.fa-plus{font-size: 11px!important;}
.hf-btn-info:hover{background-color: #6DC0F9!important;}
.hf-btn-success, .hf-btn-success:focus {
  color: #fff!important;
  background-color: #10cfbd!important;
  border-color: #10cfbd!important;
}
.hf-btn-success:hover{background-color: #40d9ca!important;border-color: #40d9ca!important;}
.hf-btn-danger{
  background-color: #EF3122 !important;
  color: #fff !important;
  border-color: #EF3122 !important;
}
.hf-text-warning {
  color: #ffc107 !important;
}
.inner_container{padding: 80px;padding-top: 30px;}
.contentbox{padding: 5px 0px;}
.content_inner{padding: 15px;}



/*----------expend screen size------------*/
.sort_expend{
  width: 50px;
  height: 44px;
  display:block;
  position: absolute;
  right: 0px;
  top: 13px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
.sort_expend:hover{opacity: 0.75;}
.sort_expend::after{
  content: '';
  height: 38px;
  width: 1px;
  background-color:rgba(0, 0, 0, 0.15);
  position: absolute;
  left: -3px;
  top: 3px;
}
.d_box span{
  width: 50px;
  height: 33px;
  display:block;
  background-image: url('../../assets/img/icon/e2.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.d_box small.d_expand,.d_box small.d_collapse{
  text-align: center;
  font-size: 8px;
  text-transform: uppercase;
  color: #000000;
  display:block;
  height: 10px;
  line-height: 10px;
}
.d_box small.d_collapse{display: none;}
.full_view .d_box span{background-image: url('../../assets/img/icon/e1.svg');}
.full_view .d_box small.d_expand{display: none;}
.full_view .d_box small.d_collapse{display: block;}
.fixed-header.full_view .page-sidebar{left: -280px;}
body.menu-pin.full_view .page-sidebar{left: -460px;}
body.fixed-header.full_view .header{top: -60px;}
body.full_view .page-container .page-content-wrapper .content,
body.menu-pin.full_view .page-container .page-content-wrapper .content{
  padding-top: 0!important;
  padding-left: 0;
  margin-top: -5px;
}
body.full_view .page-container{padding-left: 0;}
/*--end--*/


/*---------header part--------*/
.page-sidebar .sidebar-header{padding: 0px 15px;}
/*.page-sidebar .sidebar-header{padding: 16px 15px;}*/
.icon-thumbnail > i{font-size: 18px!important;}
.page-sidebar .sidebar-menu .menu-items li > a{padding-left: 20px;width: 65%;}
.padtopbottom{padding: 11px 0px!important;}
.logindetail{
  float: left;
}
.logindetail span{
  display: block;
  line-height: 16px;
  padding-right: 10px;
  font-weight: bold;
}
.logindetail span:last-child{
  font-size: 11px;
  text-align: center;
  font-weight: normal;
}
.logindetail_p:hover,.logindetail_p:active{box-shadow: none!important;border: none!important;}
.theme_change{
  border-radius: 50%;
  box-shadow: inset 0 0 4px #ddd;
  width: 28px;
  height: 28px;
  font-size: 14px;
  margin-right: 16px;
}
.profile-dropdown{padding: 0;}
.profile-dropdown span.dropdown-item{
  display: block;
  width: 100%;
  min-height: 32px;
  border-radius: 0;
  line-height: 30px;
  cursor: pointer;
}
.profile-dropdown span.dropdown-item:hover{background-color: #F8F9FA;}
.theme_change .fa-sun{display: none; color: #B88F18;}
.header .thumbnail-wrapper.d32 {
  width: 32px;
  height: 32px;
  padding: 0px!important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.logo_c, .logo_w {
    max-height: 40px;
    width: auto;
    max-width: 100%;
}
.logo_w{display: none;}
@media(max-width: 1080px){
.logo_w,.logo_c{display: none!important;}
.theme_change{width: 24px;height: 24px;font-size: 12px;margin-right: 15px;}
.header .thumbnail-wrapper.d32 {width: 24px;height: 24px;}
.logindetail{display: none;}
.in_mobile{margin-right: -35px;}
.page-sidebar .sidebar-header{padding: 0px 13px;}
/*.page-sidebar .sidebar-header{padding: 13px 15px;}*/
.page-sidebar .sidebar-header .brand{width: 100%; max-width: 200px;}
.btn-link.toggle-sidebar {font-size: 28px;padding: 0 !important;}
}
/*--end--*/

.labelLeft{position: relative;padding-left: 60px;}
.labelText{position: absolute;left: 0px;top: 5px;}
.resetheading{position: relative;margin-bottom: 12px;}
.resetbtnpos{position: absolute;right: 0px; top: -3px;}
.sepratorline{line-height: 100%;border-top: 2px dashed #ccc;margin-top: 40px;margin-bottom: 20px;}
/*---------Page main heading------*/
.page_heading_sec{padding: 5px 0px 10px 0px;position: relative;width: 100%;}
.page_heading h3{
  padding: 2px 0 0 0;
  margin: 0;
  letter-spacing: 0;
  font-weight: 400!important;
  line-height: 100%;
  font-size: 22px;
}
.breadcrumb li a{margin-left: 1px!important;margin-right: 1px!important;font-size: 11px;font-weight: 600!important;}
.breadcrumb > .breadcrumb-item.active{color: #48b0f7 !important;font-size: 11px;font-weight: 600!important;}
/*--end--*/


/*-----------table search-------------*/
.filterSection{padding: 15px 15px;}
.f_search{padding-right: 82px;position: relative;}
.f_search input[type="text"]{
  padding: 0 5px 0 25px!important;
  border: 1px solid rgba(100, 100, 100, 0.15);
  font-size: 13px !important;
  min-height: 34px!important;
  height: 34px!important;
  line-height: 34px!important;
  background-image: url('../../assets/img/icon/search.svg');
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 16px;
}
.applybtn{min-height: 34px;width: 72px;  }
.f_search .applybtn{position: absolute;right: 0;top: 0px;}
.icon_fix{
  position: absolute;
  left: 0px;
  top: 21px;
  font-size: 26px;
  color: #eeeeee;
}
/*end search*/


/*----------Sorting------*/
table th .t_header{position: relative;}
.t_header .onlycheckbox{
  margin-right: 7px!important;
  position: relative;
  top: 50%;
  margin-top: 0px!important;
  transform: translateY(-60%);
}
.sort_pos{
  display: block;
  width: 16px;
  height: 40px;
  text-align: center;
  position: absolute;
  right: 6px;
  top: 0px;
  cursor: pointer;
}
.sort_t{
  display: block;
  text-align: center;
  height: 38px;
  width: 16px;
  position: relative;
}
.sort_t i{
  font-size: 10px;
  transform: scaleY(1.5);
  position: absolute;
  color: rgba(0,0,0,0.25);
}
.sort_t i.fa-caret-down{bottom: 10px;right: 4px;}
.sort_t i.fa-caret-up{top: 11px;right: 4px;}
.stick_h_2.active.descending .fa-caret-down{display: none;}
.stick_h_2.active.ascending .fa-caret-up{display: none;}
.stick_h_2.active .sort_t i{color: #48b0f7;}
/*--end--*/

/*--------------Recipients List Table----------------*/
.hf_table{
  width:100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border: none;
}
body.full_view .hftable_p{height: calc(100vh - 150px);}
body.full_view .recipient_fields.hftable_p{height: calc(100vh - 75px);}
.recipient_fields.hftable_p{height: calc(100vh - 218px);}
.without_filter.hftable_p{height: calc(100vh - 140px);}
.hftable_p{
  width: 100%;
  height: calc(100vh - 220px);
  overflow: auto;
  position: relative;
  padding: 0;
  margin: 0px auto;
  -webkit-overflow-scrolling: touch;
}
.hftable_p .pagination{
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  z-index: 1!important;
}
.t_header{
  padding:0 25px 0 15px;
  height: 42px;
  line-height: 40px;
  box-sizing: border-box;
  background-color: #F9FBFC;
  font-size: 11px;
  cursor: default;
  border-top: 1px solid rgba(230, 230, 230, 0.7);
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  color: #4b4b4b;
  text-transform: uppercase;
  font-weight: 600;
}
.hf_table thead tr th{
  padding:0px;
  vertical-align:top;
  font-weight: 500;
  color: #4b4b4b;
  white-space: nowrap;
  line-height: 18px;
  font-size: 11px;
  text-transform: capitalize;
}
.hf_table tbody tr:hover{background-color:#DAEFFD;}
.hf_table tbody tr:hover td .file_link{display: block!important;}
.hf_table tbody tr td{
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  padding:4px 25px 4px 15px;
  font-size: 12px!important;
  color: #4b4b4b;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 40px;
}
.column_space{line-height: normal;}
.datetime{min-height: 38px;padding-top: 3px;line-height: normal;}
/*--end--*/



/*------custom pagenation-------------*/
.custom_pagination{background-color: #fff;padding: 10px 10px;font-size:12px;}
.tab-content .custom_pagination{margin-top: 10px!important;}
.row_select{display: inline-block;height:24px!important;line-height: 24px;padding: 0 5px;position: relative;}
.row_select select{
  width:40px;
  height:22px!important;
  border:none!important;
  box-shadow:inset 0 0 1px #424242!important;
  font-weight:normal!important;
  font-size:12px;
  border-radius: 2px!important;
  color:rgba(0, 0, 0, 0.78)!important;
  -webkit-appearance: none;
  appearance: none;
}
.row_selectinline{padding:0px;margin:0px;}
.row_selectinline li{display: inline-block;margin-top: -4px;margin-right: -4px;}
.row_selectinline li a{
  color:#454545;
  text-decoration:none!important;
  display:block;
  width: 26px;
  height:24px!important;
  margin-top: 3px;
  text-align: center;
  position: relative;
  font-weight: 500;
  border-radius: 3px;
}
.row_selectinline li a:hover{background-color:#c2c2c2;color: #000000;}
.row_selectinline li a.active{background-color: #22A7F0;color: #ffffff;}
.row_selectinline li.disabled a{color: #999999;}
.btnreport{
  background-color: #F0F0F0!important;
  box-shadow: none!important;
  color: #888!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  border-radius: 0px!important;
  font-size:12px;
  border:1px solid #E5E5E5;
  text-transform:capitalize;
  line-height:18px;
}
.row_select .fa-caret-down{position: absolute;right: 9px;top: 6px;}
/*--end custom pagenation--*/
.btn,.btn:hover,.btn:focus{outline: none!important;}
.coures_list{
  position: relative;
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 32px;
}
.name_list{padding-left: 32px!important;}
.coures_list .onlycheckbox{
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-55%);
}
.coures_list .book_img{
  position: absolute;
  left: 32px;
  top: 50%;
   transform: translateY(-50%);
  max-width: 20px;
}
.show_option{position: relative;}
.action_list{
  padding: 0px;
  padding-left: 15px;
  margin: 0px;
  list-style-type: none;
  box-sizing: border-box;
}
.action_list li{display: inline-block;margin: 0px 10px 4px 0; }
.action_list li a{color: #0075C2 ;font-size: 14px!important;font-weight: 500;}
.action_list li a:hover{color: #48b0f7;}
.action_list li a i{
  font-size: 12px!important;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.select_delete_list{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.select_delete_list li{
  margin-left: 10px;
  padding: 3px 3px 3px 20px;
  font-size: 13px;
  background-image: url('../img/correct.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left center;
}
.tree_view{list-style-type: none;}
.tree_inner{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-top: 6px;
}
.tree_inner li{
  position: relative;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  padding-left: 30px;
}
.tree_inner li:after{
  content: '';
  width: 20px;
  height: 1px;
  background-color: #999;
  position: absolute;
  left: 0px;
  top: 13px;
}
.tree_inner li:before{
  content: '';
  width: 1px ;
  height: 25px;
  background-color: #999;
  position: absolute;
  left: 0px;
  top: -12px;
}
.mb10{margin-bottom: 10px;}
.btn_w{min-width: 70px;}
.btn_w_f{min-width: 90px;}
.l{box-shadow: inset 0 0 3px red;}
.modal_body{padding: 10px!important;}
.modal .close {position: absolute;right: 16px;top: 10px;}
.modal_footer,.modal_header{padding: 14px 10px!important;}
.custom_dilog{width: 100%!important;max-width: 1200px!important;}
/* .enroll_user_box{position: relative;min-height: 340px;padding-left: 180px;} */
.enroll_user_box{position: relative;height: calc(100vh - 120px);padding-left: 180px; border: 1px solid #eee;}
.enroll_user_step{
  padding: 23px 10px 23px 23px;
  margin: 0px;
  list-style-type: none;
  border-right: 1px solid #eee;
  width: 180px;
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
}
.enroll_user_step li{
  position: relative;
  width: 100%;
  height: 36px;
  display:  table;
  padding-left: 44px;
  margin-bottom: 30px;
}
.enroll_user_step li:after{
  content: '';
  width: 1px;
  height: 30px;
  position: absolute;
  bottom: -30px;
  left: 18px;
  background-color: #ddd;
}
.enroll_user_step li:last-child{margin-bottom: 0px;}
.enroll_user_step li:last-child:after{content: none;}
.indicator{
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  /* line-height: 34px; */
  border: 1px solid #ddd;
  position: absolute;
  left: 0px;
  padding-top: 10px;
}
li.active .indicator,li.active h4{color: #48b0f7;border-color: #48b0f7;}
.enroll_user_step_text{display: table-cell;vertical-align: middle;line-height: 18px;}
.enroll_user_step_text h4{
  font-size: 15px;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
  margin-top: 3px;
  line-height: 100%;
  color: #424242;
}
/* .enroll_content,.parameters_content{padding: 15px;} */
.enrollFilter{position: relative;padding-right: 160px;}
.search_back{position: absolute;right: 0px;top: 0px;}
.empty_box{height: 250px;text-align: center;padding-top: 90px;}
.empty_icon{
  width: 50px;
  height: 50px;
  background-color: #F9FBFC;
  border-radius: 50%;
  text-align: center;
  /* line-height: 48px; */
  border: 1px solid #f0f0f0;
  margin: 10px auto;
  font-size: 20px;
  padding-top: 14px;
}
.enroll_adv_search ul{padding: 0px;margin: 0px;list-style-type: none;}
.enroll_adv_search ul li{display: inline-block;min-width: 180px;}
.multiselect-container li{width: 100%;display: block;}
.form-group .btn-group,
.multiselect.btn-default,
.multiselect.btn-default:hover{
  display: block;
  width: 100%!important;
  width: 180px!important;
  text-align: left!important;
  height: 33px!important;
  min-height: 33px!important;
  background-color: transparent;
  border-radius: 2px!important;
  position: relative;
  top: 1px;
}
.select2-container .select2-selection,
.select2-container .select2-selection.select2-selection--single{
  height: 34px!important;
  min-height: 34px!important;
}
.multiselect-item.multiselect-all{padding: 0px!important;}
.multiselect-all{width: 100%!important;padding: 0px 10px!important;}
.dropdown-toggle::after{margin-top: 0px;position: absolute;right: 8px;}
.checkbox{font-weight: normal!important;font-size: 13px!important;cursor: pointer;}
.checkbox input[type="checkbox"]{margin-right: 6px;}
.dropdown-menu > li > a, .dropdown-menu > .dropdown-item > a{min-height: 32px!important;}
.dropdown-menu > li > a, .dropdown-menu > .dropdown-item > a{padding: 0px 10px!important;font-weight: normal;}
.enroll_adv_search{display: none;}
.top_heading_section{padding: 15px;}
.top_heading_section h4{font-size: 18px!important;margin:0px 0px 5px 0px;line-height: 100%!important;}
.top_heading_section p{font-size: 16px!important;margin:0px!important;}
.custom_nav_tabs{background-color: #F9FBFC;border-top: 1px solid #eee;}
.custom_nav_tabs .nav-item a,
.custom_nav_tabs .nav-item a:hover{color: #424242;font-size: 12px;border-right: 1px solid #eee;cursor: default;}
.custom_nav_tabs.nav-tabs > li > a{padding: 10px 17px!important;min-width: 120px; text-align: center;}
.custom_nav_tabs .nav-item a.active{
  color: #48b0f7 !important;
  font-size: 12px;
  background-color: #fff!important;
  position: relative;
  font-weight: bold;
}
.custom_nav_tabs .nav-item a.active::after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #48b0f7;
  position: absolute;
  top: -1px;
  left: 0px;
}
.label_uc {
  font-size: 11px;
  margin-bottom: 5px !important;
  line-height: 110% !important;
  display: block;
  padding-left: 1px;
  color: #4b4b4b;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'latoregular';
}
.form_div_w {width: 100%;max-width: 800px;}
.el-loading-mask{z-index: 1000!important;}
.el-pagination__jump .el-pagination__editor{width: 45px!important;}
.chooseimage{
  width: 100%;
  max-width: 480px;
  height: 270px;
  line-height: 270px;
  box-sizing: border-box;
  display:block;
  margin-bottom: 0px;
  border-radius: 2px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative;
}
.chooseimage img.#blah {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chooseimage img#org_logo{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chooseimage img#blah{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chooseimage input[type="file"]{display:none;}
.upload_banner_message {
  position: relative;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 150%!important;
  color: rgba(0, 0, 0, 0.5);
}
.chooseimage .change_banner_text{display:none;}
.chooseimage.change_banner .change_banner_text{
  display:block;
  width: 96px;
  height: 32px;
  background-color:rgba(50, 50, 50, 0.98);
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
  line-height: 32px!important;
  color: #ffffff;
  font-size: 11px;
  border-radius: 2px;
}
.p_text {font-size: 13px;margin-bottom: 20px;}
.textarea_text{font-size: 13px;white-space:pre-line;}
.notify_box_expl{min-height: 30px;margin: 10px 0 10px 0!important;}
.box_notify{padding: 0px 0px 10px 0!important;}
.box_notify h4{font-size: 16px; margin: 0 5px 5px 0!important;padding: 0px;}
.between_input label.form-check{color: #424242!important;}
.inlineselect{
  padding:3px 0px!important;
  background:#f5f5f5!important;
  box-sizing: border-box;
  border:1px solid #e5e5e5;
  border-radius:3px!important;
  font-size: 12px!important;
}
.w_50{width: 50px;}
.w_90{width: 85px;}
.between_input input[type="text"]{
  width: 40px;
  height: 22px;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: none;
  margin-right: 5px;
  text-align: center;
  font-size: 13px;
}
.between_input input[type="number"]{
  width: 52px;
  height: 22px;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: none;
  margin-right: 5px;
  text-align: center;
  font-size: 13px;
}
.hf_table_no_icon tr td .coures_list{padding-left: 32px!important;}
.sub_line{font-size: 12px;color: #7f7f7f;margin-top: 2px;}
.border_l_r{border-left: 1px solid #eee;border-right: 1px solid #eee;}
.pb7{padding-bottom: 7px!important;}



/*------report------*/
.report_list a{
  display: block;
  align-items: center;
  padding: 15px;
  padding-left: 56px;
  color: #424242;
  text-decoration: none!important;
  position: relative;
  font-size: 14px;
  font-weight: normal;
}
.report_list a:hover{color: #48b0f7;}
.report_list .report_icon{
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 7px;
  border: 1px solid #f0f0f0;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  left: 13px;
  top: 12px;
  box-sizing: border-box;
  color: #9c9c9c;
}
.report_list_ul{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  border: 1px solid #eee;
  border-radius: 3px;
}
.report_list_ul li{border-bottom: 1px solid #eee;}
.report_list_ul li:last-child{border-bottom: none;}
.p20{padding: 20px;}
.pt10{padding-top: 10px;}
.h_4{padding: 0px;margin: 5px 0!important;font-size: 16px!important;line-height: 110%;}
.report_list_box{margin-bottom: 50px;}
.report_list_box:last-child{margin-bottom: 0px;}
.card_min_height{height: calc(100vh - 160px);}

.progress_item{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.progress_item li{
  display: inline-block;
  position: relative;
  margin-top: 3px!important;
  padding: 0px 10px 0px 20px!important;
  width: 20%;
  margin: -4px;
  height: 58px;
  border-right: 1px solid #e5e5e5;
}
.progress_item li:last-child{border-right: none;}
.progress_item li h6{color: rgba(66,72,78,.72);font-size: 14px;margin: 0px;}
.progress_item li h3{color: #424242;font-size: 24px;margin: 15px 0 0 0px!important;font-weight: 500;line-height: 100%;}
.progress-circ {
  width: 80px;
  height: 80px;
  background: none;
}
.Trained_text{
 position: absolute;
 top: 0;
 margin-left: 30px;
 padding-right: 60px;
 border-right: 1px solid #ccc;
}
.progress-circ::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #7f7f7f;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-circ>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress-circ .progress-left {left: 0;}
.progress-circ .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.progress-circ .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress-circ .progress-right {right: 0;}
.progress-circ .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress-circ .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}
.progress_box{
  border: 1px solid #E5E5E5;
  padding: 30px;
  position: relative;
  padding-left: 130px;
  border-radius: 2px;
}
.circel_pos{
  position: absolute;
  left: 27px;
  top: 22px;
}
.t_u_sub_h{
  margin-bottom: 6px;
  padding-left: 20px;
}
/*///////////*/
.filterList{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.filterList li{display: inline-block;margin-bottom: -4px;}
.filterListbtn{position: relative;}
.custom_dropdown{max-height: 300px;overflow: hidden;overflow-y: auto;min-width: 240px;box-sizing: border-box;}
.custom_dropdown .dropdown-item{
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 46px 0 15px!important;
  position: relative;
  border-radius: 0px!important;
}
.custom_dropdown a{
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 13px;
  margin-bottom: 1px;
  cursor: pointer;
}
.custom_dropdown a.active:hover{background-color:#D3EEFF!important;}
.custom_dropdown a.active{background-image: url(../../img/correct.svg);background-color: transparent;}
.card-controls[aria-expanded="true"] i.fa-angle-down{transform: rotate(180deg);}
.dropdown-menu.custom_dropdown.show,
.dropdown-menu.normal_filter_hide.show,
.dropdown-menu.show{
  top: 0px!important;
  transform: translate3d(0px, 34px, 0px)!important;
  z-index: 700!important;
}

.dropdown-menu.dropdown-menu-right.show{
  right: 0px!important;
  left: auto!important;
}
.el-select-dropdown{z-index: 1052!important;}
.dropdown-item i{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 38px;
  width: 30px;
  line-height: 38px;
  text-align: center;
}
.custom_dropdown_sc{
  width: 100%;
  min-width: 320px;
  max-width: 360px;
}
.dropdown_search{
  padding: 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}
.filterList .btn.dropdown-toggle{
  padding-left: 10px!important;
  padding-right: 38px!important;
  min-width: 180px!important;
  justify-content: flex-start;
  border-radius: 2px!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spac_tb{padding: 0px 12px!important;}
.spac_tb:hover{background-color: #e2e2e2!important;}
.dark_mode .spac_tb:hover{background-color: #333!important;}
.spac_tb label{
  padding-top: 8px!important;
  padding-bottom: 8px!important;
  white-space: normal;
  line-height: 18px;
  font-size: 13px;
}
.form-check.spac_tb label::before,
.form-check.spac_tb input[type="checkbox"] + label::after{
  top: 10px;
}
.p15{padding: 15px;}
.filterBox{position: relative;padding: 15px 120px 0px 15px;}
.export_btn{
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: left;
}
.export_btn .btn_w_f{min-width: 100px;justify-content: flex-start;}
.gray_bg{background-color: #F8F8F8;padding: 10px 15px;border-radius: 3px;}
.gamification_point{position: relative;margin-bottom: 15px;padding-right: 110px!important;}
.gamification_point:last-child{margin-bottom: 0px;}
.gamification_point p{font-size: 13px;margin: 0px;}
.gamification_point .sub_para{color: #7f7f7f;}
.points_g{position: absolute;right: 0px;top: 7px;}
.points_g input{
  width: 50px;
  height: 28px;
  padding: 0px 5px!important;
  margin: 0px;
  box-sizing: border-box;
  border: 1px solid #eeeeee!important;
  box-shadow: none;
  border-radius: 3px!important;
  margin-right: 5px;
}
.gamification_point .notify_switch{position: absolute;right: 0px;top: 2px;}
.check_icon_pos{padding-left: 27px!important;}
.icon_p{
  position: absolute;
  left: 0px;
  top: 1px;
  color: #10cfbd;
  font-size: 18px;
}
.addbtn{position: relative;padding-right: 115px;}
.addbtn .btn_certificate{position: absolute;right: 0px;top: 0px;}
.cover_photo{
  height: 240px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
.cover_photo h2{position: absolute;bottom: 25px;left: 20px;}
.profile_nav_tabs{background-color: #fff;}
.nav-tabs{border-bottom-color: #eee!important;}
.profile_nav_tabs .nav-item a,
.profile_nav_tabs .nav-item a:hover{color: #424242;font-size: 14px;}
.profile_nav_tabs.nav-tabs > li > a{padding: 10px 10px!important;text-transform: capitalize;margin-right: 15px;}
.profile_nav_tabs .nav-item a.active{
  color: #48b0f7 !important;
  font-size: 14px;
  background-color: #fff!important;
  position: relative;
  font-weight: bold;
}
.profile_nav_tabs .nav-item a.active:after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #48b0f7;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.listing_c{
  height: 170px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #eee;
  position: relative;
  padding: 10px 10px 10px 285px;
  overflow: hidden;
  margin-bottom: 15px!important;
}
.listing_c h3{
  padding: 0px;
  margin: 2px 0 0 0;
  color: #1f2331;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
}
.listing_c .modile_c{line-height: 30px;margin-bottom: 3px;opacity: 0.76;}
.listing_c:last-child{margin-bottom: 10px;}
.listing_img{
  width: 266px;
  height: 150px;
  position: absolute;
  left: 9px;
  top: 9px;
  border-radius:2px;
  background-color:#F3F3F3;
  overflow: hidden;
}
.listing_img img{
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.leraner_prgress{
  min-width: 300px;
  max-width: 300px;
  position: absolute;
  bottom: -5px;
}
.counter_t_c{
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: -4px;
  margin-right: 10px;
  text-align: center;
  color: #ffffff;
  background-color: #FBC117;
}
.user_icons{
  width: 26px;
  height: 26px;
  font-size: 12px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #e2e2e2;
  color: #ffffff;
  text-align: center;
}
.crown_icon {color: #FBC117;margin-right: 10px;}
.certificate_icon {color: #C6578C;margin-right: 5px;}
.userProfile_details{position: relative;padding-left: 140px;}
.profile_pick{
  width: 116px;
  height: 116px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #f8f8f8;
  text-align: center;
  position: absolute;
  top: -50px;
  left: 20px;
  z-index: 1;
}
.user_p_img{
  width:  116px;
  height: 116px;
  border-radius: 50%;
  position: relative;
  display: block;
  cursor: pointer;
}
.user_p_img img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.user_p_img input[type="file"]{position: absolute;top: 0;left: 0;}
.user_pic_change{
  display:block;
  width: 32px;
  height: 32px;
  background-color:#c0c0c0;
  position: absolute;
  right: 3px;
  bottom: 4px;
  z-index: 2;
  /*line-height: 32px;*/
  color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  padding-top: 9px;
}
.profile_points{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.profile_points li{
  display: inline-block;
  text-align: center;
  padding: 14px 20px;
  margin-right: 20px;
}
.profile_points li:last-child{margin-right: 0px;}
.profile_points h3{
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  line-height: 115%;
}
.profile_points span{opacity: 0.76;font-size: 13px;}
.setting_detail_u{margin: 10px 0px;}
.setting_detail_u .label_name_u{display: inline-block;width: 100px;}
.progress{height: 8px;border-radius: 5px;}
.gray_bg_tab{
  padding: 12px!important;
  background-color: #fdfdfd;
  border: 1px solid #f8f8f8!important;
  border-top: none!important;
  border-radius: 0 0 3px 3px!important;
}
.gray_bg_tab.gray_bg_tab_bt{border-top: 1px solid #f8f8f8!important;}
.inner_list{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  max-height: 264px;
  overflow: hidden;
  overflow-y: auto;
}
.inner_list li{
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: none;
}
.inner_list li .inner_list_item,
.inner_list li a{
  display: block;
  padding: 0px 15px;
  font-size: 13px;
  height: 38px;
  line-height: 38px;
  color: #4b4b4b;
  cursor: pointer;
}
.inner_list li a:hover,.inner_list li .inner_list_item:hover{background-color: #D3EEFF;}
.hf_email_select{
  width: 100%!important;
  border: 1px solid rgba(33, 33, 33, 0.14)!important;
  border-radius: 2px!important;
  box-sizing: border-box;
  max-height: 35px;
}
.el-input__inner{
  border-color: rgba(100, 100, 100, 0.15) !important;
  border-radius: 2px!important;
  height: 35px!important;
}
.el-pagination__sizes .el-input__inner{
  height: 28px!important;
}
.el-pagination {
  padding: 2px 0px!important;
}
.el-pagination__editor{margin-right: 0px!important;}
.hf_email_select .el-input__inner{border: none!important;height: 33px!important;font-size: 13px!important;}
.with_calander .el-input__inner{
  height: 30px!important;
  background-image: url('../../img/calendar.svg');
  background-position: right 8px center;
  background-size: 16px;
  background-repeat: no-repeat;
}
li .with_calander .el-input__inner{top: 0px;}
.with_calander{padding-right: 80px!important;position: relative;}
.with_calander button.btn_sm{
  position: absolute;
  right: 10px;
  top: 11px;
  height: 30px;
}
.hf_email_select_m{
  max-height: 35px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.dropdown_footer{
  padding: 10px;
  background-color: #fafafa;
}
.btn_sm{min-height: 1px!important;padding: 6px 12px!important;line-height: 100%;}
.btn-border.btn_sm,.btn_sm.btn{min-height: 1px!important;padding: 6px 12px!important;margin: 0px!important;}
.maxwidth{max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.modal.edit_enroll_modal .modal-header{
  padding: 10px 15px!important;
}
.modal.edit_enroll_modal.fade.slide-right .close{
  margin-right: 0px!important;
  margin-top: -5px!important;
}
.modal.edit_enroll_modal.fade.slide-right .modal-dialog .modal-body{
  padding: 0px 15px!important;
  box-sizing: border-box;
  height: calc(100vh - 100px);
  overflow: hidden;
  overflow-y: auto;
}
.modal.edit_enroll_modal .modal-footer{
  padding: 10px!important;
  border: none!important;
}
.span_btn{padding: 3px 10px; display: inline-block;line-height: 12px!important;background-color: transparent;}
.span_btn:hover{border: 1px solid #ddd!important;}
.scroll-wrapper.select2-results__options{
  max-height: 300px;
  overflow: hidden!important;
  overflow-y: auto!important;
}
.look_as_tabs{
  background-color: #F9FBFC;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  box-sizing: border-box;
}
.look_as_tabs li{display: inline-block;margin-right: -6px;padding: 0px!important;}
.look_as_tabs li a,
.look_as_tabs li a:hover{
  color: #424242;
  font-size: 12px;
  display: block;
  padding: 7px 17px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 11px;
  color: #424242;
  border-right: 1px solid #eee;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.look_as_tabs li.active a{
  color: #48b0f7 !important;
  font-size: 12px;
  padding: 7px 17px 8px 17px;
  background-color: #fff!important;
  position: relative;
  font-weight: bold;
  border-left: 1px solid #eee;
  box-sizing: border-box;
}
.look_as_tabs li.active a:after{
  content: '';
  width: 100%;
  height: 3px;
  background-color: #48b0f7;
  position: absolute;
  top: -1px;
  left: 0px;
}
.look_as_tabs li.active a:before{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
.fr-wrapper{
  height: auto!important;
}
.fr-view{overflow-y: auto!important;}
.look_as_tabs_data{padding: 15px;}
.span_look_as_btn{
  width: 100%;
  display: block;
  height: 34px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  line-height: 34px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 10px;
  font-weight: 500
  color:#424242;
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
}
.span_look_as_btn:after{
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  position: absolute;
  right: 6px;
  top: 15px;
}
.filter_dropdown{position: relative;}
.dropdown_pos{
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 1050;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 4px 10px;
  display: none;
}
.enrollFilter{margin-bottom: 15px!important;}
.enrollFilter > ul >li{padding-left: 0px;font-size: 13px;color: #424242;font-weight: normal;}
.enrollFilter > ul >li a{color: inherit;}
.pad_list li{padding: 6px 10px;display: block!important;width: 100%;margin: 0px!important;}
.pad_list .form-check.onlycheckbox {float: none!important;}
.pad_list li:hover{background-color: #fafafa;}
.selected_length{
  font-size: 11px;
  display: block;
  margin-top: 2px;
  opacity: 0.6;
 }

/*---------coures_list_with_thumbnal-----*/
.education_tags{
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  height: 18px;
  /* margin-bottom: 3px; */
}
.newtextoncard{
  position: absolute;
  left: -4px;
  top: 0px;
  z-index: 2;
  background: #ddd;
  padding: 4px 8px;
  line-height: 100%;
  font-weight: bold;
  font-size: 13px;
  color: red;
  opacity: 0.8;
  display: inline-block;
}
.education_tags span{
  position: relative;
  display: inline-block;
  padding-right: 3px;
  margin-right: 5px;
  color: #48b0f7;
}
.education_tags span::after{
  content: ',';
  position: absolute;
  right: 0;
  bottom: 0;
}
.education_tags span:last-child:after{
  content: none;
}
.opacity-100{opacity: 0;}
.opacity-75{opacity: 0.75;}
.opacity-50{opacity: 0.50;}
.opacity-25{opacity: 0.25;}
.coures_list_with_thumbnal{
  position: relative;
  /* min-height: 80px; */
  min-height: 88px;
  margin: 3px 0px;
  padding-left: 194px;
  padding-top: 2px;
  line-height: 130%;
  max-width: 500px;
}
.coures_list_with_thumbnal .onlycheckbox{position: absolute;left: 0px;top: -1px;}
.thumbnal_img_c{
  width: 150px;
  height: 88px;
  overflow: hidden;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dcdacb;
  position: absolute;
  left: 30px;
  top: 0;
  box-sizing: border-box;
}
.thumbnal_img_c img{min-width: 141px;max-width: 100%; min-height: 86px;max-height: 100%;object-fit: cover;}
.coures_list_with_thumbnal h4{
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  line-height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.coures_list_with_thumbnal .description{line-height: 16px;opacity: 0.78;padding-top: 3px;font-size: 13px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*--end--*/


.department_user_h{
  position: relative;
  padding-left: 82px;
  margin-top: 6px;
  padding-bottom: 17px;
  /*border-bottom: 1px solid #eee;*/
  min-height: 55px;
}
.department_user_h h4{padding: 0px 0 3px 0;margin: 0px;font-size: 20px;line-height: 24px;}
.department_user_h p{color: #8D98A2; margin: 0px;}
.department_icon{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #BDD2D9;
  position: absolute;
  left: 17px;
  line-height: 50px;
  font-size: 24px;
  color: #EDF1F2;
  text-align: center;
  top: -1px;
}

li .el-input__inner{
  border: 1px solid #CCC !important;
  border-radius: 2px !important;
  height: 34px !important;
  position: relative !important;
  top: 1px;
}
.custom_hf_table tbody tr td{line-height: normal !important;padding: 10px 20px 10px 15px !important;}
.custom_course_list .onlycheckbox {
  position: absolute;
  left: 0px;
  top: 0 !important;
  transform: translateY(0) !important;
}
.custom_course_list .book_img {
  position: absolute;
  left: 32px;
  top: 0 !important;
  transform: translateY(0) !important;
}
.hf_table tbody tr td a,.hf_table tbody tr td a:hover{color: #4b4b4b;}
#show-less-btn{display: none;}
#l-education{height: 19px;overflow: hidden;}
.l-edu{height: 40px;overflow: hidden;}
.lsh-edu{height: 100%!important;overflow: visible;}
.btn_show_more_less{min-height: 22px !important;}
.loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  color: #48B0F7;
  box-sizing: border-box;
  animation: animloader 1s linear infinite;
}

@keyframes animloader {
  0%{box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;}
  25%{box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;}
  50%{box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;}
  75%{box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;}
  100%{box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;}
}
.table-responsive{
  position: relative;
  max-height: calc(100vh - 150px);
}
.table-responsive.enrollTableScroll{
  max-height: calc(100vh - 318px)!important;
}
.btn-danger.deletebtn_enrol:disabled{
  background-color: #e2e2e2!important;
  border-color: #ccc;
  color: #454545;
}
button:disabled{
  pointer-events: auto!important;
  cursor: not-allowed!important;
}
.main_enrol_h{
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  padding: 15px;
  line-height: 100%;
  border-bottom: 1px solid #eee;
}
.empty_data_box{
  height: calc(100vh - 330px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf_table thead{
  position: sticky!important;
  top: 0px!important;
  box-shadow: inset 0px 0px 1px 0px #eee;
  z-index: 100;
}
.modal_body.modalScrollable{
  max-height: calc(100vh - 210px)!important;
  overflow-y: auto!important;
}
.footerpopup{position: relative;}
.reminderfield{
  background-color: #f0f0f0 !important;
  border-top: 1px solid #ddd;
  position: absolute;
  bottom: -3px;
  left: -3px;
  z-index: 999;
  box-shadow: 1px 3px 8px rgba(0,0,0,0.5);
  border-radius: 6px;
}
body.modal-open .el-select-dropdown {
  z-index: 2000 !important;
  width: 1px;
}
@media(max-width: 768px){
  .search_back{position: relative;right: auto;margin-bottom: 15px;}
  .look_as_tabs{white-space: nowrap;overflow: hidden;overflow-x: auto;}
  .listing_c h3{font-size: 16px;}
  .leraner_prgress{position: relative;bottom: 0;}
  .listing_c{padding: 10px;height: auto;}
  .listing_img{width: 100%;height: auto;position: static;margin-bottom: 10px;}
  .listing_img img{width: 100%;max-height: auto;object-fit: cover;}
  div.cs-select{width: 100%;max-width: 100%;}
  .padding_no{padding-left: 15px!important;padding-right: 15px!important;}
  .page_heading_sec{padding: 8px 12px;}
  .page_heading h3{font-size: 17px!important;font-weight: 500!important;}
  .page_heading_sec .breadcrumb-item{line-height: 16px!important;margin-bottom: 2px!important;}
  .page_heading_sec .mt8{margin-top: 3px;}
  .hide_mobile, .sort_expend{display: none;}
  .cover_photo{height: 160px;}
  .profile_pick{width: 64px;height: 64px;top: -11px;left: 11px;}
  .user_p_img{width:  64px;height: 64px;}
  .user_pic_change{width: 24px;height: 24px;right: 0px;bottom: 1px;line-height: 24px;font-size: 12px;}
  .userProfile_details{padding-left: 0px;}
  .profile_points{padding: 0px;margin: 0px;list-style-type: none;}
  .profile_points li{display: inline-block;text-align: center;padding: 2px 0px;margin-right: 15px;}
  .profile_points li:first-child{width: 100%;display: block;padding: 0px 0px 0px 89px!important;margin-top: -26px;margin-bottom: 15px;}
  .profile_points li:first-child h3{color: #fff!important;margin-bottom: 2px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
  .profile_points span{font-size: 12px;}
  .nav-tab-dropdown .cs-select .cs-placeholder,
  div.cs-skin-slide .cs-options ul li span{font-size: 12px;text-transform: uppercase;font-family: inherit;}
  div.cs-skin-slide .cs-options ul{padding: 0px!important;}
  div.cs-skin-slide .cs-options{padding: 4px 0px!important;margin: 0px!important;}
  div.cs-skin-slide .cs-options ul li{padding-left: 15px!important;padding-right: 15px!important;display: block!important;}
  div.cs-skin-slide .cs-options ul li:hover{background-color: #fafafa!important;}
  .cs-placeholder{border: 1px solid #eee;background-color: #F9FBFC;font-weight: 500!important;color: #222;font-size: 12px!important;height: 36px!important;padding:5px 34px 5px 11px!important;}
  .progress{margin-bottom: 0px!important;}
  .nav-tab-dropdown.cs-wrapper{margin-top: 10px;}
  .gray_bg_tab{padding: 7px!important;}
  .table-responsive{padding: 0px!important;margin: 0px!important;border: none!important;}
  .nav-tabs ~ .tab-content {padding: 10px!important;}
  .cover_photo h2{position: absolute;bottom: 5px;left: 12px;margin: 0px !important;font-size: 20px;}
  .progress_box{padding: 10px 10px 20px 10px;}
  .progress_item li{width: 100%;display: block;border: none;padding: 5px!important;height: 38px;line-height: 38px;}
  .progress_item li:first-child h6,.progress_item li:first-child h3{display: block!important;}
  .progress_item li:first-child{padding-left: 100px!important;height: auto!important;}
  .progress_item li h6,.progress_item li h3{display: inline-block;font-weight: normal;position: relative;}
  .progress_item li h3{font-size: 18px;font-weight: bold;top: 2px;}
  .progress_item li h6{width: 94px;margin-right: 5px;}
  .progress_item li h6:after{content: ':';position: absolute;right: 0px;top: -1px;}
  .progress_item li:first-child h6{margin-right: 0px!important;}
  .progress_item li:first-child h6:after{content: none;}
  .progress-circ{width: 66px;height: 66px;}
  .circel_pos{position: absolute;left: 17px;top: 12px;}
  .modal-dialog{margin: auto!important;}
  .multiselect-container.dropdown-menu.show{z-index: 9999!important;max-height: 300px;overflow: hidden;overflow-y: auto;}
  .enroll_user_box{padding-left: 0px;}
  .enroll_user{display: none;}
  /* .enroll_content,.parameters_content{padding: 15px 5px!important;} */
  .enrollFilter{position: relative;padding-right: 0px;}
  .enroll_adv_search ul li{display: block;margin-right: 0px!important;width: 100%;min-width: 100%;}
  .filterBox{padding: 12px!important;}
  .custom_filter {width: 100%;}
  .filterList li{display: block;width: 100%;}
  .filterList li{padding-left: 0px!important;margin-bottom: 15px;}
  .filterBox .export_btn{position: relative;right: 0px;top: 0px;float: right;}
}

@media(max-width: 551px){
.inline.pull-right .hf-btn-info, .inline.pull-right .btn-default{margin-top: 15px;}
.show_option.space{padding-top: 63px!important;}
.action_list{
  border: 1px solid #eee;
  min-height: 62px;
  width: 100%;
  left: 0px;
  padding-left: 12px;
  top: 0px;
  position: sticky;
}
.action_list li{margin: 2px 10px 2px 0px;}
.form-group .btn-group,
.multiselect.btn-default,
.multiselect.btn-default:hover{width: 200px!important;height: 34px!important;min-height: 34px!important;}
.modal.fade.slide-right .modal-dialog{width: 100%;}
}
.table_scroll_c thead th.sticky_th{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  white-space: nowrap;
  z-index: 2!important;
}

.filter_list_show {
  display: inline-block;
  position: relative;
  padding-left: 0px!important;
  margin-bottom: 10px !important;
  margin-right: 8px;
  min-width: 160px;
}

.filter_list_remove {
  position: absolute;
  right: -7px;
  color: red;
  top: -11px;
  z-index: 10;
  width: 20px;
  height: 20px;
  font-size: 11px;
  border-radius: 50%;
  border: 1px solid #ddd;
  box-shadow: inset 0px 0px 8px #ddd;
  text-align: center;
  box-sizing: border-box;
  background-color: #f0f0f0;
  display: none;
  cursor: pointer;
  padding-top: 4px;
}
  .filter_list_show:hover .filter_list_remove{
    display: block;
  }
  .file_link{ padding: 0; margin: 0px; list-style-type: none; font-size: 12px; white-space: nowrap; display:none;} .file_link li{ display:inline-block; margin-right: 10px; line-height: 100%; white-space: nowrap; margin-top: 4px; } .file_link li:last-child{margin-right: 0px;} .file_link li a{ color: rgba(0,0,0, 0.5)!important; display:block; font-size: 12px; line-height: 110%; } .file_link li a:hover{text-decoration: none;color: #0075C2!important;}
  .w_180{width: 180px!important;min-width: 1px!important;}
  .choose_zip input[type="file"]{ color: transparent; }
  .choose_zip{position: relative;}
  .choose_zip .text-position{
    position: absolute;
    display: block;
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    right: 2px;
    top: 50%;
    height: 32px;
    padding-top: 5px;
    margin-top: -8px;
  }
  li{padding-left: 0px;}


  /*loader*/
.loaders,
.loaders:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loaders {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(68,203,213, 0.2);
  border-right: 1.1em solid rgba(68,203,213, 0.2);
  border-bottom: 1.1em solid rgba(68,203,213, 0.2);
  border-left: 1.1em solid #44cbd5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------placeholder loader---------------*/
.placeholder_loader{display: none;}
.placeholder_loader > div {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-basis: 100%;
max-width: 100%;
}
.placeholder_item{
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
animation-delay: 0.3s;
background-color: #ededed;
background-image: linear-gradient(90deg, #ededed 14.36%, #d7d6d6 56.29%, #ededed 100%);
background-repeat: no-repeat;
background-size: 244px 104px;
position: relative;
height: 17px;
border-radius: 8px;
width: 100%;
margin: 8px 5px 10px 0px;
}
@keyframes placeHolderShimmer {
  0%{background-position: calc(0% - 300px) 0;}
  20%{background-position: calc(0% - 300px) 0;}
  80%{background-position: calc(100% + 300px) 0;}
  100%{background-position: calc(100% + 300px) 0;}
}
.placeholder_box{background-color: #ffffff!important;z-index: 2!important;}
.placeholder_box .showdata{display: none!important;}
.placeholder_box .placeholder_loader{display: block;}
/*--end--*/
/*-------circle loader--------*/
.loader_parent{background-color: rgba(100, 100, 100, 0.1);}
.lodar_light{background-color: transparent!important;}
.loader{ border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; width: 40px; height: 40px; -webkit-animation: spin 1.5s linear infinite; animation: spin 1s linear infinite; position: relative; z-index: 1; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/*--end--*/

.label_left{position: relative;padding-left: 125px;}

.label_left .label_uc_pos{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 14px!important;
  font-weight: 600!important;
}
.label_normal{font-size: 14px!important;font-weight: 600!important;}
.gamificationinner{ border-bottom: 2px dashed #eee; padding-bottom: 30px; margin-bottom: 20px; } 
/* .gamificationinner:last-child{ border-bottom: none; padding-bottom: 0px; margin-bottom: 10px; } */
.info_box{
  background: #FFFDD7;
  border: 1px solid #E7E5AA;
  color: #6E6A26;
  line-height: 110%;
  padding: 5px 8px;
  border-radius: 2px;
  margin: 5px 0;
}
.rad_r_b{border-radius: 0px!important;}
.email_select_domain{
  position: relative;
}
.form_field{
  min-height: 35px;
  border-radius: 2px;
  border: 1px solid rgba(33, 33, 33, 0.14);
  padding: 6px 8px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  box-sizing: border-box;
  width: calc(50% - 15px);
  display: inline-block;
  margin-right: -4px;
}
select.form_field{
  min-height: 35px;
  border-radius: 2px;
  border: 1px solid rgba(33, 33, 33, 0.14);
  padding: 6px 8px;
  line-height: 16px;
  font-size: 14px;
  font-weight: normal;
  box-sizing: border-box;
  width: calc(50% - 15px);
  display: inline-block;
  margin-right: -4px;
  position: relative;
  top: -3px;
}
.form_field.marr{margin-right: 27px;}
.add_icon{
  width: 34px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  left: calc(50% - 17px);
  top: 0px;
  border: 1px solid rgba(33, 33, 33, 0.14);
  background-color: #fafafa;
  z-index: 2;
}
.mb0{margin-bottom: 0px!important}
.form_field .el-input__inner{height: 35px!important;border-radius: 2px!important;}
.fr-view table td, .fr-view table th { border: none!important; }

/* ------add more field popup------- */
.addNew .el-form-item__content{
  position: relative;
  padding-right: 90px!important;
}
.addNew .remove, .addNew .add {
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
.addNew .el-form-item__content .addnew_btn {
  position: absolute;
  right: 0px;
  top: 17px;
}
.el_label .el-form-item__label {
  text-align: right;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #48576a;
  line-height: 1;
  display: block;
  padding: 0px!important;
  box-sizing: border-box;
}
.el_label .el-input__inner{border-radius: 2px;}
/* end */


.addnewfield .el-form-item__label {
  font-size: 11px;
  padding: 0px;
  margin-bottom: 5px !important;
  line-height: 110% !important;
  display: block;
  padding-left: 1px;
  color: #4b4b4b;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'latoregular';
}

.addnewfield{position: relative;padding-right: 94px;}
.addnewfield_elbox.addnewfield .el-form-item__content .addnew_btn{
  position: absolute;
  right: -94px;
  top: 17px;
}
.addnewfield .remove,.addnewfield .add{
  border-radius: 50%;
  width: 34px;
  height: 34px;
}


/* ----------status popup--- */
.statusprocess{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.statusprocess li{margin-bottom: 5px;font-size: 13px;}
.statusprocess .statustype{
  display: inline-block;
  width: 110px;
}
.btn.dropdown-toggle.custom_filter.btn_customize{
  position: relative;
  top: -2px;
  min-height: 35px !important;
  box-shadow: none;
  border-color: rgba(100, 100, 100, 0.15)!important;
}
/* end */

input.searchicon[type="text"] {
  padding: 0 5px 0 25px !important;
  border: 1px solid rgba(100, 100, 100, 0.15);
  font-size: 13px !important;
  min-height: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  background-image: url('../../assets/img/icon/search.svg');
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 16px;
  position: relative;
  top: 2px!important;
}
.w_150{min-width: 150px;}
.w_300{min-width: 300px;}
.lh18{line-height: 18px;display: inline-block;}
.fs-12.lh18{line-height: 14px!important;}
.smallselect{
  width: 90px!important;
  height: 21px!important;
  margin-right: 5px!important;
}
.smallselect .el-input__inner{
  height: 21px!important;
  border-radius: 3px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  font-size: 13px!important;
  background-color: #efefef!important;
}
.smallselect .el-input__icon{
  width: 22px!important;
  font-size: 10px!important;
}
.dropdown-menu.custom_dropdown.show,
.dropdown-menu.normal_filter_hide.show,
.dropdown-menu.show{
  top: 0px!important;
  transform: translate3d(0px, 34px, 0px)!important;
  z-index: 700!important;
}

.dropdown-menu.dropdown-menu-right.show{
  right: 0px!important;
  left: auto!important;
}
/* ------add more field popup------- */
.addNew .el-form-item__content{
  position: relative;
  padding-right: 90px!important;
}
.addNew .remove, .addNew .add {
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
.addNew .el-form-item__content .addnew_btn {
  position: absolute;
  right: 0px;
  top: 17px;
}
.el_label .el-form-item__label {
  text-align: right;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #48576a;
  line-height: 1;
  display: block;
  padding: 0px!important;
  box-sizing: border-box;
}
.el_label .el-input__inner{border-radius: 2px;}
.modal{z-index: 1056!important;}
/* end */
.esa_info_i .dropdown-toggle{
  padding: 0px!important;
  position: relative;
  outline: none!important;
  background-color: transparent!important;
  border: none!important;
  color: #48b0f7!important;
}
.esa_info_i .dropdown-toggle::after{content: none;}
.esa_info_i .dropdown-menu{
  min-width: 280px;
  max-width: 360px;
  overflow: hidden;
  white-space: normal;
  line-height: 18px;
}
/* -------uploader----- */
.vuejs-uploader{position: relative;}
.vuejs-uploader label{
  display: block;
  width:100%;
}
.vuejs-uploader label .vuejs-uploader__btn{
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.label_uc.label_normal{
  text-transform: capitalize!important;
  font-size: 13px!important;
  color: #888!important;
  margin-bottom: 3px !important;
}
.browslabel{
  position: relative;
}
.browslabelbtn{
  position: absolute;
top: 3px;
right: 3px;
border: 1px solid #ddd;
background-color: #f0f0f0;
display: inline-block;
border-radius: 2px;
line-height: 100%;
padding: 6px 16px !important;
font-size: 13px;
color: #7f7f7f;
}
.vuejs-uploader label {
  cursor: pointer;
}
.vuejs-uploader label.disabled {
  cursor: not-allowed;
}
.vuejs-uploader [type=file] {
  display: none;
}
.vuejs-uploader__error {
  color: indianred;
  padding: 0px;
  margin: 0px 0px;
}
.vuejs-uploader__queue {
  list-style-type: none;
  padding: 0;
  border-top: 1px solid #eee;
  padding-top: 0px;
}
.vuejs-uploader__btn {
  overflow: hidden;
  position: relative;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 100%;
  background: inherit;
  font-family: inherit;
  margin-right: 2px;
  font-size: 13px;
  color: #7f7f7f;
}
.vuejs-uploader__btn--delete {
  padding: 3px 6px;
}
.vuejs-uploader__file {
  border: 1px solid #e0e0e0!important;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  background-color: #f0f0f0;
  border-radius: 4px;
}
.vuejs-uploader__file--preview {
  display: inline-block;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vuejs-uploader__file--meta {
  display: inline-block;
  flex-grow: 1;
}
.vuejs-uploader__file--filename,
.vuejs-uploader__file--filesize {
  vertical-align: top;
  margin: 0;
}
.progress.vcroprogress{
  height: 11px!important;
}
.progress.vcroprogress .progress-bar{
  font-size: 11px!important;
}
.vuejs-uploader__progress {
  position: relative;
  height: 6px;
  border-radius: 3px;
  background: #ddd;
  margin-top: 5px;
}
.actionposition{
  padding-top: 14px;
}
.actionposition .hf-btn-info:disabled {
  border-color: #ccc!important;
  background-color: #ddd!important;
  color: #7f7f7f!important; 
  cursor: not-allowed;
}
.vuejs-uploader__progress-bar {
  display: inline-block;
  height: 6px;
  background: #32cd32;
  position: absolute;
  border-radius: 3px;
}
.loading:after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(0,0,0,0.25) 1.5em 0 0 0, rgba(0,0,0,0.25) 1.1em 1.1em 0 0, rgba(0,0,0,0.25) 0 1.5em 0 0, rgba(0,0,0,0.25) -1.1em 1.1em 0 0, rgba(0,0,0,0.25) -1.5em 0 0 0, rgba(0,0,0,0.25) -1.1em -1.1em 0 0, rgba(0,0,0,0.25) 0 -1.5em 0 0, rgba(0,0,0,0.25) 1.1em -1.1em 0 0;
}
.vuejs-uploader__dir-icon {
  height: 40px;
  width: 60px;
  background: #8dcaf7;
  line-height: 35px;
  text-align: center;
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  border-radius: 0 3px 3px 3px;
  font-size: 16px;
}
.vuejs-uploader__dir-icon.open {
  padding-left: 6px;
}
.vuejs-uploader__dir-icon.open .dir-icon-open {
  display: block;
}
.vuejs-uploader__dir-icon .dir-icon-open {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.vuejs-uploader__dir-icon .dir-icon-open:before,
.vuejs-uploader__dir-icon .dir-icon-open:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
}
.vuejs-uploader__dir-icon .dir-icon-open:before {
  left: 0;
  border-left: 3px solid #acdcfd;
  border-bottom: 17px solid #8dcaf7;
  border-right: 3px solid #8dcaf7;
  border-top: 17px solid #acdcfd;
}
.vuejs-uploader__dir-icon .dir-icon-open:after {
  left: 60px;
  border-left: 3px solid #8dcaf7;
  border-bottom: 17px solid #fff;
  border-right: 3px solid #fff;
  border-top: 17px solid #8dcaf7;
}
.vuejs-uploader__dir-icon:before,
.vuejs-uploader__dir-icon:after {
  content: '';
  position: absolute;
  display: inline-block;
}
.vuejs-uploader__dir-icon:before {
  top: -8px;
  left: 0;
  height: 6px;
  width: 20px;
  border-radius: 3px 0 0 0;
}
.vuejs-uploader__dir-icon:after {
  top: -8px;
  left: 20px;
  border: 3px solid #fff;
}
/**
 * File mixin
 */
.vuejs-uploader__file-icon {
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  line-height: 60px;
  height: 60px;
  width: 50px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  background: #787878;
}
.vuejs-uploader__file-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
}
.vuejs-uploader__file-icon:after {
  border-bottom: 6px solid #868686;
  border-left: 6px solid #868686;
}
.vuejs-uploader__file-icon.doc,
.vuejs-uploader__file-icon.docx {
  background: #4b639e;
}
.vuejs-uploader__file-icon.doc:after,
.vuejs-uploader__file-icon.docx:after {
  border-bottom: 6px solid #5670af;
  border-left: 6px solid #5670af;
}
.vuejs-uploader__file-icon.key {
  background: #6eb4fa;
}
.vuejs-uploader__file-icon.key:after {
  border-bottom: 6px solid #7cbbfa;
  border-left: 6px solid #7cbbfa;
}
.vuejs-uploader__file-icon.numbers {
  background: #d77427;
}
.vuejs-uploader__file-icon.numbers:after {
  border-bottom: 6px solid #dc823c;
  border-left: 6px solid #dc823c;
}
.vuejs-uploader__file-icon.pdf {
  background: #d2780c;
}
.vuejs-uploader__file-icon.pdf:after {
  border-bottom: 6px solid #ed880e;
  border-left: 6px solid #ed880e;
}
.vuejs-uploader__file-icon.pptx {
  background: #b9593e;
}
.vuejs-uploader__file-icon.pptx:after {
  border-bottom: 6px solid #c4684e;
  border-left: 6px solid #c4684e;
}
.vuejs-uploader__file-icon.psd {
  background: #7dd2f9;
}
.vuejs-uploader__file-icon.psd:after {
  border-bottom: 6px solid #8ad6fa;
  border-left: 6px solid #8ad6fa;
}
.vuejs-uploader__file-icon.csv,
.vuejs-uploader__file-icon.xls,
.vuejs-uploader__file-icon.xlsx {
  background: #4e7853;
}
.vuejs-uploader__file-icon.csv:after,
.vuejs-uploader__file-icon.xls:after,
.vuejs-uploader__file-icon.xlsx:after {
  border-bottom: 6px solid #5a8b60;
  border-left: 6px solid #5a8b60;
}
.vuejs-uploader__file-icon.arw,
.vuejs-uploader__file-icon.bmp,
.vuejs-uploader__file-icon.cr2,
.vuejs-uploader__file-icon.dng,
.vuejs-uploader__file-icon.tif,
.vuejs-uploader__file-icon.tiff,
.vuejs-uploader__file-icon.raf,
.vuejs-uploader__file-icon.tga {
  background: #62a891;
}
.vuejs-uploader__file-icon.arw:after,
.vuejs-uploader__file-icon.bmp:after,
.vuejs-uploader__file-icon.cr2:after,
.vuejs-uploader__file-icon.dng:after,
.vuejs-uploader__file-icon.tif:after,
.vuejs-uploader__file-icon.tiff:after,
.vuejs-uploader__file-icon.raf:after,
.vuejs-uploader__file-icon.tga:after {
  border-bottom: 6px solid #72b19c;
  border-left: 6px solid #72b19c;
}
.vuejs-uploader__file-icon.webm,
.vuejs-uploader__file-icon.m4v,
.vuejs-uploader__file-icon.mov,
.vuejs-uploader__file-icon.mp4,
.vuejs-uploader__file-icon.ogv,
.vuejs-uploader__file-icon.vtt {
  background: #62a8f5;
}
.vuejs-uploader__file-icon.webm:after,
.vuejs-uploader__file-icon.m4v:after,
.vuejs-uploader__file-icon.mov:after,
.vuejs-uploader__file-icon.mp4:after,
.vuejs-uploader__file-icon.ogv:after,
.vuejs-uploader__file-icon.vtt:after {
  border-bottom: 6px solid #72b1f6;
  border-left: 6px solid #72b1f6;
}
.vuejs-uploader__file-icon.mvtt,
.vuejs-uploader__file-icon.sbv,
.vuejs-uploader__file-icon.srt {
  background: #645091;
}
.vuejs-uploader__file-icon.mvtt:after,
.vuejs-uploader__file-icon.sbv:after,
.vuejs-uploader__file-icon.srt:after {
  border-bottom: 6px solid #715aa3;
  border-left: 6px solid #715aa3;
}
.vuejs-uploader__file-icon.eml,
.vuejs-uploader__file-icon.html,
.vuejs-uploader__file-icon.rtf,
.vuejs-uploader__file-icon.txt,
.vuejs-uploader__file-icon.xml {
  background: #dcc8be;
  color: #333;
}
.vuejs-uploader__file-icon.eml:after,
.vuejs-uploader__file-icon.html:after,
.vuejs-uploader__file-icon.rtf:after,
.vuejs-uploader__file-icon.txt:after,
.vuejs-uploader__file-icon.xml:after {
  border-bottom: 6px solid #e0cdc4;
  border-left: 6px solid #e0cdc4;
}
@-moz-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.vuejs-uploader__queue,.vuejs-uploader__file{border-top: none!important;border-bottom:  none!important;}
.vuejs-uploader__btn--upload.vuejs-uploader__btn--ready{
  color: #fff !important;
  background-color: #148e63!important;
  border-color: #148e63!important;
}
.vuejs-uploader__btn.vuejs-uploader__btn--clear{
  display: none!important;
}
.text-normal{
  font-weight: normal!important;
}
.arabicLanguage{
  border-top: 1px solid rgba(0,0,0,0.05);
  margin-top: 7px;
  padding-top: 7px;
}
.vuejs-uploader__file--preview{
  width: 52px!important;
  justify-content: start!important;
}
.vuejs-uploader__file-icon {
  line-height: 48px!important;
  height: 48px!important;
  width: 40px!important;
}
.uploadedTraningImg{
  width: 320px!important;
  height: 182px!important;
  line-height: 182px!important;
}
.pace-activity{
  display: none!important;
}
.m_w_600{
  max-width: 600px!important;
}
.min_h{min-height: auto!important;}
.uploadedTraningImg{
  width: 320px!important;
  height: 182px!important;
  line-height: 182px!important;
}
.note_color{
  color: #8391a5!important;
  font-size: 12px!important;
  margin-top: 5px!important;
}
.vue-tags-input{width: 100%!important;max-width: 100%!important;}
.vue-tags-input .ti-input{border-radius: 3px!important;}

/* end uploader */
.dropdown-toggle.drop_w_arrow{
  width: 18px!important;
  min-width: 18px!important;
  height: 16px!important;
  min-height: 16px!important;
  padding: 0px!important;
  margin-top: 2px;
  border-color: transparent;
  background-color: transparent;
}
.mt12{margin-top: 12px!important;}
.drop_w_arrow.dropdown-toggle::after{
  right: 3px!important;
}
.dropdown-menu.dropdown_w_arrow{transform: translate3d(-15px, 22px, 0px)!important;}
.dropdown_w_arrow a{text-transform: none!important;}

.hf_btn_group{
  border: 1px solid #f0f0f0;padding: 0px 0px;background-color: #f7f7f7;border-radius: 3px;
}
.hf_btn_group label.btn{
  padding: 7px 8px!important;
  min-height: 1px !important;
  line-height: 12px !important;
  border: none!important;
  background-color: transparent!important;
  font-size: 13px!important;
}
.hf_btn_group_cal.hf_btn_group label.btn{
  padding: 0px 8px 0px 8px!important;
  min-height: 28px !important;
}
.hf_btn_group_cal.hf_btn_group .el-input__inner{
  height: 28px!important;
  border: none!important;
  background-color: transparent!important;
  padding-left: 5px;
  padding-right: 0px;
  font-size: 13px!important;
  font-weight: bold;
}
.hf_btn_group_cal.hf_btn_group .el-date-editor.el-date-editor--date{
  width: 90px;
}
.hf_btn_group_cal.hf_btn_group .el-date-editor.el-date-editor--time-select{
  width: 60px;
}
.hf_btn_group_cal.hf_btn_group .el-input__icon.el-icon-date,.hf_btn_group_cal.hf_btn_group .el-input__icon.el-icon-time{
  left: auto!important;
  right: -2px!important;
  position: absolute;
  color: #666;
  display: none;
}
.hideDatepicker .el-date-editor{
  display: none;
}
.hideDatepicker.active .el-date-editor{
  display: block;
}
.testReminder-form{
  margin-top: 10px;
width: 100%;
padding:10px;
background-color: #f2f2f2;
}
iframe.fr-iframe {
height: 200px !important;
}
.errorDueDate .el-input__inner{
border-color: 1px solid red!important;
}
.sameDateError{
position: relative;
}
.showsameDateError{
position: absolute;
border-radius: 3px;
bottom: -46px;
left: 50%;
transform: translateX(-51%);
z-index: 10;
font-size: 13px;
padding: 8px!important;
line-height: 14px;
text-align: left;
}
.newtextoncard.newtextoncardLms{left: 31px!important;}

.card .card_heading{
  font-size: 16px;
  color: #4b4b4b;
  padding: 0;
  margin: 0;
  font-weight: bold;
  position: relative;
  height: 40px;
  padding: 0 40px 0 13px!important;
  min-height: 1px;
  line-height: 40px;
  letter-spacing: 0;
}
.card_heading .card-controls{
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  opacity: 1;
  margin: 0!important;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: transparent;
}
.card_heading .card-controls:hover{background-color: #F0F0F0;}
.card-controls[aria-expanded="true"] i.fa-angle-down{transform: rotate(180deg);}
.collapseContainer{
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  margin-bottom: 25px;
}
.collapseBody{padding: 15px;padding-top: 5px;}
.iconup{position: relative;top: -1.5px;}

#totara_sync_confirm .modal-content{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#totara_sync_confirm  .modal-header.modal_header span{font-weight: bold;}
.bounceResion{
  position: relative;
}
.bounceContent{
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  min-height: 50px;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: none;
  z-index: 1000;
  line-height: 18px;
  white-space: normal;
}
.bounceResion:hover .bounceContent{
  display: block;
}