.close>span {
        font-size: 21px;
    line-height: 1px;
    font-weight: 700;
/*    color: #000;
    position: absolute;
    top: 34px;
    right: 20px;*/
}
.alert-postion {
    margin-bottom: 0;
}
.box-title {
   font-weight: 500 !important;
}

.box-title { 
    font-size: 17px !important; 
    font-weight: 500 !important;
}
.box {margin-bottom: 30px;}
.box-header-tab>.nav-tabs>li { 
    margin-bottom: 0px;
    height: 38px;
}
.nav-tabs>li { 
    border-bottom: 1px solid #ddd; 
}
.box .alert{margin-left: 10px; margin-right: 10px;}
.alert{ padding: 8px 10px; border-radius: 4px;}
/*.modal-header .modal-title  {
    margin-top: 10px;
    margin-bottom: 10px;
}*/
/*.heading {height: auto;}*/
.heading h1 {/* margin-top: 15px;*/}
.heading h1 img{ float: left}

.skin-blue .box-title {
    line-height: 16px;
}
.box-header-tab {
    padding: 5px 5px;
}
.modal-body { 
    padding: 20px 20px;
}
.mb20{margin-bottom: 20px !important}
 

/*.filter-btn-custom:hover{opacity:0.6;}
.filter-btn-custom{padding: 10px 10px 6px; border: 1px solid;border-radius: 3px;
    box-shadow: none;}

  .filter-btn-custom  .filter-icon {
    margin: 0px 0px 0px 0px;
    font-size: 15px;
}
  .filter-btn-custom .icon-big-fillters { 
    vertical-align: 0px;
}*/
 
#email_body{font-family: inherit !important;}
.box.box-dashticket{margin-bottom:25px;}
.modal .close > span {
    font-size: 22px !important;
    font-weight: 600;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #000;
    top: 24px !important;
    right: 15px;
} 

.modal-header {
    padding: 15px 15px 15px 15px;
}
.close>span { 
    font-size: 28px;
}
.h3, h3 {
    font-size: 16px;
}

.mb10{margin-bottom: 10px}
.pad15{padding: 15px}

.box .panel-group .collapse { 
    border: 1px solid #e5e8e8;
}
.pl20{padding-left: 20px}
.pr20{padding-right: 20px}
.box .box-header {
   /* margin: 0px 20px;*/
    /*padding-right: 0;*/
}
.dropdown-menu .btn {
   font-weight: 500 !important;
    padding: 6px 20px;
}
.export-btn{margin-right: 0px; margin-top: 5px;}
.export-btn{margin-right: 0px; margin-top: 5px;}
.export-btn.pull-right{margin-right: 10px; }
.dataTables_length, .dataTables_filter{
    margin-top: 15px;
    margin-bottom: 10px;
}
.dataTables_wrapper {
    padding-bottom: 20px; padding-left: 0px !important;  padding-right:0px !important;
}
.panel-body label { 
    font-weight: 300;
} 
.panel-body span { 
    float: left;
    margin-right: 10px;
}

.learningobject_box .panel-body span { 
    float: unset; margin-right: 0px; 
}

body .dropdown-menu .btn, body .btn {
    font-weight: 500 !important;
}
div.dataTables_filter input {
    height: auto;

}
#users_badges_report_table_paginate, #users_badges_report_table_info {margin-top: 20px !important}
.nav-tabs-custom-new { 
    padding-left: 20px;
    padding-right: 20px;
}
.panel-group { 
    margin-left: 20px;
    margin-right: 20px;
}
.sidebar i div, .tasktracker div { 
    font-weight: 500; 
}
.pt20{padding-top: 20px}
.pb20{padding-bottom: 20px}
.p5{padding: 5px}
body select.form-control,body select, body input[type=search]{border-radius: 3px !important;}
.ml20{margin-left: 20px}
.mr20{margin-right: 20px}


.learningobject_box .panel-body .btn-blue {
   padding: 4px 10px !important;
    margin: 10px 10px 0px 0px !important;
}
.learningobject_box .object li .btn {
    margin: 0px 3px 0px 3px;
}
.learner-dashboaed .box .box-header{      
    margin-bottom: 12px;
    margin-right: 0;
    margin-left: 0;}
.panel-body .btn-blue {
    padding: 8px 20px !important;
}
.panel-body .btn-sm.btn-blue {
    padding: 5px 12px !important;
}
.modal-title { 
    color: #3d3d3d;
    font-weight: 500 !important;
}
#searchpop .close>span {
    line-height: 15px !important;
}
select{
    font-size: 14px;
}
.mt8{margin-top: 8px}
.mt12{margin-top: 12px}
.p20{padding: 20px}

input[type=radio]:checked+label span, input[type=radio]:label span { 
    background-size: 16px;
    margin-right: 5px;
}
.p0{padding: 0px}
.text-center{text-align: center;}
.modal-header hr{margin: 0px}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px}
.mb0{margin-bottom: 0px}
.mt0{margin-top: 0}

#profileAccordion .panel-heading.modal-header{padding: 0}
#profileAccordion .panel-heading.modal-header h4.panel-title a{padding: 15px}

#home .box-footer .nav > li > a {
    padding: 5px 10px !important;
}
.ml0{margin-left: 0px !important;}
.mr0{margin-right: 0px !important;}
.col-md-12.heading  { 
    height: auto; 
    padding: 10px 25px;
}
.col-md-12.heading h1 { 
    margin-top: 13px;
    margin-bottom: 12px;
}
.col-md-12.heading .mt17{    margin-top: 8px !important;} 
.col-md-12.heading .example{margin-bottom: -4px !important;}

