/* Filter */
.FilterBtn{ width:145px;}
.FilterSection{ padding:10px 20px 0px;box-shadow: 0px 0px 7px #cdc9c9 !important;
    -webkit-box-shadow: 0px 0px 7px #cdc9c9 !important;}
.chartdiv{  padding:10px 0 30px;}
.DailyProgress{}
.ChartGrid{ float:left; width:100%; padding:0 5px 30px 15px; -webkit-box-sizing: initial !important; moz-box-sizing:  initial !important; box-sizing:initial !important; border-bottom:1px solid #e0e0e0; margin:0 -5px 20px;}
.pagination-new li a{margin-left:0; border-radius:0px !important; -moz-border-radius:0px; -webkit-border-radius:0px; color:#3f4a59;}
.pagination-new previous,.pagination-new next{background:#eeeeee !important; color:#b2b0b1;} 
.pagination-new li.active a,.pagination-new li a:focus,.pagination-new li a:hover{ background:#fae2e0;border:1px solid #f15b5a;  color:#3f4a59;}
.paging_simple_numbers{ text-align:right;}
.hidecompleted{ width:120px; position:absolute; right:0; top:16px; margin-right:18px; }
.hidecompleted:hover label{color:#1c8efe;}
.hidecompleted:hover .UICheckbox small{ border-color:#1c8efe;}
.hidecompleted label{ float:left; margin:0 5px 0 0;}
.selected-filters{  float:right;}
.selected-filters span{ margin:0 5px; position:relative; color:#3d3d3b; font-size:16px;     background-color: #e6e5fb;
    border: 1px solid #b4d4f5; border-radius:4px; padding:5px 30px 5px 11px;}
 .selected-filters span:hover{border-color:#461F87;}
.selected-filters small{color:#5A4D9F;display: block;line-height: 16px;}
.selected-filters a.delete,.selected-filters a.cyclename{ position:absolute; right:8px; top:13px; color:#90a1b1; font-size:16px;}
.selected-filters a.delete:hover{color:#6a6b6c;}
.selected-filters span.scroll_tab_left_finisher,.selected-filters span.scroll_tab_right_finisher{ background-color:transparent; border:0;}
.scroll_tab_left_button,.scroll_tab_right_button{ border-radius:50%; top:13px !important;}
.scroll_tab_right_button{right: -10px !important;}
.scroll_tab_last{ margin-right:0px !important;}
.scroll_tab_first{ margin-left:0px !important;}
.scroll_tab_inner{margin:0 0px 0px 10px !important;}
.show-more{font-size: 12px;  color: #337ab7; float: right;}
#CycleName input.DatePickerBox{ width:140px !important; margin-left:5px;}
.Search_Div small{top:13px; right:10px; font-size:18px; cursor:pointer; display:none;}
.loader-container{ margin-top:60px; text-align:center;}
.ReviewButton{ position:absolute; bottom:35px;}
.large-data .ReviewButton{bottom:42px;}
.grid_table .employee_name{ line-height:normal; margin-top:13px; float:left;}
.overallstatus td.sorting_1{ width:220px;}
.overallstatus .dataTable th{ min-width:150px;}
.overallstatus .table_icon{ display:table;}
.overallstatus .table_icon label{ float:left;  display:table-cell; vertical-align:middle;text-transform: uppercase;
    color: #181c32;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;padding-right: 6px;}
.overallstatus .grid_table span.table_icon::after{ display:table-cell;  vertical-align:middle; cursor:pointer;}
.overallstatus .EmployeeInfo,.FeedbackSummeryReport td .EmployeeInfo{width:200px; display:table; }
.EmployeeInfo .Employee_Avatar{ display:table-cell; vertical-align:middle; width:50px;}
.EmployeeInfo .Employee_Avatar span{ display:inherit;}
.EmployeeInfo .employee_name{ display:table-cell; vertical-align:middle; float:none; margin:0; width:auto; line-height:22px;}
.no-records{text-align:center;  font-size:14px;}
.selected-filters .no-records{height:60px; line-height:50px;}
/* Modal */
* {box-sizing: border-box}
.model_filter .tab {
    float: left;
    background-color: #f5f4f4;
    width: 23%;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    height: 460px;
}
.model_filter .tabcontent{background: #fff;}
.model_filter .modal-body{ padding:0; border-radius: 4px;}
.model_filter .tab button {
    display: block;
    background-color: inherit;
    color: #181c32;
    padding: 15px 16px 15px 26px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 13px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;
}
.model_filter .tab button:hover {
    background-color: #ddd;
}
.model_filter .tab button.active {
    background-color: #fff; border-left:6px solid #764FB7;; color:#764FB7;; font-weight:bold;
     padding: 15px 16px 15px 20px;
}
.model_filter .tab button.active.mandatory{    border-left: 6px solid #ff5b57;
    color: #ff5b57;}
.model_filter .tab button span{display:none;}
.model_filter .tab button.active.mandatory span{ display:inline-block;}
.model_filter .tabcontent {
    float: left;
    padding: 15px;
    width: 77%;
    border-left: none;
    height: 460px;
    padding:0 24px;
    border-top-right-radius:5px;
    position:relative;
}
.MultiselectList{padding:10px 0;}
.MultiselectList li {
    width: 50%;
    float:left;
    margin: 12px 0 0;
}
.MultiselectList input {
    float: left;
}
.MultiselectList label {
    float: left;
    margin: 0px 0 0 30px;
    max-width:90%; color:#353535; cursor:pointer;
}
.MultiselectList li.active label{ color:#434343;}
.MultiselectList li.hovered label{color:#764FB7;}
.MultiselectList li.hovered small{border: 1px solid #764FB7;}
.CheckAll{ border-bottom:1px solid #e0e0e0; padding:10px 0 12px; margin:0 0 5px 0;}
.CheckAll label{ width:auto; margin-top:3px; }
.CheckAll label.active{ font-weight:700; }
.UICheckbox small.checked i{ font-size:12px;}
#Emp_Name input, #Provided_by input{ width:250px;}
.modal{ overflow-y:inherit !important;}
.model_filter .modal-footer{border: none;}
#modal-dialog11 .panel.panel-default{ margin:0;}
.model_filter .close{position:absolute; top:13px; right:16px; z-index:99; opacity:0.6; color:#434343;}
.model_filter .close:hover{opacity:1;}
#tree_popup .modal-body{padding: 2px;}
.model_filter .modal-backdrop.fade.in{opacity: 0.7;}
.model_filter .LocationTreeDIV .searchDiv, .LocationTreeDIV form, ul.jstree-container-ul{
 background: transparent !important;}
 .new-modal .model_filter .LocationTreeDIV .searchDiv, .LocationTreeDIV form, ul.jstree-container-ul{
 background: transparent !important;}
.model_filter .scroll_panel{overflow-x:auto;height:430px;}
.model_filter h2{color:#434343; font-size:16px; padding:18px 0 25px 26px;}
.model_filter h4{color:#434343; font-size:16px; padding:10px 0; text-transform:capitalize;}
@media only screen and (min-width: 768px) and (max-width:1024px){
    #modal-dialog11 ul li{width: 48%;}
    /*.model_filter .scroll_panel{width: unset;}*/
}
#vertical_tab .TableContainer,.VerticalTabFilter .TableContainer{ margin-right:0px;}
#vertical_tab .TableOuter,.VerticalTabFilter .TableOuter{ width:100%; margin:20px 0 0;}
#vertical_tab .modal-dialog,.VerticalTabFilter .modal-dialog, #ClosedTab .modal-dialog{ width:59%; max-width:inherit !important;}
#vertical_tab.new-modal .slimScrollDiv,.VerticalTabFilter.new-modal .slimScrollDiv #ClosedTab.new-modal .slimScrollDiv{ width:100% !important; z-index:999999;}

.MoreFilters{ padding:15px;}
.MoreFilters ul{ display:none;}
.MoreFilters li{ margin:20px 0 0;}
.UICheckbox small{ width:18px; height:18px; line-height:18px !important; cursor:pointer;}
.UICheckbox input{ width:18px; height:18px; left:2px;}
.UICheckbox:hover small {
    border: 1px solid #764FB7;
}
.checkboxUI{border:1px solid #b4b6b7; width:24px; height:24px; line-height:24px;}
#vertical_tab .modal-title,#vertical_tab .LocationTreeDIV .searchDiv,#vertical_tab .LocationTreeDIV form
,#ClosedTab .modal-title{ background:#fff; box-shadow:none;}
.UIRadiobox small{ width:20px; height:20px; border:1px solid #b4b6b7; background:#fff; display:inline-block; position:absolute; left:2px; border-radius:50%; text-align:center; line-height:21px; }
.UIRadiobox small i{ font-size:14px;}
.UIRadiobox small i{ display:none;}
.UIRadiobox small.checked i{ display:inline-block;}
.UIRadiobox input{ position:absolute; opacity:0; z-index:99; left:-2px;}
.new-modal .modal-footer.FilterAction{ background:#fff;  border-top: 1px solid #e0e0e0; position:relative;
 padding: 30px 0 15px;}
.new-modal .LocationTreeDIV form{ padding:10px 0px 15px;}
#vertical_tab .new-modal .modal-title, #vertical_tab .new-modal .LocationTreeDIV .searchDiv
#ClosedTab .new-model{ padding-right:0px; padding-left:0px;}
.search-input{ height:42px !important;}
#vertical_tab .Scroll_Container {padding-right:20px;}
#vertical_tab .tab .Scroll_Container {padding-right:0px;}
#WorkDetais1 .slimScrollBar, #BasicDetails .slimScrollBar, #TrainingCourse .slimScrollBar{height: 239.726px !important;}
.jstree-default .jstree-anchor{ margin-left:-5px;}
#vertical_tab .modal-dialog-centered .modal-body,#ClosedTab .modal-dialog-centered .modal-body{overflow-y: hidden !important;}
.Asp-text{margin: 25px 0px 15px;color: #AAAAAA;}
.model_filter .note {
    border: 0;
    font-size: 14px;
    color: #CD853F;
    padding: 0 20px;
    position: absolute;
    top: 4px;
    font-style: italic;
}
.new-modal .FilterAction .NoteText{color: #CD853F;font-weight: bold;}
.loader-container {
    margin-top: 60px;
    text-align: center;
}
/*.modal-footer .new-btn{width: 100px;}*/
.new-modal .modal-footer.FilterAction{border-radius: 0px 0px 5px 5px;}
/*performance rating and score report css*/
.PerforRating .page-header{font-size: 18px;margin: 15px 0px;font-weight: bold;}
.PerforRating .NewTabbedPanel .chartdiv{padding: 0px;margin-bottom: 0px;}
 .MultiselectList .Overall_Score{display: inline-block;width: 100%;padding: 20px 0 0;}
  .MultiselectList .Overall_Score .bootstrap-select,  .MultiselectList .Overall_Score input{width: 30% !important;}
 .MultiselectList .Overall_Score li{width: 100%;margin: 0px;}
 .MultiselectList .Overall_Score p{color: #434343;font-weight: 600;font-size: 15px;margin: 0px 0px 7px;}
  .MultiselectList .Overall_Score input{float: none;}
  .MultiselectList .Overall_Score .DatePickerBox {width: 180px !important;}
  .MultiselectList .Overall_Score .bootstrap-select{margin: 0px 15px 5px 0px;}
 .MultiselectList h5{font-size: 15px;}
 .Show_Ongoing>span{margin-left: 15px;}
 .gridDiv.grid_table.Overall_Grid.m-0{margin: 0px !important;}
 .ContentSection .bootstrap-select.btn-group .btn .filter-option{font-weight: bold;}
.ContentSection .bootstrap-select.btn-group:not(.input-group-btn), 
.ContentSection .bootstrap-select.btn-group[class*="span"]{margin-bottom: 5px;}
.section-title{ border:1px solid #e6e6e6; padding:5px; }
.section-title .fa{ margin:0 0 0 0; font-size:24px; }
.section-content{ border:1px solid #e6e6e6; border-top:0; padding:5px 20px;}
.modal-body .section-content .jstree{ margin:0;}
.SlashSymbol{font-size: 24px;color: rgb(189, 189, 189);}
 @media only screen and (min-width: 768px) and (max-width:1024px){
    #Recommendation .CheckAll{display: inline-block;float: left;width: 100%;}
    .CheckAll{padding: 10px 0px 33px;margin: 0 0 10px 0;}
}
@media only screen and (min-width: 768px) and (max-width:1200px){
.Show_Ongoing{display: inline-block;}
.MultiselectList .Overall_Score .bootstrap-select,  .MultiselectList .Overall_Score input{width: 35% !important;}
}
@media only screen and (min-width: 768px) and (max-width:1164px){   
.Show_Ongoing>span{margin-left: 0px;}
}
/*performance rating and score report end */
/*employee feedback status*/
.content{padding: 20px 20px;}
.pad-bgwhite{padding: 25px 30px;}
.pad-bgwhite .FilterSection{border-radius: 4px;border: 1px solid #e0e0e0;box-shadow: none !important;}
.pad-bgwhite .PerforRating .overallstatus{box-shadow: none !important;}
.ActionBtns .icon-message{position: absolute;left: 6px;}
.ActionBtns .Download{padding: 7px 7px 7px 37px;}
@media only screen and (min-width: 1000px) and (max-width:1122px){
.overallstatus .tab-overflow .nav.nav-tabs{margin-top: 45px;}
}
/*Meeting Summery Report*/
.overallstatus .MeetingSummery .table_icon label{margin-bottom: 0px;}
.MeetingSummery .grid_table span.table_icon:after{background: url(../images/sort.png) no-repeat center right;background-size: 18px;}
.MeetingSummery .TableContainer .rTableRow .rTableHead{width: 200px;}
.b-t-0{border-top: 0px !important;}
#MeetingDate input.DatePickerBox{width: 130px !important;margin-left: 5px;}
.MeetingSummeryReport .overallstatus{border: 0px;padding: 0 !important;}
.meetingReport.new-modal .modal-content{border-radius: 5px 5px 0px 0px;}
.meetingReport.new-modal .modal-footer.FilterAction{border-radius: 0px 0px 5px 5px;}
.MeetingSummeryReport .ContentSection .rTableCell{padding: 20px 14px;}
.dataTables_length select.form-control{vertical-align: middle;display: inline-block;width: auto;}
.SummaryHead{border: 1px solid #e5e5e5;border-radius: 4px;}
.SummaryHead .page-header{padding-left: 21px;font-size: 18px;}
.SummaryHead .summerycontent {padding: 0px 20px 20px;}
.SummaryHead .Download{margin-right: 3px;}
.LastUpdated span{color: #a09b9b;}
.RecommenTable tbody tr td label{font-weight: 600;margin-bottom: 0px;}
.RecommenTable tr td:first-child{text-align: right;width: 30%;}
.RecommenTable tr td:last-child {text-align: left;width: 70%;}
.RecommenTable input, .RecommenTable textarea{width: 60%;}
.RecommenTable .bootstrap-select{margin: 0px !important;width: 30% ! important;}
.RecommenTable .character{display: inline-block;font-size: 11px;color: rgb(125,125,125);
    font-style: italic;font-weight: bold;float: right;width: 54%;}
.SummaryHead .FeedbackBy{ width:250px;}
.SummaryHead .FeedbackBy .avatar{ width:40px !important; height:40px !important; line-height:40px !important;
 font-size:18px !important; margin-right:10px;    border: 2px solid #c7c7c7; }
.Comments-Text td.long{min-width: 250px;white-space: unset;}
.SummeryTable .section-description{ width:200px;}
.headcol {min-width: 260px;}
.SummaryHead .NewTabbedPanel.summerycontent.b-t-0{border-top: 0;}
.SummaryHead .NewTabbedPanel .FeedbackBy{border-bottom: 0;display: table;}
.SummaryHead .NewTabbedPanel  .rTableCell .AvatarName{color: #764FB7;display:table-cell; 
    vertical-align: middle;  float: none;margin: 0;width:150px;line-height: 18px;}
.SummaryHead .rTableCell .show-more{font-size: 12px;}
.SummaryHead .NewTabbedPanel  .grid_table{border-radius: 5px 5px 0px 0px !important;}
.SummaryHead .NewTabbedPanel .PaginationDiv.grid_table{border-radius: 0px 0px 5px 5px !important;}
.tab-content .panel-body .page-header{text-transform: uppercase;font-size: 16px;font-weight: 600;}
.SummaryHead .NewTabbedPanel .ContentSection .rTableCell{padding: 10px 13px;}
.SummaryHead .NewTabbedPanel .grid_table .Employee_Avatar span{height: 40px;width: 40px; display:inherit;}
.panel .panel-body{border-radius: 0px 0px 4px 4px;}
.panel-heading{border-radius: 4px 4px 0px 0px;}
.nav-tabs + .tab-content{border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;}
.panel-title{font-weight: 500;}
#collapsefive textarea{border-radius: 4px;padding: 8px;}
.performance-tabs .summerycontent .section-description{ width:250px;}
.SummaryHead .NewTabbedPanel .ContentSection .rTableHead{padding: 10px 13px;color: #5d5c5c; /*min-width:180px;*/}
@media (max-width: 1200px) and (min-width: 768px){
.SummaryHead .FeedbackBy .avatar {margin:0px 15px 0px 0px !important;} 
 .PaginationDiv.grid_table, .MeetingSummery .grid_table{overflow-x: hidden;}
}
.meetingReport .Meetingdetails label{color: #434343;font-weight: 600;font-size: 13px;margin: 0px 0px 7px;
display: block;}
#WorkDetais1 .btn-group.bootstrap-select, #BasicDetails .btn-group.bootstrap-select{margin-bottom: 0px;margin-top: 3px;}
.MeetingSummery .SurveyReportGrid .rTable{table-layout: fixed;}
.EntityBasedText input,.modal-body input[type="text"], 
.EntityBasedText .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{ width:200px !important; height:36px;}
.tabcontent input.search-input{width: 100% !important;}
/*meeting summary report end*/
/*pending training course start*/
.TrainingManager  .ValueSelected{background: #ececec;padding: 10px;border-radius: 4px;display: none;}
 .MultiselectList .TrainingManager.Overall_Score .ChooseManager input.InputText,.modal-body .ChooseManager input.InputText{width: 100% !important;text-align: left !important;
height: 42px;line-height: 42px;padding-right: 30px;}
.TrainingManager .ChooseManager label{padding: 0 15px 10px !important;}
.TrainingManager .avatarwithname{background: #461F87;color: #fff;float: left;width: 40px;height: 40px;margin: 2px 0 0 0;
border-radius: 50%;text-align: center;line-height: 40px;}
.TrainingManager .BorderEmpty .avatarwithname{margin: 0;
border: 2px solid #cccccc;display: inline-block;width: 42px;height: 42px;
border-radius: 50%;background: transparent;text-align: center;line-height: 35px;float: left;}
.TrainingManager .EmpCard span label{color: #353535; padding: 0 0px !important; margin: 2px 0 0 0;}
.TrainingManager .avatarwithname .EmptyImg{width: 100%;height: 100%;display: inline-block;border-radius: 50%;
text-align: center;color: #0876cb;background: #ededed;font-size: 22px;line-height: 38px;font-weight: bold;
cursor: pointer;border: 2px solid #fff;vertical-align: middle;}
.TrainingManager .EmpCard span small{color: #808080;font-size: 14px;padding: 0 0 0 0px;}
.TrainingManager .InputIcon{color: #747474;position: absolute;top: 13px;z-index: 99;bottom: 0;right: 10px;}
.TrainingManager .InputIcon i {display: inline-block;font-size: 14px;}
.TrainingManager .EmployeeSearchList{position: absolute;top: 46px;background: #fff;left: 1px;right: 0px;z-index: 999;
cursor: pointer;border: 1px solid #e0e2e4; box-shadow: 0 2px 6px -1px rgb(83, 163, 254,0.4);border-top-right-radius: 0px;
border-top-left-radius: 0px;display: none;}
.TrainingManager .EmployeeSearchList li{width: 100%;float: left;border-bottom: 1px solid #e0e2e4;padding: 10px;}
.TrainingManager .EmpCard span.avatar {margin: 0px 0px 0px;
    border: 2px solid #764FB7;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;}
.TrainingManager .EmpCard span img {width: 100%;height: 100%;border-radius: 50%;}
.TrainingManager .EmpCard .Name{max-width:80%; display:inline-block;vertical-align: middle;line-height: 18px;}
.TrainingManager .ChooseManager{position: relative; width:80%}
.TrainingManager .InputIcon i.icon-Cancel{font-size: 18px;}
.TrainingManager .InputIcon i{display: inline-block;}
/* @media only screen and (min-width:768px) and (max-width: 1023px){
.TrainingManager .InputIcon{right: 91px;}
.TrainingManager .EmployeeSearchList{right: 82px;}
.TrainingManager .EmpCard span label{width: 80%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
   .TrainingManager .EmpCard span label{width: 80%;} 
}
@media only screen and (min-width:1023px) and (max-width: 1090px){
.TrainingManager .InputIcon{right: 98px;}
.TrainingManager .EmployeeSearchList{right: 90px;}
}
@media only screen and (min-width:1091px) and (max-width: 1199px){
.TrainingManager .InputIcon{right: 110px;}
}
@media only screen and (min-width:1091px) and (max-width: 1112px){
.TrainingManager .EmployeeSearchList{right: 94px;}
}
@media only screen and (min-width:1113px) and (max-width: 1199px){
.TrainingManager .EmployeeSearchList{right: 103px;}
} */
/*15/03/19*/
.MultiselectList.MultiDropdown .bootstrap-select{display: block !important;width: 220px !important;}
.EntityBasedText input, .modal-body input[type="text"], .EntityBasedText 
#WorkDetais1 .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{width: 220px !important;}
/*pending training course end*/

/*new joiner report*/
.NewJoiner .GridSplit .gridDiv{margin: 60px 0px 0px 0px !important;}
.NewJoiner .tab-content  .grid_table{display: block;}
.NewJoiner .tab-content .GridSplit .gridDiv{margin: 20px 0px 0px !important;border-top: 1px solid #e5e5e5 !important;}
/*new joiner report*/

/* Clear Button for Search option */
.LocationTreeDIV  .searchDiv  small{top: 13px;right: 10px;font-size: 18px;cursor: pointer;position: absolute;}
/* Clear Button for Search option */
#vertical_tab .modal-content .Search_Div  input[type="text"]{width: 100% !important; font-size:14px;}
.PaginationPopup .PaginationDiv li{ margin:0px !important; padding:0px;}
#Grade .search-input{width: 100% !important;}
/*Attrition report*/
.AttritionSummary table tbody tr:last-child td:first-child{border-bottom: none;}s
.MultiselectList .CheckAll label, .MultiselectList .fromList label{margin: 4px 0 0 30px;}
.RelivingDetails .RelivingData{color: #434343;font-weight: 600;font-size: 15px;margin: 0px 0px 10px;display: block;
    text-transform: capitalize;}
/*.RelivingDetails .RelievingDate input{width: 130px ! important;}*/
.ReasonInVoluntary, .ReasonRapid, .ReasonVoluntary, .ReasonNotProvided{display: none;}

/* AutoComplete Css */
.AutoSuggestContainer{ position:relative; border:1px solid #e0e0e0; height:auto; min-height:35px; width:98%;
border-radius: 4px;}
..AutoSuggestContainer:focus{border-color: #1c8efe;}
.AutoSuggestContainer:hover{border:1px solid #1c8efe;}
.AutoSuggestContainer input[type="text"]{border:0;}
.AutoSuggestContainer input[type="text"]:focus{ outline:none;}
.AutosuggestList{ position:absolute; top:100%; border:1px solid #d4d4d4; left:0px; right:0px; display:none; box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.6); z-index:9999; background:#fff; }
.SelectedValues{ max-height:80px; overflow:auto;}
.SelectedValues li{ display:inline-block; background:#e8e8e8; margin: 0px 0px 7px 7px; padding:4px 7px; border-radius: 4px;
 font-size:13px;background-color: #d0e6fd;color: #3d3d3b;border: 1px solid transparent;}
.SelectedValues li a{color:#b9b9b9; font-size:13px; margin:0 2px 0 6px;}
.SelectedValues li.GetInput{ background:none; padding:0px;}
.SelectedValues li.GetInput input{padding-left: 2px;}
.AutosuggestList li{border-bottom:1px solid #d4d4d4; padding:10px 5px; cursor:pointer;}
.AutosuggestList li:last-child{ border:0;}
.new-modal .modal-footer.FilterAction{border-radius: 0px 0px 5px 5px;}
.SelectedValues .delete .fa-times-circle{font-size: 16px;vertical-align: middle;}
.SelectedValues ul{margin-top: 7px;}
.FocusAuto{border-color:#1c8efe;}
.AutosuggestList p{ font-style:italic; font-size:13px;}
.SelectAllTree  .UICheckbox input{left:-6px;}
/*.AutoLastChild{top: -423%;}*/
/*.tabcontent .AutoSuggestContainer:last-child .AutosuggestList, .tabcontent 
.AutoSuggestContainer:nth-last-child(3) .AutosuggestList{top: -423%;}*/
.new-modal .modal-body .search-input {padding: 0px 28px 0px 10px; border-radius: 4px;}
.NewTabbedPanel .PaginationDiv ul.pagination{margin: 20px 0px;}
.AgeCount{margin: -4px 0px 0px 15px;}

/*GridSearch*/
.GridSearch{width: 100%;display: inline-block;padding: 20px 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.GridSearch input{display: inline-block;
    width: auto;
    vertical-align: middle;}
    /*location and organization css*/
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after,
 .jstree-default .jstree-checked > .jstree-checkbox:after{font-family: 'icomoon' !important;background: #764FB7;
    content: "\e239";display: inline-block;color: #fff;font-weight: bold;font-size: 12px;border-radius: 4px;
    bottom: 4px;top: 4px;left: 4px;line-height: 19px;}
.jstree-default .jstree-icon:empty{width: 27px;height: 27px;line-height: 27px;}
.jstree-clicked .jstree-checkbox:before{border: none;left: 3px;}
.jstree-default .jstree-checkbox:before{border: 1px solid #c7c7c7;left: 4px;}
.jstree-default .jstree-anchor:hover .jstree-checkbox:before {border: 1px solid #764FB7;}

/*manage employee template*/
.ManageTemplate{margin: 0px -10px;}
.ManageTemplate .table-section .TableContainer .rTable .rTableRow .rTableCell:first-child
{min-width: 40px;}
.ManageTemplate .table-section .rTableCell{min-width: 150px;}
/*.ManageTemplate h2{margin: 20px 10px;}*/
.ManageTemplate .PaginationNew {padding: 25px 0px 0px;}
.PageLength select {color: #828181;}
.ManageTemplate .table-section .UICheckbox {margin-top: -9px;}
.ManageTemplate .table-section .rTableCell, .ManageTemplate .table-section .rTableHead{color: #353535;}
.ManageTemplate .table-section .rTableHead{text-transform: uppercase;}
.ManageTemplate .table-section .CheckAll{border-bottom: none;padding: 0px;margin: 0px;}
.ManageTemplate .profile-add {float: right;text-align: center;width: auto;min-width: 73px;margin-top: 6px;}
.ManageTemplate .TableOuter{width: 100%;}
.ManageTemplate h2{vertical-align: middle;display: inline-block;margin: 12px 0 0;}
/*.tabcontent .MultiselectList  .DatePickerBox {width: 140px !important;}*/
/*review status report*/
/*.review-grid .GridSplit .ActionBtns{top: -40px;right: 0px;}*/
.review-grid .GridSplit .gridDiv.grid_table.Overall_Grid.m-0{margin-top: 50px !important;}
.review-grid .GridSplit .gridDiv .dataTables_paginate  .pagination{margin-right: 10px;
    margin-top: 15px;}
 .review-grid .GridSplit .overallstatus .dataTable th{min-width: 200px;}
 .review-grid{padding: 0px 10px;}
 .GridShow .ActionBtns{top: 52px;}
 .GridShow{border: none !important; margin-top: 0px !important;}
 .Awards li label.Awards-Note{font-size: 14px;border: none;padding: 44% 0 0;}
 .ChartContainer .catergories,  .ChartContainer .Awards {height: 483px;}
 @media only screen and (min-width: 768px) and (max-width: 992px){
   .Awards li label.Awards-Note{padding: 45px 0 0;}
   .ChartContainer .Awards {height: auto;}
}
 .TrainingManager .ChooseManager .EmpCard span label, 
 .TrainingManager .ChooseManager .EmpCard span small{overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;float: none;}
.TrainingManager .ChooseManager .EmpCard span small{display: block;}
.TrainingManager .ChooseManager .EmpCard span small:focus{outline: none;border: none;}

/*Normalization filter start*/
.Other_Fields .MultiselectList .CheckAll{border: 0px;}
.Other_Fields .MultiselectList .CheckAll p{padding-left: 30px;font-weight: normal;}
.Other_Fields .MultiselectList .CheckAll .UICheckbox small{top: 1px;}
.Other_Fields .MultiselectList .Overall_Score input{width: inherit !important;}
.Other_Fields .MultiselectList .Overall_Score input:hover, .Other_Fields .MultiselectList .Overall_Score input:active
{border-color: #764FB7;}
.Other_Fields .MultiselectList .Overall_Score .progressBar {margin: 0px 0 0px 0;height: 10px;
    width: 218px;display: inline-block;}
.Other_Fields .ImportEmployee {width: 98%;display: none;}
.Other_Fields .ImportFiles{display: inline-block;}
.Other_Fields .ImportFiles p, .Other_Fields  .ImportFiles input{display: inline-block;}
.Other_Fields .ImportFiles p{padding-right: 10px;font-weight: normal;}
.Other_Fields .ImportEmployee  .dataTables_filter label{position: relative;margin: 15px 0px 15px;}
.Other_Fields .ImportEmployee  .dataTables_filter label .fa-search{position: absolute;right: 13px;top: 10px;
color: #909090;font-size: 14px;}
.Other_Fields .ImportEmployee .dataTables_filter{padding: 0px;}
.Other_Fields .ImportEmployee  .pagination li{width: inherit;}
.Other_Fields .ImportEmployee .dataTables_length label{margin: 0px 0 0 0px;max-width: inherit;}
.Other_Fields .ImportEmployee table tr th{min-width: 190px;}
.Other_Fields .ImportEmployee table tr th.Status{min-width: 110px;}
.Other_Fields .ImportEmployee table tr th.Error-Msg{min-width: 320px;}
.Other_Fields .ImportEmployee table tr th.EmpId{min-width: 150px;}
.Other_Fields .ImportEmployee > label{margin: 11px 0px 0px 10px;color: #434343;font-size: 15px;font-weight: bold;}
.Other_Fields .ImportEmployee .ActionHeader{background: #fff;border: 1px solid #d3d5dc;border-radius: 5px 5px 0px 0px;}
.Other_Fields .ImportEmployee .ActionHeader a{display: inline-block;margin-top: 12px;color: #acacac;}
.Other_Fields .ImportEmployee .panel-body{border-radius: 0px 0px 5px 5px;}
.Other_Fields .ImportEmployee .grid_table .dataTables_paginate{border-top: 1px solid #e0e0e0;border: 0;}
.Other_Fields .ImportEmployee .scrolledTable{border-left: 0;border-right: 0;}
.Other_Fields .Overall_Score .new-btn{margin-left: 3px;}
.Other_Fields .ImportEmployee .grid_table .dataTables_info{padding: 20px 0px 0px !important;}
.Other_Fields .ImportEmployee .dataTables_paginate .pagination{margin: 15px 0 10px;}
/*.Other_Fields .ImportEmployee .grid_table .dataTables_filter, */
.Other_Fields .ImportEmployee .grid_table .dataTables_length{padding: 15px 10px 15px 20px;margin-top: 0px;}
.Other_Fields  .ImportFiles .SmallProgress {width: 40%;display: inline-block;}
.Other_Fields  .ImportFiles .SmallProgress .progress {height: 8px;margin: 5px 40px 0px 0;border-radius: 30px;}
.Other_Fields  .ImportFiles .progress .progress-bar 
{background: repeating-linear-gradient(-45deg, #3fd17f, #3fd17f 3px, #2cc86f 3px, #2cc86f 6px);}
.Other_Fields  .ImportFiles .SmallProgress .CompletedPercentage {
    top: 0px;right: -5px;
}
.ImportEmployee  .ActionHeader .fa-file-excel-o:before{color: #3aa838;}
.ImportEmployee  .ActionHeader .fa-upload{float: right;font-size: 14px;line-height: 18px;}
.Other_Fields .browseblock{display: inline-block;}
.Other_Fields .browseblock > input {opacity: 0;position: absolute;z-index: 9;height: 38px;}
.Other_Fields .browse {position: relative;}
.Other_Fields .browseblock .browse input {width: 100% !important;height: 36px;outline: none;}
.Other_Fields .browse .btn {position: absolute;top: 1px;right: 1px; background: #f3f3f3;
color: #4a4a4a;font-weight: 400;border-radius: 0px;border-left: 1px solid #d4d4d4;}
.Other_Fields .loadervalid {margin: 50px 0px -5px 10px;display: block;}
.Other_Fields .RecordFields, ..Other_Fields .DownFields, ..Other_Fields .TotalRecord {display: none;}
.Other_Fields .Records i.icon-checkbox {color: #1aab1b;font-size: 12px;}
.Other_Fields .Records i {margin-left: 5px;font-weight: bold;}
.Other_Fields .Records i.icon-CloseIcon {color: #e35544;font-size: 10px;}
.Other_Fields .Valid {color: #1aab1b;}
.Other_Fields .RecordFields span {display: inline-block !important;}
.Other_Fields .Invalid {color: #e35544;}
.Other_Fields .large-data .ReviewButton {position: inherit;}
.Other_Fields .ReviewButton .DownFields {padding: 7px 12px 6px;}
.Other_Fields .LineBtnBlue {border: 1px solid #29aaff;color: #29aaff;font-size: 16px;}
.Other_Fields .tooltip {position: relative;display: inline-block;opacity: 1;}
.Other_Fields .btn-icon.btn-xs {font-size: 16px;height: 30px;}
.Other_Fields .large-data .fa-question-circle {margin-top: 7px;}
.Other_Fields .ExportHelp .tooltip .tooltiptext.rating_text {top: -16px !important;}
.Other_Fields .large-data .tooltip .tooltiptext.rating_text {width: 200px !important;top: -50px !important;left: 160%;}
.Other_Fields .tooltip .tooltiptext {visibility: hidden;width: 500px; background-color: #fff;color: #333;text-align: center;
border-radius: 6px; padding: 5px 0;position: absolute;z-index: 1;top: -53px;
left: 140%;border: 1px solid #d4d4d4;font-size: 12px;font-weight: 500;}
.Other_Fields .tooltiptext ul li {text-align: left;padding: 5px 10px 5px 10px;}
.Other_Fields .loader-container i {bottom: 50px;}
.Other_Fields .loader-container i {position: absolute;left: 120px;/* width: 50%; */bottom: 163px;}
/*Normalization filter end*/
.PipReport .gridDiv .dataTables_wrapper .dataTable  tr th.text-center {
    padding-left: 75px !important;
    min-width: 280px !important;
}
#CycleName .Overall_Score .pull-left label{float: none;margin: 0px;}
#vertical_tab .Show_Ongoing{display: block;clear: both;}
#vertical_tab .Show_Ongoing .UICheckbox small{top: 9px;}
#vertical_tab .Show_Ongoing label{margin-top: 15px !important;}
#vertical_tab .Show_Ongoing .UICheckbox input{top: 6px;left: -5px;}
#vertical_tab .Show_Ongoing>span{margin-left: 0px;}
#Status .CheckAll{padding: 0px 0 12px;}