.ScoreReport{ background:#fff;border-radius: 5px;}
.Advanced_Search_container.stylenone {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
}
.ScoreReport input.TreeInput[type="text"] {
    background: #ffffff url("../images/TreeIcon.png") no-repeat scroll 4px 5px;
    padding: 5px 5px 5px 27px;
}
div[id^="jstree-default"], div[id^="jstree-checkable"] {
    background: #fff none repeat scroll 0 0;
    top: 29px;
    z-index: 99;
}
.ScoreReport h3{ font-weight:500; font-size:15px;margin-top:0px;}
.tab-pane .ScoreChart{ border:0;}
.ScoreChart{border-bottom: 0;
    margin: 0;
    padding: 20px 20px 0;}
#chart-container{ border:1px solid #d4d4d4; padding:20px;}
.Employee_Avatar span {
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin: 7px;
    width: 60px;
}
th .Employee_detail div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; color:#666; font-weight:500;
}
.EmpName a {
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase;
}
.Employee_Info span img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.Employee_Info .clear label{ font-weight:bold; color:#939393;}
.Employee_Info .clear span{ font-weight:bold; color:#373737;}
.ScoreGrid table{ border:1px solid #d4d4d4; border-collapse:collapse; min-width:1024; table-layout:fixed;}
.ScoreGrid table th{ border:1px solid #d4d4d4; padding:8px; color:#764FB7; }
.ScoreGrid table td{ border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:8px; vertical-align:top;}
.ScoreList li{ margin:0 0 5px 0;}
.ScoreList span{color:#fe721d; font-weight:700;}
.ScoreList label{ color:#1c1c1c; font-weight:700; margin:0 0 0 4px;}
.ScoreList small{ color:#666; display:block;}
.ScoreListCtg{ color:#a2a2a2; font-weight:700;}
.export-option{ right:20px;}
.ScoreGrid{ position:relative;}
.inner{ overflow:hidden; overflow-x:scroll; margin-left:400px;}
tr.border{ border-bottom:1px solid #d4d4d4;}
.LeftFixed,.LeftFixed2{ position:absolute; left:0;width:250px; border-right:0px !important; margin-top:-1px; border-bottom:1px solid #d4d4d4;}
.LeftFixed2{ width:150px; margin-left:250px;}
.EmpName{ white-space:nowrap;}

.Employee_detail { width:60%;}
.Advanced_Search_container .input-group-addon{width:30px;}
/* .TwoDates label{width: 25%;}
.TwoDates label{width:18.5%;}
.Advanced_Search_container .TwoDates .DatePickerBox{width: 27% !important;} */
.Advanced_Search_container .col-md-6{margin-bottom:10px;}
.BtnComments{ background:#764FB7; color:#fff;}

/* Manage Review Report */
.Monthly label,.Quarterly label,.Halfyearly label,.Annual label{ float:left; padding:5px 0 0; margin:2px 0 0 5px;}
.dataTables_wrapper .pagination{ float:right;}
.dataTables_info{padding:4px 0 0 8px;}
.DateRangeDiv{ width:50%; float:left; margin:0 0 0 10px;}
/* Performance Report */
.Advanced_Search_container .LocationTreeDIV {
    width: 52%;
    display: inline-block;
}
.jstree-node ul.jstree-children li span{ width:75%;}
.LocationTreeDIV .Pos_absolute{ display:none;}
.Employee_Avatar span img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.TableContainer{margin-right:0;}
.rTableCell, .rTableHead {
    vertical-align: middle;
}
.searchDiv { background: #f3f3f3; padding:0 0 5px 0;}
.searchDiv .search-input {
    margin: 0 auto;
    width: 92%;
}
.ScoreChart h3 span{ font-size:14px;}	

/* Goal */
.ReviewPeriod label {
    font-weight: bold;
    width: auto;
}
.ScoreCalculation .UISelectBox{ width:15% !important; float:left;}
.ScoreCalculation input[type="text"]{ width:36% !important; margin-left:1%;}
.creditgroup tspan{display:none !important;}
.performance_reports_filter .modal-body ul li {
    width: 32%;
    display: inline-block;
    margin: 0 0 5px;
	vertical-align:top;
}
.performance_reports_filter .modal-body ul li input {
    float: left;
}
.performance_reports_filter .modal-body ul li label {
    float: left;
    margin: 1px 0 0 5px;
    color: #666;
	width:90%;
}
#modal-dialog1 ul li {
    width: 32%;
    display: inline-block;
    margin: 0 0 5px;
}
#modal-dialog1 ul li input {
    float: left;
}
#modal-dialog1 ul li label {
    float: left;
    margin: 1px 0 0 5px;
    color: #666;
}
#modal-dialog1 .panel.panel-default{ margin:0;}
.dataTables_info{ margin:0 !important;}
/*Score trends css*/
.NewScoreGrid .TableScroll{overflow-x: auto;padding: 0px 0px 0 0px;border-radius: 5px;
    box-shadow: 0 0px 8px #dcdada;}
/*.NewScoreGrid .GridBox{
    border-radius: 5px;
    box-shadow: 0 0px 8px #dcdada;
}*/
.GridBox td{border-right: 1px solid #e0e0e0;padding: 15px 5px 5px;vertical-align: top;min-width: 230px;
border-top: 1px solid #e0e0e0;}
.GridBox td:last-child{border-right: 0px;}
.Employee_Info .OuterBorderImg {width: 60px;height: 60px;}
.GridBox .Employee_detail{width: 100%;}
.GridBox td.EmployeeDetailsCol{text-align: center;max-width: 230px;width: 230px;vertical-align: middle;}
.NewScoreGrid  .CycleValue{display: inline-block;
    background: #764FB7;
    color: #fff;
    padding: 6px 20px 5px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;}
.Employee_detail .EmpName a, .Employee_detail span, .Employee_detail .Email,.Employee_detail a{
    width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.NewScoreGrid th{min-width: 270px;padding: 15px 10px 15px;text-align: center;font-size: 14px;
    font-weight: normal;}
.NewScoreGrid th.EmployeeDetailsCol{min-width: 230px;}
.IndivalCard {padding: 10px;margin-top: 5px;}
.IndivalCard .RecordValue{display: inline-block;
    background: #fff;
    color: #764FB7;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 8px;
    padding: 6px 15px 4px;
    vertical-align: top;}
.ScoreHeadList{text-align: center;margin-bottom: 15px;}
.IndivalCard .EmpDetails{display: inline-block;float: inherit;}
.IndivalCard .EmpDetails a{display: block;font-weight: bold;}
.color-1{background: #e7f5ff;}
.color-2{background: #ffece0;}
.color-3{background: #ffe2e0;}
.color-4{background: #e5e9f7;}
.color-5{background: #e9f6d4;}
.color-6{background: #dcedeb;}
.color-7{background: #ffe5cc;}
.color-8{background: #fffecd;}
.color-9{background: #daeef4;}
.color-10{background: #e9e3f4;}
.GridBox .EmpName a{color: #764FB7;text-transform: capitalize;}
.GridBox .Employee_detail span{display: block;}
.GridBox .Employee_detail .Email{font-weight: bold;display: block;}
.tooltip-inner {
    white-space: pre-line;
    word-break: break-word;
}
.TableScroll table{border-spacing: 0px 0px;border-collapse: separate;}
.Employee_Info .OuterBorderEmpty {
    margin: 15px 0px 0px 0px;
    border: 2px solid #cccccc;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.Employee_Info .OuterBorderEmpty .EmptyImg {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #0876cb;
    background: #ededed;
    font-size: 22px;
    line-height: 53px;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid #fff;
}
.ScoreReport .ScoreHead .btn-group {width: 190px !important;}
.Chartdiv .fusioncharts-div {
    padding: 0px !important;
    border-radius: 5px !important;
    font-size: 17px !important;
    box-shadow: 0 0px 8px #dcdada !important;
    border: 0px solid transparent !important;
}
.Chartdiv .fusioncharts-div .LabelName{padding: 10px;}
.Chartdiv .fusioncharts-div .ScoreHead{padding: 10px 10px;}
.Chartdiv .fusioncharts-div b{font-size: 24px;display: inline-block;vertical-align: middle;margin-right: 5px;
color: #764FB7;}
.Chartdiv .fusioncharts-div .Scorevalue{
font-size: 15px;display: inline-block;vertical-align: middle;font-weight: normal;color: #434343;}
.PageLink .fa-file-excel-o {
    color: rgb(145,195, 131);font-size: 14px;
}
.FilterSection {
    background: #fff;
    padding: 10px 20px 0px !important;
    margin-bottom: 13px;
    border-radius: 5px;
}
.pad-bgwhite {
    padding: 0px 10px;
}
#Duration input.DatePickerBox {
    width: 130px !important;
    margin-left: 5px;
}
.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: 14px;font-style: italic;
  display: inline-block;float: none;line-height: 18px;}
@media only screen and (min-width: 1280px) and (max-width: 1366px){
.Employee_detail {width: 100% !important;}
}