#infomodal .modal-body { 
    padding: 15px 15px;
}
.heading { 
    height: auto;  
}
.heading .ui-corner-all{margin: 0px} 
#modal-header .modal-header h3 {
    margin: 5px 0px;
}
 
.mt5{margin-top: 5px !important} 
.stepwizard-step h4 {
    font-size: 16px;
}

.col-md-12.heading{
    height: auto;
}
.heading .ui-widget.ui-widget-content{
    margin-top: 0px;
    margin-bottom: 0;
}
.heading .searchbxleft {
    margin-top: 0px !important;
}
.heading .filter-wrap.for-rsp-cat{margin-top: 5px !important}
.categorybg { 
    padding: 5px 10px;
}
.panel-heading h5 i.glyphicon-plus{
    margin-right: 0;
    line-height: 22px;
    padding: 0;
    text-align: right;
}
h3.string-limit-name {
  /*  margin-bottom: 5px !important;*/
}
.datewrapbox { 
    padding: 12px; 
}
.icn-icon_Sort_arrow.icon-big-fillters{ line-height: 44px !important;}
#getLearnersDetails .alert .close > span {
    font-size: 22px !important;
    line-height: 1px;
    top: 14px;
    right: 2px;
    font-weight: 400;
    color: #fff;
} 


 
#getLearnersDetails tr td:first-child{
width: 70px !important;
    min-width: 70px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

#getLearnersDetails thead tr th:first-child {
    min-width: 70px !important;
    width: 70px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.learningobject_box a.session_left .fa.fa-clock-o {
    float: left;
    line-height: 20px;
    margin-right: 5px; 
}

.icn-icon_Sort_arrow.icon-big-fillters{
    margin-right: 0px !important
}

.sortdropdown .dropdown ul.dropdown-menu:after { 
    right: 8px !important; 
}
.sortdropdown .dropdown ul.dropdown-menu:before { 
    right: 10px !important; 
}
.col-md-12.heading {
    height: auto ;
    padding: 5px 25px; 
}

.heading h1{ margin: 20px 0 0;}

.targetDiv .item { 
    padding: 5px 15px 5px 15px;
}

.statuswrapbox1 .fa.fa-calendar{
    float: left;
    margin-right: 10px;
    width:auto
}


.main-header .navbar-nav a i.fa-cog { 
    float: none !important;
}

#assign_classroom_course_model .modal-body{
display: inline-block;
    width: 100%;
}

.sortdropdown #sortKey.dropdown-menu { 
  right: -3px;
  padding: 4px 0px 4px 4px;
  top:48px!important;
}
#show_error_success_message a {
  margin-left: 10px;
}

#catalog_content .alert .close {
  margin: -4px 0px 0px 0px !important; 
  opacity: 1 !important;
}
#catalog_content .alert .close .close-ico {
    margin: 9px !important;
}
.box .box-header{
   /* margin: 0px*/
}
#view-detail-exapmple-of-search .modal-footer {
  text-align: center;
}
.d-block{
    display: inline-block;
}
.width100{
    width: 100%
}

#view-detail-exapmple-of-search .modal-footer {text-align:center}
#view-detail-exapmple-of-search .modal-body {padding: 20px}
/*
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers, .dataTables_wrapper .dataTables_info{margin-top: 20px}*/
#login_form .alert-danger .close{
margin-top: -2px; opacity: 0.8;
}
#getLearnersDetails .modal-body .icon-big-fillters{
     margin: 0px 10px 10px 0px;
}

#getLearnersDetails #show_hide_col_chooser{margin: 0px}

#getLearnersDetails .panel-group {
    margin: 0;
}

#getLearnersDetails .nav-tabs-custom-new {
    padding-left: 0px;
    padding-right: 0px;
}
#getLearnersDetails  table th:first-child input[type="checkbox"], #getLearnersDetails  table td:first-child input[type="checkbox"]{
    float: none;
    margin: 0px auto;
}

#leaderboard .badge-wrap.leaderboardbox {
    /*padding: 20px;*/
}

.modal-footer.text-center{text-align:center !important}

.heading h1 i {
   float:left
}

.heading .sortdropdown.filter-wrap {
    margin-top: 11px;
}
.learner-dashboaed .box.box-dashticket{      
    margin-bottom: 21px !important;
}
@media (min-width: 1026px) and (max-width: 1199px){
.enroll-warp {
    width: 19% !important;
}
.item .list-body-content {
    width: 61% !important;
}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .enroll-warp { 
    width: 18% !important;
}
.list-body-content {
    width: 70% !important;
}
.enroll-warp .info-c{margin-right: 0px !important;}
}
@media (max-width: 1360px) and (min-width: 1024px){
.item .list-body-content {
    width: 67% !important;
}
.krmaindiv .list-body-content { width: 60% !important;}
.enroll-warp .info-c{margin-right: 7px !important;}
}
@media (max-width: 1024px) and (min-width: 992px){
    .krmaindiv .list-body-content { width: 50% !important;}
}
@media (max-width: 1600px) and (min-width: 1441px){
.enroll-warp { width: 16% !important;}
}
@media (max-width: 1920px) and (min-width: 1900px){
.white-wrap-2 .item .list-body-content {
    width: 76% !important;
}
}
@media (min-width: 1280px) and (max-width: 1920px){
/*.learner-dashboaed .box-profile {
    height: 555px;
}*/
.list-body-content {
    width: 71% !important;
}
.krmaindiv .list-body-content { width: 63% !important;}
.panel-body .label-column{
    width: 20% !important;
}
.right-modal-po .panel-heading.modal-header{padding:initial !important;}
#collapseOne_profile .btn-blue.btn-file{float: none !important; }
#profile_modal_close span{top: 2px !important;    /*right: 15px !important;*/}
#course_requests_table_wrapper{padding: 0px !important;}
.learningobject_box .panel-group{margin-left: 0px !important; margin-right: 0px !important;}
.course-content .btn-blue{padding: 5px 9px !important; margin-right: 2px;}
.heading .btn-blue{padding:5px 9px !important;}
 

.width100-inline-block{display: inline-block;width: 100%}

button.slick-disabled {
    cursor: default !important;
}

 
.passportbox .btn{/*padding: initial !important;*/}
 
.passportbox .btn{padding: 6px 9px !important;}
 
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #dddddd; 
    color:#444; 
}
.alert.alert-success .close {
    color: #333;
    opacity: 1; 
    text-shadow: none;
    text-align: center;
}

