/* My Team */
.SortSection a{color:#566a8f; margin:12px 8px 0 0;}
.SortSection label{ margin:12px 7px 0 0; font-weight:400; color:#566a8f;}
.SortSection{ border-left:1px solid #d3d5dc; height:45px; padding:0 0 0 10px;}
.SmallSortBtn{ display:none;}
.SmallSortBtn .btn{padding:2px 9px; color:#5a5a5a; }
.ActionHeader .SearchContainer input[type="text"]{ border:none; background-image:url("../images/SearchIcon.png"); background-repeat:no-repeat; background-position:right 10px; margin:8px 13px 0 0; padding:3px 25px 3px 7px; color:#566a8f; font-size:14px; border-radius:20px; -webkit-border-radius: 20px;  outline:none; height:30px; line-height:30px;
  /* Firefox 1-3.6 */  -moz-border-radius:20px;   }
.ActionHeader .SearchContainer input[type="text"]:focus {
    width: 300px;
    animation: expand .2s;
    -webkit-animation: expand .2s;
    border-bottom:1px solid #d3d5dc;
}
 
.icon-compensation i{background-image:url("../images/icon-sprite.png"); background-repeat:no-repeat; height:20px; background-position:3px -108px;}
.icon-compensation:hover i{background-image:url("../images/icon-sprite.png"); background-position:3px -137px;}
.navbar-right{ margin:10px 0 0 0;}
.ActionHeader{ background:#eceff6; height:45px; border-color:#d3d5dc; border-width:0px 1px 1px; border-style:solid; padding:0 0 0 10px;}
.EmpActive span{ line-height:44px;}
 
.dropdown.advancedsearch > a{padding:17px 0;}

.Select_Box {
    background: #ffffff url("../images/dropdown.png") no-repeat scroll  180px 11px;
    border: 1px solid #d6d3d3;
    cursor: pointer;
    height: 28px;
    line-height: 32px;
    margin: 10px 10px 0 0;
    padding: 0 8px;
    position: relative;
    width: 198px;
}
.Select_Box span{line-height:30px; color:#566a8f; font-size:14px;}
.Select_Box ul{ background: #ffffff ; padding:0; 
    border-color:#d5d5d5; display:none;
    border-style: solid;
    border-width: 0 1px 1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 27px;
    z-index: 2;}
    
.Select_Box ul li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 14px;color:#566a8f; 
    line-height: normal;
    padding: 6px 8px; list-style:none;
}
.Employee_Info{ margin-bottom:20px; position:relative;}
.Employee_Info span img{border-radius: 47%;height: 100%;width: 100%;}
.Employee_detail{display:inline-block; margin-left:10px;}
.Employee_detail div{ line-height:22px; width:175px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.EmpName a{color: #1c1c1c ; font-size: 14px;font-weight:500;}
.EmpName span{background: #00ac49;border-radius: 50%; display: inline-block;  height: 11px;  margin: 0 4px 0 0;  width: 11px;}
.EmpName span.inactive{background:#e22720;}
.EmpDesignation{color:#9b9b9b; font-size:14px;}
.CompanyName,.EmpEmail,.EmpEmail a{ font-size:14px; color:#5f5f5f;}
.EmpEmail i{ font-size:12px;}
.CompanyName i{ font-size:15px;}
.CompanyName i,.EmpEmail i{margin:0px 4px 0 0px;color:#5f5f5f;}
.MoreOption{ text-align:center; margin:10px 0;}
.MoreOption a{border: 1px solid #e6e6e6;  color: #505050;  display: inline-block;  font-size: 15px;  padding: 5px 0 3px;  text-align: center;    width: 300px;}
.panel-body {
    padding: 15px;
    border-width: 1px;
    border-style: solid;
    border-color:#ffffff;
}
.datepickerarea {    background: #eceff6;
    height: 45px;
    border-color: #d3d5dc;
    border-width: 0px 1px 1px;
    border-style: solid;
    padding: 10px 10px 10px 0px;
    font-weight:600;
    
}
.labelclass {
    margin-left:10px;
    font-weight:600;
}
.labelclass2 {
        font-size: 18px;
    font-weight: normal;
    line-height: 45px; 
    padding:10px;
}
.PageLinkNew {
    font-size: 16px;
    color: #764FB7;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 10px;
    text-align: right;
}
.Profile_Link { color:#764FB7;position:absolute; right:12px;top:0px; font-size:16px;}
.Performance_Link { color:#764FB7; position:absolute; right:12px; top:0px;  font-size:16px;width:40px; height:40px;}
.combobox-container .dropdown-menu > li > a{ margin:0;}
.ActionHeader span.InactiveColor{ color:#b2b2b2;}
.LocationTree{ padding:5px 5px 5px 27px; border:1px solid #d6d3d3; background:#fff url("../images/TreeIcon.png") no-repeat 4px 7px; height:32px !important; line-height:34px;}
.jstree-default{left:41%; top:37px; background:#fff; z-index:9; width:50.5%; display:none;}
.jstree-children li span {display: inline-block;  height: auto !important; line-height: 20px; white-space: normal !important;
    width: 80%;word-wrap: break-word !important;}
.jstree-anchor > .jstree-themeicon{ float:left;}
.jstree-default .jstree-anchor{ height:auto !important;}
 
.Managefieldsicon{background:url("../images/icon-sprite.png") no-repeat 0px -268px; width:20px; height:17px; display:inline-block;}
.Myteam-personalize .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:115px;}
.Myteam-personalize label{ width:120px; font-size:14px;}
.w95{ width:95px !important;}
.showrecords .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:65px;}
.SortSection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:150px;  margin:7px 10px 0 0 !important;}
.SortSection .btn.btn-default.dropdown-toggle{ padding:5px 25px 5px 5px;}
.small label{margin:0 0 0 10px; color:#566a8f;}
.small:hover label{color:#fff;}
.InPagination label{font-weight:normal; }
.InPagination .UISelectBox{width:65px;}
.GridSection .panel-body{border-radius: 4px;}
/*.dataTables_wrapper .NewGrids.table.dataTable{margin-top: 0px !important;}*/
.panel-body .NewGrids.table.dataTable.nowrap th, .panel-body .NewGrids.table.dataTable.nowrap td{min-width: 170px;}
/*.table > thead > tr > th {
    color: #242a30;
    font-weight: 600;
    border-bottom: 2px solid #e2e7eb !important;

}*/
/*.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: -35px;
}*/
.panelheaderhours {
    color: #1c1c1c;
    font-weight: bolder;
    font-size:x-large;
    margin-top: 25px;}
#angledown, #angleup{ margin-right:20px;}
.clear_btn{padding: 4px 5px;}
.to_box {display: inline-block;background: #ccc;height: 32px;line-height: 31px;
    width: 25px;text-align: center;padding: 0;border: none;margin: 0;}
   /* .LoadRule{margin-top: 6px;}*/
.clear_line{border-left: 1px solid #ccc;padding: 0 0px 0 10px;display: inline-block;line-height: 45px; height:45px;}
.ImportModal input[type="file"]{ width:90%;}
.progressBar {
    margin: 8px 0px 4px 0px;
    height: 10px;
    width: 90%;
}

@media (max-width: 1023px) and (min-width: 768px){
  .AddPluse .browse {margin-top: 10px;}  
  .browse {margin-top: 15px;}
  .Advanced_Search_container.LoadRule{padding-bottom: 0px;}
  .AddPluse{margin-bottom: 10px;}
  .LoadRule .browse .filename{max-width: 160px;}
}
@media (min-width: 1000px) and (max-width: 1023px){
    .LoadRule .col-md-6{width: 60%;}
}
/*manage training course*/
.ManageCourse.LoadRule  .filename{background: #ffffff;}
.ManageCourse{border: none;}
.ManageCourse .Labelname{margin: 12px 5px 0px 0px !important;}
.ManageCourse .SearchingContainer  .form-group input{width: 100% !important;border: none;}
.ManageCourse .browse{margin-top: 5px;}
.ManageCourse .browse label{line-height: 15px;}
.BorderColor.panel-body{border-color: #e6e6e6;border-top: 0;}
.ScrollX .table{margin: 0px;}
.ScrollX{overflow-x: auto;}
@media (min-width: 993px) and (max-width: 1124px){
.LoadRule .browse .filename{max-width: 160px;}
.LoadRule.ManageCourse .browse{padding: 0px;}
.LoadRule.ManageCourse .browse{width: 42%;}
}
@media (min-width: 992px) and (max-width: 1023px){
    .SortSection {display: none;}
}
@media (min-width: 1023px) and (max-width: 1199px){
.LoadRule.ManageCourse .browse{width: 43%;}
.LoadRule .browse .filename{max-width: 160px;}
}
.BorderColor .col-lg-3{
    padding-left:0px !important;
}
.option-dropdown{
    border: 1px solid #764FB7;
    border-radius: 4px;
    height: 35px;
    margin: 0px !important;
    width: 180px;
} 
.option-dropdown .dropdown-menu{
    width: 179px;
    min-width:179px;
}
.option-dropdown label{
    color:#764FB7;
    padding: 5px 10px;
    text-align: left;
    height: 32px;
}
.option-dropdown .btn{
    padding: 4px 6px;
    border-left: 1px solid #764FB7 !important;
    height: 32px;
}
.option-dropdown .dropdown-menu > li{
    border-top: 1px solid #e5e5e5;
    border-bottom:none;
}
.option-dropdown .dropdown-menu > li > a{
    font-weight: normal;
    line-height: 30px;
    color:#828182;
    padding: 5px 10px;
}
.option-dropdown .dropdown-menu i{
    width:18px;
}
.Advanced_Search_container.stylenone {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
}
.Advanced_Search_container.stylenone .border-bottom-1{border-bottom: 1px solid #d3d5dc !important;}
.Advanced_Search_container .tooltip{margin: 0px 5px 5px 0;}
/*manager template start*/
.ManageTemplate .SearchingContainer .form-group{margin: -34px 40px 0 0;}
.ManageTemplate .tab-content{padding-bottom: 55px;}
.ScrollX table  thead tr:last-child td:first-child{border-bottom-width: 1px;}
.ManageTemplate .Advanced_Search_container input.LocationTree{border: 0;}
.ManageTemplate .jstree-default{display: block;width: auto;}
.ManageTemplate .filter_search{display: none;}
.ManageTemplate .rTableCell.ActionCell, .ManageTemplate .rTableHead.ActionCell{line-height: 40px;}
.ManageTemplate .ScrollX .ActionCell a:hover, .ManageTemplate .ScrollX .ActionCell a:focus{color: #23527c;}
.ManageTemplate .ScrollX .ActionCell a{color: #337ab7;font-size: 18px;}
.ManageTemplate .ContentSection .showrecords{margin-top: 0px;}
.ManageTemplate .ContentSection .UISelectBox{color: inherit;font-weight: normal;}
.ManageTemplate .NewTabbedPanel.summerycontent{border-top: 0px;}
.b-0{border: 0px !important;}
.ManageTemplate .ContentSection .rTableCell{padding: 12px 15px;}
/*.ManageTemplate .ContentSection .rTableHead{min-width: 150px;}*/
.rTable .LowerCell{min-width: 120px;}
.rTable .MiddleCell{min-width: 150px;}
.rTable .HigherCell{min-width: 270px;}
.ManageTemplate .ContentSection .Add_Employee{border-radius: 5px;line-height: 34px;height: 34px;
    padding: 0 15px 0 15px !important;margin: -30px 12px 15px 0px;}
/*manager template end*/
 .Advanced_Search_container.LoadRule input.DatePickerBox{border: 1px solid #ccd0d4;}
.Advanced_Search_container.LoadRule .col-lg-4 input.DatePickerBox:nth-child(2){border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;}
.to_box + input.DatePickerBox{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.BorderColor .input-group .input-group-addon{cursor: pointer;}
.BorderColor .form-group .input-group .text.form-control:hover{border:1px solid #764FB7;}
.BorderColor .form-group .input-group .text.form-control:focus{border:1px solid #764FB7;}
.PaginationDiv  .UISelectBox{color: #828181;}
.panel:hover{cursor: pointer;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.14);}

/** My Training Cards **/
.pending-training-head{padding:0 15px;}
.training-top-menu .SearchingContainer,.training-top-menu .recommend-course{display: inline-block}
.training-top-menu .navbar-form{padding: 0px}
.training-top-menu .navbar-form input{border-radius: 5px}
.training-top-menu .navbar-form .form-control{height:35px;box-shadow: 0 0px 18px #dcdada;border: 1px solid #fff;}
.training-top-menu .navbar-form .form-control:hover, .training-top-menu .navbar-form .form-control:focus
{border-color: #764FB7;border: 1px solid #764FB7;}
.training-top-menu .navbar-form .form-control:active{border: 1px solid #764FB7;}
.training-top-menu .navbar-form .btn-searching{top:10px;right: 13px}
.training-top-menu .btn-default{padding: 8px 15px;color:#1e93d9;height: 35px;border-radius: 5px;
    box-shadow: 0 0px 18px #dcdada;border: 1px solid #fff;text-transform: uppercase;}
.training-top-menu .btn-default:hover,.training-top-menu .btn-default:focus,.training-top-menu .btn-default:active,
.training-top-menu .btn-default.active,.training-top-menu .open .dropdown-toggle.btn-default{background-color: #FFFFFF;border-color:#1e93d9 }
.Pos_absolute .dropdown-toggle:hover{color:#141414;}
.training-top-menu .square{height:14px;
  width: 25px;
  background-color: #dd3737;
  border-radius:4px;
  float: left;margin-top: 4px;}
.overdue{ margin-top:9px;}
/*.overdue div{width:170px; margin:0 auto;}*/
.overdue label{float:left; margin: 0px 0 0 28px;color:#434444;}
.training-card-wrapper{padding:20px 0 0 0;}
.course-card{box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 16px;
    position: relative;height: 205px;cursor: pointer;}
.course-card .dropdown-menu > li{
    border-bottom:1px solid #eeeeee;
}
.deletetool  .Pos_absolute{z-index: 999;
    top: 10px;
    right: 22px;}
.group .UICheckbox input{left: -6px;}
.group .icon-Goals_Completed{position: absolute;left: 2px;top: 1px;}
/*.category-search .multiselect-clear-filter.btn.btn-default{margin-left: -71px;}*/
/*.course-card:hover{box-shadow: 0 0px 10px rgba(0,0,0,0.2);}*/
/*.course-card  .dropdown-menu > li:first-child > a:hover, .course-card  .dropdown-menu > li:first-child > a:focus
{border-radius: 5px 5px 0px 0px;}*/
.deletetool  .dropdown-menu > li > a:hover, .course-card  .dropdown-menu > li > a:focus
{border-radius: 5px;}
.deletetool .dropdown-menu > li > a{
        display: block;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    color: #434343;
    font-weight: 500;
}
.course-card.danger{border-left: 7px solid #dd3737;background: #fee6e6;}
.course-card .Pos_absolute{top:7px;right: 0}
.Pos_absolute .dropdown-toggle{
    font-size: 20px;
    color: #828181;
    -moz-transform:rotate(90deg);  
  -webkit-transform:rotate(90deg);  
  -o-transform:rotate(90deg);  
  -ms-transform:rotate(90deg); }
.course-heading{text-align: left;
    font-weight: bold;
    color: #434444;
    margin-bottom: 5px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;text-transform: capitalize;}
.course-content{text-align: left;margin-bottom: 16px;overflow: hidden !important ;
    text-overflow: ellipsis;
    white-space: nowrap;color: #434444;}
.training-card-wrapper .feedback-cycle,.training-card-wrapper .due-date{padding:0;}
.view-more .modal-content{position:relative;}
.view-more .modal-header{background: #f3f3f3;
    border-radius: 5px 5px 0px 0px;padding: 12px 20px;  }
.view-more .modal-body{background: #fff;padding: 20px;}
.view-more .course-content{text-overflow: unset;
    overflow: unset;
    white-space: unset;}
.view-more .feedback-cycle, .view-more .duedate{padding:0;}
.view-more .Pos_absolute{right: 20px;top: 20px;}
.view-more .modal-dialog{width: 500px !important}
.icon-Recommended-Training-Course{left: 8px;font-size: 20px;}
.ClearSearching, .ClearSearching:hover{right: 20px;top: 17px;}
@media (max-width: 1000px){
  .page-header {clear: none;margin: 20px 0;}  
}
/*.training-card-wrapper p.course-text{overflow: unset;text-overflow: unset;white-space: unset;}*/
/** Recommend Training Course**/
.TrainingCourse{
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.22);
    background: #ffffff;
    border-radius: 5px;
}
.TrainingCourse  .availableCourse {width: 100%;margin: 0 auto;padding: 22px 20px 21px;background: #fff;}
.availableCourse-head{font-size: 15px;font-weight: normal;margin: 0 0 15px ;}
.availableCourse .option-head {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    color: #434343;
    margin-bottom: 10px;
}
.availableCourse .search{height: 35px;}
.availableCourse .btn-searching {
    top: 26px;
    right: 5px;
    position: absolute;
    padding: 5px 15px;
    color: #b2b2b2;
}
.availableCourse .course-search{padding:0 10px 5px 0 !important;}
.availableCourse .category-search{padding:0 0 0 10px;}
.availableCourse .dropdown-toggle{
    height: 35px;
    width: 100%;
    text-align: left;
    padding:5px 10px !important;
}
.category-search .dropdown-menu{left: 0px;right:0;width:98%;}
.availableCourse .dropdown-toggle i{font-size: 20px;float: right;}
.availableCourseList{background: #ffffff;padding: 20px 15px 20px 0px;border-radius: 5px;}
.category-search .btn.btn-default.dropdown-toggle{padding: 0px 10px !important;border: 1px solid #fff;}
.availableCourseList .selected{font-weight: bold;padding-left: 20px;color:#434343;}
.course-list li{padding:10px 20px;cursor:pointer;border-bottom:2px solid #e9e9e9;
    clear:both;width: 99%;display:table;}
/*.course-list li:last-child{border-bottom:0;}*/
.course-list li label{padding: 0px 15px 0px 35px;cursor: pointer;display: inline-block;
    margin:0;font-weight: bold;color: #434444;}
.course-list .group{display: table-cell;width: 70%;vertical-align: middle;}
.group small.checked{background: #764FB7;}
.group small.checked i{color:#FFFFFF;font-size:12px;}
.group .UICheckbox  .checked .fa-check{right: 3px;
    top: 1px;}
.category{color: #434444;margin:0;}
.search:hover,
.category-search .dropdown-toggle:hover,
.new-btn:hover,.dropdown-toggle:focus,.dropdown-toggle:active,.dropdown-toggle:focus-within,.dropdown-toggle:visited,
.availableCourse textarea:hover,.availableCourse textarea:focus {border-color:#764FB7;}
.availableCourse textarea{resize: none;border-radius: 5px;border: 1px solid #fff;}
.TrainingCourse .training-card-wrapper{padding:5px 0}
.TrainingCourse .rcourse-card{
    border: 1px solid #e8e8fb;
    text-align: center;
    background: #e8e8fb;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 16px;
    position: relative;   }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #353535;}
.TrainingCourse .course-card:hover{border-color:#1c8efe;}    
.rcourse-card .course-content{height:50px;overflow: hidden;
    position: relative;}
.fixed-height .more {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #764FB7;
    font-size: 11px;
    height: 16px;
    padding: 0 0 0 6px;
    background: transparent;
}
p a.more {
    display: none;
}
.TrainingCourse .course-card .dropdown-menu > li{
    border-bottom:1px solid #eeeeee;
}
.TrainingCourse .course-card .dropdown-menu > li > a{
    padding: 10px 15px;
}
.PageLength select{color: #828181;}
.PageLength select:focus{outline: none;border: 1px solid #764FB7;}
.course-wrapper .rcourse-card  .fixed-height{clear: both;
line-height: 18px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
   /* height: auto;*/
    max-height: 53px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;white-space:unset;}
    .tooltip-inner{white-space: normal;}
/*.training-card-wrapper .course-content{overflow: unset;text-overflow: unset;white-space: unset;}*/
.course-wrapper{padding:0 25px;}
.recommended-courses{font-size:20px;font-weight: normal;margin: 23px 0px 12px;}
.recommended-courses span{color:#764FB7;}
.other-courses{    text-align: left;
    font-weight: bold;
    color: #434444;
    margin-bottom: 15px;
    font-size: 14px;}
.Borderbottom{border-bottom:2px solid #e8e5e5;}
/*.rcourse-card .due-date  .DatePickerBox{background-position: 94% 10px;}*/
/*.course-card.danger{border-left: 7px solid #dd3737;background: #fee6e6;}*/
.TrainingCourse .rcourse-card .close-button{top:14px;right: 15px}
.TrainingCourse .rcourse-card .Pos_absolute .btn-close{
    font-size: 20px;
    color: #a7a6a6; }
.TrainingCourse .rcourse-card .Pos_absolute .btn-close:hover{color: #6b6b6b;}
.TrainingCourse .course-heading{text-align: left;
    font-weight: bold;
    color: #434444;
    margin-bottom: 5px;}
.TrainingCourse .course-content{text-align: left;margin-bottom: 15px;color:#515b65;line-height: 18px }
.training-card-wrapper .feedback-cycle,.training-card-wrapper .due-date{padding:0;}
.training-card-wrapper .due-date{position:relative;}
.TrainingCourse .ClearSearching{right: 23px;top: 35px;}
.danger-text{color:#D31F1E;font-size: 12px;
    text-align: left;position:  absolute;bottom: -20px;margin:0;}
.due-date-picker {float: left;}
.slimScrollBar{cursor:pointer;}
.slimScrollBar:hover{background: #b5b4b4 !important;}
/*my training.css 15/7/19 start*/
.tab-overflow .nav.nav-tabs.plain-tab li.active a, .NewTabbedPanel li.active{font-weight: bold;}
.feedback-cycle p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0px !important;height: auto;}
.training-card-wrapper .col-md-6{padding: 0px 16px 0px 0px;}
/*.training-card-wrapper .col-md-6:nth-child(3n){padding: 0px 0px 0px 0px;}*/
.train-hours .total-hours{font-weight: bold;font-size: 20px;text-transform: capitalize;margin: 0px;color: #434444;
    display: inline-block;}
.train-hours  .total-value{font-weight: bold;color: #764FB7;font-size: 22px;display: inline-block;}
.Pending-table thead tr th{background: #f3f3f3;text-transform: uppercase;font-size: 14px;padding: 10px 15px 5px 15px;
line-height: 18px;}
.Pending-table.grid_table tbody .tbody_width{width: 300px !important;}
.Pending-table.grid_table .section-description{width: auto;padding: 0px;}
.Pending-table.grid_table .show-less, .Pending-table.grid_table .show-more{float: left;font-size: 14px;
    font-weight: bold;color: #764FB7;text-transform: uppercase;}
.Pending-table.grid_table .section-description .show-less{margin-top: -8px;}
.Pending-table table{border-collapse: separate;border-spacing: 0px 15px;background: transparent;}
.Pending-table  table tbody td{border: 0px;color: #2f2f2f;line-height: 18px;}
.Pending-table  table tbody td:first-child{border-radius: 5px 0px 0px 5px;}
.Pending-table  table tbody td:last-child{border-radius: 0px 5px 5px 0px;}
.Pending-table table tbody tr {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;
}
.Pending-table.grid_table tbody tr td{height: 85px;}
.Pending-table.grid_table tbody tr td a.btn-close{font-size: 27px;
    color: #a3a3a3;
    font-weight: bold;}
.train-hours{margin-top: 10px;}
.training-course-section .EditCell .CommentsCell, .training-course-section .EditRowCell .CommentsCell{width: 250px !important}
.training-course-section .EditCell .Hourscell, .training-course-section .EditCell .ScoreCell{width: 60px !important}
.training-course-section .EditRowCell .Hourscell, .training-course-section .EditRowCell .ScoreCell{width: 60px !important}
.training-course-section label a.CancelRow, .training-course-section label a.SaveRow{display: inline-block;}
.EditRowCell{display: none;}
textarea{border-radius: 5px;}
.ActionCell .ActionInView{margin-bottom: 15px;}
.training-course-section .rTableHead{color: #434444;}

.training-course-section .TableOuter{width: 100%}
.training-date .DatePickerBox{width: 122px;height: 35px;}
.add-section .new-btn{font-weight: bold;width: 90px;color: #5d5c5c;}
.training-course-section .TableOuter{clear: both;}
.training-course-section .PaginationNew{padding: 20px 12px 10px;}
.training-course-section{clear: both;padding-top: 10px;}
.training-course-section .TableContainer{margin-right:0px;background: #fff;}
.training-course-section .TableContainer .rTableHead{min-width: 240px;}
.training-course-section .TableContainer .rTableHead.ActionCell{width: 120px;min-width: 120px;}
.training-course-section .TableContainer .ActionCell{width: 120px;min-width: 120px;}
.training-course-section .TableContainer .rTableCell{padding: 15px 13px;color: #434444;}
.training-course-section .TableContainer .rTableHead.hourse-section , .training-course-section .TableContainer 
.rTableHead.score-section{min-width: 120px;}
.training-course-section .TableContainer .rTableHead.comment-section{min-width: 300px;}
.courselog{margin-top: 8px;}
.availableCourse  .Pos_relative input {width: 100%;}
 .availableCourse  .Pos_relative .icon-Not_Started
{position:absolute;right: 9px;top: 2px;}
.availableCourse  .Pos_relative .fa-search{position:absolute;right: 12px;top: 3px;}
.category-search .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 42px;}
.availableCourse.proposeddetails .Pos_relative input{color: #2c2c2c;width: 100%;height: 36px;border: 1px solid #fff;padding: 8px;}
.availableCourse.proposeddetails .Pos_relative input:hover, .category-search .btn.btn-default.dropdown-toggle:hover, 
.availableCourse textarea:hover{border: 1px solid #764FB7;}
.availableCourse.proposeddetails .Pos_relative input:hover{border-color: #764FB7;}
.category-search .dropdown-menu > li > a{color: #828181;}
.icon-Not_Started{cursor: pointer;}
.rTableCell .EditCell textarea, .rTableCell .EditRowCell textarea{padding: 5px 10px 0px;width: 240px;}
.category-search .multiselect-container {width: 100% !important;max-width: 100%;}
.category-search .multiselect-container .multiselect-search{width: 100% !important;
    margin: 5px 0;
    float: none;border-radius: 5px;border-right: 0;
    padding-right: 40px;}
    .multiselect-clear-filter.btn.btn-default{border-radius: 0px 5px 5px 0px;}
.deletetool .Pos_absolute .dropdown-toggle{padding: 0px;}
.deletetool .Pos_absolute .dropdown-menu{    min-width: inherit;
    padding: 0.714rem;
    text-align: left;
    line-height: 22px;
    width: 150px;
    box-shadow: 0 0px 7px #888888;
    border-radius: 5px;}
.deletetool .dropdown-menu > li:last-child{border-bottom: 0px;}
.availableCourse .NewSeachBox.active{border-radius: 5px;}
::placeholder {
  color: 999999;font-size: 1rem;
}
::-webkit-input-placeholder { /* Edge */
  color: #999999;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #999999;
}
.Load_More{text-align: center;clear: both;padding-top: 8px;}
.Load_More .load_btn{border: 1px solid #e0e0e0;padding: 6px 20px;border-radius: 5px;color: #764FB7;
    display: inline-block;font-weight: bold;background: #fff;margin-bottom: 4px;}
.Load_More .load_btn span{color: #AAAAAA;
    font-weight: normal;}
.Load_More .load_btn .fa{vertical-align: middle;
    padding: 0px 0px 0px 10px;
    color: #764FB7;}
    .training-card-wrapper .feedback-cycle .course-content{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .training-top-menu .Eligible label{color: #434444;}
  .training-card-wrapper  .load-course{display: none;}

/*.training-card-wrapper .col-md-6:nth-child(3n) .deletetool .Pos_absolute{right: 10px;}*/
.course-list .group .UICheckbox input{width: 16px;}
.course-list .group p{margin:6px 10px 0px 37px;font-weight: 400;}
 input:focus{outline: none;
    border: 1px solid #764FB7;}
    .deletetool .Pos_absolute .btn:active{border: none;box-shadow: none;}
.category-search .multiselect-native-select ul.dropdown-menu{height: 177px;}
/*.due-date .DatePickerBox{padding: 8px 25px 8px 8px !important;}*/
.training-card-wrapper .Load_More .load_btn{margin-bottom: 24px;}
.Load_More .load_btn:hover{border: 1px solid #764FB7;}
.confirm-model .form-foot{padding: 5px 20px 25px !important;}
.training-course-section .rTableHead .table_icon label{margin-bottom: 0px;color: #434444;font-weight: bold;float: left;
display: table-cell;vertical-align: middle;font-size: 14px;text-transform: uppercase;}
.training-course-section .rTableHead .table_icon{display: table;}
.training-course-section .rTableHead span.table_icon::after{display: table-cell;vertical-align: middle;cursor: pointer;
background: url(../images/sort.png) no-repeat center right;background-size: 18px;}
.training-course-section .rTableHead span.table_icon:after {content: "";display: inline-block;width: 16px;height: 16px;
margin-left: 10px;margin-bottom: 0px;}
.training-course-section .rTableHead.ActionCell{line-height: 20px;}
.training-course-section  .DatePickerBox, .training-course-section input, .training-course-section select{height: 35px !important;}
.rTable .rTableCell .EditRowCell .DatePickerBox, .rTable .rTableCell .EditCell .DatePickerBox{
    width: 130px !important;padding: 5px 9px 5px 30px !important;}
/*.modal  .modal-header .close{margin-top: -2px;}*/
.UISelectBox{padding: 0 32px 0 10px;}
.panel-collapse .TrainingCourse {box-shadow: none;}
#collapserecommend {background: #fff;}
.modal-header{padding: 13px 14px 11px;  }
@media (min-width: 768px) and (max-width: 1199px){
.training-card-wrapper .col-md-6:nth-child(3n){padding: 0px 16px 0px 0px;}
.training-card-wrapper .col-md-6:nth-child(2n){padding: 0px 0px 0px 0px;}
.training-card-wrapper .col-md-6:nth-child(3n) .deletetool .Pos_absolute{right: 26px;}
.training-card-wrapper .col-md-6:nth-child(2n) .deletetool .Pos_absolute{right: 7px;}
}
@media (min-width: 768px) and (max-width: 848px){
.danger-text{font-size: 10px;}
.due-date-picker{width: 98%;}
}
 .recommend-course a.Pos_relative:hover{border: 1px solid #764FB7;}
.TrainingCourse  .availableCourse  .category-search .btn-group
{width: 100% !important;border-radius: 5px;}
.TrainingCourse .availableCourseList .course-list  li.active .group label, .course-list li label:hover{color: #764FB7 !important;}
.availableCourse.proposeddetails .Pos_relative input, .TrainingCourse .availableCourse .category-search .btn-group, 
.availableCourseList, .availableCourse textarea, .course-card:hover, .TrainingCourse .rcourse-card:hover{box-shadow: 0 0px 18px #dcdada;}
/*my training.css 15/7/19 end*/
.Training-Section .tab-content {
    background: transparent;
    margin: 20px 0 0;
    padding: 0;
}
.Training-Section .tab-content .tab-pane {
    display: none;
}
.Training-Section .tab-content .tab-pane.active {
    display: block;
}
.UICheckbox {
    top: -2px;
}
.Eligible {
    display: inline-block;
    margin: 8px 20px 8px 10px;
}
.Eligible .UICheckbox small {
    box-shadow: 0 0px 18px #dcdada;
    border: 1px solid #fff;
}
.Eligible .UICheckbox small {
    width: 19px;
    height: 19px;
    border: 0px;
    line-height: 20px !important;
}
.Eligible label {
    margin: 1px 0 0 30px;
    color: #6d6d6d;
    font-size: 14px;
}
.Eligible .UICheckbox:hover small {
    border: 1px solid #764FB7;
}
.confirm-model .modal-body {
    background: #fff;
    color: #3f4a59;
    padding: 25px 20px;
}
.modal-content {
    border: none;
}
.confirm-model.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
.confirm-model .modal-header {
    background: #f3f3f3;
    border-radius: 5px 5px 0px 0px;
}


.DisableSelect{pointer-events: none;}
.DisableSelect .group label{color: #bcbcbc;}
.DisableSelect .category-head, .DisableSelect .category,.DisableSelect .CourseDescription{color: #bcbcbc;}
.CourseDescription{margin:8px 0 0 35px;}

/* Employee Details in My team recommend training */
.EmployeeForm { background:#fff; box-shadow:0px 0px 6px 1px rgb(0 0 0 / 22%); border-radius:5px; margin-bottom:20px; padding:20px;}
.Employeeintraining .NameDetails{ height:inherit; margin-left:12px;}
.Employeeintraining .PDF{ padding:0;}
.Employeeintraining .OuterBorderImg{width:48px; height:48px;}
.Employeeintraining .OtherInfo {
    border-left: 1px solid #e0e0e0;
    padding: 0px 10px 0px 20px;
    min-height: 80px;
}
/*right side popup css*/
.modal.right.fade.in .modal-dialog {
    right: 0;
    margin: 0;
}
.CheckIns.modal.right .modal-dialog {
    border-radius: 5px;
}
.modal.right.fade .modal-dialog {
    right: -94%;
    margin: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right .modal-dialog {
    max-width: inherit !important;
    position: fixed;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    width: 60%;
}
.CheckIns.modal.right .modal-content {
    overflow-y: hidden;
}
.modal.right .modal-content {
    height: 100%;
    background: #f3f3f3;
    overflow-y: auto;
    border-radius: 0px;
}
.modal-title {
    line-height: normal;
}
.CheckIns.modal.right .modal-body {
    height: 93%;
    overflow-y: scroll;
    background: #fff;
}
.modal.right .modal-body {
    background: #f3f3f3;
    border-radius: 0px;
    padding: 20px;
}
.CheckInList {
    display: inline-block;
    /* height: 100%; */
    width: 100%;
}
.CheckIns h5 {
    margin: 0px 0 20px 0px;
    color: #777;
    font-size: 15px;
}
.SelectedGoal {
    background: #e8e8fb;
    padding-right: 30px;
}
/*.GoalList li, .SelectedGoal {
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    box-shadow: 0 0px 18px #dcdada;border: 1px solid #c7c7c7;
    margin-bottom: 20px;
    cursor: pointer;
}*/
.GoalList li:hover{background: #e8e8fb;}
.GoalList li h3, .SelectedGoal h3 {
    color: #764FB7;
    margin: 0;
    border: 0;
    font-weight: bold;
}
.IndividualCheckIn {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}
.IndividualCheckIn {
    /*overflow-y: scroll;*/
    height: 100%;
    padding-top: 5px;
    display: none;
}
.GoalList li, .SelectedGoal {
    background: #fff;
    border-radius: 5px;
    padding: 10px;border: 1px solid #c7c7c7;
    box-shadow: none !important;
    margin-bottom: 15px;
    cursor: pointer;
}
.GoalList li h3, .SelectedGoal h3 {
    color: #764FB7;
    margin: 0;
    border: 0;
    font-weight: bold;
}
.CheckIns .ObjectiveList.active .RemoveSelected, .SelectedGoal .RemoveSelected {
    display: block;
    background: #c8e0f8;
    border-radius: 0px 5px 5px 0;
}
.RemoveSelected {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-left: 1px solid #ccc;
    padding: 0px 6px 0px;
    font-size: 26px;
    display: none;
}
.RemoveSelected i {
    position: relative;
    top: 40%;
}
.course-list .category-head {
    text-transform: capitalize;
    font-weight: normal;
    color: #434444;
    margin: 0;
    padding: 0 0 5px 0;
}
.course-list .category {
    color: #434444;
    margin: 0;font-weight: bold;
}
.course-list li,.course-list .SelectedGoal {
    width: 100%;
    display: table;
}
.Datepickercontainer input {
    width: 110px;
    border: 0;
    background: #f3f3f3;
    height: 36px;
    padding: 10px !important;border: 1px solid transparent;
}
.FormIcon {
    float: left;
    margin: 11px 10px 0 0;
    font-size: 20px;
    color: #a6a6a6;
}
.FilterForm .col-md-12 .InputWidth, .FilterForm .col-md-12 .btn-group, .FilterForm .col-md-12 .InputWidth {
    height: 35px;
    width: 100% !important;
}
.FilterForm .col-md-12, .FilterForm .col-md-6 {
    margin-bottom: 20px;
    padding: 0px;
}
.FilterForm label {
    display: block;
    color: #434444;
    font-weight: bold;
    margin-bottom: 0px;
}
.NA{color: #868686;font-size: 13px;}
.FilterForm .col-md-12 span,.NewForm .col-md-12 span{display: block;margin-top: 2px;}
.FilterForm .browseblock,.NewForm .browseblock{
    position: relative;width: 100%;
}
.FilterForm .browseblock input[type="file"],.NewForm .browseblock input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 42px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.FilterForm .browseblock .browse, .NewForm .browseblock .browse{
    position: relative;
}
.FilterForm .browseblock .browse input[type="text"],.NewForm .browseblock .browse input[type="text"] {
    width: 100%;eight: 35px;
    outline: none;
    cursor: pointer;
}
.FilterForm .browseblock .browse .btn,.NewForm .browseblock .browse .btn{
    position: absolute;
    top: -7px;
    right: 1px;
    background: #f3f3f3;
    color: #353535;
    line-height: 27px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;height: 40px;
    border-left: 1px solid #d4d4d4;
}
.training-course-section .rTableCell a{color: #764FB7;font-size: 15px;line-height: 18px;}
.training-course-section .rTableCell a:hover,.training-course-section .rTableCell a:hover .icon-Edit_Icon{color: #461F87;}
.training-course-section .rTableCell .icon-Edit_Icon {
    margin-left: 5px;
    color: #c8c8c8;
    font-size: 16px;
}
.CheckInList .category-search .btn-group{box-shadow: 0 0px 18px #dcdada;border-radius: 5px;}
.CheckInList .category-search .dropdown-menu .multiselect-item .multiselect-all:hover label{color: #353535 !important;}
.DatePickerBox{width: 140px;}
.DisplayNone{display: none;}
.DisplayBlock{display: block;}
.GoalList li h3, .SelectedGoal h3{font-size: 13px;}
/*newform style start*/
.NewFormStyle .FormIcon {
    float: left;
    font-size: 22px;
    margin: 7px 10px 0 0;
    color: #a6a6a6;
}
.NewFormStyle .InputWidth{border-width:0 0 1px 0; border-radius:0px; padding-left:0px;}
.NewFormStyle .LocationTreeDIV .LocationTree{background:none; border-width:0 0 1px 0; border-radius:0px; padding-left:0px;}
.NewFormStyle .textarea  textarea {
    padding: 5px 15px 5px 0; border-width:0 0 1px 0; border-radius:0px;
    display: block;
    overflow: hidden;
    min-height: 32px;
    max-height: 300px;
    overflow-y: auto;width: 94%;
    background: transparent; height:inherit;
}
.NewFormStyle .textarea span{ margin-top:8px;}
.NewFormStyle .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ background:#f3f3f3; border-color:#f3f3f3; height:36px !important;}
.NewFormStyle .InputWidth:hover,.NewFormStyle .InputWidth:focus{border-width:0 0 1px 0; border-radius:0px; }
.NewFormStyle .LocationTreeDIV .LocationTree:focus,.NewFormStyle .LocationTreeDIV .LocationTree:hover{border-width:0 0 1px 0 !important; border-radius:0px;}
/*newform style end*/
.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #ee9134;}
.DeleteBtn.new-btn{color: #764FB7;border: 2px solid #764FB7;}
.DeleteBtn.new-btn:hover, .DeleteBtn.new-btn:focus{color: #fff;border: 2px solid #764FB7;}
.NODataFound{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
.NewGoalsCreate label{margin-bottom: 0px;}
.training-course-section .HoursWidth,.training-course-section  .ScoreWidth{min-width: 140px;}
.panel-body .NewGrids.table.dataTable.nowrap th.ExternalTrainer{min-width: 190px;}