.EmptyMessage small{font-size: 14px;}
.EmptyMessage a{text-transform: unset;}
.EmptyMessage{height: 460px;}
.ReportBody{padding: 24px 60px 0px 24px;}
.new-modal.modal.fade.AddReports{overflow-y: auto !important;}
.AddReports .modal-footer{padding: 24px 24px 24px !important;border: 0px;}
.CreatePeriod{background: #F7F7F7;border: 1px solid #F7F7F7;border-radius: 4px;padding: 10px;margin-left: 35px;}
.CreatePeriod label{display: block;color: #808080;}
.new-modal.modal.fade.AddReports .modal-dialog{max-width: 630px !important;}
.GridButns {
    display: inline-block;
    float: right;
    margin-top: -57px;
}
.Employee-Table .dataTables_wrapper {
    position: relative;
}
.Employee-Table .dataTables_filter {
    padding: 0px;
    position: absolute;margin-top: -34px;
    top: -25px;
}
.WhiteBg .Employee-Table .BoxShadow {
    box-shadow: 0 0px 8px #dcdada;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 5px;
}
.ReportContainer .Employee-Table .table th.ActionCell {
    width: 11px;
    min-width: 11px !important;
    box-shadow: none;
    border-radius: 0px 5px 0px 0px;height: 48px;border: 0px;
padding: 0px;}
.ReportContainer .Employee-Table .table td {
    height: 35px;
}
.ReportContainer .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: 95px;
    min-width: 95px !important;
    margin-right: 26px;
}
.Employee-Table.NewDatatable th label {
    color: #777;
    font-weight: normal;
}
.ReportContainer .Employee-Table .table .ActionCell {
    width: 26px;
    min-width: 26px !important;
    box-shadow: none;
}
.ReportContainer .ActionCell .icon-more {
    font-weight: bold;
    font-size: 16px !important;
    color: #c8c8c8 !important;    position: absolute;
    top: -8px;
    right: -5px;
}
.ReportContainer .Employee-Table .table td.ActionCell:last-child {
    border-bottom: 0px solid #e0e0e0;
}
/*.ReportContainer table.dataTable.nowrap th,.ReportContainer table.dataTable.nowrap td{white-space: inherit;}*/
/*.ReportContainer table td a:hover{text-decoration: underline;}*/
.ReportContainer table td a.icon{text-decoration: unset;}
.ActionCell .icon:hover .icon-more {
    color: #5A4D9F !important;
}
.NewOwnerUI .NameDetails{/*width: 160px;*//*width: 70%;*/float: none !important;margin: 0px;}
.NewOwnerUI .EmpImage{width: 18%;margin-right: 2px;}
.Info_Rating {
    position: absolute;
    display: none;
    z-index: 999;
}
.Info_Rating .tooltipdiv {
    background: #fff none repeat scroll 0 0;
    right: -8px;
    top: 25px;
    position: absolute;
    text-align: left;
    line-height: 22px;
    width: 150px;
    border: 0px solid #dcdada;
    box-shadow: 0 0px 7px #888888;
    border-radius: 5px;
}
.Info_Rating .tooltipdiv ul {
    padding: 8px;
    margin: 0;
    display: flow-root;
}
.Info_Rating .tooltipdiv ul li:first-child {
    border-radius: 5px 5px 0px 0px;
}
.Info_Rating .tooltipdiv ul li {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}
.Info_Rating .tooltipdiv ul li a {
    color: #353535;
    width: 100%;
    display: block;
    padding: 5px 8px;
    line-height: 22px;
}
.Info_Rating .tooltipdiv ul li a:hover {
    background: #5A4D9F;
    border-radius: 5px;
    color: #fff;
}
a.CreateBtn {
    background: #5A4D9F;
    color: #fff;
    display: inline-block;
    border: 1px solid #5A4D9F;
    width: 36px;
    height: 34px;
    box-shadow: 0 0px 7px #dcdada;
    border-radius: 5px;
    padding: 7px 10px;
}
a.CreateBtn i {
    font-weight: bold;
    line-height: 19px;
}
a.CreateBtn:hover {
    background: #483B8C;
    color: #fff;
    border: 1px solid #483B8C;
}
.SortBy .ExportIcons i {
    font-size: 22px;position: relative;
    left: 2px;
}
.ActionCell .DeleteIcon{font-size: 20px;color: #acacac;}
.ActionCell .DeleteIcon:hover{color: #5A4D9F;}
/*.NewDatatable .dataTables_filter .form-control:hover,.NewDatatable .dataTables_filter .form-control{border: 0px;}
div.dataTables_wrapper div.dataTables_filter label{border: 1px solid transparent;}
div.dataTables_wrapper div.dataTables_filter label:hover{border: 1px solid #5A4D9F;}*/
.SortBy .CustomMens .btn {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background: #FFFFFF;
    height: 34px;
    width: 50px;
    line-height: 43px;border: 1px solid transparent;
}
.CustomMens .btn .icon-Growthchart {
    color: #C7C7C7;
    font-size: 22px;
}
.CustomMens .btn .fa {
    font-size: 20px;
    color: #C7C7C7;position: relative;
    top: -2px;
}
.CustomMens.btn-group .dropdown-menu {
    width: 210px;
}
.CustomMens .UICheckbox input {
    left: -3px;    width: 18px;
    height: 18px;
}
.CustomMens .UICheckbox small {
    left: -16px;
    top: 2px;
    box-shadow: none;
    border: 1px solid #777;
    border-radius: 4px;    width: 18px;
    height: 18px;
    line-height: 18px !important;
    cursor: pointer;
}
.CustomMens .dropdown-item .Label {
    float: none;
    margin: 0px 0px 0 24px;
}
.CustomMens .icon-sortdrop{color: #C7C7C7;font-size: 22px;}
.SortBy .CustomMens .btn:hover .icon-sortdrop{color: #5A4D9F;}
.CustomMens .btn:hover{border: 1px solid #5A4D9F;}
.Moreaction{font-size: 14px;display: inline-block;margin-left: 8px;color: #5A4D9F;font-weight: bold;cursor: pointer;}
.Moreaction:hover,.TitleEdit:hover,.Deleterow:hover{color: #483B8C;}
.Moreaction:hover{text-decoration: underline;}
.TitleEdit{font-size: 14px;float: right;margin-top: 1px;color: #D4D4D4;font-weight: bold;margin-left: 10px;}
.TargetFieldDropdown .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 40px;
border: 0 !important;background: #fff;box-shadow: none;text-align: left;}
.TargetFieldDropdown .bootstrap-select.btn-group .dropdown-menu.open{overflow: auto !important;}
.Datepickercontainer .FormIcon{position: relative;top: 25px;margin: 0;}
.ProgressPercent .FormIcon{font-size: 17px;position: relative;top: 33px;right: -3px;}
.FormIcon.icon-Confidence{font-size: 15px;position: relative;top: 38px;right: -3px;font-weight: bold;}
.FormIcon .icon-Confidence-Level:before{font-weight: bold;}
.ConfidenceCard .Deleterow{top: 35px;}
.Deleterow{font-size: 20px;color: #acacac;position: absolute;right: -30px;}
.Datepickercontainer .Deleterow,.ProgressPercent .Deleterow{top: 35px;}
.OwnerField .Deleterow,.TargetFieldDropdown .Deleterow,.TagContain .Deleterow,.ObjectStatus .Deleterow,
.ApprovalContain .Deleterow,.OKRContain .Deleterow{top: 10px;}
.FloatingLabel.CustomMultitags .Deleterow {top: 19px;}
.AddMoreSection .CustomMens.btn-group .dropdown-menu{left: 0px;} 
.AddMoreSection .CustomMens .dropdown-toggle{border: 0px;}
.AddMoreSection .CustomMens .btn.dropdown-toggle .icon-DownArrow{margin: 1px 0px 0px 5px;}
.TargetTypeNumber .quantity{top: 0px;}
.CustomProgress .TargetTypeNumber{width: calc(100% - 132px);}
.TargetTypeNumber .quantity-nav{height: 38px;}
.TargetTypeNumber .quantity input{margin-left: 5px;}
.dataTables_wrapper table.dataTable{margin: 0px !important;}
.TargetTypeNumber input[type="text"]{width: 100% !important;}
.TargetTypeNumber input[type="text"].DatePickerBox{width: 115px !important;}
.TargetFieldDropdown .btn-group.bootstrap-select{margin-bottom: 0px !important;}
.AutosuggestList li{border: 0px;}
.TargetFieldDropdown .CustomSorting{width: calc(100% - 36px);border: 1px solid #dadada;border-radius: 5px;height: 40px;}
.TargetFieldDropdown .CustomSorting .btn{width: 100%;background: #fff;height: 38px; border: 0;border-radius: 5px;}
.TargetFieldDropdown .CustomSorting .MeasureSortBtn .SelectedValues{width: 97% !important;text-align: left;}
.TargetFieldDropdown .CustomSorting.Open .icon-DownArrow{top:-7px;position: relative;}
/*.TargetFieldDropdown .FormIcon{font-size: 22px;}*/
.Employee-Table div.dataTables_wrapper div.dataTables_paginate{border: 1px solid #e0e0e0;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 2px 6px 0px #dcdada;
    margin: -3px 0px 20px;}
.Employee-Table .grid_table .dataTables_length {
    padding: 10px 5px 12px 15px !important;
}
.dataTables_length + .dataTables_info{padding: 22px 0px 0px !important;}
.Datepickercontainer .PercentInfo{float: right;font-size: 20px;margin-top: -5px}
.PercentInfo .tooltip.top .tooltip-arrow{top: 47px;}
.ObjectStatus .FormIcon{font-size: 22px;margin: 10px 14px 0px 0px;}
.ObjecLink{width: 260px;white-space: initial;display: inline-block;} 
.ObjecLink span{border-bottom: 2px solid transparent;}
.ObjecLink:hover span{border-bottom: 2px solid #483B8C;}
.ObjecLink .icon-HoverEdit{margin-left: 6px;font-size: 13px;color: #D4D4D4;font-weight: bold;}
.ObjecLink .icon-HoverEdit:hover,.ObjecLink:hover .icon-HoverEdit,.ObjecLink:hover{color: #483B8C;}
.jstree-default .jstree-icon:empty {
    width: 28px;
    height: 28px;
    line-height: 24px;
}
#vertical_tab .MultiselectEmployeeAvatarDiv{width: 100%;}
#vertical_tab .SelectedNameAV .transition .delete{top: 17px;
    right: 8px;left: unset;}
#vertical_tab .LocationTreeDIV .searchDiv small{top: 22px;}
.SingleInput{display: inline-block;margin-left: 6px;}
.SingleInput input,.CustomInput input{height: 35px !important;}
/*#CompletedPer .Overall_Score .btn-group.bootstrap-select{margin-top: 6px;}*/
.AvatarTooltip{right: 508px;top: 150px;}
.WithcheckBox.table tr th:first-child {
    padding: 10px 10px 10px 10px;
}
.WithcheckBox.table tr td:first-child, .WithcheckBox.table tr th:first-child {
    min-width: 0px;
    padding: 10px 4px 10px 15px;
}
.WithcheckBox.table tr td:nth-child(2), .WithcheckBox.table tr th:nth-child(2) {
    padding-left: 5px;
}
.WithcheckBox .ObjecLink{width: auto;padding-left: 16px;}
.NewOwnerUI{width: 100%;}
.Information .NameDetails span{/*width: 100%;*/overflow: inherit;white-space: normal;}
.Employee-Table .NewOwnerUI .OuterBorderImg{width: 36px;height: 36px;}
.TagField .SelectedValues li.transition{background: #e8e8e8;padding: 4px 27px 4px 7px;}
.TagField .SelectedValues li a{top: 4px;}
.TagField .AutoSuggestContainer .SelectArrow{right: 17px;}
.dataTables_filter.TopFilter{position: absolute;top: -127px;}
.dataTables_filter.TopFilter label{position: relative;top: 11px;}
.WithcheckBox.table .table_icon .UICheckbox small{top: -5px;}
.WithcheckBox.table .UICheckbox small{/*top: 2px;*/top: -9px;width: 20px;height: 20px;}
.WithcheckBox .UICheckbox small.checked i{font-size: 15px;line-height: 19px;}
.WithcheckBox .ReportName{    /*vertical-align: middle;*/
    font-size: 14px;
    color: #777;
    font-weight: normal;
    padding-left: 16px;
    /*margin-bottom: 5px;
    display: inline-block;*/}
.WithcheckBox .CreatedDate{min-width: 200px;}
.ReportContainer .ActionCell .LengthIcon .icon-more{top: 5px;}
.ReportContainer .ActionCell .TwoLine .icon-more{top: -4px;}
.Employee-Table.NewDatatable .WithcheckBox th:nth-child(2) label{padding-left: 16px;}
.WithcheckBox.table th:first-child .UICheckbox small{top: -4px;}
.WithcheckBox.table .UICheckbox input{left: 2px;top: -4px;width: 20px;height: 20px;}
.WithcheckBox.table .CheckAll{border: 0px;margin: 0px;padding: 10px 0 12px;display: inline-block;}
.Datepickercontainer .tooltip-inner{white-space: inherit;min-width: 220px;width: 220px;position: relative;right: 60px;}
.CustomProgress .TargetTypeNumber.BetweenValues{/*width: 100%;margin-top: 15px;*/display: inline;margin: 0px;}
.BetweenValues .Tolabel{display: inline-block;padding: 10px 5px 10px 22px;}
.CreatePeriod .BetweenValues label{display: inline-block;float: left;vertical-align: middle;margin: 10px 5px 0px 0px;}
.TargetTypeNumber .quantity{display: inline-block;}
.TargetTypeNumber .quantity input{border: 1px solid #d4d4d4;border-radius: 5px;min-width: 165px;padding-left: 8px;}
.CustomProgress  .quantity-button.quantity-up {border-top: 1px solid #e0e0e0;border-radius: 0px 5px 0px 0px;}
.CustomProgress .quantity-button.quantity-down{border-bottom: 1px solid #e0e0e0;border-radius: 0px 0px 5px 0px;}
.CreateObjective .CustomProgress.ProgressFullwidth .Progress-Dropdown{width: 100%;border-radius: 5px;}
.CustomProgress .TargetTypeNumber .quantity input:hover,.CustomProgress .TargetTypeNumber .quantity.Hover input:hover{border: 1px solid #5A4D9F !important;}
.CustomProgress:hover .quantity-button.quantity-up, .CustomProgress:hover .quantity-button.quantity-down{border-color: #e0e0e0;}
.CustomProgress.ProgressFullwidth .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border-right: 0px solid #e0e0e0 !important;border-radius: 5px;}
.CustomProgress:hover .TargetTypeNumber .quantity-button.quantity-down{border-top: 0px !important;}
.CustomProgress.HoverIn .HoverQuantity .quantity-button.quantity-up, .CustomProgress.HoverIn .HoverQuantity .quantity-button.quantity-down{border-color:#5A4D9F;}
.Employee-Directory.FilterDirectory{z-index: 9999;}
.TagField .AutosuggestList ul{max-height: 200px;overflow-y: auto;}
.Progress-Dropdown .bootstrap-select.btn-group .dropdown-menu.open{overflow-y: auto;}
.AddMoreSection .CustomMens.btn-group .dropdown-menu{top: -140px;}
.ApprovalContain .FormIcon {font-size: 22px;margin-right: 15px;}
.AddMoreSection .CustomMens .dropdown-toggle:hover,.ViewEmp:hover{text-decoration: underline;color: #483B8C;}
.LocationTreeDIV .Eligible .UICheckbox small.checked,.LocationTreeDIV .UICheckbox small.checked,.SelectAllTree.UICheckbox small{width: 20px;height: 20px;}
#Addnewtag .TargetTypeNumber{width: 100%;}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after, .jstree-default .jstree-checked > .jstree-checkbox:after{min-width: 18px;height: 18px;}
.CreateObjective .CustomProgress.ProgressFullwidth{border: 0px solid #e0e0e0;/*width: 20%;*/background: transparent;}
.CustomProgress.ProgressFullwidth .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 1px solid #e0e0e0 !important;border-radius: 5px;height: 38px;}
.CustomProgress.ProgressFullwidth .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover,.CustomProgress.ProgressFullwidth .bootstrap-select.open button.selectpicker.btn.btn-default.dropdown-toggle{border: 1px solid #5A4D9F !important;}
.TargetTypeNumber .quantity:hover .sliderValue{border: 1px solid #5A4D9F;}
.TargetTypeNumber .quantity:hover .quantity-button.quantity-up{border-top: 1px solid #5A4D9F;border: 1px solid #5A4D9F;}
.TargetTypeNumber .quantity:hover .quantity-button.quantity-down{border-bottom: 1px solid #5A4D9F;border: 1px solid #5A4D9F;}
#vertical_tab .quantity input{min-width: 180px;}
#vertical_tab .SingleInput{display: block;margin: 13px 0px 0px;}
#vertical_tab .SingleInput input{height: 42px !important;margin: 0px;}
.CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 38px;border: 1px solid #e0e0e0 !important;
    border-radius: 5px;}
.CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover {
    border: 1px solid #5A4D9F !important;
}
#vertical_tab .CustomProgress .Progress-Dropdown{width: 25%;}
#vertical_tab .CustomProgress .TargetTypeNumber.SingleValue{width: 75%;}
#vertical_tab .CustomProgress.ProgressFullwidth .Progress-Dropdown{width: 100%;}
.WhiteBtn{line-height: 33px;}
.SortBy small.ExportIcons{line-height: 40px;}
.SortBy small.FilterIcon {
    line-height: 33px;}
    div.dataTables_wrapper div.dataTables_length select:hover{cursor: pointer;border-color: #5A4D9F;}
/*Create report start*/
.LocationTreeDIV .SelectAllText{margin: 2px 0 0px 30px;}
#CompletedPer .CustomProgress{border-radius: 5px 0px 0px 5px;}
#CompletedPer .CustomProgress.ProgressFullwidth{border-radius: 5px;    border: 0px solid #e0e0e0;
    background: transparent;width: 41%;display: flex;}
#CompletedPer .CustomProgress .TargetTypeNumber.SingleInput{display: inline-block;
    float: none;margin: 0px 0px 0px 6px;}
#CompletedPer .CustomProgress .Progress-Dropdown .btn-group.bootstrap-select{width: 155px !important;}
#CompletedPer .CustomProgress.ProgressFullwidth input.sliderValue {height: 38px !important;min-width: 145px !important;}
.CreateObjective .CreatePeriod{padding: 16px;}
.CreateObjective .CustomSorting .icon-DownArrow{padding-top: 5px;}
.CreateObjective .TargetFieldDropdown .CustomSorting.Open .icon-DownArrow{top: 0px;}
.CreateObjective .CustomProgress{width: 41%;display: flex;}
.CreateObjective .CustomProgress .Progress-Dropdown{width: 50%;}
.CreateObjective .CustomProgress .TargetTypeNumber.SingleValue{width: 44%;}
.CreateObjective .CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{padding-top: 0px !important;}
.CreateObjective .TargetTypeNumber .quantity{margin-right: 4px;}
.CreateObjective .CustomProgress .TargetTypeNumber.BetweenValues,.CreateObjective .CustomProgress.ProgressFullwidth .Progress-Dropdown {/*width: 100%;*/}
.CreateObjective .TargetTypeNumber.BetweenValues .quantity{width: unset;}
.BetweenValues .FlexDiv{display: flex;}
.CreateObjective .AddMoreSection .CustomMens.btn-group .dropdown-menu{top: -140px;}
.Employee-Directory .dataTables_wrapper .dataTables_length label:hover{border: 0px;}
.CreateObjective .TagField .AutoSuggestContainer .SelectArrow{top: 29%;right: 10px;}
.CreateObjective .TagField .AutoSuggestContainer.active .SelectArrow{top: 32%;}
.CreateObjective .PercentInfo .tooltip.top .tooltip-arrow{top: 47px;}
.Employee-Directory .grid_table .dataTables_filter{padding: 17px 0px 10px;}
.Employee-Directory .grid_table .dataTables_length{padding: 17px 20px 10px;}
body .Employee-Directory div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin: 6px 0 5px;}
.Employee-Directory .dataTables_filter label {
    margin-top: 3px;
}
.Progress-Dropdown .btn-group .dropdown-menu.open .selectpicker li:first-child{display: none;}
.CustomProgress .TargetTypeNumber.SingleValue input{min-width: 172px;}
.CreateObjective .CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{border: 1px solid #e0e0e0 !important;border-radius: 5px;}
.CreateObjective .CustomProgress{border: 0px;background: transparent;}
.CreateObjective .CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover,
.CreateObjective .CustomProgress .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:focus,
.OKRContain.Focus .CustomSorting{border: 1px solid #5A4D9F !important;}
/*create report end*/
.table {border-collapse: inherit;}
.Add_Tags{padding-right: 0px;}
.Multicheck-directory .ChooseBtn.DisableBtn{cursor: not-allowed;opacity: 0.5;}
.Multicheck-directory .ChooseBtn.DisableBtn a{pointer-events: none;}
.CustomMultitags.FloatingLabel.opened .MultiselectEmployeeAvatarDiv label.placeholder{top: -10px;
    margin: 0;
    font-size: 14px;
    left: 6px;
    background: #fff;
    padding: 0 6px;
    color: #777;
    z-index: 9;}
.ReportContainer .Employee-Table .table td.KeyCell{min-width: 400px;width: 400px;white-space: initial;}
.KeyLists div{display: flex;align-items: flex-start;}
.KeySection .KeyLists{margin-bottom: 15px;}
.KeySection .KeyLists span,.KeyLists p{display: inline-block;}
.KeySection .KeyLists span{border-radius: 3px;
color: #575757; font-weight: 600;display: inline-block;vertical-align: middle;line-height: 25px;
width: auto;min-width: 55px;height: 24px;text-align: center;font-size: 11px;padding: 0px 5px;}
.Dashline{display: inline-block;font-size: 26px;padding-right: 10px;color: #808080;margin: -7px 0px 0px;height: 24px;}
.KeySection .KeyLists p{margin: 0px 0px 0px 10px;}
.SeeAll{display: inline-block;float: right;margin-top: -18px;font-size: 13px;font-weight: 600;position: relative;left: 5px;}
.SeeAll:hover{text-decoration: underline;}
.SeeAll-Action .KeyLists:first-child,.KeySection .KeyLists.SingleList{margin-bottom: 0px;}
.SeeAll-Action .SeeAll{margin-top: -22px;}
a.SeeAll:focus,a.SeeAll:hover{color: #483B8C;}
td.SeeAll-Action .KeySection .KeyLists:first-child p{margin: 0px 0px 0px 10px;
    max-height: 60px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden !important;
    text-overflow: ellipsis;white-space: unset;display: -webkit-box;width: 280px;}
td .KeySection .KeyLists.SingleList p{-webkit-line-clamp: inherit;display: inline-block;/*width: 244px;*/}
.KeySection .KeyLists span.Completed{background: #A4D777;}
.KeySection .KeyLists span.lagging{background: #DFB797;}
.KeySection .KeyLists span.on-track{background: #BBC4F8;}
.KeySection .KeyLists span.leading{background: #65EAD2;}
.KeySection .KeyLists span.not-started {background: #FC8A8A;}
.GridRow.BgColor td{background: #F5F5F5;}
.WithKey-Enable .UICheckbox small{top: 1px;}
.WithKey-Enable.active .LabelText{font-weight: bold;}
/*.CustomMultitags.opened .MultiselectEmployeeAvatarDiv .MultiEmployeeSearchListAV{display: block !important;}*/
.ReportSection .Ranges span{border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    padding: 0px 20px;
    height: 24px;
    line-height: 24px;
    font-weight: 600;}
.ReportSection .Ranges .Low{background: #FFDADA;color: #FA3831;}
.ReportSection .Ranges .Medium{background: #FFF7DA;color: #C29203;}
.ReportSection .Ranges .High{background: #DAFFDE;color: #23B31D;}
@media only screen and (min-width: 768px) and (max-width: 1320px){
.ReportContainer .ActionCell .icon-ore{top: -2px;}
.ReportContainer .ActionCell:last-child .icon-more{top: -4px;}
}
@media only screen and (min-width: 1321px) and (max-width: 1400px){
}
@media only screen and (min-width: 1110px) and (max-width: 1300px){
.modal-body #CompletedPer input[type="text"]{width: 180px !important;} 
#CompletedPer .CustomProgress.ProgressFullwidth input.sliderValue{min-width: 129px !important;margin-left: 10px !important;}
.CustomProgress .Progress-Dropdown .btn-group.bootstrap-select {
    width: 126px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1109px){
.modal-body #CompletedPer input[type="text"]{width: 150px !important;} 
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
.TargetTypeNumber.BetweenValues .quantity input{min-width: 140px;}
.WithcheckBox.table tr td:nth-child(2), .WithcheckBox.table tr th:nth-child(2) {
    padding-left: 15px;
}
.WithcheckBox.table tr td:first-child, .WithcheckBox.table tr th:first-child {
    padding: 10px 10px 10px 15px;
}
.CustomProgress .Progress-Dropdown .btn-group.bootstrap-select {
    width: 150px !important;
}
#CompletedPer .CustomProgress .Progress-Dropdown .btn-group.bootstrap-select {
    width: 120px !important;
}
#CompletedPer .CustomProgress.ProgressFullwidth input.sliderValue{min-width: 92px !important;margin-left: 0px !important;}
.TargetTypeNumber .quantity input {
    min-width: 160px;
}
}
@media only screen and (min-width: 300px) and (max-width: 900px){
  .Datepickercontainer .ToText{display: none;}
  .content .BackButton{margin-top: -44px;}
  .Datepickercontainer .PercentInfo{margin-top: 0;position: absolute;top: 20px;right: 16px;}
  .Datepickercontainer .ToastParent .TargetTypeNumber {margin-top: 10px;}
  .Employee-Table div.dataTables_wrapper div.dataTables_paginate{margin: -4px 0px 20px !important;}
  .TargetTypeNumber input[type="text"].DatePickerBox,.Datepickercontainer .TargetTypeNumber {width: 100% !important;}
  .ReportContainer .Employee-Table .table .ActionCell{width: 10px;min-width: 10px !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.table {border-collapse: inherit;}
}
@-moz-document url-prefix() {
.table {
    border-collapse: inherit;
  }
}