.width-set-list .enroll-warp a button.btn{
     
    padding: 5px 9px;
}
.heading a.btn.btn-blue{
    padding: 5px 9px;
}
#mycourse_content.mylearningscreen .width-set-list .enroll-warp button.btn{
/*width: 100px;*/
white-space: nowrap;
}
#mycourse_content .width-set-list .enroll-warp button.btn{
    width: auto;
    padding: 5px 9px;
}

button.btn-blue{

    /*padding: 8px 20px*/
}

#right-modal-cart .modal-content .modal-body{
    padding: 0;
    margin: 0px 15px  15px 15px;
}

.learnerProfile .close {
    font-size: 26px;
    /* margin-top: 17px; */
    font-weight: 300;
    position: absolute;
    right: 0px;
    top: 25px;
    height: 20px;
    width: 20px;
}
.learnerProfile .modal-header span {
    margin: 0;
    /*top: 10px !important;*/
    right: 0px !important;
    right: 5px !important;
}
.learnerProfile h3{margin: 5px}
.learnerProfile .panel-title a{padding: 14px}

.dataTables_info{ margin-top: 10px;   position: absolute;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 10px 0; 
}

.collapse .panel-body .btn-blue, .learningobject_box .object li .btn-blue {
    padding: 2px 20px;
}
.collapse .panel-body label {
    font-weight: 400;
}

.prev_next_section button.btn-blue {
    padding: 4px 10px;
}

#add_query .tab-pane { 
    padding: 15px 5px; 
}
.box-cat .box-footer button.btn-blue {
    padding: 6px 10px;
}
.iframelaunch .popover {
    z-index: 1010; 
}

#request_modal .access-code-w {
    margin: 7% auto 0px auto; 
}

#request_modal.modal .close > span { 
    top: 18px; 
}
#request_modal.modal .btn-w { 
 /*   margin-bottom: 10px;*/

}
.categorybg .panel-group{margin-left:0px !important; margin-right:0px !important;}
.categorybg i{font-size: 13px;}
.categorybg .c_sub1{float: initial !important;}
.learner-dashboaed .box-dashticket .box-header{      
    margin-bottom: 0px !important;
}
#fields {
    padding: 3px 14px 3px 6px !important;
    background-position: calc(100% - 15px) 10px, calc(100% - 10px) 10px, 100% 0 !important

}
.content-wrapper-2 .col-md-12.heading{ height: 75px !important; }
.mr15{margin-right: 15px;}
.whitebgpassport .filter-details .btn-blue{padding:6px 12px !important;}
.passportbtn .btn-blue-catalog, .passportbtn .btn-white-catalog {padding: 8px 28px !important;}
.categorybg .panel-body h5 span{float: initial !important;}
   .filter-details .filter-inpute-larg, .filter-details .filter-inpute-small, .select2-container--default .select2-selection--multiple {
    padding: 0px 18px 0px 8px !important;
    min-height: 40px;height: auto;
    border-radius: 4px !important;
    border-color: #cdcdcd;
    text-align: left;
}
.mr15{margin-right: 15px !important;}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  /** {
    scrollbar-width: auto;
    scrollbar-color: #333 #333;
  }


  *::-webkit-scrollbar {
    width: 6px; height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: #dfdfdf;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
    border: 3px solid #333;
  }*/

  #collapseOne_profile .btn-blue{padding: 8px 20px !important;}
 .learnerProfile.modal .modal-header{padding:13px 15px 15px 0px !important;}
 .box-calendar .badge-wrap-btn { bottom: 10px;}
.leaderboard-box .badge-wrap-btn {    bottom: -10px;}
.dash-calendar { margin-top: -5px !important;}
.learningobject_box {
    padding: 15px 15px 11px 15px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{line-height: 1.5 !important;}
 @media (min-width: 1300px) and (max-width: 1920px){
.box-header .carousel-control.left { left: 0px !important;}

}
.badge-heading.mb0{margin-bottom: -10px !important;} 
#credits .passportbox .well {   margin-top: -13px; margin-bottom: 13px !important;}
#badges .badge-heading{margin-top: 0px !important;}
.course-side .course-side-img img{height: 175.8px; object-fit: cover;  border: 1px solid #e0e0e0;}
 @media (min-width: 1300px) and (max-width: 1366px){
.course-side .course-side-img img{height: 178px;}
.box-header .carousel-control.left { left: -10px !important;}
.enroll-warp .info-c{margin-right: 0px !important;}
.enroll-warp { width: 18% !important;}
}
 @media (min-width: 1200px) and (max-width: 1304px){
.enroll-warp { 
    width: 18% !important;
}
 }
 @media (min-width: 1366px) and (max-width: 1440px){
.enroll-warp { 
    width: 18% !important;
}
 }
 @media (min-width: 1367px) and (max-width: 1600px){
.course-side .course-side-img img{height: 186px;}
.enroll-warp { width: 16% !important;}
 }
  @media (min-width: 1900px) and (max-width: 1920px){
   .course-side .course-side-img img{height: 236px;} 
   .learner-dashboaed .box-header .carousel-control.left { left: 0px !important;}
  }

.icon-addon .fa, .icon-addon .glyphicon { 
    padding: 8px 0; 
}

.icon-addon .glyphicon {
    font-size: 14px;
}

.modal .close {
    font-size: 25px !important;
    margin-top: 0px !important;
    font-weight: 600;
}

#cart_is_empty{margin-top: 10px; padding: 5px;}
#timezone_form .box-inner .box-inner-headding h2 img{
    height: 24px;
    float: left;
}

.modal-content .modal-header h4{margin: 0px; min-height: 25px; }
.heading .searchbxleft ul.tagit { 
    padding: 4px 10px 4px 30px;
}

.heading .searchbxleft .fa-question-circle {
    right: 7px !important;
    top: 4px !important;
}

.heading .submit_global .icon-addon .fa, .heading .icon-addon .glyphicon {
    font-size: 13px;
    margin: 0;
    padding: 7px 0px;
}

.categorybg .panel-body h5 {
    margin: 15px 0px;
}
.panel-heading h5 i.glyphicon-minus{
    margin-right: 0;
    line-height: 22px;
    padding: 0;
    text-align: right;
}

#view-detail-learn .modal-body .poptt {  
    margin-bottom: 20px;
}


