.ManageFeedbackSection .GridView .dataTables_filter{padding: 0px;}
.ManageFeedbackSection .GridView .dataTables_wrapper table.dataTable{margin: 0px 0px 0px !important;}
.ManageFeedbackSection .GridView .grid_table .employee_name{margin-left: 0px;}
.ManageFeedbackSection .GridView .ActionCell i{color: #461F87;font-size: 22px;}
.ManageFeedbackSection .GridView .ActionCell .EditAction{margin-right: 10px;}
.ManageFeedbackSection .GridView .table .ActionCell{position: absolute !important;/*line-height: 35px;*/border-top: 1px solid #e5e5e5; 
box-shadow:none;
 width:130px;min-width:130px !important;margin-right: 35px;}
.ManageFeedbackSection .GridView th.ActionCell{padding-right: 15px !important;line-height: 21px;border-radius: 0px 5px 0px 0px;}
.ManageFeedbackSection .GridView .scrolledTable{margin-right: 150px;overflow-x: auto;border-radius: 4px;}
.ManageFeedbackSection .GridView .BoxShadow{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;background: #fff;}
.ManageFeedbackSection .GridView .BoxShadow .scrolledTable{box-shadow: none;}
.ManageFeedbackSection .GridView .table th, .GridView .table td{padding: 20px 15px;line-height: 18px;min-width: 120px;}
.ManageFeedbackSection .GridView .table th, .ManageFeedbackSection .GridView .table td{padding: 10px 15px;}
.ManageFeedbackSection .GridView .table td{height: 36px;}
.ManageFeedbackSection .GridView .table tr td:first-child,.ManageFeedbackSection .GridView .table tr th:first-child
{min-width: 6px;}
.ManageFeedbackSection .GridView .Eligible{height: 19px;}
.ManageFeedbackSection .GridView .Eligible .UICheckbox small{box-shadow: none;}
.ManageFeedbackSection .GridView .table tr td:nth-child(2){min-width: 240px;}
.ManageFeedbackSection .GridView .table td{white-space: inherit !important;}
.ManageFeedbackSection .NewDatatable .dataTables_length{padding: 10px 0 0 13px !important;}
.ManageFeedbackSection .GridView .grid_table .dataTables_paginate{border-top: 1px solid #e0e0e0;border-radius: 0px 0px 5px 5px;box-shadow: 0 3px 7px #dcdada;}
.ManageFeedbackSection .GridView table.dataTable.nowrap .DescriptionTxt{white-space: inherit;min-width: 230px;max-width:230px;}
.ManageFeedbackSection .GridView div.dataTables_wrapper div.dataTables_length select{margin-left: 5px;width: auto;}
.ManageFeedbackSection .GridView div.dataTables_wrapper div.dataTables_length select:hover{border: 1px solid #461F87;}
.ManageFeedbackSection .GridView th:first-child{border-radius: 5px 0px 0px 0px;}
.ManageFeedbackSection .DateBox .DatePickerBox{width: 132px; box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-color: transparent;border: 1px solid #fff;}
.ManageFeedbackSection div.dataTables_wrapper div.dataTables_info{padding-top: 22px !important;}
.ManageFeedbackSection .DateBox .DatePickerBox:hover{border: 1px solid #764FB7;}
/*.GridView .ConformTable .table th,*/ .GridView .ConformTable .table td{height: 20px;border:0px;}
.ManageFeedbackSection .GridView .ConformTable .table td.ActionCell{height: 20px;}
.ManageFeedbackSection .GridView .ConformTable .table .ActionCell{width: 150px;min-width: 150px !important;margin-right: 25px;}
.ManageFeedbackSection .GridView .scrolledTable{}
/*.SwitchSection{margin-top: 20px;}*/ 
 .ConformTable .GridView thead th .AddBtn{font-weight: normal;}
/*profile Deactivation start*/
/*.step-content .row{width: 90%;}*/
.textarea, .Stepper-Section .step .step-content .col-md-12  input{width: 100%;}
.step .step-title{font-weight: bold;font-size: 16px;color: #9e9e9e;}
.step.active .step-title span{color: #434343;}
.step .step-title span{display: block;font-weight: normal;font-size: 15px;margin-top: 3px;line-height: 18px;}
.textarea span a{color: #666 !important;font-size: 11px !important;}
.textarea span.countdown{margin-top: 3px !important;}
ul.stepper .step.active .step-title{font-weight: bold;color: #461F87;font-size: 18px;}
.Stepper-Section .step .step-content label.LabelHead{color: #353535;margin-bottom: 0px;display: block;
font-size: 11px;font-weight: 700;line-height: 20px;
/*height: 35px;*/display: inline-block;vertical-align: bottom;}
.Stepper-Section .step .step-content  .DatePickerBox { width: 140px !important;height: 35px;border-radius: 4px;outline: none;
 padding: 5px 10px 5px 30px !important;}
.Stepper-Section .step .step-content .DatePickerBox,  .Stepper-Section .step .step-content textarea {margin-top: 10px;}
.Stepper-Section .step .step-content textarea{border-radius: 4px;}
.Stepper-Section .step .step-content textarea:active, .Stepper-Section .step .step-content textarea:hover, 
.Stepper-Section .step .step-content textarea:focus
{border: 1px solid #461F87;}
.Stepper-Section .step .StepSection1 .col-md-6 .btn-group, 
.Stepper-Section .step .StepSection1 input{width: 300px;margin-top: 0.428rem;}
.Stepper-Section .step .step-content .col-md-6 .countdown{width: 80%;}
.Stepper-Section ul.stepper {padding: 20px 0px 30px 13px;}
.step-content .row .col-md-6,.step-content .row .col-md-12{margin-bottom: 20px;padding: 0px 10px;}
ul.stepper .step.active::before, ul.stepper .step.done::before {background-color: #2196f3;}
ul.stepper .step .Step-Count {
    position: absolute;
    height: 50px;
    width: 50px;
    color: #fff;
    background-color: #b2b2b2;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
    font-weight: 400;
    transition: background-color .4s cubic-bezier(.4,0,.2,1);
    font-size: 18px;
    left: -74px;
    top: 23px;
}
.StepComplete i{position: absolute;height: 50px;
    width: 50px;
    color: #fff;
    background-color: #44ce83;
    border-radius: 50%;
    text-align: center;
    line-height: 49px;
    font-weight: 400;
    transition: background-color .4s cubic-bezier(.4,0,.2,1);
    font-size: 20px;
    left: -74px;
    top: 25px;display: none;}
ul.stepper .step.active .Step-Count{background-color: #764FB7;color: #fff;height: 50px;width: 50px;line-height: 52px;top: 25px;}
ul.stepper .PrevStep .Step-Count{display: none;}
ul.stepper .PrevStep .StepComplete i{display: block;cursor: pointer;}
ul.stepper .step:not(:last-of-type)::after {content: '';position: absolute;top: 86px;left: -49.5px;width: 1px;height: 40%;
height: calc(100% - 55px);background-color: rgba(0,0,0,.1);transition: height .4s cubic-bezier(.4,0,.2,1);}
ul.stepper .step:not(:last-of-type).active {padding-bottom: 20px;}
ul.stepper .step:not(:last-of-type).active::after{top: 90px;height: calc(100% - 62px);}
ul.stepper .step:not(:last-of-type).PrevStep::after{top: 88px;}
ul.stepper .step {position: relative;background: #fff;border-radius: 4px;margin: 0px 0px 20px 60px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
ul.stepper .step:hover{box-shadow: 0 0px 10px #acacac;}
ul.stepper .step .step-title {cursor: default;padding: 25px;display: block;}
ul.stepper .step.active .step-title, ul.stepper .step.PrevStep .step-title {cursor: pointer;display: inline-block;vertical-align: top;}
ul.stepper .step.PrevStep .step-title.ActiveStepTitle{display: inline-block;}
ul.stepper .step.PrevStep .step-title {color: #434343;width: 33%;}
ul.stepper .step.Step4  .step-title {width: 0;}
ul.stepper .step.active .step-title.ActiveStepTitle, ul.stepper .step .step-title.ActiveStepTitle{display: none;}
.waves-effect {cursor: pointer;display: inline-block;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle;z-index: 1;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
ul.stepper .step.active .step-content {height: auto;display: block;}
ul.stepper .step .step-content {position: relative;display: none;height: 0;transition: height .4s cubic-bezier(.4,0,.2,1);
 width: inherit; overflow: visible; margin-left: 15px;margin-right: 20px;}
.Stepper-Section .Passport-Section .Passport-list label{padding: 0px 10px 0px;}
.Stepper-Section .Passport-Section .SerachArea, .Stepper-Section .Passport-Section .table-section, 
.Stepper-Section .Passport-Section .PaginationNew{margin-left: 10px !important;}
.table-section.StepRelieving .TableContainer{margin-right: 0px;padding-bottom: 0px;}
.Stepper-Section .SerachArea .Eligible {margin: 5px 0px 8px 20px;}
.SerachArea .SettingIco:hover{border: 1px solid #461F87;}
.SerachArea .SettingIco{float: right;background: #fff; width: 36px;height: 34px;text-align: center;border-radius: 4px;
margin-left: 12px;font-size: 18px;color: #461F87;line-height: 34px;cursor: pointer;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
border: 1px solid #fff;}
.PaginationNew .PageLength .bootstrap-select{width: 70px !important;}
.Employee-Search .dataTables_paginate{border-top: 1px solid #e0e0e0;}
.Stepper-Section .step .step-content label span.mandatory{display: inline-block;margin-left: 5px;color: #ef0707;}
.carousel-inner .NomineeDetails.ProfileDeactive{padding: 15px 0px 10px 6px;}
.ManageAdd label .NoteMsg{font-weight: normal;}
.ManageAdd .textarea textarea{height: 88px;font-size: 15px;}
span.countdown{display: block !important;text-align: right !important;font-style: italic !important;margin: 0 !important;color: #666 !important;
font-weight: normal !important;font-size: 11px !important;}
.ManageAdd .btnswitch{position: static;display: inline-block;}
.ManageAdd .Subtable .btnswitch{position: absolute;right: 0px;left: 0px;top:0px;text-align: right;}
.Stepper-Section .step .step-content label.SwitchLabel{height: unset;display: inline-block;vertical-align: middle;
font-weight: bold;margin-bottom: 0px;margin-right: 5px;}
.ManageAdd .btn-group .dropdown-menu.selectpicker {
    height: auto;
    max-height: 150px;
    overflow: auto;width: 217px;
}
.bootstrap-select.btn-group .dropdown-menu.selectpicker li > a, .btn-group .multiselect-container li a {
    color: #434343;
}
.ManageAdd .step-content .multiselect-native-select .btn-group .dropdown-menu{min-width: 416px;}
.ManageAdd .step-content .AutoFields .multiselect-native-select .btn-group .dropdown-menu{min-width: 220px;}
.ManageAdd .step-content .multiselect-native-select .btn-group .dropdown-menu{overflow-y: auto;
    overflow-x: hidden;    height: auto;
    max-height: 143px;}
.ManageAdd .step-content .AutoFields .multiselect-container .input-group input {
    width: 100% !important; background:#fff;
}
.ManageAdd .step-content .AutoFields .multiselect-container .input-group.AddBorder {
    border: 1px solid #461F87;
}
.ManageAdd .step-content .btn-group .dropdown-menu .input-group .multiselect-search{width: 353px;margin-top: 0px;height: 34px;}
.ManageAdd .step-content .btn-group .dropdown-menu li a input{height: unset;width: unset;margin-top: 4px;}
.ManageAdd .step-content input.DateTimePicker{width: 185px;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border:1px solid #fff;}
.ManageAdd .step-content input.DateTimePicker:hover{border: 1px solid #461F87;}
.DatePic{display: inline-block;margin: 0px 1px 0px 5px;}
.DateTimePicker {
    width: 200px;
    display: inline;
    background: #fff url(../images/datepicker.png) no-repeat scroll 7px 7px;
    padding: 5px 0 5px 30px !important;font-size: 14px;
}
.Stepper-Section .step .step-content .smallinput input {
    width: 50px;
    height: 35px;
    border-radius: 4px;
    margin-right: 12px;
}
.ManageAdd .table td .LocationTreeDIV .LocationTree {
    height: 35px !important;
    width: 220px !important;
    line-height: 35px;
    border: 1px solid #e0e0e0;
}
.LocationTreeDIV .ScrollDiv {
    max-height: 360px;
    overflow-y: auto;
}
.ManageAdd .stepper .step-content .table input{margin-top: 0px;}
.Stepper-Section .step .step-content .col-md-6 .btn-group{margin-top: 10px !important;}
.ManageAdd .stepper .step-content .criteria .table tr td{border: none;padding: 20px 20px;}
.ManageAdd .stepper .step-content .table tr:first-child td:first-child{border-radius: 5px 0px 0px;}
.ManageAdd .stepper .step-content .table tr:first-child td:last-child{border-radius: 0px 5px 0px 0px;}
.ManageAdd .stepper .step-content .table tr:last-child td:first-child{border-radius: 0px 0px 0px 5px;}
.ManageAdd .stepper .step-content .table tr:last-child td:last-child{border-radius: 0px 0px 5px 0px;}
.ManageAdd .stepper .step-content .criteria {padding: 20px 0px 0px 10px;clear: both;}
.ManageAdd .stepper .step-content .criteria .scrolledTable{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    background: #fff;border-radius: 4px;}
.ManageAdd .stepper .step-content .criteria .table{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);margin-bottom: 0px;}
.ManageAdd .note{border: none;margin: 0px;font-size: 14px;color: #CD853F;font-style: italic;line-height: 18px;padding: 0px 10px 10px;}
.ManageAdd .note .NoteText{font-weight: bold;text-transform: uppercase;color: #CD853F;} 
.step-content .Employee-Refresh{padding: 0px 0px 0px 10px;margin-bottom: 5px;}
.step-content .tab-overflow{padding: 0px 0px 0px 15px;}
/*.GridView .ConformTable .scrolledTable, */.GridView .AutoTrigger .scrolledTable{margin-right: 0px;border-radius: 5px 5px 0px 0px;}
.tab-content.Subtable{padding: 0px 0px 0px 10px;background: transparent;margin-top: 20px;}
.Subtable .GridView table thead tr th:first-child, .Subtable .GridView table tbody tr td:first-child
{min-width: 10px;}
.WhiteBtn.RemoveBtn{color: #ef0707;text-transform: capitalize;font-weight: normal;margin-left: 0px;margin-top: -8px;
font-size: 15px !important;}
.WhiteBtn.AddBtn{margin-left: 0px;margin-top: -6px;}
.WhiteBtn.RemoveBtn:hover{border: 1px solid #ef0707;color: #ef0707;}
.Subtable .GridView table .UICheckbox small{top: -8px;}
.Subtable .SerachArea .SortBy label {
    float: left;
    margin:16px 6px 0 12px;
    font-size: 14px;
}
.Subtable .SerachArea .SortBy {
    display: inline-block;
    color: #5d5c5c;
}
.GridView .AutoTrigger .scrolledTable{border-radius: 4px;}
.ManageFeedbackSection .GridView .scrolledTable{margin-right: 230px;}
.ManageFeedbackSection .GoingProcess .GridView .scrolledTable{margin-right: 70px;}
.ManageFeedbackSection .NewDatatable table td .Today{color: #e53c36;font-size: 14px;display: block;}
.ManageFeedbackSection .NewDatatable table td .DaysCount{color: #44ce83;font-size: 14px;display: block;}
/*.ManageFeedbackSection  .GridView .table .ActionCell{padding-top: 10px;}*/
.ManageFeedbackSection  .GridView .table .ActionCell .WhiteBtn{margin-left: 0px;}
.AutoTrigger .Checkcycle{margin-left: 35px;display: inline-block;}
.AutoTrigger{padding: 0px 0px 0px 0px;}
.AutoTrigger .CatTitle small{border-radius: 50%;}
.AutoTrigger .CatTitle .UICheckbox  .fa-circle{font-size: 11px;margin: 0 0 0 0px;}
/*.AutoTrigger .CatTitle .UICheckbox small{width: 18px;height: 18px;line-height: 16px !important;top: 0px !important;}*/
.AutoTrigger .CatTitle .UICheckbox input{top: -3px;left: -5px;}
.AutoTrigger .CatTitle .UICheckbox label{padding: 0px 30px;margin: 0px;}
.Subtable .ConformTable .UICheckbox input{left: 3px;top: -8px;}
.ConfirmSection {background: #f3f3f3;/*box-shadow: 0 0px 8px #dcdada;*/border-radius: 4px;margin: 0px 0px 30px 0px;width: 100%;}
.ConfirmSection .Confirmcard{border-right: 1px solid #e0e0e0;padding: 35px 0px;text-align: center;}
.ConfirmSection .Confirmcard:first-child{padding: 35px 0px 50px;}
.ConfirmSection .Confirmcard:last-child{border-right: 0px;}
.ConfirmSection label {margin: 0;text-transform: uppercase;font-weight: bold;font-size: 15px;line-height: 18px;}
.ConfirmSection span {display: block;color: #461F87;font-size: 2em;font-weight: bold;margin-top: 15px;}
.ConfirmAction{margin: 0px 0px 0px 10px;}
.ConfirmAction .CycleDateOpen{margin-top: 15px;}
.ConfirmAction .CycleDateOpen input{margin-top: 12px;margin: 12px 15px 0px 0px;display: block;}
.ConfirmAction .note{padding: 15px 0px;}
/*.ConfirmAction .CycleDateOpen{pointer-events: none;}*/
.Subtable .ConformTable .UICheckbox input.SelectAll{left: -6px;top: -11px;}
{width: 345px;min-width: 240px;}
.GridView .AutoTrigger table th.AutoCell:last-child{text-align: center;}
.GridView .AutoTrigger table th.AutoCell:last-child, .GridView .table td:last-child{min-width: 120px;}
.GridView .AutoTrigger table th.AutoCell:last-child, .GridView .AutoTrigger table th.AutoCell:nth-last-child(2)
{padding-left: 5px;}
.Employee-Search .modal-dialog .grid_table .dataTables_filter{top: 49px;left: 2px;z-index: 1024;}
.Employee-Search .panel-body.grid_table{margin-top: 55px;}
.Employee-Search .tab-overflow .nav.nav-tabs.plain-tab li{padding: 0 20px 0 20px;}
.Employee-Search #datatable_wrapper label input.input-sm{width: 100% !important;}
.EmployeeFilter{padding: 15px;height: 455px;}
.EmployeeFilter label.EmployeeLabel{margin: 0px;display: block;font-weight: bold;margin: 0px 0px 10px 0px;}
.EmployeeFilter .col-md-6 .btn-group{width: 300px;}
 .EmployeeFilter .btn-group .dropdown-menu.selectpicker {
    height: auto;
    max-height: 115px;
    overflow: auto;
}
 .EmployeeFilter .btn-group.bootstrap-select, .EmployeeFilter .col-md-6 input.InputWidth{width: 320px !important;}
 .EmployeeFilter .EmployeeStatus .btn-group.bootstrap-select {width: 165px !important;}
 .EmployeeFilter .EmployeeStatus .EmployeeMonth{display: inline-block;}
 .EmployeeFilter .EmployeeStatus .EmployeeMonth .btn-group.bootstrap-select{width: 130px !important;}
 .EmployeeFilter .DOJCol{display: inline-block;margin-top: 15px;}
 .EmployeeFilter .DOJCol .DatePickerBox{width: 130px !important;}
.EmployeeFilter .DOJCol label{margin-bottom: 10px;font-weight: bold;}
.Employee-Search .tab-overflow .nav.nav-tabs.plain-tab li a{padding: 15px 0px 10px;}
.boolean .UICheckbox small.checked i {
    margin: -1px 0 0px 2px;
    float: left;
    color: #461F87;
    font-size: 13px;
    line-height: 17px;
}
.boolean .UICheckbox small.checked, .boolean small.checked {
    background: #fff;
    border: 1px solid #461F87;
}
.boolean .UICheckbox small {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border-color: #bbbbbb;
}
.boolean div {
    display: inline-block;
}
.boolean .UICheckbox {
    top: 8px;
}
.boolean .UICheckbox input {
    left: 3px;
}
.boolean label {
    padding: 0 10px 0 25px;
  /*  cursor: pointer;*/
}
.boolean .UICheckbox input{left: 2px;top: -8px;}
.AutoTrigger .Eligible .UICheckbox input{left: 2px;top: -7px;}
.AutoTrigger .Eligible.Enable-Reminder .UICheckbox input{z-index: -1;}
.AutoTrigger .Eligible .UICheckbox input.SelectAll{left: -5px;top: -10px;}
.Subtable .SerachArea .SortBy .btn-group.bootstrap-select{margin-bottom: 0px;}
.confirm-model .modal-body {
    background: #fff;
   /* color: #3f4a59;*/
    padding: 20px 20px;
}
.confirm-model.modal.fade .modal-dialog {
    min-width: 500px !important;
    width: 500px !important;
}

.BackButton, .OrgBtn {color: #461F87;font-size: 26px;margin: 0px 0px 0 0;font-weight: bold;cursor: pointer;vertical-align: middle;
border: 1px solid #e0e0e0;box-shadow: none;}
.TabSection {position: relative;}
.PreviewSection {position: absolute;top: 0;width: 100%;right: -100%;bottom: 0;}
/*.{position: absolute;top: 0;width: 100%;right: -100%;bottom: 0;}*/
.Employee-Search .modal-body{overflow: hidden;height: 100%;}
.PreviewSection .BackButton{position: relative;left: 20px;top: 15px;}
.Employee-Search .PreviewSection .panel-body.grid_table{margin-top: 75px;}
.PreviewSection .NewDatatable .dataTables_filter label{margin-bottom: 0px;}
.PreviewSection  .dataTables_wrapper table.dataTable{margin: 0px !important;}
.Employee-Search .PreviewSection .dataTables_wrapper table.dataTable{border-top: 1px solid #e0e0e0;}
.PreviewSection .NewDatatable tbody tr td:first-child .Employee_Avatar{float: right !important;}
.PreviewSection .NewDatatable tbody tr td:first-child{padding-right: 0px;}
.Employee-Search .funnel_icon .theme-org-panel{top: 0px;/*right: 0px;*/}
.Employee-Search .theme-org-panel{/*width: 800px;*/border-radius: 4px;display: none;}
.theme-org-panel.ThemeBtn{display: block;bottom: 0px;box-shadow: none !important;}
.modal-body .HeadTitle{position: absolute;left: 93px;top: 22px;color: #525151;font-size: 16px;}
.Employee-Search .theme-org-panel{position: absolute;
    top: 0;
    width: 100%;
    right: -100%;
    bottom: 0;}
.Employee-Search .funnel_icon .new-modal  .modal-title{display: inline-block;box-shadow: none;padding: 0px;margin: 30px 20px 20px;}
.Employee-Search .funnel_icon .new-modal .WhiteBtn {margin: 0px 0px 0 20px;border: 1px solid #e0e0e0;box-shadow: none;}
.Employee-Search .funnel_icon .new-modal .WhiteBtn:hover{border: 1px solid #461F87;}
.DownloadTemp a:hover {
    text-decoration: underline;color: #461F87;
}
#Import-Popup .ImportFiles p, #Import-Popup .ImportFiles input {
    display: inline-block;
}
#Import-Popup .ImportFiles p {
    padding-right: 5px;
    font-weight: normal;
    color: #434343;
}
#Import-Popup .browseblock {
    display: inline-block;border: 1px solid transparent;border-radius: 4px;cursor: pointer;
}
#Import-Popup .ImportFiles{margin: 25px 0px 15px;}
#Import-Popup .browseblock > input {
    opacity: 0;
    position: absolute;
    z-index: 9;
    height: 38px;cursor: pointer;
}
#Import-Popup .browse {
    position: relative;width: 285px;
}
#Import-Popup .browseblock .browse input {
    width: 100% !important;
    height: 36px;
    outline: none;
}
#Import-Popup .browse .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #f3f3f3;
    color: #4a4a4a;
    font-weight: 400;
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
}
#Import-Popup .Valid { color: #1aab1b;}
#Import-Popup .RecordFields span {display: inline-block !important;}
#Import-Popup .Invalid {color: #e35544;}
#Import-Popup .ReviewButton .DownFields {border: 1px solid #29aaff;color: #29aaff;font-size: 16px;padding: 7px 12px 6px;}
#Import-Popup .model-footer {padding: 20px 20px 20px;}
#Import-Popup .loader-container{margin-top: 20px;text-align: center;}
.ErrorMessage{border-color: #ff5b57 !important;}
.alert {margin: 0px 10px 20px 10px;}
.to_box{margin: 0px 3px;}
.multiselect-native-select .multiselect{height: 35px;}
.multiselect-native-select .dropdown-menu  > li > a:hover, .multiselect-native-select .dropdown-menu .dropdown-menu > li > a:focus
{color: #fff;}
.multiselect-container.dropdown-menu > .active > a, 
.multiselect-container.dropdown-menu > .active > a:hover, .multiselect-container.dropdown-menu > .active > a:focus{color: #434343;}
.SwitchSection .GoalStatus{color: #a1a1a1;display: inline-block;font-weight: normal;font-size: 13px;}
.AutoEnable label{font-weight: bold;display: inline-block;margin-bottom: 5px;font-size: 14px;}
.AutoEnable-Section .AutoEnable span.btnswitch{color: #a1a1a1;display: inline-block;position: unset;}
.AutoEnable-Section .AutoEnable span{color: #a1a1a1;display:block;}
.AutoFields{background: #fff;box-shadow: none;padding: 0;border-radius: 4px;margin: 0px 0px 20px;}
.AutoEnable-Section{position: relative;}
.AutoEnable-Section .btnswitch{right: 0px;top: 0;left: 0px;text-align: right;position: absolute;}
.AutoFields .DatePickerBox{height: 35px;width: 140px;outline: none;padding: 5px 10px 5px 30px !important;border-radius: 4px;}
.AutoFields .smallinput input {width: 50px;height: 35px;border-radius: 4px;margin-right: 12px;}
.AutoFields .col-md-12{margin-bottom: 30px !important;}
.AutoFields .col-md-12:last-child{margin-bottom: 0px !important;}
.AutoFields .LabelSection label{margin-bottom: 0px;}
.AutoFields .LabelSection{width: 50%;padding-left: 0px;}
.AutoFields .MiddleSection{width: 50%;padding-left: 0px;}
.AutoFields .SwitchSection{text-align: right;width: 20%;padding: 0px;margin-top: 0px;}
.AutoTrigger-Section{padding: 0px 0px 0px 10px;border-radius: 0px 0px 5px 5px;}
.LocationTree{width:100% !important; border:1px solid #e0e0e0;height: 35px;}
.AutoTrigger-Section .LocationTreeDIV .LocationTree {
    height: 35px !important;
    width: 220px !important;
    line-height: 35px;
    border: 1px solid #e0e0e0;
}
.AutoTrigger-Section .LocationTreeDIV .LocationTree:hover, .AutoTrigger-Section .LocationTreeDIV .LocationTree:focus{border: 1px solid #461F87;}
.AutoTrigger-Section .jstree-children li a {
    width: 80%;
}
.AutoTrigger-Section  .LocationTreeDIV .ScrollDiv {
    max-height: 440px;
    overflow-y: auto;
}
.AutoTrigger-Section .eventnone input, .AutoTrigger-Section  .eventnone.MiddleSection .selectpicker, 
.eventnone.MiddleSection .multiselect.dropdown-toggle{
    background-color: rgb(235, 235, 228);
    color: #767676;
   pointer-events: none;}
.AutoTrigger-Section .multiselect-native-select .btn-group{width :220px;}
.AutoTrigger-Section  .eventnone.MiddleSection .selectpicker span{ color: #767676 !important;}
.AutoTrigger-Section  .AutoFields  .MiddleSection .bootstrap-select{margin-bottom: 0px;}
.ManageFeedbackSection .ClosedReview .GridView .scrolledTable{margin-right: 150px;}
.ManageFeedbackSection .ClosedReview .GridView .table .ActionCell{width: 130px;min-width: 130px !important;}
.ExtendBtn{display: inline-block;}
.LocationPopup .modal-content{border-radius: 5px 5px 0 0;}
.LocationTreeDIV .icon-Cancel{display: inline;
    top: 9px;
    right: 28px;
    font-size: 18px;
    position: absolute;}
.LocationTreeDIV .searchDiv input:hover, .LocationTreeDIV .searchDiv input:focus{border: 1px solid #461F87;}
#ConfirmedList .GridView .scrolledTable, #RemovedList .GridView .scrolledTable{margin-right: 177px;}
.modal-body .Import_Employee {margin-bottom: 5px;}
.modal-body .Import_Employee.boolean .UICheckbox{top: -3px;}
.ManageAdd .step .tooltip {
     position: relative; 
    display: inline-block;
    opacity: 1;
}
.ManageAdd .step .Support-Icon i {
    font-size: 20px;
    display: inline-block;
    color: #a7a7a7;
    vertical-align: top;
    font-weight: bold;
    margin-left: 0px;
    z-index: 1;
}
.ManageAdd .step .tooltip .tooltiptext.rating_text {
    top: 28px !important;
}
.ManageAdd .step .tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 1200;
    top: -53px;
    left: -115px;
    border: 1px solid #d4d4d4;
    font-size: 13px;
    font-weight: 500;line-height: 16px;
    box-shadow: 0 0px 7px #888888;
}
.ManageAdd .step .tooltiptext ul li {
    text-align: left;
    padding: 5px 10px 5px 10px;
}
.ManageAdd .step .tooltip.Support-Icon{z-index: auto;}
.ManageAdd .step .tooltip:hover .tooltiptext {
    visibility: visible;
}
.ManageAdd .step .tooltip .tooltiptext::after {
        content: "";
    position: absolute;
    top: -14px;
    left: 120px;
    margin-top: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent #d4d4d4 transparent;
}
.Stepper-Section .step .StepSection1 .col-md-6 .btn-group{display: block;}
.NewDatatable td a .Msgname{color: rgb(161, 161, 161);
    font-size: 14px;}
.SkipBtn{float: right;margin: 26px 17px 0px;border: 0px solid #9e9e9e;color: #9e9e9e;display: none;border: 1px solid #fff;}
.SkipBtn:hover{border: 1px solid #461F87;}
.StepSkip.active .SkipBtn{color: #461F87;display: block;}
.ActionCell .btn-group .btn {
    background: transparent;
    color: #c8c8c8;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    padding: 0;
    margin: 0;
}
.ActionCell .icon-more {
    font-weight: bold;
    font-size: 16px !important;
    color: #c8c8c8 !important;
}
.ActionCell .icon:hover .icon-more, .ActionCell .icon:active .icon-more{color: #461F87 !important;}
.ActionCell .icon{position: absolute;right: 50px;top: 10px;}
.ActionCell .dropdown-menu {
    min-width: 160px;
    top: -11px;
    right: 18px;
    border-radius: 4px;
}
.ActionCell .dropdown-item {
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    color: #6b6a6a;
    border-bottom: 1px solid #dfdfdf;
}
.ActionCell .dropdown-item:last-child {
    border: 0;
}
.ManageFeedbackSection .DateBox{margin: -5px 0px 0px 5px;display: inline-block;height: 35px;}
.ManageFeedbackSection .Eligible  label{margin: 4px 0px 0px 31px;color: #5d5c5c;}
.ManageFeedbackSection .Eligible{display: inline-block;height: 35px;margin-top: 5px;}
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.Info_Rating .triangle-left {
    border-left: 12px solid transparent;
    border-bottom: 12px solid #d4d4d4;
    border-right: 12px solid transparent;
    height: 0;
    left: -6px;
    position: absolute;
    top: 17px;
    z-index: 9999;
}
.Info_Rating .inner-triangle {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 0;
}
.Info_Rating .tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -40px;
    top: 28px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 200px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 4px;padding: 10px;
}
.Info_Rating .tooltipdiv ul {
    padding: 0px;
    margin: 0;/*overflow: hidden;
    overflow-y: scroll;
    max-height: 182px;height: auto;*/
}
.Info_Rating .tooltipdiv ul li {
    float: left;
    width: 100%;
}
.Info_Rating .tooltipdiv ul li:hover a{background: #e8e8fb;font-weight: 700;}
.Info_Rating .tooltipdiv ul li a{color: #353535;width: 100%;font-weight: 500;
    display: block;
   padding: 5px 10px;font-size: 14px;border-radius: 4px;}
.Info_Rating .tooltipdiv ul li:last-child{border-bottom: 0px;}
.step-content .SwitchSection .lcs_wrap{height: 24px;}
.Confirmcard .InValidCount{color: #a1a1a1;
    display: block;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
    margin: 0;}
.GridView .table th.EndDate{min-width: 180px;}
.GridView .table th.StartDate{min-width: 160px;}
#ExtendPop .DatePickerBox, #ReOpenPop .DatePickerBox{width: 130px;margin-left: 5px;}
.NewDatatable .ConformList .BoxShadow{clear: both;}
#ConfirmedList .SerachArea {display: block;margin: 0px 0px 15px;}
#ExtendPop .DateTimePicker, #ReOpenPop .DateTimePicker {width: 185px;margin-top: 0px;}
#ExtendPop .UntilLabel, #ReOpenPop .UntilLabel{margin: 0px 0px 10px;}
.UntilLabel{margin: 0px;font-size: 16px;}
.new-modal .modal-footer{background: #fff;}
.Employee-Search .new-modal .LocationTreeDIV .searchDiv{padding: 10px 12px;}
.Employee-Search .LocationPopup  .funnel_icon .theme-org-panel{top: -55px;}
.modal .MultiLocation .LocationTreeDIV form{padding: 10px 5px 10px;}
.LocationPopup .modal-content .MultiLocation .LocationTreeDIV .searchDiv small{top: 19px;right: 20px;}
.Employee-Search .new-modal .searchDiv .form-control:focus{border: 1px solid #461F87;}
.LocationPopup .modal-footer{border-top: 0px solid #e0dfdf;}
.Employee-Search .Applied span{top: -7px;height: 35px;margin-left: 5px;width: 65px;}
.Employee-Search .Applied{top: 21px;width: 212px;right: 0;}
.NewDatatable .SearchDiv{position: relative;}
.NewDatatable .EmployeeSearch{height: 34px;top: -34px;position: absolute;left: 313px;}
.KickOffBtn{padding: 0;margin: 15px 0;}
.modal-footer{border-radius: 0px 0px 5px 5px;}
.modal .MultiLocation{padding: 11px 11px 0 !important;}
.Mandatory{display: inline-block;margin-left: 5px;color: #ef0707;}
/* New Modal*/
.modal.fade#AdvancedFilter .modal-dialog{ max-width:inherit !important; width:70%; }
#AdvancedFilter .modal-body{ margin:10px 20px;}
.EmployeeFilter .col-md-6 {
    margin-bottom: 22px;
}
.EmployeeFilter label.EmployeeLabel {
    margin: 0px;
    display: block;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.InputDiv{ width:88%; border-radius: 4px;}
.DatePickerBox, input.daterangepicker{ width:100%;}
.InputDiv .LocationTree,.InputDiv .btn.btn-default.dropdown-toggle{ height:35px !important;}
.modal.fade#AdvancedFilter .modal-footer{ border:0;}
/* Modal with Slide popup */
#AdvancedFilter .modal-content{ overflow:hidden;}
.SlidePopup,.PreviewPopop{ background:#fff; position:absolute; width:100%;  right:-100%; top:0; bottom:0; z-index:999; border-radius: 4px; }
.BackBtn{border:1px solid #e0e0e0; width:44px; height:38px; text-align:center; line-height:36px; font-size:30px; border-radius: 4px; float:left;}
.BackBtn:hover{border:1px solid #e0e0e0; color:#461F87;}
.SlidePopupHeader{ float:left; width:100%; padding:20px;}
.SlidePopupHeader h4{ float:left; margin:12px 10px 0px 15px; text-transform:uppercase; font-size:16px;}
.SlidePopup .LocationTreeDIV form,.SlidePopup .LocationTreeDIV .searchDiv{ background:#fff; border:0; padding:0 20px;}
.SlidePopup .searchDiv input{ height:35px; line-height:35px; border-radius: 4px; margin-bottom:20px;}
.SlidePopup .TreeDiv{border-top:1px solid #e0dfdf; width:96%; margin:15px auto 0px;}
.SlidePopup .slimScrollDiv{width:100% !important;}
.SlidePopup .jstree-icon:empty {
    width: 27px;
    height: 27px;
    line-height: 27px;
}
.SlidePopup .jstree-default .jstree-checkbox:before{border:1px solid #e0e0e0; left:3px;}
.SlidePopup .jstree-default .jstree-checked > .jstree-checkbox:after{background:#461F87; color:#fff;}
.SlidePopup .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after, 
.SlidePopup .jstree-default .jstree-checked > .jstree-checkbox:after{    font-family: 'icomoon' !important;
    background: #461F87;
    content: "\e239";
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    border-radius: 4px;
    bottom: 4px;
    top: 4px;
    left: 4px;
    line-height: 19px;  
}
#AdvancedFilter .modal-content{min-height:500px;}
.FilterForm{ position:absolute; top:0; bottom:0;width:100%;}
.PreviewPopop .dataTables_filter{padding-top:0px;}
.PreviewPopop .dataTables_filter label{ margin-bottom:0px;}
.PreviewPopop .OuterBorderImg{width:45px; height:45px; padding:1px; float:right;}
.PreviewPopop tbody tr td:first-child{ padding-right:0px;}
.PreviewPopop .dataTables_wrapper table.dataTable{ margin: 0px 0px 0px !important;}
/*.PreviewPopop  .scrolledTable{height: 378px;margin-top: 35px;}*/
.Employee-Search .modal-content{height: 570px;}
.PreviewPopop .NewDatatable .dataTables_length{ margin-top:17px !important; padding:0 0px 0 20px !important;}
.PreviewPopop .grid_table .dataTables_paginate{ margin-top:0px !important; padding:0 20px 0 0 !important;}
.PreviewPopop thead{border-bottom:1px solid #e2e7eb;}
.PreviewPopop .NewDatatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 17px 0;
}
.PreviewPopop .grid_table .dataTables_wrapper{border-top: 1px solid #e2e7eb !important;margin-top: 35px;}
/*.DateBox .new-btnblue{height: 34px;}*/
.PreviewPopop .grid_table .scrolledTable{height: 364px;}
#EmployeeName .grid_table .scrolledTable{height: 368px;}
.PreviewPopop .grid_table .scrolledTable tbody tr:last-child td, #EmployeeName .grid_table .scrolledTable 
tbody tr:last-child td{border-bottom: 1px solid #ddd;}
/*profile Deactivation end*/
.NoRecord-Section .BoxShadow, .NoRecord-Section .dataTables_paginate,.NoRecord-Section .dataTables_info,
.NoRecord-Section .dataTables_length{display: none;}
.norecords {color: #b0b0b0;font-size: 13px;padding: 30px 10px;border: 1px dashed #c4c4c4;border-radius: 7px;margin: 0px;
padding: 60px 10px !important;}
.Reason-head{margin-top: 20px;}
.Reason-head .textarea{width: 75%;vertical-align: middle;border-radius: 4px;resize: none;margin-left: 7px;padding: 5px;}
.Reason-head .textarea:hover{border: 1px solid #461F87;}
.Reason-head .charleft a{color: #666;}
.Reason-head .charleft{display: block;width: 38%;color: #666;font-style: italic;font-size: 12px;float: right;}
.CreateCycle .CycleBtn{
    background: #461F87;
    color: #fff;
    border: 1px solid transparent;
    padding: 6px 20px;
    border-radius: 4px;
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    width: auto;
    height: 40px;
    text-align: center;line-height: 28px;
}
.CreateCycle .CycleBtn:hover{border: 1px solid transparent;}
.CreateCycle-Section, .NoResults-Section{display: table;width: 100%;}
.NoResults-Head{display: table-cell;vertical-align: middle;}
.CreateCycle{display: table-cell;vertical-align: middle;padding: 20px 10px;border-radius: 7px;background: #fff;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%);box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.Inner-CreateCycle{border: 1.5px dashed #c4c4c4;border-radius: 7px;padding: 100px 0; margin: 30px;}
.GridView .ActionCell .PendingCycle{display: inline-block;margin-top: -8px;border: none;font-size: 11px;
color: #CD853F;font-style: italic;line-height: 18px;padding: 0;font-weight: 700;}
.DateBox .Hightlight-Date .DatePickerBox{border: 1px solid #461F87;}
.NewDatatable .dataTables_filter .form-control, .Employee-Search #datatable_wrapper label input.input-sm
{padding: 8px 20px 6px 10px !important;}
.dataTables_filter i.icon-Not_Started{top: 11px;}
.ActionCell a.WhiteBtn:focus{border: none !important;}
.NewDatatable table a .icon-Edit_Icon{margin-left: 5px;color: #c8c8c8;font-size: 16px;}
.NewDatatable table a .icon-Edit_Icon:hover{color: #23527c;}
.NewDatatable table a:hover .icon-Edit_Icon{color: #461F87;}
/*.NewDatatable table a:hover{color: #461F87;}*/
/*.dataTables_info{display: none;}*/
.ManageFeedbackSection .AppliedFilters{display: inline-block;position: absolute;left: 47%;top:17px;font-style: italic;color: #CD853F;}
.ManageFeedbackSection .option-dropdown {border: 1px solid transparent;border-radius: 4px;height: 35px;margin: 0px !important;
width: 180px;background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.ManageFeedbackSection .Eligible .UICheckbox small{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.ManageFeedbackSection .GridSection .Eligible .UICheckbox small{top: -1px;}
.ManageFeedbackSection .option-dropdown:hover{border: 1px solid #461F87;}
.ManageFeedbackSection .LinkDropdown .btn{background: transparent;}
.ManageFeedbackSection .option-dropdown label {color: #461F87;padding: 5px 10px;text-align: left;height: 35px;
    margin: 0px;line-height: 24px;}
.ManageFeedbackSection .BorderColor .LinkDropdown .btn {background: transparent;}
.ManageFeedbackSection .option-dropdown .btn {padding: 7px 8px;border: 0;height: 34px;box-shadow: none;width: 100%;
color: #5d5c5c;font-weight: normal;text-align: left;}
.ManageFeedbackSection .option-dropdown .btn span.icon-arrow-down{font-size: 11px;color: #757575;float: right;
display: inline-block;text-align: right;margin-top: 5px;}
.ManageFeedbackSection  .LinkDropdown .caret {border-top: 6px solid #461F87 !important;}
.ManageFeedbackSection .BorderColor .LinkDropdown .dropdown-menu {left: 0px;}
.ManageFeedbackSection .option-dropdown .dropdown-menu {width: 179px;min-width: 179px;}   
.ManageFeedbackSection .option-dropdown .dropdown-menu > li {border-top: 1px solid #e5e5e5;border-bottom: none;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li > a {font-weight: normal;line-height: 30px;color: #434343;
    padding: 5px 10px;}
.ManageFeedbackSection .option-dropdown .dropdown-menu .icon-Workflow {font-size: 20px;margin-right: 4px;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li:hover > a,
.ManageFeedbackSection .option-dropdown .dropdown-menu > li:hover > a i, .ManageFeedbackSection .option-dropdown 
.dropdown-menu > li:hover > a .icon-Revert-workflow:before{color: #353535;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li > a .icon-Revert-workflow:before{color: #828182;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li:hover{background: #E3E3E3;color: #353535;}
.steptitle-onechild{width: 100% !important;}
.steptitle-twochild{width: 66% !important;}
.steptitle-lastchild{width: 87% !important;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li > a .icon-Manage-Notification{float: left;display: inline-block;
font-size: 35px;line-height: 28px; margin-left: -8px;}
.ManageFeedbackSection .option-dropdown .dropdown-menu > li > a .icon-Revert-workflow{font-size: 15px;margin-right: 6px;}
.SendReminderBtn.SendEmail{background: #461F87;color: #fff;border: 1px solid transparent;}
/*View mode css*/
.ViewMode-Section .View-label{margin: 0.428rem 0px 1.142rem !important;display: block;}
.step-content .row .col-md-6.ViewMode-Section, .step-content .row .col-md-12.ViewMode-Section{margin-bottom: 0px;}
.AutoTrigger .dataTables_scrollHeadInner{width: initial !important;border-bottom: 0;}
.AutoTrigger .dataTables_scrollHeadInner .table > thead > tr > th{border-bottom: 1px solid #e2e7eb !important;}
/*.AutoTrigger .dataTables_scroll{box-shadow: 0 0px 8px #dcdada;border-radius: 4px;background: #fff;}*/
.AutoTrigger .dataTables_scrollBody, .AutoTrigger .DTFC_LeftBodyLiner{border-radius: 4px;}
.GridView .AutoTrigger .BoxShadow{box-shadow: none;border-radius: 4px;}
.GridView .AutoTrigger .table {width: 100% !important;}
.eventnone {pointer-events: none;}
.ViewMode-Section .btnswitch, .ViewMode-Section .lcs_cursor, .ViewMode-Section .lcs_label {cursor: not-allowed;}
.ViewMode-Section .lcs_switch.lcs_on, .ViewMode-Section .lcs_switch.lcs_off{pointer-events: none;box-shadow: none;}
.ViewMode-Section .lcs_switch.lcs_on {background: #c6e9a5;}
.ViewMode-Section .lcs_switch.lcs_off{background: #d7d6d6;}
/*.eventnone .lcs_switch.lcs_on{background-color: rgb(235, 235, 228);box-shadow: none;}*/
/*.GridView .AutoTrigger .dataTables_scrollHead .scrolledTable{overflow: hidden;}*/
ul.stepper .step.StepSkip:not(:last-of-type)::after{background-color: transparent;}
ul.stepper .step:nth-child(3):not(:last-of-type)::after{background-color: transparent;}
ul.stepper .step.Step5{margin: 20px 0px 0px 15px}
ul.stepper .step.Step5 .step-title{border-bottom: 1px solid #e2e7eb;width: 100%;font-size: 15px;}
ul.stepper .step.Step5 .step-content{margin-top: 20px;}
ul.stepper .step.StepSkip  .step-content{height: auto;display: block;}
.AutoNotification-Btn{padding: 5px 0px 5px 10px;}
ul.stepper .step.Step4 .step-title, ul.stepper .step.Step5 .step-title{cursor: default;font-size: 15px;}
ul.stepper .step.active.Step4 .step-title,ul.stepper .step.active.Step5 .step-title{color: #434343;}
.Step5,.Step4{display: inline-block;}
.Step4{width: 100%;margin: 20px 0 0 !important;}
ul.stepper .step.Step5:hover, ul.stepper .step.Step4:hover{box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.AutoTrigger .dataTables_scrollBody {border-bottom: 1px solid #ebeced;}
.AutoTrigger .dataTables_scrollHeadInner table{border-top: 1px solid #e2e7eb;width: 100% !important;}
.Auto-Trigger-Action .AutoTrigger .UICheckbox small{top: -9px;left: -7px;}
/*.Stepper-Section .step .AutoNotification-Btn .SwitchLabel{font-size: 17px !important;}*/
.GradeSection {
    position: absolute;
    display: none;
    z-index: 9999;
}
.GradeSection .triangle-left {
    border-left: 10px solid transparent;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    height: 0;
    left: 97px;
    position: absolute;
    top: 36px;
    z-index: 9999;
}
.GradeSection .inner-triangle {
    border-left: 10px solid transparent;
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: -11px;
    width: 0;
}
.GradeSection .close {
    position: absolute;
    right: 8px;
    z-index: 99;
    top: 8px;
    position: absolute;
    text-align: left;
    line-height: 22px;
}
.GradeSection .tooltipdiv {
    padding: 4px 10px;
    border: 1px solid #000;
    border-radius: 4px;
    right: 35px;background: #000;color: #fff;max-width: 220px;font-size: 13px;text-align: center;line-height: normal;
}
.GradeSection .tooltipdivp label{
    font-size: 14px;
}
.Enable-Reminder .UICheckbox small{border: 1px solid #e0e0e0;cursor: not-allowed;background: #e0e0e0;}
 .Eligible.Enable-Reminder .UICheckbox input {
    cursor: default;z-index: -1;
}
.AutoFields .TwoDates {
    display: none;
}
.AutoFields .TwoDates .DatePickerBox {
    float: left;width: 124px !important;
    margin: -2px 10px 0 10px !important;}
.AutoFields .SingleText{height: 35px;
    width: 128px !important;
    padding: 10px;
    margin: 0 0 0 10px;}
.AutoTrigger .Eligible.Enable-Reminder .UICheckbox input{cursor: default;}
#EmployeeName.NewDatatable .dataTables_filter label{width: 293px;}
#EmployeeName.NewDatatable .dataTables_filter .fa-search{top: 12px;}
.Enable-Reminder .UICheckbox small.checked i{color: transparent;}
.GridView .ConformTable .table td.ActionCell{height: 62px;display: table;}
.GridView .ConformTable .table td.ActionCell div {display: table-cell;vertical-align: middle;padding: 0px 15px;}
.GridView .ConformTable .table td.ActionCell div .WhiteBtn.RemoveBtn, 
.GridView .ConformTable .table td.ActionCell div .WhiteBtn.AddBtn{margin-top: 0px;}
.ActionCell .action-middle{display: table;height: 100%;margin: 0 auto;}
.ActionCell .action-innercell{display: table-cell;vertical-align: middle;}
.ActionCell .ClosedAction{display: table;height: 100%;text-align: center;margin: 0 auto;}
.ActionCell .ClosedAction .closed-inner{display: table-cell;vertical-align: middle;}
 #Import-Popup .browseblock:hover{border: 1px solid #461F87 !important;border-radius: 4px;}
.HelpContent ol {padding: 10px 17px;}
.HelpContent{padding: 15px 10px 15px 15px;}
.HelpContainer{top: 300px;}
.NoData{display: inline-block;color: #777;}
.EditMode{display: inline-block;margin-left: 10px;vertical-align: bottom;color: #461F87;font-size: 22px;}
.EditSection input{display: none;}
.EditMode:hover{color: #461F87;}
.NotConfirm.CoveredAction:hover{text-decoration: underline;}
.ViewMode-Section.EditSection .View-label{margin: 8px 0px 0px;}
.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;
    max-width: 900px !important;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.right .modal-dialog .modal-content {
    /*overflow-y: inherit !important;*/
    background: #fff;
}
.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}
.right .modal-header {
    padding: 15px;
    background: #f3f3f3;
    border: 0;
    box-shadow: none;
}
.DispatchForm{width: 100%;}
.ManageNotifi .modal-body{background: #fff;}
.DispatchForm h3{padding: 0;border-bottom: 0;}

.ManageNotifi .disabled p {
    color: #4A4A4B;
}
.PushNotifications.active textarea{padding: 10px;}
.PushNotifications.active textarea:hover{border-color: #461F87;}
.FilterForm{position: unset;}
.FilterForm .col-md-12, .FilterForm .col-md-6 {
    margin-bottom: 20px;
    padding: 0px;
}
.FilterForm .col-md-12:last-child, .FilterForm .col-md-6:last-child{margin-bottom: 0px;}
.FilterForm label {
    display: block;
    color: #353535;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.FilterForm label .errorsymbol {
    display: inline-block;
    margin-left: 5px;
    color: #ef0707;
}
.FilterForm .col-md-12 .InputWidth, .FilterForm .col-md-12 .btn-group, .FilterForm .col-md-12 .InputWidth {
    height: 35px;
    width: 100% !important;
}
#AddReminder.modal.right .modal-dialog{min-width: 650px;max-width: 650px !important;}
.InputList li.InputChild{display: inline-block;list-style: none;margin: 0px 10px 0px 0px;}
.InputList li.InputChild input{width: 50px;height: 35px;border-radius: 4px;padding:5px;}
.InputList li.InputChild input:hover{border-color: #461F87;}
.GridTextarea.textarea span a{color: #a0a8b1 !important;}
.ActionIcons .icon-Manage-Notification,.ActionIcons .icon-Add-reminder{margin-left: 40px;color: #461F87;
vertical-align: middle;}
.ActionIcons .icon-Manage-Notification{font-size: 24px;}
.ActionIcons .icon-Add-reminder{font-size: 18px;}
.ActionIcons span{display: inline-block;vertical-align: middle;}
#MultipleCycle.confirm-model.modal.fade .modal-dialog{min-width: 700px !important;width: 700px !important;}
.b-b-1{border-bottom:1px solid #e0e0e0;}
#MultipleCycle .MultiselectRelation li {width: 50%;display: inline-block;float: left;margin-bottom: 8px;}
#MultipleCycle .MultiselectRelation li label {margin: 3px 0 0 30px;cursor: pointer;}
#MultipleCycle .MultiselectRelation li .Check-Label:hover {
    color: #461F87;
}
#MultipleCycle .OuterBorderImg{width: 75px;height: 75px;}
#MultipleCycle .MultiselectRelation{clear: both;width: 100%;}
#MultipleCycle .CycleLabel{margin-bottom: 10px;font-weight: bold;}
.AutoTrigger .SettingIcons{text-align: center;}
.AutoTrigger .SettingIcons .Sorting{width: 40px;
    height: 40px;
    line-height: 42px;
    border: 1px solid transparent;
    font-size: 24px;float: none;display: inline-block;margin: 0px;text-align: center;}
.ManageDisptach .AutoSuggestContainer .SelectedValues li:hover {border-color: #d0e6fd;}
.ManageDisptach .AutoSuggestContainer .SelectedValues li{padding: 4px 7px 4px 7px;}
.ManageDisptach .AutoSuggestContainer{border: 0px;}
.CC-List ul li{display: inline-block;}
.AutoTrigger .SettingIcons .Sorting:first-child{line-height: 46px;}
.AutoTrigger .SettingIcons .Sorting:hover{border: 1px solid #461F87;}
.GridView .AutoTrigger .table td.ActionIcons{width: 260px;text-align: center;}
.ManageAdd .AutoTrigger .note{padding: 0px;color: #a6a9ad;}
.GridView .table th.ReasonColumn{min-width: 200px;}
.addheight {
    height: 54px;
    overflow: hidden;
    position: relative;
}
.addheight .more {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #461F87;
    font-size: 11px;
    background: #fff;
    height: 16px;
    padding: 0 0 0 6px;
}
p a.more {
    display: none;
}
.CFComments{margin: 0px;}
.DeleteBtn.DeleteAll{margin-top: -8px;}
#ReminderNotifie .FilterForm .col-md-12 span {display: block;}
#ReminderNotifie .FilterForm label{margin-bottom: 5px;}
#ReminderNotifie .tab-overflow{padding: 5px 15px 10px;}
#NotificationSet .EmployeeFilter span{display: block;}
#NotificationSet .EmployeeFilter span.labeltext{display: inline-block;margin-top: 0px !important;}
.DispatchForm label, .TestMailForm label{margin: 0 0 5px 0;}
.EmployeeFilter .icon-Edit_Icon{font-size: 16px;}
.EmployeeFilter .AutoSuggestContainer:hover {border: 1px solid #e0e0e0;}
.ReminderSection{background: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;padding: 15px 15px 0;}
.ReminderSection:hover {box-shadow: 0 0px 18px #cac9c9;}
#ReminderNotifie .FilterForm .col-md-12, #ReminderNotifie .FilterForm .col-md-6{margin-bottom:15px;}
#ReminderNotifie .FilterForm .ReminderSection .col-md-12:last-child{margin-bottom: 0px;}
.ManageFeedbackSection .col-md-12 .page-header {font-size: 1.285rem;margin: 20px 0px;}
.WhiteBtn{margin-left: 12px;}
.Employee-Search .grid_table .Employee_Avatar span{height: 40px;width: 40px;}
.panel .panel-title .TitleWidth{width: 50%;}
.GridView .ActionCell{margin: 0px !important;right: 10px;}
.panel-body .AddButton{margin-top: 0px;}
.ConformTable.ConformList .UICheckbox small,.ConformTable.RemoveList .UICheckbox small{top: -10px;}
@media (max-width: 1024px) and (min-width: 768px){
    .EmployeeFilter .btn-group.bootstrap-select, .EmployeeFilter .col-md-6 input.InputWidth{width: 270px !important;}
    .EmployeeFilter .EmployeeStatus .btn-group.bootstrap-select{width: 130px !important;}
    .EmployeeFilter .EmployeeStatus .EmployeeMonth .btn-group.bootstrap-select{width: 100px !important;}
    .Subtable .NewDatatable .dataTables_filter label{width: 230px;display: inline-block;}
    /*#ConfirmedList .SerachArea {display: block;margin: 0px 0px 20px;}*/
    .ManageFeedbackSection .page-header{margin: 20px 0;}
    ul.stepper .step.PrevStep .step-title{width: 30%;}
    ul.stepper .step.PrevStep:nth-child(3) .step-title.ActiveStepTitle{width: 40%;}
    .ManageAdd .step .tooltip .tooltiptext{width: 267px;}
    .steptitle-lastchild {width: 74% !important;}
    ul.stepper .step.Step4 .step-title{width: 10%;}
    ul.stepper .step.Step5 .step-title{width: 100%;}
    .ManageNotifi.modal.fade .modal-dialog {max-width: 900px !important;}
}
@media (max-width: 914px) and (min-width: 768px){
    .DOJCol.m-l-20{margin-left: 0px !important;}
    .smallmonth.m-l-15{margin-left: 5px !important;}
    .Stepper-Section .step .step-content .smallinput input{margin-right: 8px;}
    #ConfirmedList .WhiteBtn{font-size: 12px;}
    ul.stepper .step.Step4 .pull-right .WhiteBtn{padding: 0 5px;font-size: 12px;margin: 0px 0 0 10px;}
    .HelpContainer{top: 349px;}
}
 @media (max-width: 1125px) and (min-width: 1000px){
    .Stepper-Section .step .StepSection1 .col-md-6 .btn-group, .Stepper-Section .step .StepSection1 input{width: 250px;}
   /* .ManageAdd .step-content input.DateTimePicker{width: 170px;font-size: 12px;}*/
    .Subtable .NewDatatable .dataTables_filter label{width: 230px;display: inline-block;}
        #ConfirmedList .SerachArea .WhiteBtn{padding: 0 10px;}
 }
 @media (max-width: 874px) and (min-width: 768px){
.Subtable .SerachArea .SortBy .WhiteBtn, .Subtable .pull-right .WhiteBtn{font-size: 11px !important;padding: 0px 5px !important;}
.ConfirmSection label{font-size: 14px;}
.Subtable .SerachArea .SortBy .btn-group.bootstrap-select{width: 140px !important;}
.Step-Confirmation a{min-width: auto;}
 }
 @media (max-width: 1200px) and (min-width: 768px){
    .GridView .AutoTrigger table thead tr th:first-child{min-width: 10px;}
     #ConfirmedList .SerachArea {display: block;margin: 0px 0px 20px;}
 }
  @media (max-width: 1090px) and (min-width: 1000px){
    .Stepper-Section .step .step-content label.SwitchLabel{font-size: 14px;margin-right: 0px;}
    ul.stepper .step.PrevStep .step-title{width: 30%;}
    ul.stepper .step.Step4 .step-title{width: 10%;}
    ul.stepper .step.Step5 .step-title{width: 100%;}
  }
/*  @media (max-width: 1380px) and (min-width: 1197px){
.ManageAdd .step .ConductReview .tooltip {display: block;}
  }*/
    @media all and (-ms-high-contrast:none)
    {
       .GridView .ConformTable .table td.ActionCell { min-width: 180px !important; } /* IE10 */
       *::-ms-backdrop, .GridView .ConformTable .table td.ActionCell { min-width: 180px !important; } /* IE11 */
    }