.formtitle span.each-selection{
    display:block;
    /*margin-bottom:30px;*/    padding: 16px 16px;
    text-align:center; border-radius: 4px;    width: 150px;border: 3px solid transparent;
}
.container-fluid .tenantsetting-cont .col-md-3 {width: 33.3%;}
.each-selection:hover{border: 3px solid #764FB7;}
/*.selection-icon:hover{background:#461F87;}*/
.selection-icon{
        background: #F7F7F7;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin: 0 auto;
    width: 60px; text-align:center;
}
.selection-icon i{color: #C7C7C7;font-weight:bold; font-size:47px; line-height: 60px;}
.selection-icon .icon-Manage-Feedback-Cycle2,.selection-icon .icon-Workflow{font-size: 32px;}
.selection-icon .icon-configure-PIP:before{font-size: 28px;}
.selection-icon i.icon-Manage-Certificate,.selection-icon i.icon-Manage-Designation,.selection-icon i.icon-Manage-Notification{font-size: 22px;}
.each-selection:hover .selection-icon i{color: #764FB7;}
.selection-text{
    color:#353535;
    display: block;
    height:50px;
    text-align: center;
    margin:10px auto 0;
}
.selection-icon i.icon-Face01{ line-height:42px;}
.icon-Face01:before{font-size:25px; }

/* New HrAdmin */
.SerachArea .multiselect-native-select .btn-group{ width:180px;}
.SerachArea .multiselect-container .input-group,#config .multiselect-container .input-group{display:none;}
.multiselect-native-select .dropdown-menu{ min-width:180px; max-width:inherit; right:0;border: 1px solid #c7c7c7 !important;}
/*.NewSeachBox{ width:276px; background:#fff; height:35px; float:left; border-radius:5px; box-shadow:0 0px 18px #dcdada; border:1px solid #fff;}
.NewSeachBox:hover,.DatePickerBox:hover{border:1px solid #764FB7;}
.NewSeachBox input{ border:0; height:32px; border-top-left-radius:5px; border-bottom-left-radius:5px; width:245px; }
.NewSeachBox input::placeholder{color:#5d5c5c; font-size:13px; transform:translate3d(0,0px,0) }
.NewSeachBox input:focus{outline:none;}
.NewSeachBox .fa{float:right; margin:9px 12px 0 0; color:#909090; font-size:14px; cursor:pointer;}
.NewSeachBox i.icon-Not_Started {float:right; margin:9px 10px 0 0; cursor:pointer;}*/
.HRAdmin{margin:0 -13px;}
.HRAdmin .AdminCard{background:#fff; box-shadow:0 0px 18px #dcdada; border-radius:5px; padding:20px 0px 0; position:relative;}
.AdminCard div{ height:130px;}
.AdminCard .icon-cog{ position:absolute; top:20px; right:20px; color:#764FB7; font-size:20px;}
.AdminCard h3{margin:0 0 12px; font-size:15px; padding:0 46px 0 20px; line-height:22px;}
.AdminCard p,.AdminCard label{ color:#434343; padding:0 20px; line-height:18px; }
.AdminCard p{ position:relative;}
a.ellipsis{ position: absolute;  width: 72px;  background: #fff; right: 20px; bottom: 0; color: #764FB7; line-height: 18px;
    font-size: 11px; padding: 3px 0 0 6px; height: 20px;}
.AdminCard label{margin-bottom:15px; }
.AdminCard a.download{ display:block; padding:15px 0; text-transform:uppercase; color:#764FB7; text-align:center; border-top:1px solid #c7c7c7; font-weight:bold;}
.HRAdmin .col-md-4{padding:0 12px; margin-bottom:25px;}
.AdminCard a.download:hover,.AdminCard .icon-cog:hover{color:#461F87;}
.SerachArea .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ height:32px; width:150px; margin:0;}
#view-more .modal-dialog{ width:300px;}
.ModelNew .modal-header{background:#f3f3f3; border-radius:5px 5px 0px 0px; -moz-box-shadow: inset 0 -5px 5px -5px #bfbdbd;
    -webkit-box-shadow: inset 0 -5px 5px -5px #bfbdbd;
    box-shadow: inset 0 -5px 5px -5px #bfbdbd; padding:15px 15px 11px;}
.ModelNew h4 {
    color: #3f4a59;
    text-transform: uppercase;
    font-size: 16px;
}
.ModelNew .modal-body{background:#fff; color:#3f4a59;}
#view-more .modal-body p{line-height:20px;}
.checkboxdiv label{float:left; cursor:pointer; }
.checkboxdiv{ display:inline-block; margin:3px 0 0 20px; cursor:pointer;}
.checkboxdiv .UICheckbox small{width:19px; height:19px; border:0px; line-height:22px;}
.checkboxdiv .UICheckbox input{left:2px; width:19px;}
.checkboxdiv .UICheckbox small i{display: none;}
.checkboxdiv .UICheckbox small{ background:#fff; border:1px solid #d4d4d4;}
.checkboxdiv .UICheckbox:hover small{border:1px solid #764FB7;}
.checkboxdiv .UICheckbox small.checked,.UICheckbox small.checked{background:#764FB7; border:1px solid #764FB7;}
.checkboxdiv .UICheckbox small.checked i ,.UICheckbox small.checked i{display: inline-block; color:#fff;font-weight: normal; font-size:16px;}
#privilege .modal-dialog{ width:600px;}
#privilege .Eachprivilege{ width:80%; margin:0 auto;}
#divRoleContainer .checkboxdiv label {
    padding: unset;
    float: left;
    cursor: pointer;
    width: 200px;
    margin-left: 0;
}
#privilege ul li:nth-child(even) {
    background: #f7f7f7;
}
#privilege ul li {
    clear: both;
    padding: 0px 0 0;
}
/*#privilege .UICheckbox{ float:left;}*/
/*#privilege ul li.privilegerow:first-child{padding:0 0 15px;}*/
#privilege ul li.privilegerow{clear:both; padding:20px 0 10px;}
#privilege ul li.privilegerow:nth-child(even) { /*background:#e9f4ff;*/border: 0px solid #D4D4D4;border-left: 0px;border-right: 0px;}
.withbtn .multiselect-container>li>a>label{padding:7px 20px 6px 28px;}
.withbtn .btnfield{padding:10px 0px 6px 0px; text-align:center;}
#privilege .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 32px !important;}
.withbtn .btnfield a:hover{ background:#fff;}
/*.withbtn .new-btnblue,.withbtn .new-btn{ min-width:80px; width:auto !important; height:30px; line-height:16px;}*/
.modal .ProgressDiv{border-radius: 50px;margin:0 auto;margin-top: 10px;}
.modal .progress-bar{ height:20px; background:#1bbc1c; color:#fff; width:0px; border:1px solid #eceaea;}
#downloadreports .modal-dialog{width:400px;}
@media only screen and (min-width:991px) and (max-width: 1180px){
    .HRAdmin .col-md-4{ width:50%;}
}
                
/* Manage Employee Cycle */
.ManageEmployeeCycle .SerachArea .multiselect-native-select .btn-group,#activity .btn-group.bootstrap-select,
#config .multiselect-native-select .btn-group{height:34px; box-shadow:0 0px 18px #dcdada; 
    border-radius:5px; width:276px; margin:0;}
.ManageEmployeeCycle .btn.btn-default.dropdown-toggle{height:35px; border:1px solid #fff;}
.multiselect-native-select .btn.btn-default.dropdown-toggle:hover,.bootstrap-select .btn.btn-default.dropdown-toggle:hover{ border: 1px solid #764FB7 !important;}
.empdir{ margin:7px 0 0 10px;}
.empdir:hover{text-decoration:underline;}
.empdir:focus{ color:#461F87;}
.EmployeeCycleGrid{ display:table; width:100%; border-spacing:0 10px;}
.EmployeeCycleGrid .rTableHead{ border:0; padding:10px 20px}
.EmployeeCycleGrid .borderstyle{ background:#fff; box-shadow:0px 0px 5px rgb(0 0 0 / 15%); border:1px solid #dedede; border-radius:5px;}       
.EmployeeCycleGrid .borderstyle .rTableCell{  border-width: 0px 0 0px 0;  border-color: #dedede; border-style: solid;
 padding:0px 20px;min-width: 130px;vertical-align: middle;height: 66px;}
.EmployeeCycleGrid .borderstyle .rTableCell:first-child{ border-left:0px solid #dedede; border-top-left-radius:5px;
    border-bottom-left-radius:5px;min-width: 150px;}  
.EmployeeCycleGrid .borderstyle .rTableCell:last-child{ border-right:0px solid #dedede;border-bottom-right-radius:5px; border-top-right-radius:5px;}    
.rTableCell.Revert-Btn a.status{background:#def8eb;cursor:default;display: inline-block;padding: 7px 15px;width: 134px;}
.rTableCell a.status i{color: #32b861;font-weight: bold;font-size: 18px;margin-right: 3px;}
.rTableCell a.inprogress{background:#ffcdc6;width: 126px;}
.rTableCell a.inprogress i{color: #fe7546;font-size: 12px;margin-right: 3px;font-weight: bold;}
.rTableCell.Revert-Btn a.Started{background: #d6e8fc;cursor: default;display: inline-block;width: auto;
   padding: 8px 16px 8px 15px;}
.rTableCell a.Started .icon-timer-Started{font-size: 16px;font-weight: normal;margin-right: 3px;vertical-align: text-bottom;
display: inline-block;color: #4c9be3;}
.rTableCell.Revert-Btn a{color: #6e6e6e !important;font-size: 14px;padding: 8px 16px 8px 15px;font-weight: normal;
    border-radius: 30px;cursor: default;display: inline-block;}
.rTableCell.Revert-Btn a.new-btnblue{border-radius: 4px;color: #353535 !important;font-weight: 700;/*padding: 5px 9px;*/cursor: pointer;}
.rTableCell a.Errored{background: #fce6bd;padding: 8px 16px 8px 10px;}
.rTableCell a.Errored i{color: #f79f00;vertical-align: middle;font-weight: bold;}
.rTableCell a.Executed{background: #cfebf7;}
.rTableCell a.Executed i{color: #5fc5f6;margin-right: 3px;font-size: 16px;font-weight: bold;}
.rTableCell a.Routed{background: #f2e0f0;padding: 8px 16px 8px 24px;}
.rTableCell a.Routed i{color: #b35ba9;margin: 0px 3px 0px 5px;font-size: 14px;font-weight: bold;}
.rTableCell a.Skipped{background: #dff2ff;padding: 8px 20px 8px 25px;}
.rTableCell a.Skipped i{color: #5fa4cf;margin: 0px 3px 0 5px;font-size: 12px;}
.rTableCell a.Reverted{background: #f4f5bc;}
.rTableCell a.Reverted i{color: #a6ac09;margin-right: 4px;vertical-align: middle;}
/* Employee Directory */
.Applied {
    right: 50px;
    top: -19px;
    width: 266px;
    display: inline-block;
    margin-top: 23px;
}
.Applied span {
    background: #d0e6fd;
    border: 1px solid #b3d4f5;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
    position: absolute;
    top: -11px;
}
.Applied a {
    color: #90a1b1;
    margin: 0 0 0 16px;
}
.funnel_icon {
    padding: 10px 0 20px;
}
.funnel_icon .theme-org-panel {
    top: 65px;
}
.funnel_icon a.bg_funnel {
    padding: 12px 15px 8px 15px;
}
/*view employee directory start*/
.view_employee a{color: #53a3fe;font-size: 14px;font-weight: 700;/*margin-top: 15px;*/}
.funnel_icon .search_width{width: 250px !important;}
#EmpDirectory .modal-body{background: #fff;}
#EmpDirectory .employee-directory{ padding-bottom:10px;}
.funnel_icon .theme-org-panel{top: 65px;}
.new-modal .modal-title{padding: 10px 20px 10px;}
.theme-org-panel .new-modal .modal-footer{padding: 20px;}
.modal-header{padding: 12px 20px 15px 20px;}
.input-sm{padding: 5px;}
div.dataTables_wrapper div.dataTables_length select{width: 60px !important;}
#datatable_wrapper label input.input-sm{width: 80% !important;padding: 5px !important;}
.new-modal .modal-title, .new-modal .LocationTreeDIV .searchDiv, .new-modal .modal-footer{background: #fff;}
.jstree-children li a{ width:80%;}
 .funnel_icon .theme-org-panel{top:65px;}
.theme-org-panel {position: fixed;right: -300px;top: 220px;z-index: 1020;background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);width: 300px;border-bottom-left-radius: 4px;
/*    -webkit-transition: all .2s ease; -moz-transition: all .2s ease;transition: all .2s ease;*/}
.theme-org-btn {position: absolute;left: -60px;width: 60px;padding: 10px 0;line-height: 18px;font-size: 14px;
    font-weight: 500;color: #fff;border-radius: 4px 0 0 4px;text-align: center;
    -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4);}
.theme-org-panel.active{right: 0px;}
.theme-org-btn {
    width: 55px;
    left: -55px;
}
.funnel_disable{display: none;}
#EmpDirectory .grid_table .dataTables_filter { padding:15px 20px;
    position: absolute;
    top: -16px;
}
/*view employee directory end*/
 /*grid css start*/
 .grid_table .Employee_Avatar span img{width: 100%;height: 100%;border-radius: 50%;}
 .grid_table {border-top: 1px solid #e6e6e6 !important;}
 .grid_table .new-btnblue{color: #353535 !important;}
 .grid_table .Employee_Avatar span{height: 40px;width: 40px;}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, 
 .table > tbody > tr > td, .table > tfoot > tr > td{padding: 12px 30px 12px 8px;}
 .funnel_icon a.bg_funnel{padding:12px 15px 8px 15px;background: #764FB7;border-radius: 5px 0px 0px 5px;} 
  .funnel_icon a.bg_funnel i{color: #fff;}
  #revert .tab-content{ height:480px;}
  #OrgUnit .modal-content{float: right;}
  #OrgUnit.modal{top: 45px;left: 515px;}
  #activity h3{ border:none; font-weight:bold; margin:0; padding:15px 20px 15px;}
  #activity .rTableHead,#activity .rTableCell{vertical-align:middle;}
  #activity .rTableHead,#activity .rTableHead .checkboxdiv label{ font-weight:bold; text-transform:uppercase;}
   #activity .checkboxdiv{margin:0;}
   #activity .rTableHead .checkboxdiv{}
  #activity .checkboxdiv label{ padding:3px 0 0 30px; margin:0;}
  #activity .rTableHead span.table_icon:after{ margin:3px 0 0 4px; float:right;}
    #activity table{width:100% !important; margin:0 !important;}
  #activity .dataTables_scrollHeadInner{ width:98% !important;}
  #activity .dataTable th,#activity .dataTable td{ width:33.3%; padding:5px 20px;}
  #activity .bootstrap-select.btn-group .dropdown-menu{ max-height:160px;}
  #revert .dataTables_scrollBody{ border-width:1px;}
  
  .AdditionalOption label{ display:block;}
 /* .AdditionalOption{ padding: 0px 20px;}*/
  .AdditionalOption .multiselect-native-select .btn-group{ width:200px;}
  .AdditionalOption .multiselect-native-select ul.dropdown-menu{ top:inherit; bottom:100%; box-shadow:0 -1px 5px -1px rgba(0, 0, 0, 0.6);-webkit-box-shadow:0 -1px 5px -1px rgba(0, 0, 0, 0.6);}
  
  /* Manage Template */
.NewDatatable .scrolledTable{box-shadow:0 0px 18px #dcdada; border-radius:5px;}
.NewDatatable .dataTables_wrapper table.dataTable{ margin:0 !important;}
.FilterForm{ /*background:#fff; box-shadow:0 0px 18px #dcdada;border-radius: 5px;*/}
.FilterForm label{ display:block;color: #434444;font-weight: bold;font-size: 1rem;margin-bottom: 5px;}
.NewDatatable .dataTables_filter{ margin-top:-34px;}
.FilterForm .col-md-12, .FilterForm .col-md-6{margin-bottom: 20px;padding: 0px;}
.FilterForm .col-md-12 .InputWidth, .FilterForm .col-md-12 .btn-group, 
.FilterForm .col-md-12 .InputWidth{width: 90% !important; }
.FilterForm .col-md-12 .multiselect-native-select .btn-group{width: 100% !important;}
.FilterForm .multiselect-container .input-group .multiselect-search{width: 98% !important;height: 26px;
    margin: 5px 0;
    float: none;
    border-radius: 5px;
    border-right: 0;}
/*.multiselect-clear-filter.btn.btn-default{border-top: 0px;}
*/.FilterForm  .btn-group .dropdown-menu{top:36px;overflow-x: hidden; /*padding:8px;*/}
.FilterForm  .LocationTreeDIV .LocationTree{
    width: 285px !important;
    line-height: 35px;
    border: 1px solid #c7c7c7;}
.LocationTreeDIV .LocationTree:hover{border: 1px solid #353535 !important;}
.modal .modal-footer{border-radius: 0px 0px 5px 5px;}
/*.FilterForm  .btn.btn-default.dropdown-toggle{height: 35px;}*/
.modal.right.fade.in .modal-dialog {
    right: 0;
}
.modal.right.fade .modal-dialog {
    right: -320px;
    -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 {
    position: fixed;
    margin: auto;
    height: 100%;
    min-width: 750px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal-body .LocationTreeDIV{background: transparent;}
#OrganizationUnit, #LocationDrop{z-index: 1100;}
.NewDatatable .DeleteRow, .NewDatatable .EditIcon{color: #7c7c7c;font-size: 20px;vertical-align: middle;}
.NewDatatable .DeleteRow:hover,.NewDatatable .DeleteRow:active,.NewDatatable .EditIcon:hover,.NewDatatable .EditIcon:active{color: #1e8efe;}
.modal.right .modal-dialog{background: #f3f3f3;min-width: inherit !important;width: 730px;}
.modal.right .modal-content{height: 800px;background: #f3f3f3;}
.dataTables_filter .icon-Not_Started {
    right: 8px;
    position: absolute;
    top: 10px;
}
.dataTables_length label select:hover {
    border: 1px solid #353535;
}
.paginate_button.previous a {
    border-radius: 5px 0 0px 5px !important;
}
.paginate_button.next a {
    border-radius: 0px 5px 5px 0px !important;
}
.right .modal-header {
    padding: 15px 20px 15px;
    background: #f3f3f3;
    border: 0;
    box-shadow: none;
}
.modal.left .modal-body, .modal.right .modal-body {
    padding: 15px 15px 15px 25px;
    /*background: #f3f3f3;*/ height:94%;
}
.right .modal-dialog .modal-content {
    overflow-y: inherit;background: #fff;
}
.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
    overflow-x: hidden;
}
.NewDatatable table.dataTable thead th.Actioncols.sorting:after, 
.NewDatatable table.dataTable thead th.Actioncols.sorting_asc:after,
.NewDatatable table.dataTable thead th.Actioncols.sorting_desc:after{background: transparent;}
.Actioncols,.Actionrow{line-height: 27px;
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);}
.NewDatatable .scrolledTable{margin-right: 115px;}
    
.NewDatatable   td.Actionrow, .NewDatatable th.Actioncols{position: absolute !important;right: -20px;
text-align: center;background: #fff;margin-right: 45px;width: 80px;min-width: 80px;height: 48px;}
.NewDatatable th.Actioncols{right: -22px;}
.NewDatatable .dataTable .Actionrow:last-child{padding: 9px 30px 9px 8px;}
.LocationClear .LocationTreeDIV .searchDiv small{top: 20px;right: 18px;}
.textarea span{color: #a0a8b1;font-size: 13px;font-style: italic;text-align: right;}
.textarea textarea {border: 1px solid #e0e2e4;width: 100%;resize: none;height: 75px;border-radius: 5px;
padding: 10px;
}
.dataTables_length, div.dataTables_info{margin-top: 10px;}
.NewDatatable div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin: 10px 5px 10px;}
.NewDatatable div.dataTables_wrapper div.dataTables_info{padding: 14px 6px !important;}
.NewDatatable thead th{min-width: 93px !important;}
.NewDatatable .dataTable tbody tr td{word-break: break-word;white-space: initial;
padding-right: 12px;}

.modal .new-modal .slimScrollDiv {
    padding-right: 20px;
    width: 100% !important;
}
/*#PerformancePopup .Scroll_Container {
    padding: 0 10px;
}*/
.NewDatatable thead th.LevelValue{min-width: 50px !important;}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc,
 table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting
 {padding-right: 19px !important;}
/*.modal.right .slimScrollDiv .slimScrollRail{height: 95% !important;}*/
.NewDatatable thead th.DescriptionText{min-width: 200px !important;}
.FilterForm  .btn-group .multiselect-container li{width: 50%;float: left;}
.FilterForm  .btn-group li.multiselect-filter, .FilterForm .btn-group li.multiselect-all
{float: none;width: 100%; margin-top:5px;}
.FilterForm .btn-group li.multiselect-all{ padding:5px 6px;}
@media only screen and (min-width: 768px) and (max-width: 900px){
   .modal.right .modal-dialog{min-width: 600px;}
}
/*manage template new 15/10/2019 start*/
.StatusSection{border-left: 4px solid #dd3737;}
.ManageTemplate .ManageSection{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);transition: 0.3s;background: #ffffff;
    border-radius: 5px;/*border: 1px solid #fff;*/padding: 16px;margin-top: 1.142rem;height: auto;min-height: 140px;width: 49%;}
.ManageTemplate .ManageSection:nth-of-type(odd){margin-right: 1.142rem;}
.ManageTemplate .TemplateName label{margin-bottom: 8px;font-size: 15px;font-family: 'Roboto Slab';}
.ManageTemplate .TemplateName label a:hover{text-decoration: underline;/*color: #286090;*/}
.TrainingCourse.ManageTemplate .TemplateName label a:hover{text-decoration:none; cursor:text;}
/*.ManageTemplate .TemplateName label a{color: #1c8efe;font-weight: bold;}*/
.ManageTemplate .TemplateName p{line-height: 18px;font-weight: normal;margin-bottom: 24px;width: 100%;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ManageTemplate .TemplateFields{margin-top: 2px;line-height: 18px;}
.ManageTemplate .TemplateFields li{display: inline-block;margin-right: 16px;}
.ManageTemplate .TemplateFields li label{margin-right: 2px;font-weight: 400;
margin-bottom: 0px;}
.ManageTemplate .TemplateFields li span{color: #353535;}
.SerachArea .SortBy  label{color: #5d5c5c;}
.ManageTemplate .TemplateAction .Pos_absolute,.AwardCard .ActionIcon{z-index: auto;top: 7px;right: 3px;}
.ManageTemplate .TemplateAction .Pos_absolute a.btn,.AwardCard .ActionIcon a.btn{padding: 0;font-size: 24px;color: #c8c8c8;-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.ManageTemplate .TemplateAction .Pos_absolute a.btn:hover{color: #461F87;}
.AwardCard .ActionIcon a.btn:hover{color: #461F87;}
.TemplateAction .Pos_absolute .dropdown-menu{min-width: 140px;border-radius: 5px;right: 10px;top: 26px;} .TemplateAction .Pos_absolute .dropdown-menu li{border-top: 1px solid #e2e7eb;}
.TemplateAction .Pos_absolute .dropdown-menu li:first-child{border-top: 0px;}
.ManageTemplate .LastUpdate{color: #b0b0b0;font-size: 12px;display: inline-block;float: right;
    margin-right: 20px;font-style: italic;}
/*.ManageTemplate .LastUpdate-Section{text-align: right;padding: 0px;margin-top: 5px;}*/
.ManageTemplate .ManageSection:hover {
    box-shadow: 0 0px 18px #cac9c9;
}
.ManageTemplate .TemplateAction .dropdown-menu > li > a{padding: 0;}
.FilterForm .btn-group.bootstrap-select{    width: 285px !important;}
.FilterForm .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height: 35px !important;}
.SingleDropdown .bootstrap-select.btn-group:not(.input-group-btn),.SingleDropdown .bootstrap-select.btn-group[class*="span"]{margin-bottom:0px;}
.FilterForm input[type="text"].DatePickerBox{ height:35px !important; width:130px !important;}
/*manage template new 15/10/2019 end*/
.modal  .modal-dialog .background{overflow: unset;}
/* #AddFrom .modal-body{ height:92%;} */

/* Password Policy */
.ConfigPwd{ margin:0 auto; float:none;}
  .addform{ background: #fff;
    box-shadow: 0 0px 18px #dcdada;
    border-radius: 5px;
}
.formtitle {
    border-bottom: 1px solid #e1e1e1;
}
.formtitle span {
    background: #764FB7;
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;
}
.formtitle label {
    margin: 21px 0 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #764FB7;
    font-weight: bold;
}
.formtitle span i {
    font-size: 30px;
}
.formdiv h4{ padding:20px; margin:0px;font-size: 15px;}
.formsection{ background:#e8e8fb; padding-bottom:20px;}
.formsection .row{ padding:20px 20px 0px 20px;}
.formsection label{text-align:right; margin:8px 0 0; font-weight:bold;}
.formsection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ margin-bottom:0px;}
.formsection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).Splchar{ width:60px;}
.formsection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).Datefield{ width:90px;}
.formsection .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).DateFormat{ width:130px;}
.formsection input[type="number"]{ height:35px;  border-radius:5px; padding:5px; width:60px;}
.formsection input[type="number"]:hover,.formsection input[type="number"]:focus{border:1px solid #53a3fe;  outline:none;}
.QuestionarySection input[type="text"]{ width:96%; display:block;}
.QuestionarySection span{    color: #a0a8b1;  font-size: 13px;
    font-style: italic; margin-top:5px;
    text-align: right;display:block; width:96%;}
.QuestionarySection span.mandatory{color:#ef0707; float:none; width:inherit; display:inline;font-size: 15px;}
.QuestionarySection span a{
    color: #a0a8b1;
    font-size: 13px;
    font-style: italic;
    text-align: right; 
}
.QuestionarySection .eventnone input {
    background-color: rgb(235, 235, 228);
    color: #767676;
}
.PreviewText,.PreviewText small{font-style:italic; font-weight:bold;}
.PreviewText small{ font-weight:normal;}
.PreviewText{ border:1px solid #ffe960; background:#fff6bf; right:30px; width:200px; height:100px; padding-top:28px; text-align:center; top:40%; border-radius:5px;}
.PreviewText i{color:#e2c867;}
.EmployeeDetailsSection {background: #fff;border-radius: 5px;}
.OtherInfo span {color: #434444;margin-left: 5px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;}
.OtherInfo {border-left: 1px solid #c7c7c7;padding: 0px 10px 0px 20px !important;}
.OtherInfo li {/*display: flex;*/white-space: nowrap;width: 100%;line-height: 18px;}
.OtherInfo label {color: #868686;margin: 0 0 2px 0;text-overflow: ellipsis;overflow: hidden;}
.EmployeeSection{background: #fff;border-radius: 5px;}
.EmployeeDetailsSection .OtherInfo li{display: flex;}
.EmployeeSection .OtherInfo span{margin-left: 0px;display: block;}
.EmployeeSection .OtherInfo li{display: inline-grid;margin-bottom: 10px;}
.EmployeeSection .OtherInfo li:last-child{margin-bottom: 0px;}
.empdir{display: block;text-align: right;padding-top: 5px;clear: both;text-decoration: underline;}
.ManageEmployeeCycle .Revert-Workflow-Card .btn.btn-default.dropdown-toggle{border: 1px solid #c7c7c7;}
.Revert-Sub-Section{padding: 20px !important;}
.sequence-img{width: 100%;}
.Sequence-Diagram{border-left: 1px solid #c7c7c7;max-width: 100%;overflow-x: auto;}
.Revert-label{vertical-align: middle;margin-bottom: 8px;}
.AdditionalOption .checkboxdiv{margin: 0px 0 0 0px;}
.RelationshipDrodown{display: none;margin-left: 30px;}
.confirm-model.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}
.confirm-model .modal-body {
    background: #fff;
    /* color: #3f4a59; */
    padding: 20px 20px;
}

#Revert .UntilLabel {
    margin: 0px 0px 10px;
}
.multiselect-container .input-group{display: table !important;}
.multiselect-container .input-group .multiselect-search{border: 0;}
.multiselect-container .input-group-btn .multiselect-clear-filter{height: 35px;border: 0;}
.multiselect-container .input-group.AddBorder {border: 1px solid #764FB7;}
.multiselect-container .input-group {border: 1px solid #c7c7c7;border-radius: 5px; width:100%;}
.multiselect-container .input-group .multiselect-search:hover, 
.multiselect-container .input-group .multiselect-search:active, .multiselect-container .input-group .multiselect-search:focus
{border: 0px;}
.Revert-Sub-Section .Rever-inner .bootstrap-select{width: 100% !important;}
.Sequence-Head{margin: 0px 0px 10px;text-align: center;font-weight: 500;text-transform: uppercase;font-size: 15px;}
.Rever-inner .boolean{padding-bottom: 10px;}
.Rever-inner .boolean .UICheckbox{float: left;}
.Rever-inner .boolean .UICheckbox input{margin: 0px;width: 19px;height: 19px;vertical-align: middle;float: left;left: 2px;top: 3px;}
.Rever-inner .boolean .UICheckbox small{border-radius: 50%; width: 17px;height: 17px;border-color: #bbbbbb;}
.Rever-inner .boolean .CopySub{margin: 1px 0px 0px 30px;display: inline-block;vertical-align: middle;cursor: pointer;}
.boolean .UICheckbox small.checked, .boolean small.checked {background: #fff;border: 1px solid #764FB7;}
.boolean .UICheckbox small.checked i {margin: -1px 0 0px 2px;float: left;color: #764FB7;font-size: 13px;line-height: 17px;}
.Revert-Sub-Section .No-Records{display: table;}
.Revert-Sub-Section .No-Records p{color: #b0b0b0;font-size: 13px;padding: 30px 10px;border: 1px dashed #c4c4c4;
border-radius: 7px;text-align: center;height: 245px;margin: 0px;vertical-align: middle;display: table-cell;}
.EmployeeCycleGrid .UICheckbox small{top: 1px;}
.EmployeeCycleGrid .Revert-Label{display: inline-block;margin-left: 30px;vertical-align: middle;}
.Employee-Table{width: 100%;overflow-x: auto;border-top: 1px solid #dedede;padding: 0px 20px 10px;}
.EmployeeCycleGrid .rTableHead.Aproval-status{min-width: 155px;}
.EmployeeCycleGrid .borderstyle .rTableCell.borderradius{border-right: 0px solid #dedede;border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;}
.AdditionalOption-Section, .Message-Section{margin-top: 10px;}
.no-records-head{display: table;vertical-align: middle;padding: 40px;background: #FFFFFF;
box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 0.285rem;height: 520px;-moz-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);-webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);-o-box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);width: 100%;}
.no-records-head .no-records{display: table-cell;vertical-align: middle;}
.no-records p{color: #b0b0b0;font-size: 13px;padding: 100px 0px;border: 1.5px dashed #c4c4c4;border-radius: 7px;
    margin: 30px 0px 0px;text-align: center;clear: both;background: #fff;}
.EmployeeCycleGrid .borderstyle .rTableCell:last-child{width: 190px;padding: 0 20px 0 0;}
.note{border: none;margin: 0px;font-size: 14px;color: #CD853F;font-style: italic;line-height: 18px;width: 100%;
    text-align: center;padding: 15px 0px 0px;}
.Message-Section{border: 1px solid #ffe960;background: #fff6bf;padding: 8px;font-size: 13px;float: left;border-radius: 5px;}
.Message-Section .icon-info-icon{color: #e2c867;float: left;margin: 7px 10px 0 5px;font-size: 16px;}
.Message-Section .info{float: left;width: calc(100% - 35px);margin: 0;font-weight: normal;font-size: 13px;color: #434343;
line-height: 18px;}
.Information-Section{display: inline-block;}
.borderstyle .Eligible .UICheckbox input{top: -3px;left: 2px;}
.Employee-Table .Message-Section{width: 100%;}
.Employee-Table .Message-Section .icon-info-icon{margin: 1px 10px 0 0px;}
.multiselect-container .input-group:hover{border: 1px solid #764FB7;}
.ConfigPwd .mandatory{float:none;}
/*related employee css*/
.employeedetails {
    position: absolute;
    z-index: 999;
}
.related-search .ChooseManager {
    position: relative;
    /* width: 80%; */
}
.related-search .ChooseManager .EmployeeSearchList {
    background: #fff;
    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;
    height: 190px;
    overflow-y: auto;
    width: 291px;
}
.related-search .ChooseManager .EmployeeSearchList li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e2e4;
    padding: 10px;
    margin: 0px;
}
.related-search .ChooseManager .EmpCard span.avatar {
    float: left;
    width: 40px;
    height: 40px;border-radius: 50%;
    padding: 2px;
    cursor: pointer;border: 2px solid #764FB7;
    display: inline-block;
    margin: 2px 0 0 0;
}
.related-search .ChooseManager .EmpCard span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.related-search .ChooseManager .EmpCard .Name {
    max-width: 80%;
}
.related-search .ChooseManager .EmpCard span label {
    color: #434444;
    padding: 0 10px !important;
    margin: 4px 0 0 0;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
.EmpCard .OuterBorderEmpty {
    border: 2px solid #cccccc;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;float: left;
    line-height: 32px;
}
.EmpCard .OuterBorderEmpty span{width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
.related-search .ChooseManager .EmpCard label {
    float: left;
    width: 80%;
    cursor: pointer;
}
.related-search .ChooseManager .EmpCard span small {
    color: #9fa0a0;
    font-size: 14px;
    padding: 0 0 0 10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
    line-height: 17px;
}
.related-search .ChooseManager .ValueSelected {
    background: #fff;/*border: 1px solid #e0e2e4;*/
    padding: 10px;
    border-radius: 5px;
    display: none;
    height: 35px;
    width: 277px;
    position: absolute;
}
.related-search .ChooseManager .ValueSelected .EmpCard {
    line-height: 20px;
}
.related-search .ChooseManager .ValueSelected span label {
    margin: 0px;padding: 0px !important;line-height: 18px;
}
.related-search .ChooseManager .InputIcon {
    color: #747474;
    position: absolute;
    top: 10px;
    z-index: 99;
    bottom: 0;
    right: 10px;
}
.related-search .ChooseManager .InputIcon i {
    font-size: 15px;
    display: inline-block;
    color: #a7a6a6;
}
.selection-icon .icon-Copy-Configuration{font-size: 24px;line-height: 63px;}
/** Configure Sentiment Analysis **/
.ConfigureSentiment{ margin:0 auto; float:none;}
.ConfigureSentiment .Check-Label{ margin:3px 0 0 30px; font-weight:normal;}
.MultiselectRelation li{ width:100%; display:inline-block; padding:5px 0;}
.MultiselectRelation li:hover{background:#edf6ff;}
.ConfigureSentiment .lcs_switch{ margin-left:10px;}
.ConfigureSentiment .eventnone .lcs_checkbox_switch {
    background-color: rgb(235, 235, 228);
    box-shadow: none;
}
.ConfigureSentiment .formsection { background:#fff; margin-bottom:15px !important;} 
.ConfigureSentiment .eventnone {
    pointer-events: none; color: #767676;
}
.ConfigureSentiment .UICheckbox small{border-color:#c4c4c4;}
.ConfigureSentiment .UICheckbox input{left:2px;}
.ConfigureSentiment .eventnone .UICheckbox small{border:1px solid #edecec;}
.ConfigureSentiment .eventnone .Check-Label{ color:#b0b0b0;}
.selection-icon i.icon-Sentimental-Analysics{line-height:55px;}
.formsection p{ font-weight:bold; margin:0;font-size: 15px;}
.ConfigureSentiment .UICheckbox { margin-top:0px;}
.ConfigureSentiment .formsection label{ font-weight:normal;cursor: pointer;}
.ConfigureSentiment .formsection .ChooseSection>label{font-weight: bold;cursor: default; display:block; text-align:left;}
.showscore{float:right; text-align:right; padding:10px 0;}
/* Manage Growth Settings */
.Advanced_Search_container{ display:block; border:0; background:#fff;}
.radio_disable, .goal_disable, .min_disable{display:none;}
/*.mandatory{ color:red; float:left;}*/
.mandatory sup{top:-0.5em; margin:0 0 0 3px;}
/** New UI enhancements in growth settings **/
.ReviewGroupGrid table{ width:100%;}
.ReviewGroupGrid table td{ padding:10px; vertical-align:top;}
.NewReviewGroup label{display:block; font-weight:bold; font-size:14px;}
.NewReviewGroup .deleterow{ font-size:24px; }
.NewReviewGroup .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.NewReviewGroup .multiselect-native-select .btn-group{ width:185px;}
.NewReviewGroup input[type="checkbox"]{ display:block;}
.AddRow{ display:none;}
#Employee-Directory.Employee-Directory.modal.fade .modal-dialog {
    max-width: 960px !important;
}
/* Manage Users */
.LoadRule.Advanced_Search_container .col-md-4{ height:inherit;}
.LoadRule.Advanced_Search_container label{ width:30%; float:left; margin: 5px 5px 5px 0;}
.LoadRule .tooltip{ opacity:1; position:inherit;}
.LoadRule .tooltip:hover .tooltiptext{ display:block;}
.LoadRule .tooltip .tooltiptext {
      width: 165px; display:none;
    background-color: #fff;
    color: #333;
    text-align: left;
    border-radius: 6px;
    padding: 9px;
    position: absolute;
    z-index: 1;
    top: 25px;
    left: -60px;
    border: 1px solid #d4d4d4;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
}
.LoadRule .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 34px;
    right: 50%;
    margin-top: -50px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #d4d4d4 transparent transparent;
     -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
}
.action_link > ul > li {display: inline; margin-left: 10px;}
.MangerTable .table{margin-top: 0px;}
.LoadRule .tooltip{z-index: 999;}
.LoadRule .browse .filename{padding: 0px 0 0 10px;background: #eeee;color: #566a8f;font-size: 12px;margin: 5px 0 0 5px;
    border-radius: 14px;height: 20px;line-height: 20px;font-style: italic;display: inline-block;
    white-space: nowrap;max-width: 200px;top: 20px;}
.LoadRule .browse small i{width: 90%;display: inline-block;text-overflow: ellipsis;overflow: hidden;line-height: 21px;}
.LoadRule .browse .btn.btn-icon{line-height: 18px;margin: 0px 5px 5px 0;}
.LoadRule .filename a{font-weight: bold;color: #000;font-size: 12px;margin: 0 0 0 6px;background: rgba(150, 149, 149, 0.94);
    color: #fff;height: 20px;float: right;border-left: 1px solid #ccc;padding: 0 6px 0 4px;border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;}
.LoadRule .browse small a{position: absolute;} 
.action_link  .Add_Employee{margin-top: -7px;}
 .action_link  .bootstrap-select.btn-group:not(.input-group-btn), .action_link  .bootstrap-select.btn-group[class*="span"]{margin-bottom: 3px;}
.LoadRule .browse{position: relative;}
.BorderColor .LinkDropdown .caret{border-top: 6px solid #764FB7;}
.BorderColor .LinkDropdown .btn.dropdown-toggle{border-left: transparent;}
.BorderColor .LinkDropdown .btn{background: transparent;}
.BorderColor .LinkDropdown .dropdown-menu{left: 0px;}
.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;
}
.Check-Label:hover {
    color: #764FB7;
}
.configurepassword .icon-config:before{ font-size:20px; color:#764FB7; margin:0 5px 0 0; float:left;}
.configurepassword:hover{text-decoration:underline;color:#764FB7; }
.QuestionarySection .ShowScore{display: inline-block;width: initial;margin: 0px 15px;font-size: 15px;
    float: right;font-style: inherit;color: #777;}
.ConfigureSentiment .formsection .CheckAll label{margin: 3px 0 0 30px;cursor: pointer;}
.ConfigureSentiment .formsection .CheckAll label:hover{color: #764FB7;}
.ConfigureSentiment .formsection .CheckAll{margin: 10px 0 12px 5px;}
.MultiselectRelation {border-top: 1px solid #c7c7c7;clear: both;}
.fa.fa-file-excel-o {
    color: #207245;
    margin-right: 5px;cursor: pointer;
}
.SerachArea .Export{margin: 0px 0px 0px 5px;cursor: default;}
.SerachArea .Export:hover{color: #764FB7;}
.Download{padding: 7px 14px 8px !important;}
.m-l-2{margin-left: 2px !important;}
.new-modal .FilterForm .bootstrap-select{width: 94% !important;}
#ManageSectionPopup.modal.right .modal-content{background: #fff;}
.model_filter .note{text-align: left;}
.ConfigureSentiment .formsection
.CheckAll  label.active, .ConfigureSentiment .formsection .MultiselectRelation  li .Check-Label.active
{font-weight: bold;}
/*manage section start*/
.ManageSection .grid_table{border: 0px !important;}
.ManageSection .Employee-Table{border: 0px;padding: 0px;}
.ManageSection .Employee-Table .table th, .ManageSection .Employee-Table .table td {
    padding: 10px 15px;line-height: 18px;
    min-width: 150px;
}
.ManageSection .Employee-Table .table td {height: 36px;}
.Employee-Table .table .ActionCell {
    position: absolute !important;
    /* line-height: 35px; */
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    width: 120px;
    min-width: 120px !important;
    margin-right: 50px;
}
.Employee-Table table.dataTable.nowrap .DescriptionTxt {
    white-space: inherit;
    min-width: 250px;
    max-width: 250px;
}
.Employee-Table .table td {
    white-space: inherit !important;
}
.ManageSection  .NewDatatable .scrolledTable{box-shadow: none; border-radius: 5px; overflow-x: auto;
margin-right: 0px;}
.NewDatatable table tr:first-child th:last-child{width: 150px;min-width: 150px !important;}
.ActionCell .closed-inner {display: table;height: 100%;text-align: center;margin: 0 auto;}
.ActionCell .closed-inner .DeleteRow{ display: table-cell; vertical-align: middle;}
.ManageSection .NewDatatable div.dataTables_wrapper div.dataTables_info{padding: 26px 6px 0!important;}
.ManageSection .Employee-Table{display: inline;}
.ManageSection .NewDatatable div.dataTables_wrapper div.dataTables_filter{margin: 0px;}
.Employee-Table .grid_table .dataTables_paginate {
    border-top: 1px solid #c7c7c7;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 3px 7px #dcdada;background-color: #fff;padding: 10px 17px 5px 20px;
}
.modal.right.fade .modal-dialog.RightClose{
    right: -730px;
}
.NewDatatable .dataTables_length {
    padding: 10px 0 0 13px !important;
}
.ManageSection .BoxShadow{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 5px;
    background: #fff;
    clear: both;}
.LocationTreeDIV .searchDiv small {
    top: 18px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
}
.new-modal .modal-body .search-input {
    padding: 0px 28px 0px 10px;
    border-radius: 5px;
}
.search-input {
    height: 36px !important;
}
.FilterForm .SwitchLabel{height: unset;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 5px;}
.FilterForm .btnswitch{position: static;display: inline-block;}
.ActionCell a.EditRow {
    color: #7c7c7c;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}
.ActionCell a.EditRow:hover{color: #764FB7;}
.FilterForm div.ListSet {
    padding: 15px !important;
    clear: both;
    /* border-bottom: 1px solid #c7c7c7; */
    border: 1px solid #c7c7c7;
    width: 100%;
    margin: 15px 0px 0px;
    background: #f6f6f6;
    border-radius: 5px;
}
.CoverSection{padding: 15px !important;
    background: #fff;margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #c7c7c7;}
.FilterForm .ListSet h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.4rem;
    border: 0;
    /*text-transform: uppercase;*/
}
.FilterForm .ListSet ul {
    margin-left: 0px;
}
.FilterForm .ListSet li {
    width: 48%;
    display: inline-block;
    margin-top: 5px;
}
.FilterForm .ListSet li.hidden {
    display: none;
}
.MoreList {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.MoreList:hover {
    text-decoration: underline;
    color: #764FB7;
}
.FilterForm .btn-group{margin-bottom: 0px !important;}
.FilterForm .Info-Section{padding:8px;margin:0 0 10px !important;width: 100%;}
.FilterForm .Info-Section .icon-info-icon{margin: 0px 10px 0 5px;}
.EventNone{pointer-events: none;}
/*.EditSection .FilterForm .LocationTreeDIV .LocationTree{border: 0px;}*/
/*.EditSection .FilterForm .LocationTreeDIV {pointer-events: none;}*//*
.EditSection .FilterForm .LocationTreeDIV .LocationTree:hover{border: 0px !important;}
.EditSection .FilterForm .LocationTreeDIV input{background-color: rgb(235, 235, 228);color: #767676;}*/
.FilterForm .manatory{display: inline-block;color: #434444;font-size: 15px;}
.CursorNot{cursor: not-allowed;}
.EditSection .FilterForm .btnswitch .lcs_wrap{cursor: not-allowed;}
.EditSection .FilterForm .btnswitch .lcs_wrap .lcs_switch.lcs_on{background: #c6e9a5;pointer-events: none;box-shadow: none;}
.EditSection .FilterForm .EditMode .btn-group{cursor: not-allowed;}
.EditSection .FilterForm .EditMode .btn-group .selectpicker {background-color: rgb(235, 235, 228);pointer-events: none;}
.EditSection .FilterForm .EditMode .btn-group .selectpicker .filter-option{color: #767676;}
#ManageSectionPopup .FilterForm .LocationTreeDIV .LocationTree,#ManageSectionEdit .FilterForm .LocationTreeDIV .LocationTree
 {width: 94% !important;}
.NewDatatable table a .icon-Edit_Icon {
    margin-left: 5px;
    color: #c8c8c8;
    font-size: 16px;
}
.ManageSection .Employee-Table .table th:first-child, .ManageSection .Employee-Table .table td:first-child
{min-width: 220px;width: 280px;}
.NewDatatable table a:hover .icon-Edit_Icon {
    color: #461F87;
}
.new-modal .SlidePopup { margin: 0px 0;
    padding: 0px 0px;position: absolute;width: 100%;
right: -105%;top: 0px;bottom: 0; z-index: 999;}
.new-modal .SlidePopup .CoverAction{/*border: 1px solid #c7c7c7;*/background: #fff;/*border-radius: 5px;*/padding: 15px 15px;}
.BackBtn {vertical-align: middle;
    border: 1px solid #c7c7c7;
    width: 44px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    border-radius: 5px;
    /*float: left;*/display: inline-block;
}
.BackBtn:hover{border: 1px solid #764FB7;}
.BackBtn:hover .fa-angle-right{color: #764FB7;}
.CoverAction .LocationClear .LocationTreeDIV .searchDiv small {
    top: 11px;
    right: 10px;
}
.SlidePopupHeader h4{display: inline-block;margin-left: 5px;vertical-align: middle;}
/*rating scale start*/
.FilterForm .DropUp .btn-group .dropdown-menu{top: -187px;height: 187px;}
.FilterForm .DropUp span.icon-arrow-down{display: inline-block;moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);}
.Cannot_Rate {
    padding: 0px 0 10px;
}
.rating-section .Cannot_Rate span b {
    color: #333;
}
.rating-section .fa-question-circle-o {
    color: #0087c7;
    font-size: 16px;
    margin: 2px 0 0;
    cursor: pointer;
}
.Cannot_Rate .pull-right {
    font-weight: bold;
    padding: 5px;
    background: #f6f6f6;
    padding: 5px 10px;
    margin-bottom: -23px;
    position: relative;
    z-index: 99;
    border: 1px solid rgb(230,230,230);
    border-bottom: 0px;pointer-events: none;
}
.NewRadioScale {
    background: #f6f6f6;
    border: 1px solid rgb(230,230,230);
    display: block;
    /* padding: 27px 0 30px; */
    text-align: center;
    position: relative;
    border-radius: 5px;
    z-index: 9;
    padding: 15px 0 20px;
}
.NotRated {
    color: #a7a7a7;
}
.NewRadioScale .SelectedValue {
    text-transform: uppercase;
  /*  color: #4f2ea5;*/
    margin: 0 0 15px 0;
    display: block;
    font-weight: bold;
    font-size: 15px;
}
.NewRadioScale li {
    display: inline-block;
}
.NewRadioScale li span {
    display: inline-block;
    border: 1px solid rgb(173, 171, 171);
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    font-size: 13px;
}
.rating-section textarea {
    resize: none;pointer-events: none;
    border: 1px solid #c7c7c7;border-radius: 5px;background: #f6f6f6;
}
.CurserNone{cursor: not-allowed;}
.rating-section textarea:hover,.rating-section textarea:focus{border: 1px solid #c7c7c7;}
.FilterForm .FixedScale,.FilterForm .FloatingScale,.FilterForm .QualitativeScale{padding: 15px;
    clear: both;
    /* border-bottom: 1px solid #c7c7c7; */
    border: 1px solid #c7c7c7;
    width: 100%;
    margin: 10px 0 0px;
    background: #f3f3f3;
    border-radius: 5px;}
.PreviewTxt{margin: 15px 0px 0px;}
.ConfigIcon{color: #764FB7;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    float: right;}
.ConfigIcon .icon-config:before{color: #764FB7;}
.rating-bar {
    margin: 20px 0 20px;
    padding: 0 10px 0 0;
}
.FilterForm .selectpicker option:first-child {
    color: grey;
}
.FilterForm .ErrorMessage .manatory{color: #ff5b57 !important;}
.ErrorText{display: none;}
.FilterForm .ErrorMessage .ErrorText{display: inline-block;color: #ff5b57;margin-left: 5px;}
.FilterForm .ErrorMessage input,.FilterForm .ErrorMessage .btn-group .selectpicker {border-color: #ff5b57 !important;}
.background .alert {margin: 0px 0px 10px 0px;}
.dataTables_length + .dataTables_info{display: block;}
.dataTables_info{display: none;}
.FilterForm .EditMode .bootstrap-select,.FilterForm .EditMode .TextArea{display: none;}
.FilterForm .EditMode .View-label{margin: 3px 0px -3px;display: block;color: #434343;font-weight: normal;} 
.new-modal .LocationTreeDIV .jstree-children li a {
    width: 95%;
}
.FilterForm .EditMode label{margin-bottom: 0px;}
.ListSet .icon-Qualitative,.ListSet .icon-Quantitative{display: inline-block;vertical-align: middle;
    padding-right: 8px;}
.ui-slider-horizontal {
    border: 0;
    height: 16px;
    width: 80%;
    margin: 0 auto;
    background: -webkit-gradient(linear, left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    background: -moz-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    background: -ms-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    background: -o-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f85c33, endColorstr=#8dc90b,GradientType=1)";
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85c33', endColorstr='#8dc90b',GradientType=1);
    border-radius: 10px;
}
.ui-slider {
    font-size: inherit;
    margin: 10px 5px 20px;
    position: relative;
    text-align: left;text-decoration: none !important;
    width: 100%;
}
.ui-widget {
    font-family: inherit;
}
.ui-slider a {
    margin-top: -3px !important;
    color: #626262;
    font-weight: bold;
}
.min-value {
    left: -32px;
}

.min-value, .max-value {
    position: absolute;
    bottom: -2px;
    color: #616161;
}
.max-value {
    right: -52px;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
    background: transparent;
}
.ui-slider .ui-slider-range, .extra {
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.extra {
    display: none !important;
    right: -2px;
    width: 100%;
    height: 10px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background: #e1e0e0;
    border-radius: 6px;
    z-index: inherit;
    box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    -webkit-box-sizing: initial !important;
}
.ui-slider .ui-slider-range, .extra {
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.pointer {
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
}
.pointer label.LabelMin {
    left: 4px;
}
.pointer label {
    position: absolute;
    top: 0px;
    font-weight: normal !important;
    font-size: 13px;
    color: #626262;
}
.pointer span {
    color: #e6e4e5;
    width: 6.25%;
    float: left;
    font-weight: bold;
    height: 14px;
    overflow: hidden;
    opacity: 0.5;
}
.pointer label.LabelMax {
    right: 4px;
    text-align: right;
}
.pointer small {
    color: #e6e4e5;
    height: 14px;
    overflow: hidden;
    display: block;
}
.pointer label.LabelMax a {
    margin-right: -4px;
    color: #626262;
    padding: 5px 0 0;
}
.pointer a {
    display: block;
}
.AutoGeneratedRating .ui-slider-handle, .AutoGeneratedRating .ui-slider-handle:hover, .AutoGeneratedRating .ui-slider-handle:active {
    background: url(../images/Sliderhandle-hover.png);
    cursor: not-allowed;
}
.ui-slider-horizontal .ui-slider-handle {
    background: url(../images/Sliderhandle.png);
    height: 33px;
    width: 39px;
    border: 0;
    cursor: pointer;
    margin-left: -1.2em;
    top: -0.4em;
}
.ui-slider .ui-slider-handle {
    border: medium none !important;
    cursor: default;
    height: 28px;
    background: #fff;
    padding: 0 0 14px 3px !important;
    position: absolute;
    width: 0px;
    z-index: 2;left: -10px !important;
}
.ui-slider .ui-slider-handle {
    overflow: visible !important;
}
/*rating scale end*/

/*manage section end*/
@media only screen and (min-width:768px) and (max-width: 1023px){
    .ManageEmployeeCycle .SerachArea .multiselect-native-select .btn-group, .NewSeachBox{width: 220px;}
    .Sequence-Diagram{border: 0px;}
    .Sequence-Head{margin-top: 20px;}
    .page-header{clear: inherit;margin: 20px 0;}
    .employeedetails{left: 368px !important;}
    .related-search .ChooseManager .EmployeeSearchList{width: 240px;}
    .related-search .ChooseManager .EmpCard label{width: auto;}
    .related-search .ChooseManager .ValueSelected{width: 220px;}
    /*Related-Section{clear: both;display: block;padding: 15px 0px 0px 0px !important;}
    .related-search{margin: 0px !important;}*/
}
@media only screen and (min-width:768px) and (max-width: 991px){
    .EmployeeCycleGrid{margin-top: 15px;}
}

/* Manage Awidgets */
.ManageAwards .SerachArea .multiselect-native-select .btn-group{ width:100%;}
.WidgetList  .tooltip-inner{width:140px; white-space:normal;}
.selectedValues .tooltip-inner{ width:auto;}
.AwardCard{ padding:20px; position:relative; border-bottom:1px solid #c7c7c7;}
.WidgetCard:hover .edit{ display:block;}
.WidgetCard h3,.AwardDetails h3,.WidgetDetails h3{margin:0; font-size:15px; color:#764FB7;}
.novalue{ color:#777; font-size:14px; font-style:italic; padding-top:4px;}
.AwardDetails .EditRoles{ float:left; margin-top:5px; margin-left:4px; font-size:18px; color:#c8c8c8;}
.SelectRoles{color:#764FB7; font-size:15px; float:left; margin:5px 0 0; }
.SelectRoles:hover{color:#764FB7; text-decoration:underline;}
.AwardDetails .EditRoles:hover{color:#764FB7;}
.WidgetCard label.PrivilegeLabel{ font-weight:bold; margin:0 0 0 10px;}
.AwardCard .lcs_switch{ margin-left:15px;}

.WidgetCard ul{ margin-left:10px;display: flex;   flex-wrap: wrap; clear:both;}
.WidgetCard li.RoleList{ float:left; width:25%; margin-top:10px;}
.WidgetCard li i{ color:#777;}
.WidgetCard li label{ font-weight:normal; margin:2px 0 0 26px; float:left;}
.WidgetCard li select{float:left; margin:-5px 0 0 5px;}
.WidgetCard p{ margin:5px 0;}
.WidgetCard .edit{ position:absolute; top:15px; right:15px; display:none; font-size:20px;}
.WidgetCard .Editable,.WidgetCard .Action {display:none;}
.Editable li.RoleList{ width:100%; float:left; margin-bottom:10px; padding:6px ​5px 5px; }
.Editable li.RoleList:last-child{ margin-bottom:0;}
.Editable li.RoleList:hover{background:#e8e8fb;}
.Editable li.RoleList label:hover{color:#764FB7; cursor:pointer;}
.Editable li .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){    width: 136px !important;  margin: -2px 0 0 8px;}
.Editable li label,.RolesList .CheckAll label{ max-width:calc(100% - 40px);     font-weight: normal;
    margin: 3px 0 0 26px;
    float: left;}
.Editable li .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 30px; font-size:13px;}
.publishoption{ position:absolute; right:0; top:0;}
.ReadOnlyRoles .UICheckbox{ display:none;}
.ReadOnlyRoles li label{ margin:0; }
.Action{ border-top:1px solid #c7c7c7; padding:20px 15px 0; margin:10px -20px 0 !important;}
.Action p{ margin:6px 0 0;}
.Editable{ float:left; width:100%;}
.widgetfilter{ background:#fff;}
.widgetfilter h3{ border:0; margin:0; font-weight:bold; font-size:16px;}
.widgetfilter li label{ margin:3px 0 5px 26px;}
.widgetfilter li { width:50%; float:left;}
.morelist,.lesslist{ display:block; text-align:center; font-size:13px; margin:15px 0 0; font-weight:bold;}
.morelist:hover,.lesslist:hover{ text-decoration:underline; color:#764FB7;}
.hiddenlist{ display:none;}

/* Manage Awards */
.PageInfo{ width:100%; margin:0 0 20px 0;}
.PageInfo.Info-Section .icon-info-icon{margin-top:0px;}
#ManageSectionPopup .PageInfo{ width:98%;}
.NewFormStyle .modal-content{ height:100% !important;}
.NewFormStyle.modal.right .modal-body{ height:calc(100vh - 56px) !important; background:#fff; padding:15px 15px 15px 17px;}

.NewFormStyle .FilterForm .col-md-12 .InputWidth{border-width:0 0 1px 0; border-radius:0px; padding-left:0px; width:94% !important;}
.NewFormStyle .LocationTreeDIV .LocationTree{background:none; border-width:0 0 1px 0; border-radius:0px; padding-left:0px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;font-weight:normal; font-size:15px;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a9a9a9;font-weight:normal;font-size:15px;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #a9a9a9;font-weight:normal;font-size:15px;
}
.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.charcount{ margin-top:8px; width:94%; margin-left:30px;}
.NewFormStyle .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ background:#ffffff;  height:40px !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;}
.NewFormStyle.modal.right .modal-dialog{ width:60%; max-width:inherit !important;}
.WidgetForm.modal.right .modal-dialog{ width:700px; max-width:inherit !important;}
.avatar-upload {
  position: relative;
  max-width: 205px;
  float:left;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  box-shadow: 0px 3px 10px #909093;
  cursor: pointer;
  font-weight: normal;
      color: #764FB7; text-align:center;
}

.avatar-upload .avatar-edit.add{top:58px; left:0; right:0; text-align:center; }
.avatar-upload .avatar-edit.add label{ box-shadow:none; width:auto;color:#764FB7; }
.avatar-upload .avatar-edit.add label:hover{ background:none; border:0; text-decoration:underline;}
.avatar-upload .avatar-edit.add label.EditIcon{ box-shadow: 0px 3px 10px #909093;}
.avatar-upload .avatar-edit label.EditIcon:hover{ background:#f1f1f1; border-color: #d6d6d6;}
.EditIcon{ width:34px !important; line-height:34px;}
.avatar-upload .avatar-preview {
  width: 160px;
  height: 160px;
  position: relative;
  border-radius: 100%;
  box-shadow:0px 3px 10px #909093; background:#fff; padding:10px;
}
.avatar-upload .avatar-preview.add {
		
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}			
.NameAward{    float: left;
    width: calc(100% - 450px);
    margin-left: 10px; margin-top:40px;}
.Congrats{ display:block; border-top:1px solid #d2d5d8; padding-top:10px;}
.NameAward p{color:#434458; font-weight:bold; font-size:24px; outline:none;}
.ManageAwards .section-container,.WidgetList{box-shadow:0px 0px 5px rgb(0 0 0 / 15%); background:#fff; border-radius:5px; float:left; width:100%;}
.tablecard{ display:table; width:100%;}
.AwardCard{ display:table-row;}
.AwardCard .lcs_wrap,.AwardCard .AwardIcon,.AwardCard .AwardDetails,.AwardCard .Points{ padding:20px 0;vertical-align:top; display:table-cell; border-bottom:1px solid #c7c7c7;}
.AwardCard .lcs_wrap{vertical-align:middle; width:80px; text-align:center;}
.AwardIcon img{width:60px; height:auto; padding:5px;}
.AwardIcon{ width:80px; text-align:center;}
.AwardDetails{ width:calc(100% - 260px);margin-left:10px; position:relative; padding-right:20px; }
.AwardDetails p,.section-description p{ margin:5px 0 0; display:block;}
.AwardDetails label,.section-description label{ margin:5px 0 0; float:left; clear:both; width:100%;}
.AwardDetails span.categoryname{ float:left; margin:4px 0 0;}
.AwardDetails span.categoryname.novalue{margin:0px;}
.AwardDetails label b,.section-description label b{ float:left; margin-right:4px; margin-top:4px;}
.AwardDetails .selectedValues,.section-description .selectedValues{float:left; max-width:calc(100% - 100px);}
#AddFrom .modal-body{ background:#fff;}
.AwardCard .Points{ vertical-align:middle; width:140px; text-align:center;}
.AwardCard .Points span{ vertical-align:middle;  text-align:center; font-size:22px; font-weight:bold; border:2px solid #ebd765; color:#696969; padding:10px; display:inline-block; background:#fffced; border-radius:5px;}
.AwardCard .Points small{font-weight:normal; font-size:16px;}
.SelectedRelationship{color:#764FB7;}
.SelectedRelationship:hover{ text-decoration:underline; cursor:pointer;}

.AwardsForm {}
.AwardsForm .browseblock { position: relative;}
.AwardsForm input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 38px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.browse {
    position: relative;
}
.AwardsForm .browse input[type="text"] {
    width: 100%;
}
.browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
}
.bootstrap-select .disabled { display:none;}

.AwardContainerNew {
    background-color: #ebf3fa;
    padding: 20px;
    width: 100%; 
}
.AwardName[placeholder]:empty:before {
    content: attr(placeholder);
    color: #aeaeae;
    font-weight: normal;
    font-size: 20px;
    cursor: text;
}

.AwardName[placeholder]:empty:focus:before {
    content: "";
}
.FilterForm .RoleList .btn-group .dropdown-menu{ padding:0;}
.WidgetForm.modal.right .modal-content{ overflow-y:inherit !important;}
.ManageAwards .SerachArea .multiselect-native-select{ float:left; }
.ManageAwards .FilterLabel{ float:left; margin:7px 5px 0 20px;}
.ManageAwards .SerachArea .btn.btn-default.dropdown-toggle{height:32px; width:200px; box-shadow:0 0px 18px #dcdada; border-color:#fff;}
.deleteaward{ color:#777777; font-size:20px; margin-left:10px;}
.ManageAwards .multiselect-native-select .icon-DownArrow{ top: 15px;}
.deleteaward:hover{ color:#764FB7;}
.selectedValues small{background:#e8e8fb; margin-bottom:8px;
    padding:2px 10px; float:left;
    border-radius: 30px;
    font-weight: bold; margin-top:2px;
    font-style: italic; margin-right:5px;}
.selectedValues small.IsIn{background:#c7f5c7;}
.selectedValues small i{color:#9aa199; font-size:14px; margin:3px 6px 0 0px; float:left;}
.selectedValues small i.icon-PrivateIcon{margin-top:2px;}
.Congrats img {
    width: 230px;
}
.Imagecel {
    width: 250px;
    float: right;
    margin-top: -15px;
}
.WhoCanGive li{width:50%; float:left;}
.WhoCanGive label{ margin:3px 0 0 26px;}
.AwardsForm .AutoSuggestContainer{ width:94%; background:#ffffff; border-color:#c7c7c7; float:left;}
.AwardsForm .AutoSuggestContainer.open{border-color:#764FB7; border-radius:5px 5px 0px 0px;}
.AwardsForm .AutoSuggestContainer:hover{ border-color:#764FB7;}
.AwardsForm .SelectedValues li.GetInput {
    background: none;
    padding: 0px;
    border: 0;
}
.AutoSuggestContainer .GetInput input {background: transparent;}
.AwardsForm .AutosuggestList{ max-height:200px; overflow-y:auto;}
.AutoSuggestContainer.opened {
    border: 1px solid #53a3fe;
    border-radius: 5px 5px 0 0;
}
.RoleList .lcs_wrap{ float:right;}
.RolesList .CheckAll{ border-bottom:1px solid #c7c7c7; padding:0 0 10px 0px !important;  margin-bottom: 10px;} 
.ManageAwards .section-head{padding:20px 20px 14px; position:relative;}
.ManageAwards .section-title a{ font-size:18px; position:absolute; right:20px; top:8px; width:20px; opacity:0.8;}
.ManageAwards .section-title a:hover{ opacity:1; color:#764FB7;}
.ManageAwards .section-title h3{ width: calc(100% - 120px);
    float: left;
    margin: 0 0 4px 0px;
    font-size: 15px; color:#764FB7; }
.ManageAwards .section-description{clear:both; position:relative;}
.ManageAwards .section-title .lcs_wrap{ float:left; }
 .AwardList {  margin: 0 auto 20px;
    /* border: 1px solid #c7c7c7; */
    width: 97%;
    float: none;
    border-radius: 5px;
 box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.ManageAwards .section-content{ margin-top:-10px;}
.NoPoints span{font-size: 14px !important;
    font-weight: normal !important; width: 72px;
    height: 66px;
    line-height: 44px;}
.count{color:#777; float:left; margin:8px 0 0 0;}
.section-head .tooltip-inner,.AwardCard .tooltip-inner{ width:120px; white-space:normal;}
.section-head .EditCategory{ position:absolute; right:0px; top:-26px; color:#c8c8c8; font-size:22px; cursor:pointer; }	
.section-head .EditCategory:hover,.AwardCard .EditAwards:hover{color:#764FB7;}
.AwardCard .EditAwards{ color:#c8c8c8; font-size:22px; float:left; margin-top:20px;}
.section-head{ position:relative;}
.section-head .lcs_wrap{position:absolute; left:20px; top:0; bottom:0; margin:auto;}
.ManageAwards .section-title,.ManageAwards .section-description-container{ margin-left:70px;}
.visibility li{ border:1px solid #e0e2e4; border-radius:5px; padding:10px; width:30%; display:inline-block; margin:10px 10px 0px 0; min-width:202px; position:relative;}
.visibility li:hover{ background:#e8e8fb; border-color:#e8e8fb; cursor:pointer;} 
.visibility li.active{background:#e8e8fb; border-color:#e8e8fb;}
.visibility li i{ float:left; font-size:22px; color:#a6a9ad; margin-top:7px;}
.visibility li label{ float:left; margin:0 0 0 10px; cursor:pointer;}
.visibility li small{ font-weight:normal; font-size:14px; color:#777;}
.visibility li.active span{ display:block;}
.visibility li span{     background: #764FB7;
display:none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    position: absolute;
    right: 7px;
    margin: auto !important;
    top: 0;
    bottom: 0;}
.visibility li span i{color: #fff;
    font-size: 12px;
    float: none;}
.visibility .icon-PrivateIcon:before{ font-size:24px;}
.NoAwards p{padding:20px; text-align:center; color:#777; font-size:14px;}
.TabEditable input{ width:50%; float:left; border-width:0px 0px 1px 0; border-radius:0px;padding-left:0;}
.TabEditable input:hover,.TabEditable input:focus{border-width:0px 0px 1px 0; border-radius:0px; }
.TabEditable p{  float:left; margin:0px 0 0 10px; width:48%;}
.TabHeader label{ width:50%; float:left; font-weight:bold; }
.TabEditable li{float:left; width:100%;margin-bottom:15px;}
.TabEditable li:last-child{margin-bottom:0;}
.NewDatatable .dataTables_filter {
    padding: 0;
}
.ViewAwards{    font-weight: bold;
    font-size: 14px;
    margin: 5px 0 0 0;
    float: left;}
.ViewAwards:hover{ text-decoration:underline; color:#764FB7;}
.ViewAwards.Opened,.ViewAwards.Opened:hover{ color:#777;}
.NewFormStyle .FormIcon{float: left;
    font-size: 22px;
    margin: 7px 10px 0 0;
    color: #a6a6a6;}
.NewFormStyle .EditMode .FormIcon{ margin-top:0;}
.RelationDropdown .FormIcon{ margin-top:22px; }

@media (max-width: 1200px){
	.NewFormStyle.modal.right .modal-dialog{ width:80%;}
}
@media (max-width: 980px){
.avatar-upload .avatar-preview{ width:100px; height:100px;}
.Imagecel,.Congrats img{ width:200px; }
.NameAward{ width:calc(100% - 340px); margin-top:16px;}
.avatar-upload .avatar-edit.add{top:35px; }
.NameAward p{ font-size:20px;}
.avatar-upload .avatar-edit.add label{ font-size:13px;}
}

.AwardTable{ width:100%;}
.AwardTable th,.AwardTable td {border-bottom:1px solid #e0e2e4; padding:15px; }
.AwardTable td label{ width:100%; color:#764FB7; font-weight:bold; margin-top:5px;}
.AwardTable td span img{width:60px;}
.AwardDescription{ width:350px;}
.AwardName{ width:160px; text-align:center;}
.AwardTable td:first-child,.AwardTable th:first-child{ text-align:center; vertical-align:top;}
.Enable{ width:130px;}
.WhoCanGive{ width:200px;}
.AwardTable .Points span{vertical-align: middle;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border: 2px solid #ebd765;
    color: #696969;
    padding: 10px;
    display: inline-block;
    background: #fffced;
    border-radius: 5px;}
.AwardTable .Points small {
    font-weight: normal;
    font-size: 16px;
}
/*signup configurations css*/
.ConfigureSignup {margin: 0 auto;float: none;}
.ConfigureSignup .formsection {background: #fff;margin-bottom: 15px !important;}
.ConfigureSignup .formsection label{display: inline-block;vertical-align: middle;
text-align: right;margin: 6px 0 0;font-weight: bold;}
.ConfigureSignup .formsection .DurationDays{display: inline-block;vertical-align: middle;}
.ConfigureSignup .formsection .col-md-12{margin-bottom: 20px;}
.ConfigureSignup .formsection .col-md-12:last-child{margin-bottom: 0px;}
.ConfigureSignup .formsection  .DurationDays .InputWidth {width: 80px !important;height: 35px;border-radius: 5px;padding: 5px;}
.ConfigureSignup .formsection  .DurationDays span {display: inline-block;margin-left: 5px;}
.ConfigureSignup .formsection .bootstrap-select.btn-group .dropdown-menu.inner{border-radius: 0px 0px 5px 5px;}
.addform:hover{box-shadow: 0 0px 10px #acacac;}
.ConfigureSignup .EditBtn {border-color: #716bff;color: #716bff;min-width: 70px;}
.mandatory-error{display: inline-block;margin-left: 0px;color: #ef0707;}
.ErrorField .btn.btn-default.dropdown-toggle{border-color: #ff5b57;}
.NonEditable .DurationDays,.NonEditable .OtherPicker{cursor: not-allowed;}
.NonEditable .InputWidth,.NonEditable .btn.btn-default.dropdown-toggle{pointer-events: none;background-color: #fafafa;}
/**/
.OthersFeedback{padding: 0px 15px 20px !important;}
.OthersFeedback.p-t-30{margin-top: 30px !important}
.OthersFeedback .Employee-Table{overflow: inherit;border: 0;padding: 0;}
.OthersFeedback .Employee-Table .BoxShadow {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 5px;
    background: #fff;
}
.OthersFeedback .Employee-Table .scrolledTable {
    margin-right: 150px;
    overflow-x: auto;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 5px;
}
.OthersFeedback .Employee-Table .dataTables_wrapper table.dataTable {
    margin: 0px 0px 0px !important;
}
.OthersFeedback .Employee-Table .table tr td:first-child, .OthersFeedback .Employee-Table .table tr th:first-child {
    min-width: 7px !important;padding: 0px 5px 0px 15px !important;
}
.OthersFeedback .Employee-Table .table th, .OthersFeedback .Employee-Table .table td {
    padding: 15px 15px;
}
.OthersFeedback .Employee-Table .scrolledTable {
    margin-right: 150px;
}
.OthersFeedback .Employee-Table .BoxShadow .scrolledTable {
    box-shadow: none;
}
.OthersFeedback .Employee-Table .table .ActionCell {
    width: 130px;
    min-width: 130px !important;
}
.OthersFeedback .Employee-Table .table th.ActionCell{margin-right: 50px;}
.OthersFeedback .Employee-Table .table td {
    white-space: inherit !important;
}
.OthersFeedback .Employee-Table .table td {
    height: 36px;
}
.OthersFeedback .Employee-Table .Eligible .UICheckbox small {
    box-shadow: none;top: -10px;
}
.OthersFeedback .Employee-Table .table .ActionCell {
    position: absolute !important;
    /* line-height: 35px; */
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    -moz-box-shadow: inset 8px 1px 7px -3px rgba(213,213,213,0.7);
    box-shadow: inset 8px 1px 7px -3px rgb(213 213 213 / 70%);
    /*width: 280px;
    min-width: 280px !important;*/
    margin-right: 54px;
}
.ActionCell .ClosedAction {
    display: table;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}
.ActionCell .ClosedAction .closed-inner {
    display: table-cell;
    vertical-align: middle;
}
.OthersFeedback .Employee-Table .table .ActionCell .WhiteBtn {
    margin-left: 0px;
}
.OthersFeedback .EmployeeInfo .Employee_Avatar {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    float: none;
    border: 0;
    height: 48px;
    padding: 0;
    cursor: default;
}
.OthersFeedback .EmployeeInfo .Employee_Avatar span {
    border: 2px solid #764FB7;
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 2px;
    cursor: pointer;
    margin-right: 10px;
}
.OthersFeedback .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.OthersFeedback table td .EmployeeInfo {
 /*   width: 400px;*/
    display: table;
}
.OthersFeedback .EmployeeInfo .employee_name {
    float: left;
}
.OthersFeedback .grid_table .employee_name {
    line-height: normal;
    margin-top: 0px;margin-left: 0px;
}
.OthersFeedback .EmployeeInfo span {
    display: block;
    clear: both;
    color: #777;
    font-size: 14px;
}
.OthersFeedback .NewDatatable div.dataTables_wrapper div.dataTables_info{padding: 26px 6px !important;}
.OthersFeedback .UICheckbox input{left: 2px;top: -14px;}
.b-t-0{border-top: 0px !important;}
.NewDatatable .dataTables_filter .form-control, .Employee-Search #datatable_wrapper label input.input-sm {
    padding: 8px 20px 6px 10px !important;
}
.OthersFeedback .page-header{font-size: 15px;font-weight: bold;}
.OthersFeedback .Eligible.Enable-Reminder .UICheckbox input {
    cursor: default;
    z-index: -1;
}
.OthersFeedback .Employee_Avatar.EmptyImage {
    border: 0px;
    padding-right: 10px;
}
.OthersFeedback  .Employee_Avatar.EmptyImage span {
    margin: 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
}
.OthersFeedback .Employee_Avatar.EmptyImage span .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 39px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.OthersFeedback .Enable-Reminder .UICheckbox small {
    border: 1px solid #c7c7c7;
    cursor: not-allowed;
    background: #c7c7c7;
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus{background: #ee9134;}
.navbar-default .navbar-nav > li > a.FindPeople{display: none;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i{font-size: 2rem;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Copy-Configuration{font-size: 2rem;}
.DeleteBtn.new-btn{border: 2px solid #764FB7;color: #764FB7;}
.DeleteBtn.new-btn:hover, .DeleteBtn.new-btn:focus{    background: #461F87;border: 2px solid #461F87;color: #fff;}
.TemplateName .tooltip-inner{white-space: inherit;max-width: 320px;}
.TemplateAction .Pos_absolute .dropdown-menu{padding: 0.714rem;}
.TemplateAction .Pos_absolute .dropdown-menu li{padding: 5px 10px;font-size: 14px;border-radius: 4px;border:0px;}
.TemplateAction .Pos_absolute .dropdown-menu li:hover{background: #e8e8fb;font-weight: 700;}
.page-header{width: 100%;}
.Download.DownloadExcel {position: absolute; right: 20px;top: 50px;}
.BackBTN{margin: -10px 0px 12px;}
.ManageEmployeeCycle .multiselect-native-select .icon-DownArrow{top: 16px;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Integration-Settings{font-size: 24px;}
/*.SortBy .CustomMens .dropdown-toggle {
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;
}
.CustomMens.btn-group .icon-if_plus_214640 {
    vertical-align: middle;
}*/
.SortBy .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 36px;}
.MainSection .HRAdmin .col-md-4{padding: 0 16px 16px 0px;margin-bottom: 0px;}
.panel-heading h4 .btnLinks{position: relative;top: 2px;}
.panel-heading h4 .btnLinks .icon-Download{position: absolute;left: -22px;top: 0px;}
.masterdownload{position: absolute;right: 20px;top: 77px;}
.New_Forms .NewForm .FormIndividual input{width: 100% !important;}
.NewGrids .DeleteRow .fa.fa-trash-o{color: #7c7c7c;font-size: 22px;line-height: 20px;}
.NewForm .FormIndividual .LocationTreeDIV input {
    height: 42px !important;background: #fff url(../images/TreeIcon.png) no-repeat 9px 12px;
    width: 85% !important;
}

::placeholder{color: #808080 !important; font-size:12px;font-weight: 400;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Certificate,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Notification,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Customs-Fields,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Designation,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Location-Type,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Division,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Companies,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Department{font-size: 1.6rem;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Configure-Employee-Number,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Clear-Employee-Template{font-size: 1.6rem;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Company,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Location,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Themes,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Configure-Landing-Page,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Custom-Fields,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Forms--Grid,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Pick-lists,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Releationship{font-size: 1.8rem;}
/*.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Related-Pick-up-List,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Configure-Sentiment-Analysis,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Tenant-Settings,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Clear-Feedback-cycle-Template,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Widget-Roles,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Reminder{font-size: 2rem;}*/
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Configure-Encript-Data{font-size: 4rem;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Employee-Roles2,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Users,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-form-and-grids,.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Pickup-List{font-size: 3rem;}
.tenantsetting-cont .CardSection .PerformCard .CardIcon small i.icon-Manage-Grade-Scale{font-size: 1.4rem;}