#view-detail-learn .date-time-wrap-2 .datewrapbox { 
    min-height: auto;
    max-height: 60px;
}

#view-detail-learn_material_rules .modal-footer {text-align: center;}

#current_learning_record .col-md-12 hr {
    margin-bottom: 0;
}

#current_course_list_table_wrapper div.dataTables_wrapper div.dataTables_paginate {
    margin: 20px auto;
    }
 


.learnerProfile .panel-group .panel { 
    margin-bottom: 15px;
    margin-left: 0px;
        border: 0px !important;
        box-shadow:none !important;
}

.modal #update-profile_div .close > span {
    font-size: 22px !important;
    font-weight: 600;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #fff;
    top: 9px !important;
    right: 15px !important;
    color: #fff;
}

#unenroll-confirm-box .modal-footer{text-align: center;}

 

#current_course_list_table_wrapper.dataTables_wrapper div.dataTables_paginate ul.pagination, #course_list_table_wrapper div.dataTables_paginate {
    margin: 12px 0;
    white-space: nowrap;
}

#email-body a button {padding: 4px 12px;}

.datewrapbox { 
    min-height: auto;
}
.p20-imp{padding: 20px}
.mt10{margin-top: 10px}
#current_course_list_table_paginate #current_course_list_table_paginate {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
 
.threeGriedTier .listing-data.justify-content-between{display: inherit !important;}
 
.learnerProfile.modal .panel-heading.modal-header h4 a {
    display: block;
}
.learnerProfile.modal .panel-heading.modal-header {
    padding: 0px !important;
}

.modal .modal-footer {
    text-align: center;
}
.mb15{margin-left: 15px}

.select2-container--default .select2-selection--single .select2-selection__rendered { 
    padding-right: 5px; text-align: left;
padding-left: 10px; font-size: 15px;
}

.enroll-warp .info-c {
    height: 77px; 
}

#kr-modal .datewrapbox {
    height: auto;
}

#update_profile .select2-container--default .selection{width: 100%; margin-bottom: 0px}
#update_profile .select2-selection{width: 100%;}

#mycourse_content .width-set-list .enroll-warp button.btn {
    width: 84px; 
    margin-left: 9px;
}
.box-header-tab > .nav-tabs > li > a{ padding: 4px 15px !important;  line-height: normal;  min-height: 43px;}
.box-header-tab > .nav-tabs > li > a[aria-expanded="false"]:hover{border: 1px solid transparent !important;}
.box-calendar .box-header-tab>.nav-tabs>li.active a{height: 40px;}

.profile-arrow .user-header .right-modal-btn {margin: 0px 40px !important;}

.select-leaderboard .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     
    border-width: 5px 4px 0;
}

.nav.pie-legend > li > a {
    padding: 5px !important;
}

#add_query {margin-top: 10px}
.no-p-left{padding-left:0 !important;}
.no-p-right{padding-right:0 !important;}

#view-detail-learn .modal-body .popup-catlog-favicon-red {margin-left: 0px}
#view-detail-learn .modal-body{padding-bottom: 0px}

#strip_css .poptt.mb15.popup-catlog-favicon-red {margin-left: 0px !important}

.box-header h3.box-title {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.border-right {border-right: 1px solid #dfdfdf;}
.border-right .statuswrapbox {border-right: 0px solid #dfdfdf;}
.mr15{margin-right: 15px !important;}
.categorybg .panel-body h5 span {
    float: initial !important;
}
#catalog_content #show_error_success_message a {
    margin: -5px 10px -5px 10px !important;
}
#right-modal .alert{padding: 15px 8px !important; text-align: left !important;}
#right-modal .alert .close{margin: -8px 0px 0px 0px !important;}
#searchlist .alert .close { margin: -2px 0px 0px 0px !important;}

#checklist_form table thead tr th:last-child {width: 160px}
.checklist_form {margin-left: 20px; margin-right: 20px}

.full-calender-wrap .Schedule-text P { 
    margin-right: 10px;
    margin-top: 15px;
}

#get_line_manager_responce .filter-inpute-larg {
    line-height: 23px; 
}
.skin-blue .box-title { line-height: normal !important; font-size: 20px !important;}
.box-header-tab > .nav-tabs > li > a { margin-right: 0; padding: 4px 15px !important;
    line-height: normal;  min-height: 43px;}
.box-calendar .box-header-tab>.nav-tabs>li.active a{min-height: 43px;}
.chart-img{padding-top: 25px !important; padding-bottom:25px !important;}
.chart-img .alert{margin-top: -24px !important; }
.chart-img img{width: auto !important; height: auto !important;}
 
.box-header-tab > .nav-tabs > li > a[aria-expanded="false"]:hover{border: 1px solid transparent !important;}
.learnerProfile .select2-selection .select2-selection__arrow{ height: 34px !important;}
.icon-small-fillters
{
        font-size: 18px;
    height: 32px;
    line-height: 33px;
    width: 32px;    margin: 0px 10px 10px 0px;
        text-align: center;
    border: 1px solid #dfdfdf;
    vertical-align: -7px; 
    font-weight: normal;border-radius: 4px;border-radius: 4px;color: #c6c8c8;
}

.display-initial {display: initial;}
.pb0 {padding-bottom: 0px}
   /*margin-bottom: 15px !important;*/

 #current_learning_record_wrapper table th { 
    word-wrap: unset;
} 
#current_course_list_table .dataTables_wrapper .table thead th { 
    word-wrap: unset !important;
}
#course_requests_table tr td:last-child a {margin-left:3px; margin-right:3px}

