.overallstatus{border:1px solid #D4D4D4; border-radius: 4px;}
.plain-tab{ background:#fff;}
/*.tab-overflow .nav.nav-tabs.plain-tab li,.NewTabbedPanel li{ border-right:0; font-size:16px !important; padding:0 20px 0 0;}*/
/*.NewTabbedPanel li{ padding:0px 2px 5px 2px; margin:0 20px 0 0;}*/
/*.tab-overflow .nav.nav-tabs.plain-tab li a{ padding:6px;}*/
.tab-overflow .nav.nav-tabs.plain-tab li.active a{color: #353535;background: #E3E3E3;border-radius: 4px;}
/*.tab-overflow .nav.nav-tabs.plain-tab li.active a,.NewTabbedPanel li.active{ color:#764FB7;}*/
.tab-overflow .nav.nav-tabs.plain-tab li a:hover{ background: #E3E3E3;border-radius: 4px;}
h2{color:#434343; font-size:14px;}
.ReportProgressBar li{ clear:both;}
.ReportProgressBar label{font-size:14px; color:#5d5c5c; margin:0 0 10px 0; display:block;}
.progress.progress-new{ height:12px; background: repeating-linear-gradient(
  -55deg,
  #f65f5b,
  #f65f5b 6px,
  #f05855 2px,
  #f05855 8px
); border-radius:30px; width:65%; float:left;}
.progress-new .progress-bar{background: repeating-linear-gradient(
  -55deg,
  #3ca639,
  #3ca639 6px,
  #379f34 2px,
  #379f34 8px
); position:relative;}
.progress-new .progress-bar span{ height:12px; width:70px; background: -webkit-gradient(linear, left top, right top, from(#3ca639), to(#f65f5b));
background: -moz-linear-gradient(left, #3ca639, #f65f5b); position:absolute; right:-42px;
}
/* .progress-new .progress-bar span label{background:repeating-linear-gradient(-55deg, transparent,transparent 7px, #917d44 1px,
  #917d44 8px); width:100%; height:12px; margin:0;} */
.Progressvalues{ float:left; width:20%; font-size:16px; color:#5d5c5c; margin:-3px 0 0; padding:0 0 0 12px;}
.Progressvalues a{color:#3ca639; }
.ChartArea{padding:20px 0 0;}
.slimScrollRail{background:#e9e9e9; width:1px !important; right:3px !important;}
.slimScrollBar { background:#d3d3d3 !important; width:6px !important; opacity:1 !important;}

.ProgressList h3{ color:#f15b5a; text-transform:uppercase; font-size:14px; margin:0 0 0px 0px; display:inline-block;}
.ProgressList h3 label{color:#5d5b5c; padding:0 5px 0 0;}
.progresscount{ color:#5d5b5c; font-size:14px; font-weight:bold; margin:0 0 20px 0;}
.progresscount span{ color:#339935;}
.ProgressList ul{ width:85%;}
.ProgressList li{border-bottom:1px solid #D4D4D4; padding:10px 0;}
.ProgressList li label{ width:85%; display:inline-block;}
.ProgressList li span{color:#3daa3d; display:inline-block; width:15%; font-weight:bold;}
.ActionBtns{ position:absolute; right:18px; top:26px; z-index:0;}
.Download,.DownloadPDF{ color:#5c5c5c; border:1px solid #D4D4D4; padding:7px 14px; border-radius: 4px; margin:0 10px 0 0; background:#fff; position:relative; }
.Download i,.DownloadPDF i{ color:#3aa838; }
.Download .icon-mail:before{color: #3aa838;font-size: 13px;}
.Download:hover,.DownloadPDF:hover{color:#5c5c5c; border-color:#764FB7; color:#764FB7;}
.ActionBtns .Download i{margin-right: 6px;}
.ActionBtns a.active{background:#764FB7; color:#fff;  /*text-transform:uppercase;*/}
.ActionBtns span a{ color:#5c5c5c; padding:7px 14px; background:#fff; border:1px solid #D4D4D4; cursor:pointer; }
.ActionBtns a.chart,.ActionBtns a.chart.active{ border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:0;}
.ActionBtns a.chart:hover{border-color:#764FB7;color:#764FB7;}
.ActionBtns a.grid:hover{border-color:#764FB7;color:#764FB7;}
.ActionBtns a.grid,.ActionBtns a.grid.active{border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:0; }
.gridDiv.grid_table{ margin:0 -25px;  display:none;}
.gridDiv.grid_table.Overall_Grid{ overflow-x:hidden;}
.ActionBtns span a.active{border: 1px solid #764FB7; }
.ActionBtns span a.active:hover{color:#fff;}

/* Filter */
.FilterBtn{ width:145px;}
.FilterSection{ padding:10px 20px 0px;box-shadow: 0 0px 6px #dcdada !important;
    -webkit-box-shadow: 0 0px 6px #dcdada !important;}
.chartdiv{  padding:10px 0 30px;}
.DailyProgress{}
.ChartGrid{ float:left; width:100%; padding:0 5px 30px 15px; -webkit-box-sizing: initial !important; moz-box-sizing:  initial !important; box-sizing:initial !important; border-bottom:1px solid #D4D4D4; margin:0 -5px 20px;}
.pagination-new li a{margin-left:0; border-radius:0px !important; -moz-border-radius:0px; -webkit-border-radius:0px; color:#3f4a59;}
.pagination-new previous,.pagination-new next{background:#eeeeee !important; color:#b2b0b1;} 
.pagination-new li.active a,.pagination-new li a:focus,.pagination-new li a:hover{ background:#fae2e0;border:1px solid #f15b5a;  color:#3f4a59;}
.paging_simple_numbers{ text-align:right;}
.hidecompleted{ width:120px; position:absolute; right:0; top:16px; margin-right:18px; }
.hidecompleted:hover label{color:#764FB7;}
.hidecompleted:hover .UICheckbox small{ border-color:#764FB7;}
.hidecompleted label{ float:left; margin:0 5px 0 0;}
.selected-filters{  float:right;}
.selected-filters span{ margin:0 5px; position:relative; color:#3d3d3b; font-size:16px; background-color: #e6e5fb;
    border: 1px solid #b4d4f5;border-radius:4px; padding:5px 30px 5px 11px;}
 .selected-filters span:hover{border-color:#461F87;}
.selected-filters small{color:#764FB7;display: block;line-height: 16px;}
.selected-filters a.delete,.selected-filters a.cyclename{ position:absolute; right:8px; top:13px; color:#90a1b1; font-size:16px;}
.selected-filters a.delete:hover{color:#6a6b6c;}
.selected-filters span.scroll_tab_left_finisher,.selected-filters span.scroll_tab_right_finisher{ background-color:transparent; border:0;}
.scroll_tab_left_button,.scroll_tab_right_button{ border-radius:50%; top:13px !important;}
.scroll_tab_right_button{right: -10px !important;}
.scroll_tab_last{ margin-right:0px !important;}
.scroll_tab_first{ margin-left:0px !important;}
.scroll_tab_inner{margin:0 0px 0px 10px !important;}
.show-more{font-size: 12px;  color: #337ab7; float: right;}
#CycleName input.DatePickerBox{ margin-left:5px;}
.Search_Div small{top:9px; right:10px; font-size:18px; cursor:pointer; display:none;}
.loader-container{ margin-top:60px; text-align:center;}
.ReviewButton{ position:absolute; bottom:35px;}
.large-data .ReviewButton{bottom:42px;}
.grid_table .employee_name{ line-height:normal; margin-top:13px;}
.overallstatus td.sorting_1{ width:220px;}
.overallstatus .dataTable th{ min-width:150px;}
.overallstatus .table_icon{ display:table;}
.overallstatus .table_icon label{ float:left;  display:table-cell; vertical-align:middle; text-transform: uppercase;
color: #181c32;font-weight: 500;font-size: 13px;letter-spacing: 0;padding-right: 6px;}
.overallstatus .grid_table span.table_icon::after{ display:table-cell;  vertical-align:middle; cursor:pointer;}
.overallstatus .EmployeeInfo,.FeedbackSummeryReport td .EmployeeInfo{width:200px; display:table; }
.EmployeeInfo .Employee_Avatar{ display: table-cell;
    vertical-align: middle;
    width: 48px;
    float: none;
    border: 0;
    height: 48px;
    padding: 0;
    cursor: default;}
.EmployeeInfo .Employee_Avatar span{     border: 2px solid #764FB7;
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 2px;
    cursor: pointer;
    margin-right: 10px;}
/*.EmployeeInfo .employee_name{ display:table-cell; vertical-align:middle; float:none; margin:0; width:auto; line-height:22px;}
.no-records{text-align:center;  font-size:14px;}*/
.EmployeeInfo .employee_name{float: left;}
.EmployeeInfo span{display: block;clear: both;color: #777;
    font-size: 14px;}
.Employee_Avatar.EmptyImage{border: 0px;padding-right: 10px;}
.selected-filters .no-records{height:60px; line-height:50px;}
/* Performance Score report */
.PerformanceRating{width:50%; margin:15px 0 10px;}
.NewTabbedPanel .scroll_tab_left_button, .NewTabbedPanel .scroll_tab_right_button{left:unset !important; top:0 !important;}
.NewTabbedPanel .scroll_tab_left_button{ right:-35px; }
.NewTabbedPanel .scroll_tab_right_button{ right:-70px !important;}
.NewTabbedPanel .scroll_tab_inner{ right:0 !important; left:0px !important; margin:0 !important;}
.NewTabbedPanel .ContentSection{ display:none;}
.NewTabbedPanel .ContentSection.active{ display:block;padding-bottom: 15px;}
.NewTabbedPanel.summerycontent .PerformanceRating{display: -webkit-inline-box;}
.NewTabbedPanel.summerycontent {border-top: 1px solid #D4D4D4;}
.summerycontent .tab-content{padding: 0px;}
/*.PerformanceRating li a{color: #6e7179;}*/
/*.ContentSection .gridDiv.grid_table{display: block;margin: 40px 0px 0px !important;border-radius: 3px !important;}
.ContentSection .grid_table table.dataTable.nowrap th, .ContentSection table.dataTable.nowrap td{text-align: left;}
.GridSplit .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 22px 17px;}
.ContentSection .dataTables_length{display: none;}

.ContentSection .table thead  .table_icon{text-transform: uppercase;}*//*
.ContentSection .grid_table span.table_icon:after{padding-right: 10px;padding-left: 10px;}*/
/*.SelectDrop{position: absolute;margin-top: -55px;}*/
/*.ContentSection .dataTables_wrapper table.dataTable{margin: 0px !important;}*/
.ContentSection .UISelectBox{background-position: right;height: 36px;padding: 0px 35px 0 10px;font-weight: bold;
/*background-image: url(../images/dropdown.png);*/}
./*NewTabbedPanel.summerycontent  #NewTabs2 li{margin: 0 35px 0 0;}*/
.NewTabbedPanel.summerycontent .scroll_tab_inner{right: -404px !important;}
.NewTabbedPanel.summerycontent .scroll_tab_right_button{right: -480px !important;}
.NewTabbedPanel.summerycontent .scroll_tab_left_button{right: -447px;}
.NewTabbedPanel.summerycontent .grid_table .dataTables_info{padding: 20px 18px !important;}
.ContentSection .ScoreChart{border-top: none;}
.ContentSection .TableOuter{border-radius: 5px 5px 0px 0px;border-top: 0px;}
 .ContentSection .rTableHead{padding: 20px 14px;}
 .ContentSection .rTableCell{padding: 25px 14px;}
.ContentSection .pagination li{padding: 0;margin: 0;}
.ContentSection .grid_table{border-top: 0px !important;border:1px solid #e5e5e5;border-radius: 0px 0px 5px 5px;}
.ContentSection .grid_table.b-t-1{border-top: 1px solid #e5e5e5 !important;}
.ContentSection .rTableHead{text-transform: uppercase;color: #434343;font-size: 12px;}
.ContentSection .rTableHead img{width: 10px;margin-top: -2px;margin-left: 6px;}
.ContentSection .showrecords{margin-top: 26px;}
.PerforRating .overallstatus{    box-shadow: 0 0px 6px #dcdada !important;
    -webkit-box-shadow: 0 0px 6px #dcdada !important;}
.ContentSection .HeadCount{color: #3aa838;font-size: 22px;vertical-align: middle;display: inline-block;margin-top: -5px;}
.ContentSection .TotalCount{font-size: 28px;vertical-align: middle;display: inline-block;margin-top: -5px;}
.ContentSection h4{color: #5c5c5c;text-transform: capitalize;font-size: 14px;margin-bottom: 40px;}
/*.NewTabbedPanel .PerformanceRating li a:hover{color: #461F87;background: none;}*/
.NewTabbedPanel .SelectDrop li{margin: 0px;}
.SelectAllMsg{ height:275px; margin-top:100px; display:none; text-align:center;}
.SummaryHead .ActionBtns{top: 20px;}
.NewTabbedPanel .PaginationDiv ul{margin:0;}
.NewTabbedPanel .PaginationDiv li{padding: 0px 0px 0px 0px;margin: 0 0px 0 0;}
/*.NewTabbedPanel .new-joiner-table-head{margin-bottom: 15px}*/
.NewTabbedPanel .new-joiner-table .table > thead > tr > th{border-bottom: 0px !important}
.NewTabbedPanel .new-joiner-table .scrolledTable{overflow-x: auto}
/* Manage Template*/
.ManageTemplate .bg-white{border-radius:0px;}
.ManageTemplate .FilterSection .new-btnblue{width:100px;}
.ManageTemplate .Advanced_Search_container .SearchingContainer input[type="text"]{width:95% !important;}
.ManageTemplate .SortSection .selectpicker {width:150px;}
.ManageTemplate .SortSection .Sort_Icon{    margin: -25px 20px 20px 25px;}
/* 9 Quadrant Report */
#Duration input.DatePickerBox{width: 130px !important;margin-left: 5px;}
/*.nine-quad-chart {width:50%;margin:0 auto; }*/
.nine-quad-chart table .box{width:200px;height:200px;border:1px solid #ffffff;}
.box .tooltip-inner,.box .tooltip{ width:400px; max-width:inherit;}
.nine-quad-chart table .yaxis{
  /* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
white-space: nowrap;
}
.nine-quadrant-detail .ContentSection h4{ margin:10px 0 28px; width:100%; float:left;}
.nine-quad-chart table .xaxis{height:60px;}

.nine-quadrant-detail .GridSplit .gridDiv {margin: 60px 0px 0px 0px !important;}
.nine-quad-chart table tr:nth-child(2) td:nth-child(2){background:-webkit-linear-gradient(30deg, #fb6f3f 10%, #fb8d48 40%, #fba04f 80%, #f1af53 100%);}
.nine-quad-chart table tr:nth-child(2) td:nth-child(3){background:-webkit-linear-gradient(30deg, #e6b454 10%, #d8bf58 40%, #a0c859 80%, #75cb5a 100%);}
.nine-quad-chart table tr:nth-child(2) td:nth-child(4){background:-webkit-linear-gradient(30deg, #8fc459 10%, #58c759 40%, #2ac959 80%, #16ca59 100%);}

.nine-quad-chart table tr:nth-child(3) td:nth-child(2){background:-webkit-linear-gradient(30deg, #f24838 10%, #fc613f 40%, #fd7a48 80%, #fd894d 100%);}
.nine-quad-chart table tr:nth-child(3) td:nth-child(3){background:-webkit-linear-gradient(30deg, #ff8b4b 10%, #ffa353 40%, #ffad56 80%, #e8b759 100%);}
.nine-quad-chart table tr:nth-child(3) td:nth-child(4){background:-webkit-linear-gradient(30deg, #e2c259 10%, #bbca5b 40%, #8ece5c 80%, #58d05c 100%);}

.nine-quad-chart table tr:nth-child(4) td:nth-child(2){background:-webkit-linear-gradient(30deg, #e82e2e 10%, #f04234 40%, #f9553a 80%, #fc653e 100%);}
.nine-quad-chart table tr:nth-child(4) td:nth-child(3){background:-webkit-linear-gradient(30deg, #fd6548 10%, #ff8050 40%, #ff9556 80%, #ffa75c 100%);}
.nine-quad-chart table tr:nth-child(4) td:nth-child(4){background:-webkit-linear-gradient(30deg, #fe9d56 10%, #feaf5b 40%, #edba5f 80%, #c5c161 100%);}
.nine-quad-chart .box{cursor:pointer; transition: all .2s ease-in-out;}
.box:hover { transform: scale(1.1); box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}

.nine-quad-chart .box span{ font-size:28px; display:block; }
.nine-quad-chart .box b{font-size:14px; display:block;margin-bottom:10px;}
.box:hover b{margin-bottom:15px;}
.nine-quad-chart .box a{ display:inline-block; color:#434343; border:1px solid #434343; border-radius:14px; margin:15px 0 0 0; padding:1px 16px; font-size:13px;}
.box:hover span{ font-size:38px;}
.box:hover b{ font-size:18px;}
.XYFilter{ margin:12px 0 30px 0;}
.XYFilter .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin:0; width:300px; margin:0 10px 0 6px; float:left;}
.XYFilter .dropdown-menu  li{margin:0; padding:0;}
.XYFilter .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{ height:40px;}
.XYFilter label{float:left; margin:9px 0 0 0;}
/*Employee Directory start*/
.Employee-Directory .Applied {right: 60px;top:30px;width: 266px;display: inline-block;}
.Employee-Directory .Applied span {background: #d0e6fd;border: 1px solid #b3d4f5;padding: 8px 10px;
border-radius: 4px;display: inline-block;overflow: hidden;margin-left: 5px;
text-overflow: ellipsis;white-space: nowrap;width: 172px;position: absolute;top: -11px;}
.Employee-Directory .Applied a {color: #90a1b1;margin: 0 0 0 16px;}
.Employee-Directory  .OuterBorderImg{ width:50px; height:50px;}
.Employee-Directory .OuterBorderEmpty {
    border: 2px solid #cccccc;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.Employee-Directory .OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 22px;
    line-height: 46px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
/*Employee Directory end*/
/* 9 Quadrant Report Start*/
td.yaxis, td.xaxis { visibility:hidden;}
.nine-quad-chart{ width:700px;margin:0 auto; position:relative; }
.Ylabel{ position:absolute; width:300px; text-align:center; display:inline-block; transform:rotate(-90deg); font-weight:bold; top:50%; left:-100px;}
.Xlabel{ position:absolute; width:300px; text-align:center; display:inline-block;  font-weight:bold; bottom:0; left:235px;}
.inner-table{ width:100%; }
#Directory .modal-dialog{ width:90%; max-width:inherit !important;}
#Directory .modal-body { background:#fff;}
#Directory .EmployeeList{margin-top:20px;}
#Directory .NoRecords{ border:1px dashed #c4c4c4; color:#b0b0b0; padding:40px 0; text-align:center; border-radius: 4px; width:98%; margin:5px auto 20px; clear:both;}
#Directory .jstree{margin:0;}
.EmployeeList.row .col-md-4{display:table; margin-bottom:20px; width:33.3%;}
.CardSection{ box-shadow:0 0px 8px #dcdada; border-radius: 4px; padding:10px; display:table-row; margin-bottom:20px;
  width:100%; height: 200px;}
.CardSection .ImageSide{ width:48%;display:table-cell; vertical-align:middle; border-right:1px solid #eee; margin-right:15px;padding:5px 0 0;}
.CardSection .ScoreDiv{ width:142px;  display:table-cell; vertical-align:middle; padding:0px 10px 0 10px;}
.CardSection .ImageSide label,.CardSection .ImageSide span{ display:block; line-height:normal; margin:0 0 5px 0;}
.CardSection .ScoreDiv label,.CardSection .ScoreDiv span{ display:block; display: -webkit-box;
    max-width: 100%;
   height: auto;
    max-height: 36px;
    margin: 0 auto 5px;
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
#Directory.modal{overflow-y: auto !important;}
.CardSection .ImageSide span{ color:#764FB7; font-weight:bold; margin-top:8px;}
.CardSection .ScoreDiv span{ font-weight:bold; margin:0px 0 12px 0;}
.CardSection .WhiteBtn{     margin:0;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    padding: 0 15px;}
.employee-directory .new-modal .LocationTreeDIV .searchDiv{ padding:8px 15px 0px; background:#fff;}
.modal-body .LocationTreeDIV .searchDiv .search-input{ border-radius: 4px; font-size:14px;}
.Employee-Directory .employee-directory{ margin-bottom:20px;}
.employee-directory .jstree-default .jstree-anchor{ margin-left:5px;}
.SingleSelect .ExpandAll:hover, .SingleSelect .CollapseAll:hover{ text-decoration:underline; color:#764FB7; font-weight:normal;}
#Directory .Download i,.OKRStatusPopup .Download i,.EmployeeGridPopup .Download i  {
    margin-right: 6px;
    position: absolute;
    left: 7px;
    top: 5px;
}
#Directory .Download{    padding: 7px 7px 7px 37px;
    position: relative; margin:5px 0 0 30px; display:inline-block;}
/*#Directory .theme-org-panel{ width:inherit; min-width:300px;}
#Directory .theme-org-panel .LocationTreeDIV{ min-width:300px; width:auto; max-width:700px;}*/
/* 9 Quadrant Report End*/
/*Attrition report*/
.ContentSection .HeadCount.Attrition-Report{color: #ff8b58;}
/** Reviewer Report **/
.review-report{overflow-x:auto; clear:both; }
.tablecell{ width:350px; display:table-cell;}
.review-report .reviewChart{ border:1px solid #D4D4D4; margin:5px 15px;}
.Summary h4{ font-size:15px; margin:0 0 8px 0; text-transform:inherit; width:91.6%;}
.Summary h4 span{ font-size:13px; position:absolute; right:0; top:8px; font-weight:normal;}
.progressBar .legend1{    
    background: #f65f5b;
    height: 14px;
    display: block;
    float:left;
    text-align: center;
    color:#FFFFFF;
	
  }
  .progressBar .legend2{    
    background: #f7c758;
    height: 14px;
    display: block;
    float:left;
    text-align: center;
    color:#FFFFFF;
  }
  .progressBar .legend3{    
    background:#3ca639;
    height: 14px;
    display: block;
    float:left;
    text-align: center;
    color:#FFFFFF;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
  }
   .progressBar .statusBar{
    font-size: 18px;
    margin-right: 10px;
    display: block;
    float:left;
   }
    .progressBar .Pos_absolute {
    position: absolute;
    bottom: -24px;
    left: 45%;
    color: #4d4d4d; font-size:13px; font-weight:bold;
}
.progressBar { clear:both; padding:0 0 20px 0; margin:0 0 30px 0;}
.progressBar span:first-child{border-top-left-radius:8px;
	border-bottom-left-radius:8px;}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:0 10px; margin:10px; color:#666; }
		.MultiCarousel-inner .item p{ margin:0; color:#434343; text-align:center;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:-12px; }
    .MultiCarousel .rightLst { right:-12px; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { display:none; }
		.MultiCarousel .btn{ background:none; border-radius:0; border:none; color:#D4D4D4; font-size:46px;}
		.MultiCarousel .btn:hover{ color:#b1aeae; }
		
		.MultiCarousel .btn:focus, .MultiCarousel .btn:active, .MultiCarousel .btn.active:focus{outline:none; background:none; box-shadow:none;}
.legends small{ width:12px; height:12px; display:inline-block; margin-right:3px;}
.legends span{ margin:0 10px 0 0; display:inline-block;}
.legends .NotStrated{ background: #f65f5b;}
.legends .inprogress{ background: #f7c758;}
.legends .completed{ background: #3ca639;}
.legend-items{padding-top:15px;}
.catergories #chart-container{ margin:15px 0 0;}
.MultiCarousel-inner{ float:none !important; margin:0 auto;}
/** Continuous Feedback **/
.newbg{ background:#fff;box-shadow:0 0px 6px #dcdada; border-radius: 4px; }
.FeedbackSummeryReport{color:#434343; }
.FeedbackSummeryReport h2,.PIPAnalysis{ font-size:15px; margin:25px 0 15px 0; position:inherit;}
.FeedbackSummeryReport .GridContainer{background:#fff; padding:20px;box-shadow:0 0px 6px #dcdada; border-radius: 4px; display:none;}
.FeedbackSummeryReport .gridDiv.grid_table{ display:block;}
.FeedbackSummeryReport .ActionBtns .Download{ display:inline-block;}
.summerycard{background:#fff; box-shadow:0 0px 6px #dcdada; position:relative; height:120px; border-radius: 4px; padding:30px 90px 30px 20px; border-bottom:6px solid #4598ff;}
.summerycard.awards{border-color:#ff7d7d;}
.summerycard.other{border-color:#6fc45e;}
.summerycard img{ height:65px; width:auto; position:absolute; right:20px; top:27px;}
.summerycard span{ color:#4598ff; font-size:32px; line-height:32px; display:block; font-weight:bold;}
.summerycard label{ text-transform:capitalize; font-weight:bold; margin:6px 0 0 0;}
.new-panel{float:left; width:100%;}
.new-panel h3{ font-size:15px;text-transform:capitalize;padding:16px; border-bottom:1px solid #f0f3ff; margin:0;text-align:left; }
.new-panel h3 .bootstrap-select.btn-group .dropdown-menu li > a{ text-transform:none;}
.Awards{ padding-bottom:39px;}
.Awards li img{ height:50px;max-width: 65%;display: inline-block;}
.Awards li label b{font-size:24px; display:block; margin:0 0 10px 0;}
.Awards li label p{ margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; padding-right:20px;}
.Awards ul{display:table; width:100%; table-layout:fixed;}
.Awards li{ padding:20px; display:table-row;}
.Awards li span,.Awards li label{ display:table-cell; vertical-align:middle; padding:22px 0; border-bottom:1px solid #f0f3ff;}
.Awards li label{overflow:hidden; width: calc(100% - 100px); }
.Awards li span{ text-align:center; width:80px; /*padding-left:20px;*/ vertical-align:top; }
.Awards .carousel-inner .item p{ padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px 0 0;}
.UserList .OuterBorderImg{ width:50px; height:50px; float:left; border:2px solid #764FB7;border-radius: 50%; position:absolute; }
.UserList .OuterBorderEmpty{border: 2px solid #cccccc; width:50px; height:50px; float:left;border-radius: 50%; position:absolute;}
.UserList .OuterBorderEmpty .EmptyImg{   width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 24px;
    line-height: 42px;
    font-weight: bold;
    cursor: pointer;
 border: 2px solid #fff;}
.UserList .OuterBorderImg img{width: 100%;  height: 100%;  border-radius: 50%;  text-align: center; border: 1px solid #fff;}
.UserList li{ padding:16px 20px 9px; border-bottom:1px solid #f0f3ff; position:relative;}
.UserList .Name{ margin:0px 0 0 10px; line-height:20px; padding:0 50px 0 50px; }
.UserList .Name b,.UserList .Name span{ width:65%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.UserList .Name b{color:#764FB7;width: 60%;}
.UserList .Name span{font-weight: normal;}
.UserList li small{ position: absolute;  background: #e8e8fb;  font-size: 16px;  font-weight: bold;  top:12px;  right: 12px;    padding:5px 13px 3px;  border-radius: 13px; line-height:normal;}
.Relationship .item,.Department .item{height:433px; }
.list{ display:table; width:100%; }
.list li{ padding:20px; display:table-row; position:relative;}
.list li span{display:table-cell;   height:86px; border-bottom:1px solid #f0f3ff; vertical-align:middle; padding:0 70px 0 20px;}
.list small{position: absolute;background: #e8e8fb;  font-size: 16px;  font-weight: bold;  top:30px;  right:20px;    padding:5px 13px 3px;  border-radius: 13px; line-height:normal; }
.ChangePanel{ background:#fff; box-shadow:0 0px 6px #dcdada; padding:20px; width:200px;}
.ChangePanel .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
width:100%;}
.slick-prev, .slick-next{ width:26px; height:26px;}
.slick-prev i, .slick-next i{ font-size:18px;}
.slick-next i{ margin-left:2px;}
.slick-prev i{ margin-right:2px;}
.Top10card{ padding-bottom:45px;}
.Department .Top10card{ padding-bottom:40px;}
.Top10card .UserList{height:435px; }
.Top10card .slick-prev, .Top10card .slick-next{bottom:-43px;}
.Awards .slick-prev, .Awards .slick-next{bottom:-43px;}
.Relationship .slick-prev, .Relationship .slick-next{bottom:-43px;}
.ListUser .slick-prev, .ListUser .slick-next{ bottom:-49px;}
/*.UserList li{display: table-cell;}
.UserList .OuterBorderImg, .UserList .OuterBorderEmpty{margin: 15px 10px;}*/
.UserList .Name{height: 60px;display: table-cell;vertical-align: middle;padding: 0 50px 0 60px;width: 50%;}
.Dropbox span {
    display: block;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f3ff;
    cursor: pointer;
	line-height:18px;
}
.Dropbox label {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    width: 95%;
    text-overflow: ellipsis;
    overflow: unset;
    white-space: pre-line;
	text-transform:uppercase;
    cursor: pointer;
}
.Dropbox i {
    float: right;
    font-size: 26px;
    margin: -22px 0 0;
    cursor: pointer;
}
.Dropbox ul {
    position: absolute;
    box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);
    background: #fff;
    left: 0;
    right: 0;
    display: none;
    z-index: 999;
}
.Dropbox ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #e0e2e4;
    cursor: pointer;
}
.Dropbox ul li:hover{ background:#e9f2fd;}
.Dropbox.active {
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.Top10card  .LoaderContainer{position:absolute; top:46%; left:0; right:0; font-size:20px; color:#5c5c5c;}
.FeedbackSummeryReport .GridContainer th{ min-width:150px;}
.addheight{ height:42px; overflow:hidden; position:relative;}
p a.more{ display:none;}
.addheight .more{ display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #764FB7;
    font-size: 11px;
    background: #fff;
    height: 16px;
    padding: 0 0 0 6px;}
.GridContainer .dataTables_length,.OKRStatusPopup .dataTables_length,.EmployeeGridPopup .dataTables_length{ padding-right:0px !important;}
.GridContainer .dataTables_info,.OKRStatusPopup .dataTables_info,.EmployeeGridPopup .dataTables_info{ padding-left:5px !important;     padding-top: 24px !important;}
/* carousel */
.new-panel .carousel-inner{padding-bottom:25px;}
.new-panel .carousel-control.right{ right:12px;}
.new-panel .carousel-control{top:inherit; bottom:18px;}
.carousel-control.left{left:inherit !important; right:50px;}
.carousel-control.left, .carousel-control.right{ background-image: none; opacity:1;}
.carousel-control.left.disabled .fa,.carousel-control.right.disabled .fa{background:#dcdcdc;}
.carousel-inner h5{font-size:16px; text-transform:uppercase; color:#434444; line-height:22px;}
.carousel-inner small{color:#81858c;  display:block; margin:4px 0 0;}
.carousel-inner .item p{ padding:20px 20px 0; margin:0;}
.carousel-control{ width:30px;}
.carousel-control.left{left:-15px;}
.carousel-control.right{right:-15px;}
.carousel .carousel-control .fa{background:#764FB7; border-radius:50%; margin:0 !important; text-shadow: none;}
.FeedbackSummeryReport .ActionBtns{ right:0; top:16px;}
.PipReport .ActionBtns{ right:0; top:22px;}
.trend .Chartdiv{ height:485px; position:relative;}
.Chartdiv #chart-container1{position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 98%;
    margin: 0 auto;
}
.Chartdiv #chart-container{ margin:auto; width:90%;}
.trendchart .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:150px; margin:-8px 0 0 0; border:0;}
.carousel-indicators{ bottom:-10px !important;}
.legend-items{ width:90%; margin:0 auto;}
.legends  .carousel-indicators li{ background:#c8c8c8; width:6px; height:6px; border:0px;}
.legends  .carousel-indicators li.active{ background:#6e6e6e; width:10px; height:10px;}
.legends .item li{ width:50%; float:left; padding:0 0 0 20px;}
.legends li span{ width:15px; height:15px; float:left; }
.legends li label{ width:80%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.legends .category01{ background:#fc5276;}
.legends .category02{ background:#ff9f40;}
.legends .category03{ background:#36a2eb;}
.legends .category04{ background:#22cece;}
.legends .category05{ background:#9766fa;}
.legends .category06{ background:#45c047;}
.legends .category07{ background:#b1b5be;}
.legends .category08{ background:#e866ff;}
.legends .category09{ background:#738afb;}
.legends .category10{ background:#fbda68;}
.legends .category11{ background:#9766fa;}
.legends .category12{ background:#45c047;}
#carouselExampleIndicators{ height:75px;}
.grid_table th label{ font-weight:bold; margin:0;}
.legend-items .tooltip-inner{ white-space:nowrap; max-width:inherit;}

.SummeryReport #BasicDetails .Scroll_Container.newscroll, .SummeryReport #CatDetails .Scroll_Container.newscroll, .SummeryReport
 #WorkDetails .Scroll_Container.newscroll{padding-right:30px;}
 .AutosuggestList .Scroll_Container.newscroll{padding-right:8px !important;}
@media (max-width: 1000px) {
	.Mobilemargin{ margin-top:20px;}
}
/* Download Reports */
.downloadreport{ color:#353535;}
.downloadreport .dataTables_filter label,.NewDatatable .dataTables_filter label{ float:left; position:relative; margin-bottom:20px;}

.downloadreport .dataTables_filter .form-control{    border-radius: 4px;
/*    box-shadow: 0 0px 18px #dcdada;*/
    border: 1px solid #c7c7c7;  height:32px; margin:0;   width: 220px;
    background: #fff;}
.downloadreport .dataTables_filter .form-control:hover,.downloadreport .dataTables_filter .form-control:focus,.NewDatatable .dataTables_filter .form-control:hover,.NewDatatable .dataTables_filter .form-control:focus{border-color:#764FB7;}
.downloadreport .dataTables_filter .fa-search,.NewDatatable .dataTables_filter .fa-search{ position:absolute; right:13px; top:10px; color:#909090; font-size:14px;}
.downloadreport .dataTables_filter{ padding:0;}
.downloadreport .table,.NewDatatable .table,.NewDatatable .table,.NewDatatable .table{box-shadow:0 0px 18px #dcdada; border-radius: 4px;}
.downloadreport.grid_table .dataTables_paginate,.NewDatatable .dataTables_paginate{ background:transparent; border:0;}
.downloadreport.grid_table .dataTables_length,.NewDatatable .dataTables_length{ padding:10px 0 0 !important;}
.downloadreport .dataTables_info,.NewDatatable .dataTables_info{ padding:13px 6px !important;}
.downloadreport .loader img{ width:30px;}
.downloadreport .loader label{ width:120px; margin:0 auto;}
.downloadreport table th{ text-transform:uppercase;}
.downloadreport table.table-bordered.dataTable th, .downloadreport table.table-bordered.dataTable td{ border-right-width:0; padding:16px;}
table th .table_icon label{margin-bottom: 0px;}
.downloadreport .table > thead > tr > th{padding-bottom: 0px !important;}
.downloadreport .WhiteBtn{ margin:0; font-weight:normal; text-transform:inherit;    background: transparent;
    border: 0px;color: #764FB7;}
.downloadreport .WhiteBtn i{ margin:0 5px 0 0;}
.downloadcol{ text-align:center;}
.downloadreport span.table_icon:after,.NewDatatable span.table_icon:after{ position:absolute; margin:auto auto auto 4px; top:0; bottom:0;}
.NewDatatable table.table-bordered.dataTable th, .NewDatatable table.table-bordered.dataTable td{ border-right-width:0;border-left-width:0; padding:20px;}
.downloadreport small{ position:absolute; left:300px; top:7px; font-style:italic; font-size:14px;}
.NewDatatable .dataTables_filter{padding:0; margin:10px 0 0;}
.NewDatatable thead th{ position:relative; min-width:130px; text-transform:uppercase;}
.NewDatatable .scrolledTable{box-shadow:0 0px 18px #dcdada; border-radius: 4px;}
.NewDatatable .scrolledTable table{box-shadow:none; margin:0 !important;}
.NewDatatable th .count label{ width:85px;}
.NewDatatable .dataTables_length select{ border-radius: 4px;}
.NewDatatable .gridDiv{ padding:0 10px;}
.lengthy{ height:37px; overflow:hidden; display:block;}
.NewDatatable table {
    border-collapse: separate;
    *border-collapse: collapse; /* Fallback for IE <=7. */
    border-spacing: 0; 
}
.NewDatatable table tr:first-child th:first-child {
    -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;
}
.NewDatatable table tr:first-child th:last-child {
    -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;
}
.NewDatatable table tr:first-child th:only-child{
    -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
}
.NewDatatable table tbody td {
    border-bottom: 0;
    *border-top: inherit; /* Fallback for IE <=7. */
}
.NewDatatable table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px;
}
.NewDatatable table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0;
}
.NewDatatable table tr:last-child td:only-child{
    -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
}
@media (max-width: 1100px) {
		.downloadreport .dataTables_filter .form-control{ width:190px;}
		.downloadreport small{ left:200px; font-size:13px; }
}

/* Employee Skill Set Report */
.FilterSection .new-btnblue {
    margin-top: 5px !important;
}
.NewReports{color:#4a4a4a;}
.NewReports .GridContainer{display:none; }
.NewReports .gridDiv.grid_table{ display:block;}
.NewReports .ActionBtns{ right:0;}
.NewReports .GridContainer th{ min-width:190px;}
.SkillSet{ padding:0 0 40px 0;}
.NewDatatable h2{ font-size:15px;}
.SkillSet .slick-prev, .SkillSet .slick-next{ bottom:-42px;}
.SkillSet ul{ display:table;}
.SkillSet li{ display:table-row;}
.SkillSet li div.tablecell{ display:table-cell; padding:20px 5px 0px; border-bottom:1px solid #f0f3ff; height:100px; }
.SkillSet li div label{ font-weight:bold; text-transform:uppercase; display:block; margin:0 0 6px 0; line-height:normal;}
.SkillSet li div span{ line-height:18px; display:inline-block; position:relative; height:auto;}
.SkillSet li div span a{ display:none;}
.SkillSet li div span.lengthy{ height:37px; overflow:hidden;}
.SkillSet li div span.lengthy a{ position:absolute; display:block; color:#4a4a4a; bottom:0; right:0; width:40px; background:#fff;}
.SkillSet li div.Name{ width:55%; padding-left:20px;}
.SkillSet li div.tablecell .tooltip-inner{max-width:250px; white-space:normal;}
.trendchart .trend .btn.btn-default.dropdown-toggle{border: 1px solid #fff;}

.downloadreport .dataTables_paginate{padding-right: 0px;}
.Summary_Table .OuterBorderImg{width: 48px;height: 48px;}
.Summary_Table .table  td a{color: #764FB7;}
.Summary_Table .OuterBorderEmpty {margin: 0px;border: 2px solid #cccccc;display: inline-block;width: 48px;height: 48px;border-radius: 50%;}
.Summary_Table .OuterBorderEmpty a.EmptyImg{width: 100%;height: 100%;display: inline-block;border-radius: 50%;
text-align: center;color: #764FB7;background: #ededed;font-size: 20px;line-height: 42px;font-weight: bold;
cursor: pointer;border: 2px solid #fff;}
.Summary_Table td a.EmptyName{margin-top: -10px;}
.PIP-Secction .GridContainer .grid_table .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.PIP-Secction .GridContainer .grid_table .Employee_Avatar span {
    height: 40px;
    width: 40px;
}
.PIP-Secction .GridContainer .Employee_Avatar span {
    /* border: 2px solid #dadada; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    height: 60px;
    padding: 0px;
    width: 60px;
    margin: 5px 0 0;
}
.PIP-Secction .GridContainer .dataTables_filter {
    border-bottom: 1px solid #D4D4D4;
}
.PIP-Secction .GridContainer .gridDiv.grid_table {
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}
.PIP-Secction .GridContainer .grid_table {
    border-top: 1px solid #e6e6e6 !important;
}
.PIP-Secction .GridContainer .dataTables_filter label {
    margin-top: 7px;
}
.PIP-Secction .GridContainer .GridContainer input.form-control.input-sm {
    border: 1px solid #D4D4D4;
}
.PIP-Secction .GridContainer .dataTables_info {
    padding-left: 10px !important;
    padding-top: 25px !important;
}
.PIP-Secction .GridContainer{margin-top: 68px;}
.PIP-Secction .GridContainer .dataTables_filter .fa-search{display: none;}
.PIP-Secction .GridContainer .Grid_Search{position: absolute;text-align: right;right: 221px;
top: 117px;color: #434343;}
.PIP-Secction .GridContainer .dataTables_filter input:hover, select.form-control.input-sm:hover{border-color: #461F87;}
.PIP-Secction .NewDatatable.Summary_Table thead th {
    min-width: 200px;
}
.PIP-Secction .Summary_Table .dataTables_filter{clear: both;display: block;margin-bottom: 20px;}
.PIP_Summary .Summary_Table .grid_table .table th{min-width: 200px;}
/*.PipReport .grid_table  .Employee_Avatar span{border: 2px solid #764FB7;
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 2px;
    cursor: pointer;
    margin-right: 10px;}*/
.PipReport .grid_table  .Employee_Avatar span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.PipReport .grid_table  .Employee_Avatar.EmptyImage span{margin: 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;}
.grid_table  .Employee_Avatar.EmptyImage span .EmptyImg{width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 42px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
.PipReport .grid_table td a{color: #764FB7;}
/* Objective Details Repoet */
.OKRCharts{ border-radius: 4px;  box-shadow:0 0px 6px #dcdada; background:#fff;}
.ChartPanel{padding:20px 0; }
.OKRCharts .col-md-4{ background:#fff; }
.ChartPanel h3{ font-size:15px; margin:0 0 1px 0px; text-align:center; padding:0 15px 15px;}
.OKRGrids th,.OKRStatusPopup th{position:relative; padding-right:17px !important;}
.OKRGrids th .table_icon:after,.OKRStatusPopup th .table_icon:after{position:absolute;  cursor:pointer;   margin: 0;
    right:auto; 
    top: 43%;}
	.OKRStatusPopup th .table_icon:after{ top:30%;}
.OKRSummary .summerycard {border:none; padding:20px; height:126px;}
.OKRSummary .summerycard span{float:left; text-align:center; display:inline-block; width:40px; height:40px; border-radius:30px; margin-right:10px;}
.OKRSummary .summerycard label{ float:left; font-weight:normal; border:0; text-transform:none; width:calc(100% - 60px); margin:15px 0 0 0; font-size:14px; color:#777; }
.OKRSummary .summerycard label b{ display:block; font-size:34px; font-weight:normal; margin-bottom:10px; color:#434343;}
.overdue{ padding:20px 10px 0px; text-align:center;}
/* .OKRSummary .cell{float:left; padding:0 0 0 15px;}
.OKRSummary .cell:last-child{ padding-right:15px;} */
.overdue label{display:block; margin:4px 0px 0 8px; font-weight:bold;}
.overdue a{ display:inline-block;color:#f99b1e; font-size:30px; font-weight:bold;}
.Legends{ background:#fff;}
.Legends ul{     width: 70%;
    margin: 0px auto 20px;
    text-align: center;}
.Legends ul li{display:inline-block; margin:0 10px;}
.Legends ul li small{ float:left;display:inline-block; width:20px; height:20px; border-radius: 4px;margin:0 10px 0 0;}
.Legends label{float:left; }
.ObjectivesReport .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),.ProvideTo .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	float:left; width:150px !important;
}
.ObjectivesReport #DueDate .DatePickerBox,.ObjectivesReport #CompletedPer input[type="text"],.ProvideTo input[type="text"]{height: 35px;
    float: left;
    width: 128px !important;
    padding: 5px 0 5px 30px !important;
    margin: 0 0 0 15px;}
.summerycard.TotalObj{border-bottom:5px solid #764FB7;}
.summerycard.OverdueObj{border-bottom:5px solid #f98067;}
.summerycard.CompletedObj{border-bottom:5px solid #33cc99; padding-top:24px;}
.OKRSummary .summerycard.CompletedObj label{ margin:5px 0 0 0;}
.summerycard.TotalObj span{background:#e2efff;}
.summerycard.OverdueObj span{background:#ffd8cf;}
.summerycard.CompletedObj span{background:#c1f0e0;}
.OKRSummary .summerycard span i{ font-size: 20px; line-height: 40px;}
.summerycard.OverdueObj i{ color:#f8785e;}
.summerycard.CompletedObj i{ color:#2dca96;}
.TotalObj label{ font-size:20px; font-weight:bold; display:block; color:#764FB7; margin-top:5px;}
.Score{ float:left;}
.ScoreHelp{float:left; width:20px; height:20px; font-size:20px; margin:2px 0px 0 5px;}
.ScoreHelp i{ font-size:22px;}
.OKRGrids .TextTarget{ width:250px;}
#ObjDetails .Scroll_Container{ padding-bottom:20px;}
.chartcells{float:left; background:#fff;}
.ChartBox{ border-right:1px solid #eee; width:99%;}
.Summary{ width:100%; float:left; padding:20px;}
.ObjCompleted{ background:#44ce83;}
.ObjInProgress{ background:#fac443;}
.ObjWaiting{ background:#66b0f8;}
.progressBar span.Pos_relative{    height: 14px;
    display: block;
    float: left;}
.SummaryChart,.ProgressChart,.TopProgressStatus,.BottomProgressStatus{ background:#fff; box-shadow:0 0px 6px #dcdada; margin:20px 0 0; border-radius: 4px; padding:20px; }
.WizeSummary{background:#fff; box-shadow:0 0px 6px #dcdada; margin:20px 0 0; border-radius: 4px;}
.WizeSummary .ChartFilter h3{padding: 20px 20px 0px;}
.TopProgressStatus,.BottomProgressStatus{ padding:20px 0 45px !important;}
.SummaryChart input[type="text"].LocationTree{ width:180px !important; height:35px !important; margin-right:10px;}
.SummaryChart .bootstrap-select.btn-group .btn .filter-option{}
#OrganizationUnit .LocationTreeDIV .ScrollDiv {
    max-height: 440px;
    overflow-y: auto;
}
.ChartFilter input[type="text"].LocationTree:hover,.ChartFilter input[type="text"].LocationTree:focus,.ChartFilter input[type="text"].LocationTree:active{ border:1px solid #764FB7 !important;}
.ProgressChart table{ width:100%; }
.ProgressChart table td{ border-top:1px solid #D4D4D4; padding:15px 5px; font-weight:bold; text-align:center;}
.ProgressChart table td:nth-child(1){ text-align:left;}
.ProgressChart table thead tr:first-child td{color:#b3b3b3;}
.ProgressChart table tr td:first-child{padding:15px 5px 15px 20px;}
.ProgressChart table tr td:last-child{padding:15px 20px 15px 5px;}
.SummaryChart  .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:150px; margin-bottom:0px;}
.SummaryChart .bootstrap-select.btn-group .btn .filter-option,.ProgressChart .bootstrap-select.btn-group .btn .filter-option{ font-weight:bold;}
.StatusGrid{ margin:0 -20px;}
.StatusGrid tr td:nth-child(2){ background:#edfaf3;}
.StatusGrid tr td:nth-child(2) a{color:#47cb88 !important;}
.StatusGrid tr td:nth-child(3) a{ color:#fac545 !important;}
.StatusGrid tr td:nth-child(3){ background:#fff9ed;}
.StatusGrid tr td:nth-child(4){ background:#ffe6da;}
.StatusGrid tr td:nth-child(5){ background:#fff1ea; }
.StatusGrid tr td:nth-child(6){ background:#fee8ed; }
.StatusGrid tr td:nth-child(4) a{ color:#ffa675 !important;}
.StatusGrid tr td:nth-child(5) a{ color:#fa8342 !important;}
.StatusGrid tr td:nth-child(6) a{ color:#fc5276 !important;}
.CompletedStatus,.InProgressStatus,.NotStartedStatus,.OverdueStatus,.InReviewStatus{ width:120px;}
.CompletedStatus span{ width:12px; height:12px; display:block; border-radius:50%; background:#47cb88; margin:0 auto 6px; }
.InProgressStatus span{ width:12px; height:12px; display:block; border-radius:50%; background:#fac545; margin:0 auto 6px;}
.InReviewStatus span{ width:12px; height:12px; display:block; border-radius:50%; background:#ffa675; margin:0 auto 6px;}
.NotStartedStatus span{ width:12px; height:12px; display:block; border-radius:50%; background:#fa8342 ; margin:0 auto 6px; }
.OverdueStatus span{ width:12px; height:12px; display:block; border-radius:50%; background:#fc5276; margin:0 auto 6px; }
.LagValue{ color:#fc5276;}
.OnTrackValue{ color:#ffc695;}
.TopandBottomAnalysis h3{ margin:0; font-size:15px; padding:0 20px 20px;}
.TopandBottomAnalysis table{ width:100%;}
.TopandBottomAnalysis td{border-top: 1px solid #D4D4D4; padding:12px 20px;}
.TopandBottomAnalysis table tr:first-child td{color:#b3b3b3; font-weight:bold;}
.TopandBottomAnalysis table tr:last-child td{ padding-bottom:0;}
.TopandBottomAnalysis td:nth-child(2){ width:200px;}
.TopandBottomAnalysis td span,.FieldValue{ float:left; margin-left:10px; width:calc(100% - 32px);}
.TopProgressStatus td.Score{ font-weight:bold; color:#5bd093; float:inherit;}
.BottomProgressStatus td.Score{ font-weight:bold; color:#fc5978; float:inherit;}
.ChartFilter h3{ font-size:15px; float:left; margin:10px 0 0;}
td .icon-Lagging{color:#fc5276; font-size:22px; float:left;}
td .icon-Leading-01{color:#5bd093; font-size:22px; float:left;}
td .icon-Goals_ontrack{color:#fe9e40; font-size:22px; float:left;}
.LeadingValue{color:#60d296;}
.StatusCard{ text-align:center;}
.StatusCard label{ margin-bottom:10px; font-weight:bold; text-transform:uppercase; margin-left:10px; font-size:15px;}
.TotalCounts{ border-right:1px solid #D4D4D4; padding:10px 15px !important;}
.OKRStatusPopup div.dataTables_wrapper div.dataTables_filter{ padding:15px 20px;}
.OKRStatusPopup td{padding:15px 0px 15px 17px !important;}
.OverallStatusSection { background:#fff; border-radius: 4px; box-shadow:0 0px 6px #dcdada; padding:20px;}
.OverallStatusSection h3 { font-size: 15px; float:left;   margin: 5px 0 0;}
.StatusCard h5{ font-size:15px; margin:10px 0 20px;}
.LeadingDiv i{ font-size:65px; color:#44ce83; display:inline-block;}
.OntrackDiv i{ font-size:65px; color:#f9c546; display:inline-block;}
.BehindDiv i{ font-size:65px; color:#fa8342; display:inline-block;}
.ObjCount{ font-weight:bold; font-size:26px; display:block; margin:15px 0 0 0px;}
.StatusCard .btn{ margin-top:10px; color:#764FB7;}
.TotalCounts .ObjCount{color:#764FB7; margin-bottom:10px;}
.LeadingDiv .ObjCount{color:#44ce83;}
.OntrackDiv .ObjCount{color:#f9c546;}
.BehindDiv .ObjCount{color:#fa8342;}
.SummaryDiv .col-md-3{ padding:10px 0;}
.modal.fade.OKRStatusPopup .modal-dialog{width:70% !important; max-width:inherit !important;}
.modal.fade.OKRStatusPopup .modal-body{background:#fff !important; padding:0;}
.SummaryDiv{margin:0 -20px; padding:20px 0 0;}
.OKRGrids div.dataTables_wrapper div.dataTables_filter,.OKRStatusPopup div.dataTables_wrapper div.dataTables_filter,.EmployeeGridPopup div.dataTables_wrapper div.dataTables_filter { text-align:left !important;}
.OKRGrids .dataTables_filter input,.OKRStatusPopup .dataTables_filter input,.EmployeeGridPopup .dataTables_filter input,.EmployeeGridPopup .dataTables_filter input{ border-radius: 4px;
    margin: 0 0 0 6px !IMPORTANT;
    box-shadow: 0 0px 8px #dcdada;
    border: 0;
    height: 34px;
    width: 272px;}
.OKRStatusPopup .Objectiveprogress{ width:160px;}
.OKRStatusPopup td i.icon-LeadingIcon {
    font-size: 29px;
}
.OKRStatusPopup td i{ font-size:28px; float:left; margin:-5px 5px 0 0;}
/* .OKRStatusPopup  table{ table-layout:fixed;} */
.Objectiveprogress {
    height: 14px;
    border-radius: 30px;
    margin: 4px 0 6px;
    width: 60%;
    float: left;
    background: #dbdbdb;
}
.Objectiveprogress .progress-bar {
    background: repeating-linear-gradient(
-45deg
, #59abfa, #59abfa 4px, #6fb8fc 4px, #6fb8fc 8px);
}
.NameObj{ width:320px;}
.ObjProgress{ width:260px;}
.DueDate{ width:130px;}
.ObjStatus{ width:130px;}
.ObjOwner{ width:260px;}
.ObjName{ float:left; width:calc(100% - 34px); margin:-2px 0 0 0;}
.EmpImage { width:50px; float:left;}
.OKRStatusPopup .OuterBorderImg{ width: 50px; height: 50px;   float: left;}
.OKRStatusPopup .NameDetails label{ margin-bottom:5px;}
.OKRStatusPopup td .NameDetails{ width:calc(100% - 60px); margin:0 0 0 8px;}

.OKRStatusPopup tr th:nth-child(1){ padding-left:50px !important;}
.OKRStatusPopup tr th,.OKRStatusPopup tr td{ padding:15px 0px 15px 17px !important;}
.OKRStatusPopup .Createdby a{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;}
.OKRStatusPopup th:focus,.OKRStatusPopup .dataTables_filter label:focus{outline:none;}
.OKRStatusPopup .pagination > li > a, .OKRStatusPopup .pagination > li > span{ height:30px; padding:0px 9px; line-height:30px;}
.OKRStatusPopup .OuterBorderEmpty{ width:50px; height:50px; border:2px solid #cccccc;  border-radius: 50%;}
.OKRStatusPopup .OuterBorderEmpty a{    width: 100%; 
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 44px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;}
.StatusGrid tr td a:hover{ text-decoration:underline;}
.OKRStatusPopup .dataTables_paginate{padding:10px 25px 15px 0 !important; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.OKRSummaryChart .fc__tooltip {overflow:visible !important;}
.OKRSummaryChart .fc__tooltip div{height:25px; overflow:visible; padding-top:2px; width:172px;}
.OKRSummaryChart .ToolDiv{ text-align:center; font-size:15px; float:left; margin-top:32px;}
.OKRSummaryChart .ToolDiv b{ float:left; color:#434343;float:left; width:120px; text-align:left; }
.OKRSummaryChart .ToolDiv label{float:left; text-align:center; font-size:18px; color:#764FB7; font-weight:bold; margin:0px 8px 0 0px;}
.OKRStatusPopup  .Download,.EmployeeGridPopup .Download{ position:absolute; top:20px; right:10px; padding:7px 7px 7px 37px;}
.OKRSummaryChart .fc__tooltip div.SeriesName{height:20px !important; font-size:13px; color:#434343;}
.OKRSummaryChart .fc__tooltip div.SeriesName b{ font-size:15px; width:40px; padding:0 0 0 7px;}
.Expected b{color:#00a651;}
.Achieved b{color:#7d63ab;}

.ObjectivesReport  .MultiselectEmployeeAvatarDiv { width:100%;}
.MultiselectEmployeeAvatarDiv .Name { float:left; padding:4px 33px 0px 7px; margin:0 !important;}
.ObjectivesReport .SelectedNameAV .EmpCard{ }
.ObjectivesReport .transition{ width:inherit !important;}
.ObjectivesReport .transition .delete{ top:16px;}
.ObjectivesReport .MultiEmployeeSearchListAV .OuterBorderImg{ width:50px; height:50px;}
.ObjectivesReport .transition_head .SelectedNameAV{ max-height:200px;}
.ObjectivesReport .SelectArrow{ top:40%;}
.Lead{ width:100%; float:left; border-bottom:1px solid #D4D4D4; padding:0 0 10px 0;}
.Lead span{ width:70%; float:left; color:#b3b3b3; font-weight:bold;}
.Lead span:last-child{ width:30%;}
.DeptName{ width:70%; display:table-cell; vertical-align:middle; padding-left:10px;   border-bottom:1px solid #D4D4D4; min-height:52px;}
.Departlist .Score{ width:30%; display:table-cell;  float:none; border-bottom:1px solid #D4D4D4;  vertical-align:middle; height:52px;}
.DeptName .icon-Leading-01 {
    color: #5bd093;
    font-size: 22px;
    float: left;
}
.DeptName .icon-Lagging {font-size: 22px;
    float: left; color:#fc5276;}
.DeptName i{ float:left; margin:0 0 0 10px;}
.Departlist{ width:100%; display:table;}
.Departlist ul{border-top:1px solid #D4D4D4;}
.Departlist li{ padding:15px 10px; display:table-row;}
.DeptName span{ margin:0 0 0 10px; float:left; width:calc(100% - 50px);}
.Score small{ font-weight:bold; color:#47cb88; }
.BottomProgressStatus .Score small{color:#fc5276;}
.NoRecords{ height:293px; display:table; width:100%;}
.NoRecords p{ display:table-cell; vertical-align:middle; text-align:center; font-style:italic;}
.ViewBtn{color: #764FB7;
   float:left; height:auto; min-width:auto; font-size:13px; line-height:21px;
    padding: 5px 12px;
    border-radius: 4px; margin:5px 0 0px 63px;}
.ViewBtn:hover{ color:#fff;} 
.StatusCard .btn:hover{color: #fff;}
.LinkCount label {
    margin: 1px 0 0 0 !important;
}
.CalculatedValue{     margin-top: -24px;
    float: left;
    background: #ffff;
    padding: 10px 0;
    width: 100% !IMPORTANT;
}
@media (min-width: 1050px) and (max-width: 1279px)  {
	.OKRSummary .summerycard{ padding:16px;}
}
@media (min-width: 768px) and (max-width: 1279px){
	.OKRSummary .cell.col-md-3  { width:50% !important; border:none;}
	.OKRSummary .cell.col-md-3:nth-child(1),.OKRSummary .cell.col-md-3:nth-child(2){ margin-bottom:10px;}
}
@media (min-width: 768px) and (max-width: 1080px)  {
	.OverallStatusSection .col-md-3{ width:50% !important; height:150px; border:none;}
	.OverallStatusSection .col-md-3:nth-child(1),.OverallStatusSection .col-md-3:nth-child(2){ margin-bottom:10px;}
	.chartcells{ display:inline-block; float:none; width:100% !important;}
}
.OverallStatusSection .col-md-3{}
/*PIP summary report*/
.PIP_Summary .ContentSection .grid_table{border-top: 1px solid #e5e5e5 !important;border-radius: 4px;}
.PIP_Summary.NewTabbedPanel.summerycontent{border-top: 0px !important;}
.PIP_Summary .PaginationDiv {border-top: 1px solid #e5e5e5;}
.PIP_Summary .grid_table span.table_icon:after, .PIP_Summary .grid_table span.table_icon:after{
    background: url(../images/sort.png) no-repeat center right;background-size: 18px;}
.PIP_Summary .grid_table .employee_name{float: none;margin-left: 10px;display: inline-block;margin-top: 0px;}
.PIP_Summary .OuterBorderImg{width: 48px;height: 48px;}
.PIP_Summary .table  tr th.text-center{padding-left: 40px;min-width: 280px !important;}
.PIP_Summary .gridDiv.grid_table.Overall_Grid{margin: 0 -10px 0 -10px !important;}
.Summary-Section .page-header{margin: 20px -5px;}
.PipReport.NewJoiner .GridSplit .gridDiv{margin: 0px 0px 0px !important;background: #fff;}
/*.PipReport .overallstatus.bg-white{padding: 0px !important;border: 0px;} */ 
.PipReport .grid_table .dataTables_paginate{border-top: 1px solid #D4D4D4;}
.PipReport .overallstatus .dataTable th{min-width: 200px;}
.PipReport .NewTabbedPanel .newbg{width: 49.3%;}
.FarBelow span{background: #fc5276;}
.BelowExpectation span{background: #f8a577;}
.PartiallyMet span{background: #66b0f8;}
.MetExpectation span{background: #44ce83;}
.Notprovided span{ background:#c0c0c0;}
/* .PipReport .NewTabbedPanel li{width: 50%;display: inline-block;float: left;margin: 0px;padding: 0px 2px 5px 2px;
text-align: left;} */
.PipReport .NewTabbedPanel  .legendlist li label{vertical-align: middle;display: inline-block;text-transform: capitalize;}
.PipReport .legendlist{padding: 0px;margin-bottom: 0px;}
.PipReport .legendlist li{ width:45%; padding:0; text-align:left;}
.PipReport .legendlist li a{ font-weight:bold;font-size:15px;}
.PipReport .legendlist li a:hover{text-decoration: initial;cursor: default;}
.PipReport .overallstatus {border: 0px;padding: 0 !important;}
.PipReport .slick-dots li{margin:0 !important;}
.PipReport .col-lg-6.newbg { height:435px;}
.PipReport .EmployeeInfo{width: 250px;display: table;}
.StatusSummary{ padding:12px 10px; font-size:14px; float:left; width:100%;}
.TotalPlanCount a{ color:#764FB7; font-weight:bold;}
.PlanOverdue a{ color:#fa8342; font-weight:bold;}
.OKRStatusPopup.PipReport .dataTables_info{padding-left: 10px !important;}
.OKRStatusPopup.PipReport .scrolledTable{padding: 0px 10px 0;}
.OKRStatusPopup.PipReport thead tr th:first-child{padding-left: 40px !important;}
.dataTables_filter label i{position: absolute;right: 13px;top: 10px;color: #909090;font-size: 14px;}
.PipReport .OKRlegends .legendlist a{cursor: pointer !important;}
.PipReport .OKRlegends .legendlist a:hover{text-decoration: underline;}
.PipReport .ChartBox{border: 0px;width: 100%;}
.PipReport .new-panel .chartdiv{padding: 0px 0 0px;}
.PipReport .grid_table .dataTables_info{padding: 24px 0px 25px !important;}
.PipReport .dataTables_length,.PipReport div.dataTables_info{padding: 17px 10px 17px 20px !important;}
.OKRStatusPopup.PipReport .Download{top: 20px;
    right: 15px;}

  .GridHead .grid_table .Employee_Avatar.EmptyImage span {
    margin: 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
}
.GridHead .grid_table .Employee_Avatar.EmptyImage span .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #764FB7;
    background: #ededed;
    font-size: 20px;
    line-height: 42px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.GridHead .grid_table .dataTables_paginate{border-top: 1px solid #D4D4D4;}
.PipReport .new-panel g.raphael-group-172-plots {cursor: pointer;}
.PipReport .new-panel g.raphael-group-82-plot-group {cursor: pointer;}
.PipReport.OKRStatusPopup .grid_table .EmployeeInfo {
    width: 190px;
    display: table;margin: auto;
}
.OKRStatusPopup.PipReport td:first-child{padding-left: 0px !important;}
.notstarted {
    background: #fc5276;
}
.completed {
    background: #44ce83;
}
.inprogress {
    background: #fac443;
}
.Inreview {
    background: #fa8443; width:138px !important;
}
.Overdue{background:#fa8443;}
.status {
    color: #fff;
    font-size: 13px;
    padding: 3px 13px;
    border-radius: 30px;
    margin: -8px 0 0 0;
    line-height: 20px;
    width: 100px;
    text-align: center;
    display: inline-block;
}
.PipReport .overallstatus .StartDate,.PipReport .overallstatus .EndDate,.PipReport .overallstatus .Argeement,
.PipReport .overallstatus .StatusWidth{min-width: 130px !important;}
.PipReport .OKRlegends{margin: 0 auto; width:80%;}
.PipReport #okr_chart .fc__tooltip.fusioncharts-div{text-align: center;}
.PipReport #chart-container1.ChartBox{width: 90%;margin: 0 auto;text-align: center;}
.OKRStatusPopup.PipReport  td{padding: 10px 0px 7px 17px !important;}
.PipReport .grid_table .employee_name{margin-top: 0px;}
.PipReport .grid_table .section-description{padding: 0;}


/*PIP summary end*/
/*sentimental analysis report css start*/
.SentimentalHead{clear: both;background: #fff;border-radius: 4px;padding: 20px;margin: 0px;width: 100%;display: flex;
    align-items: center;text-align: center;}
.SentimentalHead .ScoreHead img{width: 60px;height:60px;}
.SentimentalHead .ScoreHead div{display: inline-block;vertical-align: middle;margin: 10px 0 0 10px;}
.SentimentalHead .ScorePercentage{display: block;font-size: 20px;font-weight: bold;}
.SentimentalHead .ScoreName{display: block;color: #aeadad;margin-top: 5px;} 
.SentimentalHead .TotalScore{ width:400px;}
.SentimentScores{ width:calc(100% - 400px);}
.TotalQummulative{ width:160px;}
.SentimentalHead .TotalScore .icon-CheckIn{font-size: 28px;}
.SentimentalHead .TotalScore label{display: block;margin:15px 0 10px;  color:#bdbcbc;}
.SentimentalHead .TotalScore a{display: block;margin-bottom: 8px;}
.DepartmentHead li{border-bottom: 1px solid #f0f3ff;padding: 10px 15px;background: #f4f4f4;color: #a6a29f;}
.DepertmentSection ul li label{width: 60%;margin: 0px;}
.DepertmentSection ul li label i{ color:#cacaca;position:absolute; left:0px; top:1px; font-size:18px; cursor:pointer; width:18px; height:19px; display:inline-block; }
.DepertmentSection .tooltip-inner {
  background-color: white !important;
  color: #764FB7; text-align:left; font-size:12px;
  border-radius: 0 !important;
  box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 1);
}

.DepertmentSection .tooltip.right .tooltip-arrow::before {
  border-right-color: white !important;
}

.DepertmentSection .tooltip.right .tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 100%;
  z-index: -1;
  border: 5px solid #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 1);
}
.DepertmentSection .right .tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 100%;
  z-index: -1;
  border: 5px solid #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 1);
}
.DepertmentSection ul li span{width: 40%;}
.DepertmentSection .Top10card .UserList li span{float: right;width: 15%;}
.DepertmentSection .slider ul li label{ position:relative; padding-left:22px;vertical-align: middle;}
.DepertmentSection .Top10card .UserList{height: 230px;} 
.Sentimental-Chart .Top10card h3 img{width: 30px;margin-right: 5px;}
.Emp-Feedback .UserList li small{background: #fff;} 
.Emp-Feedback .UserList li small a{font-size: 22px;vertical-align: middle;}
.Sentimental-Chart .new-panel h3{text-transform: initial;text-align: center;}
.Sentimental-Chart table th img{width: 25px;margin-right: 5px;}
.Sentimental-Chart table thead th{color: #a6a29f;font-weight: normal !important;}
.Sentimental-Chart table thead .DepartmentName{background: #f4f4f4;padding-left: 20px;width: 380px;}
.Sentimental-Chart table thead .TotalFeedback{background: #f4f4f4;text-align: center;}
.Sentimental-Chart table .PositiveScore{background: #ecfaf3;}
.Sentimental-Chart table .NeutralScore{background: #fef9ec;}
.Sentimental-Chart table .NegativeScore{background: #ffedf1;}
.Sentimental-Chart table .PositiveScore,.Sentimental-Chart table .NeutralScore,
.Sentimental-Chart table .NegativeScore,.Sentimental-Chart table .TotalScore{text-align: center;font-weight: bold;}
.Sentimental-Chart table{margin-bottom: 0px;}
/*.FeedbackSummeryReport h2.emptylabel{margin: 65px 0 15px 0;}*/
.Sentimental-Chart table tbody tr td:first-child{padding-left: 20px;}
.NegativeStar .fa-star{color: #72e69d;border-radius: 4px;padding: 5px;background: #fff6f8;font-size: 12px;}
.FeedbackDeviation {padding: 30px 20px;border: 1px solid #fadde3;background: #ffedf1;margin: 10px 10px 10px;
border-radius: 4px;text-align: center;}
.FeedbackDeviation span img{width: 36px;}
.FeedbackDeviation .HighRating{display: block;color: #a6a29f;font-size: 13px;}
.b-b-0{border-bottom: 0px !important;}
.FeedbackDeviation .NegativeStar,.FeedbackDeviation .PositiveStar{display: inline-block;margin-right: 20px;}
.FeedbackDeviation .NegativeScore{display: inline-block;vertical-align: top;}
.FeedbackDeviation .NegativeScore b{font-size: 26px;vertical-align: middle;margin-left: 5px;}
.FeedbackDeviation .PercentLabel{font-size: 14px;margin-bottom: 20px;letter-spacing: 1px;display: block;}
.Sentimental-Chart table td a:hover{text-decoration: underline;}
.Sentimental-Chart table tbody tr:last-child td{border-bottom: 1px solid #e2e7eb;}
.DepertmentWize .PaginationNew {padding: 15px 20px;}
.SentimentalGrid .grid_table .dataTables_paginate{border-top: 1px solid #D4D4D4;}
.FeedbackDeviation.Neg-Feedback{background: #ffedf1;border: 1px solid #fadde3;}
.FeedbackDeviation.Positive-Feedback{background: #ecfaf3;border: 1px solid #d2f2e2;}
.PositiveStar .fa-star{color: #ffd200;border-radius: 4px;padding: 5px;background: #fff6f8;font-size: 12px;}
.Empty-star{background: #e4e4e4;border-radius: 4px;width: 20px;height: 22px;vertical-align: middle;}
.Sentimental-Chart table tr td.PositiveScore a{color: #47cb88;}
.Sentimental-Chart table tr td.NeutralScore a{color: #fac545;}
.Sentimental-Chart table tr td.NegativeScore a{color: #fc5276;}
.Emp-Feedback .Top10card .UserList{height: 426px;}
.DownloadSection{width: 100%;}
.DownloadSection .DownloadImg{float: right;color: #58514a;font-size: 20px;vertical-align: middle;display: inline-block;}
.modal.right.fade.in .modal-dialog {right: 0;margin: 0;}
.modal.right .modal-dialog {
    max-width: inherit !important;
    position: fixed;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    width: 60%;
}
.modal.right .modal-content {
    height: 100%;
    background: #f3f3f3;
    overflow-y: auto;
    border-radius: 0px;
}
.modal.right .modal-body {
    background: #fff;
    border-radius: 0px;
    padding: 20px;
}
.AligntoHeader .ArrowBtn {
    background: #fff;
    border: 1px solid #e0e2e4;
    padding: 4px 15px;
    border-radius: 8px;
    font-size: 30px;
    color: #764FB7;
    font-weight: bold;
    float: left;
    margin: -3px 12px 0 0;
}
.AligntoHeader h3 {
    border: 0;
    margin: 0;
    font-size: 20px;
}
.CommentCount {
    display: block;
    color: #777;
   margin: 10px 0px 15px;
}
.ViewDetails .FeedbackContent {
    background: #edf6ff;
    padding: 20px 15px 5px 10px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #edf6ff;
}
.ViewDetails .CommentCount .icon-CheckIn {
    opacity: 0.8;
    font-size: 22px;float: left;
    margin: 1px 5px 0 0;
}
.ViewDetails .FeedbackBy {
   padding: 0 0px 10px 0px;position: relative;
    display: table;
    margin-top: 8px !important;border-bottom: 1px solid #D4D4D4;
}
.ViewDetails .FeedbackBy:last-child{border-bottom: 0px;}
.ViewDetails .employee-details, .ViewDetails .avatar-content, .ViewDetails .ActionItems, .ViewDetails .avatar {
    vertical-align: middle;
    display: table-cell;
    position: inherit;
}
.ViewDetails .employee-details {
    padding: 0px 15px 0px 0px;    float: left;
}
.ViewDetails .employee-details .employee-image {
    border: 2px solid #764FB7;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
    float: left;
    margin-top: 3px;
}
.ViewDetails .employee-details .employee-image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.ViewDetails .avatar-content {
    border-right: 1px solid #e6e6e6;
    margin-bottom: 20px;
    width: 75%;
}
.ViewDetails .GiverName {
    display: table-cell;
    max-width: 100%;
    color: #3f4a59;
}
.ViewDetails .GiverName a {
    font-weight: bold;color: #1e8efe;
}
.ViewDetails .designation {
    color: #8f9296;
}
.ViewDetails .GiverName label.ActionDate {
    letter-spacing: initial;
    color: #8f9296;
    font-size: 14px;
    font-weight: normal;
    margin-top: 2px;
    display: block;
}
.ViewDetails .GiverName label.ActionDate i {
    font-size: 16px;
    color: #8f9296;
}
.ViewDetails .avatar-content p {
    color: rgb(0,0,0);
    display: table-header-group;
}
.ViewDetails .ActionItems {
    width: 25%;
    position: unset;top: 0;
    right: 0;
    text-align: center;
}
.ViewDetails .ActionItems span {
    color: rgb(0,0,0);
    font-size: 14px;
    margin-top: 0;display: block;
}
.ViewDetails .progress {
    border: 1px solid #eceaea;
    /* background: #fff; */
    background: -webkit-linear-gradient(left, #f85c33 5%, #f5891d 10%, #f7c42a 25%, #8dc90b 100%);
    border-radius: 6px;
    height: 10px;
    width: 90%;
    margin: 8px 0px 0 0;
    float: right;
    position: relative;
    }
.ViewDetails .progress-bar {
    height: initial;
    /* background: #f87331; */
    width: 40%;
    background: transparent;
    /* background: linear-gradient(to right, #f85c33 20%, #f7c22a 80%); */
}
.ViewDetails .right-content .ProgressPercentage span {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
}
.ViewDetails .MetStar .fa-star, .OtherFeedback .AboveStar .fa-star {
    color: #ffd203;
}
.TeamLabel{color: #764FB7;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    display: block;}
.b-b-1{border-bottom: 1px solid #D4D4D4;}
.Sentimental-Chart .fusioncharts-container .raphael-group-411-dataset-axis text:first-child{fill: #47cb88;}
.Sentimental-Chart .fusioncharts-container .raphael-group-411-dataset-axis text:nth-child(2){fill: #fac545;}
.Sentimental-Chart .fusioncharts-container .raphael-group-411-dataset-axis  text:last-child{fill: #fc5276;}
.WizeSummary .raphael-group-112-item path,.WizeSummary .raphael-group-261-item path{display: none;}
/*.WizeSummary .PostiveWise{color: #47cb88;}
.WizeSummary .NeutralWise{color: #fac545;}
.WizeSummary .NegativeWise{color: #fc5276;}*/
.WizeSummary .fusioncharts-container svg{left: 0px !important;border-radius: 4px;top: 20px !important;}
.WizeAction{text-align: center;position: relative;padding-bottom: 20px; width:100%; float:left; }
.RelationshipWise .WizeAction{margin-top:20px;}
.WizeSummary .wize-items li{display: inline-block;}
.WizeSummary .wize-items li img{width: 25px;}
.WizeSummary .wize-items li span{display: block;margin-top: 5px;}
.WizeSummary .wize-items{/*position: absolute;top: -55px;margin: 0 auto;text-align: center;left: 130px;*/}
.WizeSummary .raphael-group-34-legend,.WizeSummary .raphael-group-270-item{display: none;}
.RelationshipWise .wize-items li img{width: 25px;}
.RelationshipWise .wize-items li span{display: block;margin-top: 5px;}
.RelationshipWise .wize-items li {display: inline-block;}
.RelationshipWise .ChartPanel {padding: 20px 0 0;}
.new-modal.modal.fade.EmployeeGridPopup .modal-dialog{ max-width:inherit !important; width:80%;}
.EmployeeGridPopup .dataTables_wrapper table.dataTable{ table-layout:fixed;margin: 10px 0 0 !important;}
.EmployeeGridPopup .OuterBorderImg{width:46px; height:46px; padding:1px;}
.EmployeeGridPopup .NameDetails { width:170px; margin:0 0 0 2px;}
.EmployeeGridPopup .NameDetails span{margin:5px 0 4px; font-size:14px;}
.TwoDates{ display:none;}
.TotalScore a:hover{color:#764FB7; text-decoration:none;}
.viewscore{color:#764FB7; font-size:13px; padding:5px 12px; height:auto; line-height:21px;min-width:auto; margin:5px 0 0 5px;}
.TotalScore ul{ width:230px; float:left; margin:0 0 0 10px;}
.TotalScore li small{ width:14px; height:15px; display:inline-block; border-radius:30px; margin:3px 6px 0 0px; border-width:3px; border-style:solid; float:left;}
.TotalScore li{ margin-bottom:6px;float:left; width:100%;}
.TotalScore li span{ float:left; width:90%; color:#bdbcbc;}
.TotalScore li b{ color:#333; font-size:15px; }
.Empcount{border-color:#2a98f8;}
.formcount{border-color:#fbdf5f;}
.subcount{border-color:#f77b4b;}
.OrgToolTip{ display:none; position:absolute;}
.customtooltip {  
     position: relative;
    font-size: 14px;
    padding:6px 8px;
    background-color: #fff;
	box-shadow:0 0px 8px #dcdada;
    width: auto;
    text-align: center;
    max-width: 300px;
    border-radius: 4px;color:#764FB7;
}

.customtooltip-left::before {
	    content: '';
    position: absolute;
    display: block;
    left: -8px;
    top: 8px;
    width: 0;
    height: 0;
    border-width: 9px 9px 9px 0;
    border-color: transparent #FFFFFF transparent transparent;
    border-style: solid; 
    filter: drop-shadow(-3px 1px 2px rgba(220, 218, 218, 0.86));
}
#ScoreList .modal-dialog{ max-width:inherit !important; width:900px;}
#ScoreList .OuterBorderImg{ width:40px; height:40px;}

.RatingsSentiment span{display:block;}
.RatingsSentiment label{ display:inline-block; border-radius: 4px; padding:4px 6px; margin:5px 0 0;}
.RatingsSentiment label img{width:20px; }
.RatingsSentiment label.Pos{background:#ecfaf3; border:1px solid #47cb88; }
.RatingsSentiment label.Nut{background:#fef9ec; border:1px solid #fac545; }
.RatingsSentiment label.Neg{background:#ffedf1; border:1px solid #fc5276; }
.sentimentsmiley{ display:block; width:20px; height:20px;}
.EmployeeGridPopup .dataTables_filter .form-control{ margin:0 !important;}
.EmployeeGridPopup tr th:first-child,.EmployeeGridPopup tr td:first-child{ padding-left:20px !important;}
.DeptNameCol label{position: relative;  padding-left: 22px;margin-bottom: 0px;}
.SentimentalGrid .gridDiv .CFComments{margin-bottom: 0px;}
.DeptNameCol label i {
    color: #cacaca;
    position: absolute;
    left: 0px;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    width: 18px; margin:0;
    height: 19px;
    display: inline-block;
}
.TenureWise .WizeAction{ margin-top:-25px;}
.EmployeeGridPopup .grid_table .dataTables_paginate{border-top: 1px solid #D4D4D4;}
.LastUpdated{margin-bottom: 13px;}
.LastUpdated .ClockIcon{margin: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    float: none;font-weight: bold;cursor: default;}
.LastUpdated .ClockIcon.icon-Clock_Icon:before{color: #a09b9b;}
.LastUpdated .ClockText{color: #a09b9b;vertical-align: middle;font-size: 13px;font-style: italic;
  display: inline-block;float: none;line-height: 18px;}
.Pos_relative .LastUpdated{position: absolute;top: 20px;right: 42%;margin: 0;}
.LastUpdate-Alter.Pos_relative .LastUpdated{top: 28px;}
.m-t-2{margin-top: 2px;}
.EmployeeGridPopup{z-index: 9999;}
.bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 32px;border-color: #D4D4D4;border-radius: 4px;padding: 6px 25px 5px 8px !important;font-size: 12px;}
.gridDiv.grid_table {
    margin: 0 -5px 0 -25px !important;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
}
.gridDiv.grid_table.m-0{margin: 0px !important;border:0px;}
.overall_pad.p-0{
    padding: 0px 0px 0px 0px !important;
}
.grid_table .dataTables_paginate{border-top: 1px solid #D4D4D4;}
.FilterOpen{border: 0px;}
@media (min-width: 768px) and (max-width: 1023px){
.Emp-Feedback .col-md-6,.Sentimental-Chart .SummaryChart,.Sentimental-Chart .ListUser{width: 100%;}
.PercentageDiv{padding: 0px !important;}
.Emp-Feedback .col-md-6:first-child{margin-bottom: 20px;}
.DepertmentSection .ListUser{margin-bottom: 20px;}
}
/*sentimental analysis report css end*/