/*Dashboard */
.DashboardCharts .panel-heading-btn .btn{width:21px; height:21px; line-height:20px; font-size:14px; position:relative;}
.DashboardCharts .panel-body{ background:#fff; border:0;color:#000;}
.DashboardCharts .ChartContainer{ padding:10px 0 0 0; height:400px;}
.DashboardCharts .GridContainer{display:none; position:relative; height:400px;}
.OnlyGrid.GridContainer{ display:block; /* height:auto; */}
.DashboardCharts .btn-icon.active{background:#fff !important; color:black !important;}
.DashboardCharts .panel-heading .btn-group .btn{ background:transparent; color:#353535; padding:0; margin-top:1px !important;}
.DashboardCharts .panel-heading .btn-group .btn:focus{border:1px solid transparent; box-shadow:none;}
.btn .icon-download{ font-size:18px;}
.DashboardCharts .panel-heading i:hover{color:#461F87;}
/* .DashboardCharts .dropdown-menu{min-width:136px; top:25px; right:-4px;} */
.DashboardCharts .dropdown-item{ display:block; padding:5px 10px; font-size:14px;border-radius: 5px;color: #434343;font-weight: 500;}
.DashboardCharts .dropdown-item:hover{ background: #e8e8fb;font-weight: 700;}
.DashboardCharts .dropdown-item:last-child{ border:0;}
.DashboardCharts .dropdown-item i{ margin:2px 8px 0 0; float:left;}
.DashboardCharts .dataTables_filter label{ position:relative;}
.DashboardCharts .dataTables_filter i,.modal-body .dataTables_filter i{ position:absolute; right:10px; top:10px; color:#353535; opacity:1; font-size:15px;}
/* .DashboardCharts div.dataTables_wrapper div.dataTables_filter label{
    cursor:pointer;
} 
.DashboardCharts div.dataTables_wrapper div.dataTables_filter input{
    width:0px;
    border: none;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease; padding-left:30px !important; margin:0;
}
.DashboardCharts div.dataTables_wrapper div.dataTables_filter input:focus{
    border:1px solid #91b2e9;
}
.DashboardCharts div.dataTables_wrapper div.dataTables_filter input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: searchfield-cancel-button;
        cursor:pointer;
        }*/
.TotalCount i{ margin:0 0 0 8px; color:#777676; font-size:14px;}
.TotalCount{ text-align:center;}
.TotalCount .group-by{font-style: italic;color:#4d4d4d;font-weight: bold}
.GridContainer .TotalCount{ color:#232a32; margin:4px 0 0; left:3px; top:3px; position:absolute; z-index:999;right: 50px;text-align: left;}
.goals-widgets .GridContainer{ height:304px;}
.goals-widgets .GridContainer,.SkillApproval .GridContainer{ display:block;}
.modal-body h3{ font-size:15px; font-weight:bold; margin:0; padding:0 0 10px 0; }
.Configuration .modal-body input[type="text"],.Configuration .modal-body .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.TwoSideMultiSelect .btn.btn-block{font-size: 11px; height: 30px;  margin-left: auto; margin-right: auto; text-align: center; background:#fff; width: 38px;}
.TwoSideMultiSelect .btn.btn-block:hover{background:#461F87; color:#fff;}
#modal-dialog-2 .modal-dialog{ width:700px;}
.DashboardCharts .panel-body{height:auto; position:relative;}
.celebration .Emp_Details span{ width:40px; height:40px; float:left;}
.celebration .Emp_Details span img{width:100%; height:100%; border-radius:100%;}
.celebration .Emp_Details a.name{ width:150px; text-overflow:ellipsis; float:left; overflow:hidden; white-space:nowrap; }
.celebration .Emp_Details span.pull-left{ margin:0 0px 0 10px; width:70%;}
.celebration td .fa{ font-size:20px;}
.celebration td  .mailid .fa{ font-size:14px;}
.widget-summery li{ width:25%; float:left; text-align:center;}
.widget-summery li span{font-size:20px; display:block;}
.widget-summery li label{ display:block;}
.rTableHead.duedate{ width:110px;}
.progress-bar.red{ background: #FA8072;}
.progress-bar.green{ background:#32CD32;}
.progress-bar.amber{ background:#ffc200;}
.progress > span { left: 0;  margin: 0 auto; position: absolute;  right: 0;  text-align: center;  width: 50px;}
.goals-widgets .progress{ position:relative; margin-bottom:0; width:80%;}
.goals-widgets .rTableCell a{ font-size:14px; color:#337ab7;}
.trainingtable #data-table_filter{ display:none !important;}
.BoxWidget .rTable{ border:1px solid #e5e5e5;}
.progress-legend span{ width:10px; height:10px; float:left; margin:5px 4px 0 0px;}
.progress-legend li{ display:inline-block; margin:10px 5px 0 0;}
.BoxWidget div.dataTables_wrapper div.dataTables_length select{width:60px; padding:0px 5px 5px;}
.celebration1 span .OuterBorderEmpty a{line-height:76px;}
.celebration1 span{position:relative; height:90px; width:90px; display:inline-block; border-radius:50%; margin-bottom:15px;}
.celebration1 span img{ width:100%; height:100%; border-radius:50%;}
.celebration1 span .OuterBorderEmpty{width:100%; height:100%;border:0px;}
.celebration1 span a.Tag{position:absolute; bottom:-13px; left:-22px; right:-22px; color:#fff; text-align:center; padding:2px 0; font-size:12px; border-radius:30px; }
.Tag.Anniversary{ background:rgb(255,154,0,0.9);}
.Tag.Birthday{background:rgb(80,179,238,0.9);}
.Tag .fa-birthday-cake{ font-size:14px;}
.Tag .fa-gift{    font-size: 18px;
    margin: 1px 0 0 0;}
.celebration1 label{color:#333+; display:block; margin:5px 0 0; font-weight:bold; width:80%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.celebration1 .mailid{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  font-size:12px; }
.celebration1 .mailid:hover{color:#461F87;text-decoration:underline;}
.celebration1 small{ display:block;}
.EmpDetails{float:left;}
.modal-body .CheckboxCell{ overflow:auto;}
.show-less-content {
    overflow: hidden;
    margin: 0; display:inline-block;/*line-height: 18px;*/
}
.show-more-content {
    height: auto;
    overflow: auto;
    margin: 0;
}
#data-table a.show-less{ font-weight:bold; float:right; font-size:13px;}
table.dataTable thead th.Progress.sorting:after{display:none;}
.changeview{ position:relative;}
.changeview a{  border: 1px solid #dddddd;  color: #dddddd;  border-radius: 4px;  text-align: center;  height: 30px;
 width: 30px;  display: inline-block;  line-height: 32px; font-size:17px; position:absolute; top:0; right:40px;}
.changeview a.IconTable{ right:5px;}
.changeview a.active{ border:1px solid #2f70d6; background:#478ffe; color:#fff;}
.changeview a.active{ border:1px solid #2f70d6; background:#478ffe; color:#fff;}
.DashboardCharts .panel-heading{ background:#fff; border-bottom:1px solid #e6e6e6;}
.DashboardCharts .panel-heading .panel-title{ font-size:15px; font-weight:500;border: 0px;}
.DashboardCharts .icon-more{font-size:17px; margin-right:-5px;}
.DashboardCharts .new-btn{border-radius:5px; text-transform:inherit;}
.DashboardCharts .new-btn.active { background:#292e34; color:#fff; border-color:#292e34;}
.DashboardCharts{ box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);border-radius: 4px;}
/*  */
.PendingActivitiesWidget .panel-title .btn-group{position: absolute;right: 0;top: 0px;}
/*.DashboardCharts:hover{ box-shadow: 0 0px 18px #cac9c9;}
*/.DashboardCharts .panel-heading-btn .btn{ color:#828181;}
/* div.dataTables_wrapper div.dataTables_filter{ text-align:right !important;} */
.ActionContainer label{ color:#63686c; font-size:13px;}
.navbar-default .navbar-nav > li.ProductTour > a{color: #1d8ffe;  padding: 3px 17px; height: inherit;  margin: 10px 7px 0 0px; text-transform:inherit;  border-radius: 30px; background:#fff; opacity:1; border:2px solid #1d8ffe;}
.navbar-default .navbar-nav > li.ProductTour > a:hover{ color:#fff; background:#461F87;}
.goals-widgets .GridContainer{ height:420px;}
.OKRWidget .Objectiveprogress,.OKRStatusPopup .Objectiveprogress{
    height: 10px;
    border-radius: 30px;
    margin: 5px 0 6px;
    width: calc(100% - 62px);
    float: left;
    background: #dbdbdb;
}
.OKRWidget .Objectiveprogress .progress-bar,.OKRStatusPopup .Objectiveprogress .progress-bar {
    background: repeating-linear-gradient(-45deg, #59abfa, #59abfa 4px, #6fb8fc 4px, #6fb8fc 8px);
}
.OKRStatus{border-top:1px solid #dfdfdf; margin:0 -15px; padding:0 15px;}
.OKRStatus label{ display:block; text-transform:uppercase; color:#828282; font-size:14px; }
.OKRlegends a,.OKRStatus .col-md-5 a{ font-size:20px; font-weight:bold; color:#414143;}
.OKRlegends a:hover,.OKRStatus .col-md-5 a:hover{ text-decoration:underline;}
.OKRStatus .col-md-7{border-right:1px solid #dfdfdf;}
.OKRStatus .col-md-7,.OKRStatus .col-md-5{ padding:20px 15px;}
.legendlist{ padding:20px 0;}
.legendlist li{ /*display:block;*/margin-bottom: 12px; display: flex;align-items: center;}
.legendlist li span{ width:18px; height:18px; display:inline-block; border-radius:2px;vertical-align: middle;}
.legendlist li label{ color: #433D4B;display:inline-block; font-size:13px;margin:0px 0px 0px 0px;font-weight: 500;}
.legendlist li b{ color:#414143; font-size:20px;}
.legendlist li.NotStarted span{background:#FF9696;border: 1px solid #FF2424;}
.legendlist li.InPrgress span{background: #95C6FF;border: 1px solid #2370CB;}
.legendlist li.InReview span{background:#FFC188;border: 1px solid #FF7A00;}
.legendlist li.Completed span{background: #C8FFA6;border: 1px solid #48AC0A;}
.legendlist li.Vilote span{background: #A87FFF;border: 1px solid #4101CA;}
.legendlist li.Female span{background: #95C6FF;border: 1px solid #93b5dc;}
.legendlist li.Male span{background: #FBD0D5;border: 1px solid #eebdc3;}
.legendlist li.NotProvided span{background: #C0C0C0;border: 1px solid #9d9b9b;}
.Createdby label{display:block; color:#1d8ffe; margin:0;}
.Createdby span{display:block;}
.Createdby a{display:block;  color:#1d8ffe; }
.OKRStatusPopup .modal-body{ background:#fff; padding:0;}
.modal.fade.OKRStatusPopup .modal-dialog {
    max-width: inherit !important;
    width:70% !important;
}
.OKRStatusPopup div.dataTables_wrapper div.dataTables_filter{ padding:15px;}
.OKRStatusPopup .dataTables_paginate{padding:10px 20px 20px 0;}
.OKRStatusPopup .dataTables_wrapper table.dataTable{ margin:0 !important; border-bottom:1px solid #e2e7eb;}
.OKRStatusPopup .status{color:#fff; font-size:13px; padding:3px 13px; border-radius:30px; margin:-8px 0 0 0px;
 line-height:20px; width:100px; text-align:center; display:inline-block;float: left;}
.OKRStatusPopup .inprogress,.InProgress.Statusbar{background:#fac443; }
.InProgress.Statusbar{border: 1px solid #d1a12d;}
.OKRStatusPopup .inreview{background:#fa8443; }
.OKRStatusPopup .completed{background:#44ce83;}
.OKRStatusPopup .notstarted{background:#fc5276;}
#OKR-Configuration .Datepicker .DatePickerBox{ width:135px;}
#OKR-Configuration .col-md-12 label{width:170px; padding:0 15px; float:left; line-height:30px;}
#OKR-Configuration .multiselect-container{max-width:inherit;}
#OKR-Configuration .multiselect-container>li>a>label{padding:3px 20px 3px 28px; line-height:20px; width:inherit; float:none;}
#OKR-Configuration .btn.btn-default.dropdown-toggle,#OKR-Configuration .multiselect-clear-filter.btn.btn-default{ height:35px;}
#OKR-Configuration .multiselect-native-select .btn-group,.OKRName{ width:320px !important;}
.Configuration  .multiselect-container .input-group{border: 1px solid #e0e0e0;border-radius: 5px;}
.Configuration  .multiselect-container .input-group input,
 .Configuration .multiselect-container .input-group input:hover{border: 0px !important;}
.Configuration  .multiselect-clear-filter.btn.btn-default{height:35px;border: 0px;}
.Configuration  .multiselect-container .input-group.AddBorder{border: 1px solid #1d8ffe;}
#modal-dialog.Configuration .input-group input{width: 100%;margin: 0px;}
.ExportChart{ position:absolute; right:0px; color:#c8c8c8;     position: absolute;
    right: 64px;
    color: #c8c8c8;
    font-size: 18px;
    top: 18px;}
.OKRStatusPopup .NameDetails{    margin: 0px 10px 0 2px;
    line-height: 16px;
    width: calc(100% - 95px);}
.OKRStatusPopup .Information .EmpImage {
    width: 50px;
    float: left;margin-top: 4px;
}
.OKRStatusPopup .OuterBorderImg{float:left;}
/* Dashboard new changes */
.DashboardCharts .DownloadBtn{ margin-right:6px;}
.DashboardCharts .panel-heading{ border-radius:5px 5px 0px 0px;}
.DashboardCharts .panel-heading.closed{border-radius:5px;}
.DashboardCharts .panel-body{border-radius:0px 0px 5px 5px; padding-top:52px;}
.DashboardCharts.GoalsWidget .panel-body{padding-top:80px;}
/* .col-md-6 .DashboardCharts .panel-body{ height:380px; overflow:hidden;}
 */.ChartGridWidget .panel-body{ min-height:380px; }
.PendingActivitiesWidget .panel-heading .collapseoption{ position: absolute;  right: 20px; top:9px; font-size: 18px; display: inline-block; cursor:pointer; color:#777; opacity:0.7;}
.PendingActivitiesWidget .panel-heading .collapseoption:hover{opacity:1;}
.PendingActivitiesWidget .tab-overflow{ padding:0;border-bottom: 1px solid #D4D4D4;margin: 0px; }
.PendingActivitiesWidget .nav.nav-tabs.plain-tab li a{ padding:5px !important; font-size:15px;font-family: 'Roboto Slab';font-weight: 500;}
.PendingActivitiesWidget .nav.nav-tabs.plain-tab li{padding-right:10px !important;}
.PendingActivitiesWidget .tab-content{padding:15px 0;}
.PendingActivitiesWidget .item{padding:5px;}
.PendingActivitiesWidget .PendingLoader{ position: absolute; top: 0;bottom: 0;left: 0;right: 0; background: #fff;z-index: 999;
    text-align: center; }
.PendingActivitiesWidget .PendingLoader i{margin-top: 160px;  font-size: 24px; color:#777;}
.DashboardCharts .icon-downloadCSV:before{ color:#c8c8c8; font-size:16px;}
.ActivityCard{ box-shadow:0 0px 8px #dcdada; border-radius:5px; float:left; width:98%; display:table;}
.ActivityCard .Information{padding:15px 15px 0px; font-size:14px; height:92px;}
.AdditionalFields{ padding:10px 15px;  display:table-row;}
.AdditionalFields .cell{ display:table-cell; border-bottom:1px solid #e6e6e6; padding:0 15px; height:50px;vertical-align:top; }
.cell.Cycleinfo{ height:70px;vertical-align:top;}
.ActivityCard .OuterBorderImg{ width:50px; height:50px;} 
.ActivityCard .OuterBorderEmpty {
    border: 2px solid #cccccc;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.ActivityCard .OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 45px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.ActivityCard .NameDetails { width:calc(100% - 66px); margin-left:8px;}
.AdditionalFields label,.AdditionalFields span{ display:block; font-size:14px;}
.AdditionalFields label{color:#777; text-transform:capitalize; margin-bottom:0px;}
.AdditionalFields span{ font-weight:bold;}
.ActivityLink{ padding:10px 15px; height:90px; vertical-align:middle; display:table-cell;}
.ActivityLink li a:hover{color:#461F87; text-decoration:underline;}
.NameDetails label{white-space:normal;}
.tab-pane .regular{ margin-bottom:35px; padding:0;}
.tab-pane .slick-arrow{bottom:-50px; width:28px;height:28px; line-height:40px;}.LastItem .ActivityCard{height:253px;}
.LastItem .ActivityCard .cell{display:table-cell; vertical-align:middle; text-align:center;}
.PendingActivitiesWidget .slick-track{ margin-left:inherit;}
.Cycleinfo span.height{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
 overflow: hidden;}
.FilterIcon small{    background: #fe0000;
        color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
    position: absolute;
    top: -7px;
    right: -7px;}
.FilterIcon i{color:#bcbcbc; font-size:20px;}
.panel-heading .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:204px; margin:10px 16px 0 0;}
.panel-heading .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height:32px; border-color: #c7c7c7;
    border-radius: 4px;padding: 8px 25px 5px 8px !important;width: 204px;font-size: 12px;}
.panel-heading .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{border-color:#353535;}
.panel-heading .bootstrap-select button.selectpicker.btn:hover,.panel-heading .bootstrap-select button.selectpicker.btn:focus{
	box-shadow:none; border:1px solid #461F87;}
.model_filter h4{ margin-bottom:0px;}
#ConfigPoup .modal-dialog{ max-width:inherit !important; width:700px;}
.panel-heading .btn-group .dropdown-menu { padding: 0.714rem;text-align: left;
line-height: 22px;/*width: 204px;*/box-shadow: 0 0px 7px #888888;border-radius: 5px;}
.bootstrap-select.btn-group .dropdown-menu.open .inner.selectpicker{overflow-y: auto;}
/*.panel-heading .btn-group ul.dropdown-menu.inner.selectpicker li a{margin-right: 4px;}*/
.panel-heading .btn-group.bootstrap-select .dropdown-menu.open {padding: 0px;border: 0px !important;overflow: auto;}
.ButtonRow{ margin:0 0 5px 0;position: absolute;
    right: 15px;
    top: 14px;
}
.CountSec{ position:absolute; left:0; right:0; text-align:center; top:19px; font-size:13px;}
.CountSec.CountAttrition{position: absolute;top: 40px;left: 3px;}
.GoalsWidget .CountSec{top:22px;}
.ButtonRow span{/*box-shadow:0 0px 7px #dcdada; */float:right; border-radius:40px;background: #f4f4f4;}
.ButtonRow span a{padding: 0px 8px 0px 6px;width:43px; height:24px;float:left;text-align:center; line-height:26px; color:#353535; font-size:11px;}
/*.ButtonRow span a:first-child{border-right:1px solid #e6e6e6; }*/
/*.ButtonRow span a.grid{border-radius: 0px 40px 40px 0px;}
.ButtonRow span a.chart{border-radius: 40px 0px 0px 40px;}*/
.ButtonRow span a.active{color: #fff;
    padding: 0px 8px;
    background: #764FB7;
    width: 50px;
    height: 24px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
    border-radius: 40px;}
/*.ButtonRow span a:hover{color:#fff;}*/
.noitems { height: 322px; border: 1px dashed #c4c4c4;text-align: center; display: table; width: 100%;
 border-radius:5px;margin-bottom: 16px;}
 .FilterRow {z-index: 999;}
.noitems p{display:table-cell; vertical-align:middle; color: #b0b0b0; font-size:13px;}
/* TwoSide multi select */
.UpDownArrow{ margin-top:26px;}
.SelectHead{ font-size:14px; font-weight:bold;}
.TwoSideMultiSelect .btn.btn-block{ background:#f1f1f1;}
.UpDownArrow .btn.btn-block{margin-bottom:10px;}
.TwoSideMultiSelect select[multiple].form-control {height:185px; max-height:185px;}
.TwoSideMultiSelect select[multiple].form-control option{ padding:5px; font-size:14px; cursor:pointer;}
.TwoSideMultiSelect .btn.active{ color:#fff; background:#1d8ffe;}
.ChartView{ position:relative; height:300px; overflow:hidden;}
.ChartHeight.OKRWidget .ChartView{height: 240px;}
.OKRWidget .ChartView{ height:220px;}
.Wrapper{ position:absolute; background:#fff; right:0; left:0; top:0; bottom:-26px; display:none; z-index:999; text-align:center;}
.Wrapper i{ margin-top:60px; color:#1d8ffe;}
.Wrapper small{    display: block;
    color: #1d8ffe;
    font-size: 18px;
    margin: 20px 0 0 0;}
/* New Grid Changes */
.GridView .dataTables_wrapper{ margin-top:-38px;}
.GridView table.dataTable{margin-top:15px;}
.GridView{ display:none; position:relative; /*z-index:9;*/}
.modal-body .GridView{ display:block;}
.modal-body .GridView .dataTables_wrapper{ margin-top:0;}
.GridView div.dataTables_wrapper div.dataTables_filter input,.modal-body div.dataTables_wrapper div.dataTables_filter input{border-radius:5px; border:1px solid #C7C7C7 ;margin-left:0 !important; height:30px; width:240px; outline:none; padding:8px;}
.GridView div.dataTables_wrapper div.dataTables_filter input:hover,.modal-body div.dataTables_wrapper div.dataTables_filter input:hover{border-color:#764FB7;}

.GridView .table > thead > tr > th{ border-bottom:0px !important; font-weight:bold;}
.GridView a.paginate_button{ margin:0; border-radius:0px !important; padding:6px 10px !important; color:#434343; border:1px solid #dddddd;}
.GridView .paginate_button.previous,.GridView .paginate_button.next{background:#e2e7eb;}
.GridView .paginate_button.previous{ border-radius:3px 0 0 3px !important;}
.GridView .paginate_button.next{ border-radius:0 3px 3px 0 !important;}
.GridView .paginate_button.current{background:#e6e5fb !important; border-color:#8783fd !important; color:#434343 !important;}
.GridView .paginate_button:hover{background:#e6e5fb !important; border-color:#8783fd !important; }

.GridView .dataTables_info {  padding: 24px 0 0 5px !important;}
div.dataTables_wrapper div.dataTables_paginate{border-top: 1px solid #e0e0e0;}
.GridView  .dataTables_length,.GridView  div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin-top: 18px;}
.GridView .dt-buttons{ display:none;}
.GridView table.table-bordered.dataTable th, .GridView table.table-bordered.dataTable tbody td{
	border-left-width:0px; border-right-width:0px;
}
.GridView thead th:first-child{border-top-left-radius:5px;}
.GridView thead th:last-child{border-top-right-radius:5px;}
.GridView tbody tr:last-child td:first-child{border-bottom-left-radius:5px;}
.GridView tbody tr:last-child td:last-child{border-bottom-right-radius:5px;}

/* Goals Widget */
.TeamGoals-Article .Goals-Completed {
    background: #2dcc70;
}
/*.GoalsWidget table.table-bordered{ margin-top:50px !important;}*/
.GoalsWidget #table_wrapper{margin-top:0px !important;}
.GoalsWidget .GoalStatusSummary{ position:absolute; top:70px; left:0; right:15px;}
.GoalsWidget .Goals-Aside{ border-radius:5px; color:#ffffff; padding:10px;}
.GoalsWidget .Goals-Aside label{ display:block;}
.GoalsWidget .Goals-Aside span{ display:block; font-size:20px;}
.GoalsWidget .TeamGoals-Section{ width:25%; float:left; position:relative; padding:0 0px 0 15px;}
.GoalsWidget .Goals-Completed{background:#03b172;}
.GoalsWidget .Goals-Progress{background:#eaa613;}
.GoalsWidget .Goals-Started{background:#838888;}
.GoalsWidget .Goals-Overdue{background:#e84c3f;}
.GoalsWidget .progress{    position: relative;
    border-radius: 30px;
    margin: 5px 0; float:left;
    height: 12px; width:calc(100% - 50px);
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;}
.GoalsWidget td a:hover {color:#461F87; text-decoration:underline;}
.GoalsWidget .panel-body .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ position:absolute; right:20px; z-index:999;width: 200px;}
.GoalsWidget .panel-body .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{box-shadow:0 0px 4px #dcdada; border:1px solid transparent;}
.GoalsWidget .panel-body .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle:hover{border-color:#764FB7;}
.TeamGoals-Section .Goald-Icon{position:absolute; top:18px; right:8px; color:#fff; font-size: 28px; opacity: 0.8;}
.GoalProgressLegends li { display:inline-block; margin:0 6px;}
.GoalProgressLegends li small{ width:12px; height:12px; border-radius:3px; background:#32cd33; display:inline-block;}
.GoalProgressLegends li.ontrack small,.progress-bar.ontrack{background:#ffc200;}
.GoalProgressLegends li.Lagging small,.progress-bar.Lagging{background:#FA8072;}
.GoalProgressLegends li.completed small,.progress-bar.completed{background:#32CD32;}
.GoalProgressLegends li label{ color:#333; font-size:14px; margin-left:4px;}
.PendingGrids .dataTables_filter label{background: #fff;height: 35px;float: left;border-radius: 5px;box-shadow: 0 0px 8px #dcdada;
    border: 1px solid #fff;right: unset;left: -12px;top: -50px;width: 250px;}
.PendingGrids .dataTables_filter label:hover {
    border: 1px solid #353535;
}
.PendingGrids .dataTables_filter .fa-search {
    position: absolute;
    right: 13px;
    top: 10px;
    color: #909090;
    font-size: 14px;
}
.PendingGrids .dataTables_filter .form-control {
    border-radius: 5px;
    border: 0 !important;
    width: 100%;
    height: 32px;
    margin: 0;
    background: #fff;
}
.Scroll-Tabs .tab-overflow{margin-bottom: 40px;}
/* OKR */
.OKRWidget .panel-body{padding-bottom:0px;}
.OKRStatusPopup .dataTables_info{ margin-left:15px;}
.tablinks.OKR{ display:none;}
.NameObjective i{     width: 25px;
    float: left;
    font-size: 18px;
    text-align: right;
    margin-right: 8px;}
.NameObjective i.icon-Team-objective-01{ font-size:21px;}
.NameObjective i.icon-Objective{ font-size:22px;}
.NameObjective span{ /*width:250px;*/ /*float:left;*/line-height: 18px;
    display: table;font-size: 16px;}
.VerticalTabFilter  input[type="text"].DatePickerBox{ width: 132px !important;
    height: 34px;
    background-position: 7px 6px;
    padding-left: 30px !important;line-height: 34px;
    margin-left: 5px;vertical-align: middle;}
.VerticalTabFilter .modal-body .jstree{ margin-left:0px;}
#okr_chart .raphael-group-ZCPqonHk text{display: none;}
.GridTable .GridView .table.dataTable.NewGrids.m-t-30{margin-top: 0px !important;}
.GridTable .GridView #TrainingGrid.table.dataTable.NewGrids.m-t-30{margin-top: 30px !important;}
.GridTable .GridView.SortIcon .dataTables_filter label{top: -10px;left: 0px;right: unset;background: #fff;height: 35px;float: left;border-radius: 5px;
box-shadow: 0 0px 8px #dcdada;border: 1px solid #fff;}
.GridTable .GridView.SortIcon .dataTables_filter label:hover{border: 1px solid #353535;}
.GridTable .GridView.SortIcon #GoalsGrid_filter.dataTables_filter label{top: -17px;}
.GridTable .GridView.SortIcon .dataTables_filter label input{border-radius: 5px;border: 0 !important;height: 32px;margin: 0;background: #fff;}
.Nopagination .dataTables_info{display: none;}
.GridView.Nopagination .NewGrids.table.dataTable{margin-bottom: 0px !important;}
/*.col-md-12 .panel  .panel-body .GridView div.dataTables_wrapper div.dataTables_filter input{width: 240px !important;}*/
 @media only screen and (max-width:1120px){
	 .GridCol{ width:100%;}
 }
 
@media (max-width:1280px) and (min-width: 1120px){
  .GridView div.dataTables_wrapper div.dataTables_filter input{ width:130px;}
  .GoalsWidget .panel-body .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:150px; font-size:13px;}
  .dataTables_filter .icon-SearchGlass{font-size:13px;}
  .ChartOptions .tooltipdiv.OKRlegends{ top: -277px;left: -90px;}
}
   
@media (max-width:1400px) and (min-width: 1280px){
	.GridView div.dataTables_wrapper div.dataTables_filter input,.GoalsWidget .panel-body .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:152px; font-size:13px;}	
	.dataTables_filter .icon-SearchGlass{font-size:13px;}
}
@media (max-width:1100px) and (min-width: 768px){
.OKRStatusPopup .OKRTable  tr td{min-width: 150px;}
.ChartOptions .tooltipdiv.OKRlegends{ top: -274px;left: -258px;}
.Feedback_Cycle .panel-body .col-md-6{width: 100%;}
#GoalsGrid th:first-child,#examplepending th:first-child{min-width: 200px;}
#GoalsGrid th:last-child{min-width: 160px;}
}
/** Pending **/
.PendingItemGrid .EmployeeDetails{ width:250px; }
.PendingItemGrid .NameDetails span{ font-size:14px;}
.PendingItemGrid .NameDetails span:last-child{ margin-bottom:0;}
.PendingItemGrid .NameDetails label{ font-size:14px;}
.PendingItemGrid .OuterBorderImg{ width:48px; height:48px;}
.PendingItemGrid .Realtionship label{ font-size:13px; color:#777; display:block; margin-bottom:0;}
.GridActions a {display:block;}
.GridActions a:hover{ color:#461F87; text-decoration:underline;}
.PendingItemGrid tr:hover td{ background:#f7f8fa;}
.PendingItemGrid tr td{ padding:8px 15px;}
.ViewAllBtn{ position:absolute; text-transform:capitalize; top:15px; right:15px; font-size:15px; min-width:76px; height:30px; line-height:18px; z-index:999;}
.Realtionship{ color:#777; display:block; clear:both;}
/* OKR Approval */
.GridActions.More > a:nth-of-type(1n+4) {display: none;}
.ViewBtn{font-size:12px; font-weight:bold; text-decoration:underline;}
.OKRApproval tr{ position:relative;}
.OKRApproval tr a.ActionLink{ display:block;}
.OKRApproval tr a.ActionLink:hover{ color:#461F87; text-decoration:underline;}
.OKRApproval tr:hover td{ background:#fff;}
.OKRStatusPopup .OuterBorderImg{width: 46px;height: 46px;}
.OKRStatusPopup .table > thead > tr > th{padding-right: 15px !important;}

.theme-panel.active {
   /* right: 0 !important;*/opacity: 1;
}
.theme-panel {display: none;
    position: absolute;
    right:-4px;
    top: 15px;
    z-index: 1020;
    background: #fff;
    box-shadow: 0 0 2px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    width: 300px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-radius: 5px;
}
.theme-panel .theme-collapse-btn {
    position: absolute;
    left: -70px;
    width: 70px;
    padding: 10px 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px 0 0 4px;
    text-align: center;
    box-shadow: 0 0px 18px #dcdada;
    -webkit-box-shadow: 0 0px 18px #dcdada;
    -moz-box-shadow: 0 0px 18px #dcdada;
}
.theme-panel .theme-collapse-btn {
    background: #e22720;
}
.theme-panel .theme-panel-content {
    background: #fff;
    position: relative;
    z-index: 1020;
    border-radius: 5px;
}
.theme-panel-content ul {
    padding: 20px 15px 0;
}
.theme-panel-content input[type="checkbox"] {
    vertical-align: top;
}
.theme-panel-content li {
    margin: 0 0 20px 0;
}
.theme-panel-content li span {
    margin: 0 0 0 10px;
    display: inline-block;
}
.theme-panel.active .theme-collapse-btn .fa:before {
    content: '\f00d';
}
#chart-container1 .raphael-group-25-legend .raphael-group-52-item text{font-size: 13px !important;}
.NewGoalsCreate{flex-direction: column;justify-content: center;align-items: center;display: flex;}
.NewGoalsCreate div{width: 100%;margin: 0 auto;text-align: center;}
.NewGoalsCreate span{display: flex;
width: 100px;height: 100px;background: #F7F7F7;border-radius: 50%;position: relative;margin: 0 auto;}
.NewGoalsCreate span i{color: #C7C7C7;font-size: 39px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.NewGoalsCreate label{display: block;color: #353535;font-weight: 700;margin: 20px 0 5px;font-size: 14px;}
.NewGoalsCreate a{display: block;color: #764FB7;font-weight: 700;font-size: 15px;border-bottom: 3px solid #fff;width: 155px;margin: 0 auto;}
.NewGoalsCreate a:hover{border-bottom: 3px solid #764FB7;}
.NameObjective span small b,.NameObjective span small{color: #777;font-size: 14px;font-weight: normal;}
.ActivityCard .OuterBorderImg a{cursor: default;}
.Feedback_Cycle .ChartView{height: 280px;}
.DashboardCharts.Feedback_Cycle .panel-body{padding-top: 60px;}
.CardHeight{height: 470px;}
.HeadCountLegend .legendlist {
    padding: 0px;
    margin-bottom: 0px;
}
.HeadCountLegend .legend-items {
    width: 90%;
    margin: 0 auto;
}
.HeadCountLegend .legendlist li {
    width: 45%;
    padding: 0;
    text-align: left;display: block;
}
.HeadCountLegend .NewTabbedPanel .legendlist li label {
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize;
}
.HeadCountLegend .legendlist li a {
    font-weight: bold;
    font-size: 18px;vertical-align: middle;
}
.HeadCountLegend .slick-dots li {
    margin: 0 !important;
}
.HeadCountLegend .legendlist li label{display: inline-block;font-size: 14px;text-transform: capitalize;}
.HeadCountLegend .slick-dots{margin-top: -10px;}
.HeadCountLegend .slick-dotted.slick-slider{margin-bottom: 0px;}
.HeadCountLegend .fc__tooltip.fusioncharts-div{border-radius: 4px;padding: 6px !important;}
.LeyHead{margin-bottom: 16px;font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 700;}
.legendlist li a{width:25px;cursor:default;font-weight: 700;font-size: 13px;color: #433D4B;margin: 0px 10px;vertical-align: middle;display: inline-block;}
.OKRlegends .legendlist li a:hover{text-decoration: none;}
.OKRlegends .KeyCount{display: block;font-weight: 500;font-size: 12px;line-height: 16px;color: #353535;margin-top: 16px;}
.Feedback_Cycle .raphael-group-11-datalabel .raphael-group-47-plots path:first-child{stroke: #ff7a00;}
.Feedback_Cycle .raphael-group-11-datalabel .raphael-group-47-plots path:nth-child(2){stroke: #2370CB;}
.Feedback_Cycle .raphael-group-11-datalabel .raphael-group-47-plots path:nth-child(3){stroke: #48AC0A;}
.Feedback_Cycle .raphael-group-11-datalabel .raphael-group-47-plots path:nth-child(4){stroke: #4101CA;}
.Feedback_Cycle .raphael-group-11-datalabel .raphael-group-47-plots path:nth-child(5){stroke: #FF2424;}
.OKRlegends .ViewAllActions{font-size: 1rem;color: #764FB7;text-decoration: none;
    vertical-align: middle;} 
.OKRlegends .ViewAllActions i{color: #764FB7;margin-right: 4px;vertical-align: middle;font-weight: bold;
    padding-right: 4px;font-size: 16px;}
.OKRlegends .ViewAllActions span{display: inline-block;vertical-align: middle;border-bottom: 2px solid transparent;}
.OKRlegends .ViewAllActions:hover{text-decoration: none;color: #461F87;}
.OKRlegends .ViewAllActions:hover span{border-bottom: 2px solid #461F87;}
.OKRlegends .ViewAllActions:hover i{color: #461F87;}
.DisplayNone{display: none !important;}
.DashboardCharts .panel-heading .panel-title a.PanelAction{color: #764FB7;width: 100px;}
.LocationTreeDIV  .SelectAllTree.UICheckbox input{left: -6px;}
.GridView.SortIcon .table > thead > tr > th label{vertical-align: inherit;}
.GridView #examplepending_wrapper .dataTables_filter label{ top: -57px;}
.PendingGrids .GridView #examplepending_wrapper.dataTables_wrapper{overflow-y: auto;}
.SelectedCycle{display: inline-block;font-size:1rem;font-family: 'DM Sans', sans-serif;color: #808080;margin-left: 6px;}
#Employee-Search .grid_table #datatable{border-top: 1px solid #c7c7c7 !important;margin-top: 10px !important;}
#Employee-Search .grid_table #datatable thead tr th{padding: 16px 10px 10px;}
#Employee-Search .grid_table table.dataTable.nowrap tr:first-child td{padding-top: 0px;}
.Employee-Search .dataTables_length, div.dataTables_info {
    padding: 19px 20px 17px !important;
    margin-top: 0px;
}
.Employee-Search .grid_table .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0px;
}
.Employee-Search div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;
    padding: 0px 5px 5px 6px;
    font-size: 14px;
    margin-left: 5px;
}
.Employee-Search .grid_table .dataTables_paginate {
    padding: 12px 17px 0px 20px;
}
.Employee-Search .ExportOption{position: absolute;right: 20px;top: 22px;}
.Employee-Search .dataTables_filter label i{top: 9px;}
.FeedbackText{display: block;font-size: 12px;color: #353535;}
.Employee-Search .Info-Section{width: 100%;display: flex;align-items: center;}
.Employee-Search .Info-Section .icon-info-icon{margin: 0px 10px 0 0px;}
/*.dataTables_info,.dataTables_paginate,.dataTables_length,#OKRChart2 svg g ~ g text{display: none;}*/
.BgControl {
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 0.285rem;
    padding: 16px;
    margin: 0px 0px 36px;
}
.GridView .NewGrids.table.dataTable {
    margin: 15px 0 !important;
}
.AddWidgetBtn{margin:-5px 0px 13px;}
.WidgetCard .PendingGrids {border: 1px solid #D4D4D4;border-radius: 5px;padding: 15px !important;margin-top: 20px;}
.accordion-toggle-styled i{font-size: 30px;opacity: 0.5;color: #777;float: right;margin: 10px 12px 0px;}
.accordion-toggle-styled i:hover{color: #461F87;opacity: 1;}
.DashboardCharts .panel-heading.Open{border-radius: 5px;}
/*.DashboardCharts .panel-heading.Open .panel-title{cursor: pointer;}*/
.DashboardCharts .panel-heading.Open .dropdown-menu.open,.DashboardCharts .panel-heading.Open .Action_Icon,.DashboardCharts .panel-heading.Open .selectpicker,.DashboardCharts .panel-heading.Open .FilterIcon {display: none;}
.Searchshow .dataTables_filter{display: block !important;}
.CardClick{cursor: pointer;}
.Info_Rating .tooltipdiv{width: 130px;}
.Processcycle_chart .fusioncharts-container svg g ~ g text{display: none !important;fill-opacity: 0;fill:#fff;}
.GoalsWidget div.dataTables_wrapper div.dataTables_filter{position: relative;top: -10px;right: unset;}
.Selectshort.panel-heading .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.Selectshort.panel-heading .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{width: 120px;}
.GridView div.dataTables_wrapper div.dataTables_filter#FeedbackGrid_filter input,.GridView div.dataTables_wrapper div.dataTables_filter#HeadCount-Grid_filter input,.GridView div.dataTables_wrapper div.dataTables_filter#GoalsGrid_filter input{width: 250px !important;}
.NewTrend-Section .Attrition_Container,.NewTrend-Section.Open .Hire_Container {display: none;}
.NewTrend-Section.Open .Attrition_Container,.NewTrend-Section .Hire_Container{display: block;}
.GridViewEnabled.GridTable .GridView.SortIcon .dataTables_filter label{top: -40px;}
.DashboardCharts.Feedback_Cycle .panel-body.GridViewEnabled{padding-top: 90px;}
.panel-body .NewGrids.table.dataTable.nowrap th{white-space: pre-line;padding-right: 15px;}
.p-t-60{padding-top: 60px !important;}
.GridViewEnabled.GridTable.p-t-60 .GridView.SortIcon .dataTables_filter label{top: -10px;}
.AttritionText,.Text{cursor: pointer;}
.AttritionText:hover,.Text:hover{border-bottom: 2px solid #461F87;color: #461F87;}
.AttritionText.active,.Text.active{color: #764FB7;border-bottom: 2px solid #764FB7;}
.ChartOptions .tooltipdiv.OKRlegends{top: -315px;}
.fusioncharts-container svg g~g:last-child text{display: none;}
.GridView #Performancerating-Grid_wrapper.dataTables_wrapper{clear: both;}
.GridViewEnabled.GridTable.p-t-60 .GridView.SortIcon #Performancerating-Grid_wrapper .dataTables_filter label {top: -50px;}
.Employee-Search .grid_table table{border-top: 1px solid #c7c7c7;}
.panel-body #examplepending1.NewGrids.table.dataTable.nowrap th{min-width: 155px;}
.panel-body #examplepending1.NewGrids.table.dataTable.nowrap th.ReviewCycle{min-width: 185px;}
.panel-body #examplepending1.NewGrids.table.dataTable.nowrap th.EmpId{min-width: 145px;}
.panel-body #examplepending1.NewGrids.table.dataTable.nowrap th.DueDate{min-width: 95px;}
#OKRChart2.fusioncharts-container svg g~g text,#chartobject-5.fusioncharts-container svg g~g text,#genderchart.fusioncharts-container svg g~g text{display: none;}
.Grid_Search .Action_Icon .icon-more{font-size: 17px;margin-right: -5px;}
.panel-body #HeadCount-Grid.NewGrids.table.dataTable.nowrap th:first-child{min-width: 170px;}
.dataTables_length .form-control{height: 32px;}
/*Add widget start*/
.AddWidget-Container {position: absolute;display: none;z-index: 999;}
.AddWidget-Container.Open{display: inline;}
.AddWidget-Container .tooltipdiv {
background: #fff none repeat scroll 0 0; left: -154px; right: 0px;top: 22px;position: absolute;padding: 10px 0px 10px 0px;text-align: left;
line-height: 22px;width: 250px;border: 0px solid #dcdada;box-shadow: 0 0px 7px #888888;border-radius: 4px;}
.AddWidget-Container .tooltipdiv ul li {float: left;width: 100%;}
.AddWidget-Container .legendlist{padding: 0px 6px 0px 10px;}
.AddWidget-Container .tooltipdiv ul li div {display: flex;float: left;vertical-align: middle;align-items: center;}
.AddWidget-Container .tooltipdiv .legendlist li label {width: 98%;padding: 7px 6px 0px 12px;line-height: 16px;vertical-align: middle;}
.AddWidget-Container .AddWidget-Footer{padding: 15px 0px 5px;border-top: 1px solid #D4D4D4;text-align: center;margin-top: 10px;}
.AddWidget-Container .AddWidget-Footer .new-btn,.AddWidget-Container .AddWidget-Footer .new-btnblue{height: 34px;line-height: 10px;min-width: 70px;}
.grid .DownloadBtn {margin-right: 5px;}
.grid .panel-heading .btn-group.DownloadBtn .btn {background: transparent;color: #c8c8c8;padding: 0;margin-top: 10px !important;}
.grid .panel-heading .btn-group.DownloadBtn .btn:focus{box-shadow: none;}
.grid .WidgetCard .panel-heading .btn-group.DownloadBtn .btn:focus{border:0px}
.grid .panel-heading .btn-group.DownloadBtn .btn:focus,.WidgetCard .panel-heading .btn-group .btn:hover{color: #461F87;}
.grid .dropdown-item:last-child {border: 0;}
.grid .DownloadBtn .dropdown-item {display: block;
padding: 6px;width: 100%; font-weight: 700;font-size: 0.857rem;line-height: 18px;color: #353535;}
.grid  .panel-heading .btn-group.DownloadBtn .dropdown-menu{min-width: 150px;width: auto;}
.grid .DownloadBtn .dropdown-item:hover{background: #E3E3E3;border-radius: 4px;color: #353535;font-weight: bold;}
.Gender-Diversity .ChartView{width: 71%;float: left;display: inline-block;}
.Gender-Diversity .OKRlegends{margin-top: 20px;display: inline-block;width: 28%;}
.Gender-Diversity .legendlist li span{width: 30px;}
.WidgetCard .tab-overflow .nav.nav-tabs.plain-tab li a{padding: 8px;}
.selected-filters li a span.Pos_relative{border: 0px;background: transparent;padding: 0px;font-size: unset;}
.WidgetCard .tab-overflow .nav.nav-tabs.plain-tab li .NotifiCount {
    position: absolute;
    top: -8px;
    line-height: 18px;
    right: -13px;
    background-color: #fa3e3e;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;padding: 0px;
}
.NoHeader .MultipleOptions h4{font-size: 20px;}
.NoHeader .MultipleOptions p{font-size: 15px;}
.m-t--35{margin-top: -35px !important;}
.NotApplicable{display: inline-block;font-style: italic;color: #808080;}
#chartobject-6.fusioncharts-container svg g~g g,#OKRChart2.fusioncharts-container svg g~g g,#chartobject-3.fusioncharts-container svg g~g g,#genderchart.fusioncharts-container svg g~g g{fill: #fff !important;}
/* Safari */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 5+ ONLY */
    ::i-block-chrome,.GridView .dataTables_wrapper{margin-top: -20px;} 
}
/*.mac-os.safari .GridView .dataTables_wrapper{margin-top: 0px;}
.mac-os.chrome .GridView .dataTables_wrapper{margin-top: 0px;}*/
/* Safari