#create_mail .relative.inputSlice #fields {
    width: 100px !important;
}
.enroll-warp { 
    /*width: 16% !important;*/
}

#learning_path_table th.action-temp { width: 320px !important;}

  @media (min-width: 360px) and (max-width: 767px){
    .skin-blue .sidebar-menu > li > .treeview-menu{height: auto !important;}
.rybbonnav:hover .treeview-menu {
    display: block!important;    position: absolute;    width: 245px !important;    top: 60px !important;    left: -6px !important;    z-index: 1;}
#collapseOne .panel-body label{width: 100% !important;}
.btn-blue-catalog, .btn-white-catalog{padding: 5px 15px !important;}
.span-gap{margin-right: 0px !important;}
}
  @media (min-width: 768px) and (max-width: 1024px){
.rybbonnav:hover .treeview-menu.menu-open, .rybbonnav.treeview.active .treeview-menu.menu-open, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu.menu-open  {
    display: block!important;   left: 131px; }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top: 0px !important; padding-bottom: 0px !important;}
    #collapseOne .panel-body label{width: 50% !important;}
}


.skin-blue .box-title{line-height: normal !important; font-size: 20px;}


.img-bg-mask img{margin: -4px -2px 0px -5px !important;}
.img-bg-mask{
        width: 93px;
    height: 93px;
    margin: 1.6rem auto 0;
    background: red;
    border-radius: 50%;
    overflow: hidden;
}
.user-header .dropdown-menu a, .user-header .btn.right-modal-btn{margin:0px 40px !important;}
#request_modal_classroom .session .col-md-12.text-center {margin-bottom: 15px;}
#request_modal_classroom .session .col-md-12.text-center p{display: inline-block !important; margin-right: 3px !important;}
.sessionHeading .glyphiconTick{font-size: 18px !important; margin: 13px !important;}
.chart-img img{ width: auto !important; height: auto !important;}
.chart-img {padding-bottom: 0px !important;  padding-top: 0px !important;}
.enroll-warp .info-c{margin-right: 18px;}
.enroll-warp{text-align: left;}
.dropdownMenu-assign .fa-ellipsis-v{text-align: center !important;}
#request_modal_classroom .panel-title.sessionName{    vertical-align: middle;  white-space: normal;  display: inline-block; width: 90%;}
#request_modal_classroom .panel-default > .panel-heading {padding: 0px !important; height: 44px !important;  line-height: 40px !important;}
.chart-img .alert{margin-top: 0px !important;}
.filter-details .col-md-4.col-sm-12.col-xs-12 {
    height: auto !important;min-height: 86px;
}

form #users_certifications_report_table_wrapper .dataTables_scrollBody{position: unset !important;}
.filter-details .select2-container--default .select2-search--inline .select2-search__field{padding-left: 5px;}
.filter-details .newselect{padding-left: 8px !important;}
#append_line_manager_responce input.form-control{    text-align: left;
    font-size: 14px;
    padding: 0px !important;
    min-height: 20px;
    height: auto;}

