/* Action buttons */
.Download {
    color: #5c5c5c;
    border: 1px solid #e0e0e0;
    padding: 7px 14px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    background: #fff;
}
.Download:hover {
    color: #5c5c5c;
    border-color: #1c8efe;
    color: #1c8efe;
}
.ActionBtns{ top:25px; right:20px; z-index:999;}
.ActionBtns span a {
    color: #5c5c5c;
    padding: 7px 14px;
    background: #fff;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}
.ActionBtns a:hover {
    border-color: #1c8efe;
    color: #461F87;
}
.ActionBtns a.chart, .ActionBtns a.chart.active {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0;
}
.ActionBtns a.grid, .ActionBtns a.grid.active {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 0;
}
.ActionBtns span a.active {
    border: 1px solid #764FB7;
	background: #764FB7;
    color: #fff;
}
/* Grid */
.dataTables_wrapper table.dataTable{ margin:0 !important;}
.NewDatatable .scrolledTable{ border-radius:5px 5px 0 0 !important;}
.grid_table .dataTables_paginate{ border:1px solid #e0e0e0; border-radius:0 0px 5px 5px; padding:0 20px;}
.NewDatatable .dataTables_length{ margin:7px 0 0 20px;}
table.dataTable td{ vertical-align:top !important; text-align:left;}
.scrolledTable{ border:1px solid #e2e7eb; color:#434343;border-bottom:0;}
#example_filter{ padding:0;}
.scrolledTable .checkboxdiv{ display:inline-block; height:19px; width:25px;margin-top: 15px;}
.OuterBorderImg {
    margin: 0px -15px 0px -10px;
    border: 2px solid #C7C7C7;
    display: inline-block;
    width:44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    /*float: right !important;*/
}
.OuterBorderImg .card-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}
.Details b{ display:block;}
td .WhiteBtn{color:#764FB7;}
.NewDatatable div.dataTables_wrapper div.dataTables_filter{ padding:0;}
.regular .item{ text-align:center;}
.chartheader{width:89%; margin:0 auto 20px; display:inline-block; padding:0 35px;}
.chartheader h3{ float:left; text-transform:capitalize; font-size:15px; margin:0;}
.chartheader span{ color:#434343; text-transform:capitalize; font-size:15px; /*float:right;*/}
.chartheader span small{ color:#3aa838; font-size:18px;margin-left: 7px;}
.regular .slick-prev{ left:10px; bottom:inherit; top:50%; z-index:999;}
.regular .slick-next{ right:10px; bottom:inherit; top:50%;}
.bellcurvegrid{ width:80%; margin:0 auto; display:none; position:relative;}
.bellcurvegrid .GridFilter{ position:absolute; right:-4px;top: -17px;}
.bellcurvegrid .GridFilter label{ float:left; margin:6px 5px 0 0;}
.GridFilter .bootstrap-select.btn-group{width: auto !important;}
.GridFilter .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle{height: 32px;}
/* Emp List grid */
.EmpList h2{ font-size:15px; margin:20px 0; text-transform:capitalize;}
.ActionCol{ position:absolute; left: 300px; right:0px; top:42px;width: 250px;}
.EmpList .grid_table .EmpCard .Details .WhiteBtn {margin: 10px 0px 5px 0px !important;}
.bellcurvegrid  .gridDiv  .table > thead > tr > th, .bellcurvegrid  .gridDiv .table > tbody > tr > th, 
.bellcurvegrid  .gridDiv .table > tfoot > tr > th,
 .bellcurvegrid  .gridDiv .table > thead > tr > td, .bellcurvegrid  .gridDiv .table > tbody > tr > td, 
 .bellcurvegrid  .gridDiv .table > tfoot > tr > td{padding: 10px 34px 10px 40px;}
 .dataTables_length select:hover ,.dataTables_length select:focus{
    border: 1px solid #53a3fe;
}
 @media (max-width: 1000px){
     .NewDatatable .dataTables_filter{width: 200px;}
     .ActionCol{left: 220px;top: -6px;}
 }
@media (max-width: 1200px){
.OuterBorderImg{margin: 0px -12px 0px -15px;}
}
.NewDatatable div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin: 15px 0 10px;}
.NewDatatable th label{color: #434343;line-height: 18px;}
.dataTables_filter .icon-Not_Started{right: 8px;
    position: absolute;
    top: 10px;}
    .NewDatatable .dataTable tbody tr td:first-child{padding: 10px 0px 10px 15px;}
.NewDatatable  .dataTable  .Details b, .NewDatatable  .Details small{width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;display: block;margin: 0px;}
 .NewDatatable  .dataTable .EmpCard .Details{width: 200px;line-height: 18px;}
 .NewDatatable span.table_icon:after{margin: auto 4px auto 5px;}
 .NewDatatable .dataTable td .Details p{margin: 0;display: block;}
.NewDatatable .Details small,  .NewDatatable .dataTable td .Details p{color: #6b6a6a;font-size: 14px;
    font-weight: normal;}
.NewDatatable .ScoreValue{min-width: 104px;}
.NewDatatable .PotentialName, .NewDatatable .RelationName, .NewDatatable .PrimeName{min-width: 200px;}
.NewDatatable .PerformanceValue{min-width: 222px;}
.NewDatatable .GradeValue{min-width: 165px;}
.NewDatatable .PastYearValue{min-width: 240px;}
.PastYearLabel i,.PastYearLabel span{display: inline-block;vertical-align: middle;color: #764FB7;}
.PastYearLabel a:hover i,.PastYearLabel a:hover span{color: #461F87;}
.NewDatatable .EmpCard .InProgress{color: #CD853F;font-weight: bold;
    cursor: default;font-size: 13px;font-style: italic;line-height: 16px;display: block;margin-top: 2px !important;}
.NewTabbedPanel .gridDiv.grid_table{display: block;margin: 0px;padding: 0px;}
/*.NewDatatable .dataTables_filter label{}*/
.NewTabbedPanel li{margin: 0px;border-right: 0;font-size: 14px;padding: 0 0px 0 10px;}
.NewTabbedPanel .PerformanceRating .scroll_tab_first{padding: 0px;}  
.NewTabbedPanel .NewDatatable .dataTables_filter{margin: 0px;}
.NewDatatable .dataTables_filter label{box-shadow: 0 0px 8px #dcdada !important;margin-top: -22px;}
.NewTabbedPanel .NewDatatable .scrolledTable{box-shadow: none;}
.NewDatatable thead th:first-child{min-width: initial !important;}
.NewDatatable thead th:nth-child(2) {min-width: inherit !important;}
.NewTabbedPanel .gridDiv.grid_table.Overall_Grid{overflow: inherit;border:0px;margin: 16px 0px 0 -25px !important;}
.NewDatatable .dataTables_paginate{border: 1px solid #e0e0e0 !important;}
.NewTabbedPanel .pagination li{padding: 0px;margin: 0px;}
.tab-content > .tab-pane.active{display: block;}
.meetingReport.new-modal .modal-content{border-radius: 4px;}
.EmployeeBtns{float: right;margin-top: -6px;}
.MultiselectList.MultiDropdown .DateFields .bootstrap-select{width: 140px !important;}
.MultiselectList .DateFields .FromBox{display: inline-block;margin: 0px 0px 0px 10px;}
.MultiselectList .DateFields .FromBox label{float: none;margin: 0;}
.downloadreport .dataTables_info, .NewDatatable .dataTables_info {
    padding: 25px 6px 16px!important;
}
.grid_table .dataTables_empty{text-align: center;}
.pagination > li > a{line-height: 22px;}
/*.GridFilter  .btn-group.bootstrap-select{width: 50% !important;}*/
.NewTabbedPanel .selectpicker li{padding: 0px;}
.GridsBtns{right: 0px;}
.dataTables_paginate .pagination > li a{padding: 4px 12px;}
 @media only screen and (min-width: 768px) and (max-width: 1200px){
.MultiselectList .DateFields .FromBox{display: block;clear: both;padding : 20px 0px 0px;margin: 0px;}
 }
 .MultiselectList .DateFields .btn-group .dropdown-menu{position: inherit;}
/*.PerformanceRating li:active{}*/
/* Safari css start */
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
        .dataTables_paginate .pagination > li a{padding: 4px 12px;}
     }
 }
.mac-os.safari .dataTables_paginate .pagination > li a{padding: 4px 12px;}
/* Safari css end */