.learnerProfile .select2-selection .select2-selection__arrow{ height: 34px !important;}
#checklist_item_table th{padding-right: 8px !important;}
#checklist_item_table th, #checklist_item_table td{vertical-align: middle !important;}
#checklist_item_table th:last-child, #checklist_item_table td:last-child{width: 120px !important;}
#checklist_item_table td p{margin-bottom: 0px !important;}
#checklist_item_table select{line-height: 23px !important; height: 37px; background-color: #fff;}
#checklist_item_table .btn-blue{padding-top: 6px; padding-bottom: 6px;}
#current_course_list_table_wrapper th, #current_course_list_table_wrapper td, #course_list_table_wrapper th, #course_list_table_wrapper td{min-width: 100px !important;}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top:0px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 2px solid #c8c8c8;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #fff;
}
.option-input:checked {
  background: #fff;
  border: none;
}
.option-input input[type=file]:focus, .option-input input[type=checkbox]:focus, .option-input input[type=radio]:focus{outline: none;}
.option-input[type=radio][disabled]{opacity: 0.5;}
.option-input:checked::before {
  width: 20px;
  height: 20px;
  display:flex;
  content: '';
  position: absolute;
  align-items:center;
  justify-content:center;
-webkit-mask:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Echeck-circle%3C/title%3E%3Cpath d='M21 11.080v0.92c-0.001 2.485-1.009 4.733-2.64 6.362s-3.88 2.634-6.365 2.632-4.734-1.009-6.362-2.64-2.634-3.879-2.633-6.365 1.009-4.733 2.64-6.362 3.88-2.634 6.365-2.633c1.33 0.001 2.586 0.289 3.649 0.775 0.502 0.23 1.096 0.008 1.325-0.494s0.008-1.096-0.494-1.325c-1.327-0.606-2.866-0.955-4.479-0.956-3.037-0.002-5.789 1.229-7.78 3.217s-3.224 4.74-3.226 7.777 1.229 5.789 3.217 7.78 4.739 3.225 7.776 3.226 5.789-1.229 7.78-3.217 3.225-4.739 3.227-7.777v-0.92c0-0.552-0.448-1-1-1s-1 0.448-1 1zM21.293 3.293l-9.293 9.302-2.293-2.292c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l3 3c0.391 0.391 1.024 0.39 1.415 0l10-10.010c0.39-0.391 0.39-1.024-0.001-1.414s-1.024-0.39-1.414 0.001z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat;
-mask:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Echeck-circle%3C/title%3E%3Cpath d='M21 11.080v0.92c-0.001 2.485-1.009 4.733-2.64 6.362s-3.88 2.634-6.365 2.632-4.734-1.009-6.362-2.64-2.634-3.879-2.633-6.365 1.009-4.733 2.64-6.362 3.88-2.634 6.365-2.633c1.33 0.001 2.586 0.289 3.649 0.775 0.502 0.23 1.096 0.008 1.325-0.494s0.008-1.096-0.494-1.325c-1.327-0.606-2.866-0.955-4.479-0.956-3.037-0.002-5.789 1.229-7.78 3.217s-3.224 4.74-3.226 7.777 1.229 5.789 3.217 7.78 4.739 3.225 7.776 3.226 5.789-1.229 7.78-3.217 3.225-4.739 3.227-7.777v-0.92c0-0.552-0.448-1-1-1s-1 0.448-1 1zM21.293 3.293l-9.293 9.302-2.293-2.292c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l3 3c0.391 0.391 1.024 0.39 1.415 0l10-10.010c0.39-0.391 0.39-1.024-0.001-1.414s-1.024-0.39-1.414 0.001z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat;
-webkit-mask-size:91%;
mask-size:91%;

}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #fff;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.option-input[type=radio][disabled]{opacity: 0.5;}
#checklist_form .form-control{border-radius: 2px;}
#checklist_form th{font-weight: 600;}
#checklist_item_table .form-control{border-radius: 2px; width: 100%; border: 1px solid #bdbdbd; outline: none; text-align: left;}
.learnerProfile .select2-selection .select2-selection__arrow{ height: 34px !important;}

 @media (min-width: 360px) and (max-width: 767px){
.col-md-12.heading {float: left; width: 100%;}
.heading div:first-child{height: auto !important;}
.col-md-12.heading h1{margin-bottom: 3px !important; }
#export_certifications_my_certificate_csv{margin-right: 15px !important;}
.whitebgpassport .closepanel{margin-left: 5px !important;}
#searchpop .search-body{padding: 10px 15px 60px 14px !important;}
.modal.right .modal-dialog.search-div{position: relative !important;}
.search-div .modal-content { height: auto !important; min-height: auto !important;}
.search-div button{margin-bottom: 0px !important;}
#checklist_form .form-control{min-width: 200px; }
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-top: unset !important;}
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .openbtn i, .closebtn i{margin: 0px 0px 0px -5px !important;}
}


a.filter-dropdown-element#customFilterDropdown {
    width: 31px;
    height: 38px; 
    line-height: 34px;
    margin: 1px 8px 0px 0px !important;
}
.loading {text-align: center !important;}
/*#append_line_manager_responce table th:first-child, #append_line_manager_responce table td:first-child{
    width: 30px;
    padding-left: 15px;
    padding-right: 15px;
}*/
/*#append_line_manager_responce table th:last-child, #append_line_manager_responce table td:last-child{
    width: 140px;
}*/
#append_line_manager_responce table td{vertical-align:middle !important;     color: #333;}
.table-bordered{border-color: #ddd;}
.appendresponse-table th, .appendresponse-table td{padding: 8px 10px !important;}
/*#checklist_item_table th:first-child, #checklist_item_table td:first-child{text-align: center !important; width: 30px !important; }
 #checklist_item_table .firstchild{text-align: center !important; width: 30px !important;}*/
 .appendresponse-table .first-ch, #checklist_item_table .first-ch, .checklist-table .first-ch{ width: 35px !important; max-width: 35px !important; text-align: center !important; }
        .appendresponse-table .last-ch, #checklist_item_table .last-ch, .checklist-table  .last-ch{ width: 130px !important;  max-width: 130px !important;}
        .appendresponse-table .wh150, #checklist_item_table .wh150, .checklist-table .wh150{width: 290px !important; min-width: 290px !important;}
           .appendresponse-table .w170, #checklist_item_table .w170, .checklist-table .w170{ width: 190px !important; text-align: center !important;}
            .appendresponse-table p, #checklist_item_table p, .checklist-table p{margin-bottom: 0px !important}

@media (max-width: 1366px) and (min-width: 1024px){
/*.item .width-set-list .list-body-content {
    width: 69% !important;
}*/
}
[type=checkbox]:checked+span:before{top: -2px !important;  left: 2px !important;}
@media (max-width: 1280px) and (min-width: 1200px){
    #collapseOne .panel-body label{width: 23% !important;}
}
@media (min-width:1366px) and (max-width:1441px){
   #collapseOne .panel-body label{width: 23% !important;}
      #getLearnersDetails #collapseOne .panel-body label{width: 31% !important;}
}
@media (min-width:1600px) and (max-width:1920px){
   #collapseOne .panel-body label{width: 20% !important;}
}
@media (min-width: 1312px) and (max-width: 1366px){
    .enroll-warp { 
    width: 16% !important;
}
#getLearnersDetails #collapseOne .panel-body label{width: 31% !important;}
}
.icon-lightbulb-o{font-size: 22px; line-height: 16px;}

.whitebgtasktracker{background: #fff; padding: 20px;}
#getLearnersDetails tr th, #getLearnersDetails tr td{min-width:175px !important; width: 175px !important; }
#getLearnersDetails .alert .close{margin-top: 0px !important;}
.sidepanelright .alert{padding: 8px  12px !important;}
.sidepanelright .alert .close{background: transparent;
    padding: 0px;
    font-size: 26px !important;
    opacity: 1;
    text-align: right;
}
#infomodal .mb15{margin-left: 0px !important;}
.leaderboard-details ul li span:nth-child(2) img{border:1px solid #dfdfdf;}
/*#ul_my_rank .my-rank{padding-top: 12px !important;}*/

/*css added by Prashant for base branch*/
@media (min-width: 1024px) and (max-width: 1920px){
.content-wrapper{padding-bottom: 25px;}
.content-wrapper.content-wrapper-2{padding-bottom: 0px !important}
}
#getLearnersDetails .btn-white-catalog, #getLearnersDetails .btn-blue-catalog{padding:6px 12px !important;}
.ms-drop{color: #666 !important;}
.learnerProfile.modal .close{margin-top: -10px !important;}
.my-profile-input{padding: 8px 15px !important;}
/*.navbar-nav>.user-menu>.dropdown-menu>.user-footer{padding: 0px 18px 20px !important;}*/
.mrtop-12 .my-courses-btn{padding-top: 5px;}
.searchbxleft ul.tagit li.tagit-choice-editable{margin: 3px 3px 2px 3px !important;}
.searchbxleft ul.tagit li.tagit-choice .tagit-close .text-icon{margin:-1px -6px 0px 0px !important; float: left;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width: 5px 4px 0 !important;}
.mtminus5{margin:-5px 0px 0px 0px !important;}
.heading .buttons-wrap{padding-top: 5px !important;}
.content-wrapper-2 .buttons-wrap{padding-top: 15px !important;}
.organization-wrap .space{ width: 8px;}
.btn-blue-catalog, .btn-white-catalog{padding:5px 15px !important;}
#modal_close_splash.close span{    margin-top: 9px; float: right;}
.table .form-control, #checklist_item_table select{color: #666 !important;}
.filter-inpute-larg, .filter-inpute-small{padding-left: 12px !important; padding-right: 12px !important; }
#course_request_form .btn-blue{padding: 6px 12px !important;}
div.dataTables_wrapper div.dataTables_filter input{border: 1px solid #dfdfdf;  text-align: left !important; color: #666 !important;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{padding-top: 8px;}
.select2-container--default.select2-container--open .selection{margin-top: -15px;}
#update_profile .select2-container--default.select2-container--open .selection{ margin-top: unset;}
.right-modal-po .modal-header h4 i{color: inherit !important;}
.learnerProfile.modal .panel-heading.modal-header{border-radius: 4px;}
/*.passportbox .leaderboard-details ul li span:last-child b{position: relative !important; right: 11px; top: 2px;}*/

.filter-wrap.for-rsp-cat .filter-inpute-larg{
    padding: 0px 18px 0px 30px;
    }
#kr-modal .close{margin-top:-5px !important;}
#getLearnersDetails .close{margin-top: 5px !important; opacity: 1 !important; position: relative; z-index: 99;}
.skin-blue .main-header .navbar .nav > li > a{margin-left: 0px !important;}
.withoutlogin .well{float: left;}
.update_profile .select2-hidden-accessible {position: unset !important; height: 39px!important}
.panel-body .update_profile label.error{margin: 0px !important}

/* Start Language specific css*/
.hindi .datepicker.dropdown-menu, .mr .datepicker.dropdown-menu {width: 15% !important; font-size: 13px;}
.hindi .datepicker-months .table-condensed, .mr .datepicker-months .table-condensed {width: 100% !important;}
.hindi #checklist_form .first-ch {width: 60px !important;  max-width: 60px !important;}

@media (max-width: 769px){
    .filter-details .filter-details-btn .xs-mb10
{
    margin-bottom: 0px !important;
}
.reportsec {
    padding: 0px 0px 10px;
}

    .xs-p-0 {padding: 0px !important}
#getLearnersDetails #step0 #show_hide_adv_search {margin-right: 10px;}
/*@media screen and (max-width: 768px){*/
.mailmobileInbox.showNewMsg{ top: 145px !important; }
#create_mail .bootstrap-tagsinput{width: 100% !important;}
.inputSlice select {    padding: 3px 24px 3px 3px; background-position: calc(100% - 12px) 10px, calc(100% - 7px) 10px, 100% 0 !important;}
.learningobject_box .object li .mobdetails{margin:5px  6px 0px 0px !important; display: inline-block; }
.learningobject_box .object li{padding-right: 0px !important;}
.learningobject_box .panel-group{margin-right: 0px !important; margin-left: 0px !important;}
.filter-details-btn .btn{margin-bottom: 5px; padding: 5px 10px !important;}
.filter-details.row .col-xs-12.multiple{margin-bottom: 15px !important;}
#get_learner_table input[type=radio]{display: inline-block !important;}
.whitebgtasktracker{    width: 100%;   background: #fff;    padding: 10px;}
.wizard-type-2 .nav-tabs > li{width:100px !important; }
.wizard-type-2 .nav.nav-tabs{width: 100% !important;}
.tasktracker .icon-tasktracker{margin-right: 15px !important;}
.white-wrap{padding:20px !important;}
#timezone_form .btn{margin-top: 15px !important;}

.chart-img img{height: auto !important;}

#timezone_form .white-wrap { 
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.filter-details-btn .btn-blue-catalog { 
    padding: 5px 15px;
}
.filter-details-btn .btn-white-catalog {
    width: auto;
}
.width100-inline-block{display: inline-block;width: 100%}
.sidebar-menu li a .fa, .sidebar-menu li a .glyphicon, .sidebar-menu li a .ion {
    width: 32px; float: left;
}
.tasktracker .icon-tasktracker { 
    margin-right: 5px;
}
.span-gap {
     margin-right: 0px!important; 
}
#timezone_form .box-inner-body-2 .border-box {
    text-align: left;
    padding-left: 20px;
}
.ms-choice span.placeholder {
     
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sharesocial .modal-dialog {
    width: auto !important;
}
.filter-details .filter-details-btn .xs-mb10 {
    margin-bottom: 0px !important;
}
.mb-xs-15 {margin-bottom: 15px !important}
.content-header { 
    padding: 0px 5px 5px !important; 
}
.xs-mt-15 {margin-top: 15px !important}
.xs-mb-15 {margin-bottom: 15px !important}
#timezone_form .white-wrap {
    padding: 20px 20px!important;
}
.ms-choice span.placeholder {
     
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#timezone_form .box-inner-body-2 .span-gap {margin-right: 0px !important}

.switch-toggle{float: left !important; margin: 10px 0px 10px -5px !important; width: 100%;}
 
.learnerProfile #btn_change_picture {margin-top: 0px !important}

.learnerProfile .modal-header h3 {
    margin-top: 5px;
}

.ms-choice > span {
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
}
/*.search-body .outersearchbx .filter-inpute-larg{height: 41px;  border-radius: 2px;  border: 1px solid #dfdfdf;  width: 100%;}*/
/* End Language specific css*/

/*CSS added by vinayak*/
#checklist_form table{    direction: rtl;}
#checklist_form select{background-position: calc(22% - 15px) 15px, calc(22% - 10px) 15px, 100% 0 !important;}
#checklist_form .text-center{text-align: center !important;}
#checklist_form th{text-align: right !important;}



.tl #create_mail .bootstrap-tagsinput span:first-child {
    margin-left: 74px;
}

.skin-blue .treeview-menu > li > a {
    word-break: break-word;
    white-space: pre-line;
}
.sidebar i div {
    word-wrap: break-word;
    white-space: pre-line;
}
#certificate_list_table th:last-child,#certificate_list_table td:last-child{ width:100px !important;min-width:100px !important; }

.activities .avatar .img-circle{
height: 42px;
}




.ms-choice > span.placeholder {
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.krmaindiv .box-cat .catlog-bg, .thumb-repository  {
height: 138px;
}
.krmaindiv .box-cat .catlog-bg .border-repository {
    height: 138px;
}

.collapse .filter-details .panel-body .form-group {
    display: flex;
    flex-wrap: wrap;
}
.box-team .send-mail .fa-envelope {
    color: #b2b0b9;
}
/*#mySidepanel .nav-pills>li { 
    width: 32.5%;
}*/
.launchtabs.nav-pills > li > a {
        height: calc(100% - 23px);
}

.tasktracker div { 
    word-wrap: break-word;
    white-space: pre-line;
}
#mySidepanel .overflclass .launchtabs { 
    display: flex;
    flex-wrap: wrap;
}
.form-control.emailinput
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


 /*CSS ended. added by vinayak*/
.searchbxleft  li.tagit-new {width: 95%;}

.searchbxleft .tagit-new input.ui-autocomplete-input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media only screen and (max-width: 1023px) {
 
 #timezone_form .col-md-12 .btn-blue {margin-top: 20px}
}

 
ul.tagit input[type="text"] {
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
} 

ul.tagit li.tagit-new { 
    width: 95%;
}

 
.de .enroll-warp a button{
        width: 81px !important;
}
.de .enroll-warp button{
     width: 81px !important;
}
.update_profile .select2-hidden-accessible {position: unset !important; height: 39px!important}

.panel-body .update_profile label.error{margin: 0px !important}



.box-footer.my-catlog-btn .info-c {
     background: #101112;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    text-align: center;   
}
 

.filter-details .ms-choice { 
    height: 40px;
}

.skin-blue .btn-blue { 
    border-radius: 4px !important; 
}
.dropdown-menu .btn, .btn { 
    border-radius: 4px !important;
}
 
.progress-list li:after{ width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 8px;
    top: 5px;}

.progress-list li.status-not-started:after {
    background: #DD0000;
}
.progress-list li.status-in-progress:after {
    background: #ff8000;
}
.progress-list li.status-complete:after {
    background: #009900;
}
.progress-list li.status-not-complete:after {
    background: #707070;
}
.outersearchbx {border-radius: 4px}
ul.tagit li.tagit-new {
    padding: 1px 4px 0.25em 0 !important;
}
.well .filter-details{padding: 0px !important}
.checkboxy-type-1 input{
        position: absolute;
    z-index: 99;
    width: 100%;
}
[type=checkbox]:checked+span:before{content:"\2714" !important; position:absolute !important;top:-3px;left:1px;color:#000 ;}
[type=checkbox]:disabled+span:before{content:"\2714" !important;position:absolute !important;top:-3px;left:1px;color:#ccc}

#certificate_list_table_wrapper th:last-child, #certificate_list_table_wrapper td:last-child{width: 130px!important; min-width: 130px !important;}
#update_profile .select2{
   width: 100% !important;
    height: 40px !important;
    border: 1px solid #c6c8c8 !important; 
}
#external_certifications_report_table_wrapper table th:last-child, #external_certifications_report_table_wrapper table td:last-child {
    min-width: 100px;
}
.bfh-number{text-align: center !important;}
#getLearnersDetails .close{margin-top: 5px !important; opacity: 1 !important; position: relative; z-index: 99;}