.clientlist .select2-container {
    z-index: 947 !important;
}

.bntPersnlInfoDsn {
        margin-right: -32px;
}

table .custom-width {
    padding: 0px 0px 0px 55px !important;
}

.border-none {
    border: none !important;
}

.table-responsive
{
    background: #fff;
}
.is-invalid {
    color: red;
}

.datePickerSelect {
    background-color: #fff!important;
}

.custom-select.is-invalid, .was-validated .custom-select:invalid{
    color:#495057;
}

.rounded-circle{
    /* width:20px;
    height:20px; */
    background:#0f619f;
}
.img-thumbnail 
{
    padding:.3rem .4rem;
    font-size:15px;
    color:#fff;
}
.d-none-member{
    display: none;
}

.d-none{
    display: none;
}

.text-danger
{
    color: red!important;
}

.profile-image2{
    height:80px;
    width: 80px;
    text-align: center;

}

.secondary_technology .select2-search__field {
  width : 200px !important;
} 

.primary_technology .select2-search__field {
  width : 200px !important;
} 


.default-usernamesss{
    color: white; 
    font-size: 23px;
    line-height: 80px;
}

.input-btn-images{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 84px;
}

.input-btn-images input{
 position: absolute;
 left:0px;
 top:0px;
 width: 100%;
 height: 100%;
opacity: 0;
cursor: pointer;
}

.leave-report-sticky {
   height: 600px; 
   overflow: auto;
}
.leave-report-sticky .table{
  min-width: 900px;  
}
.leave-report-sticky {
  height: 600px; 
  overflow: auto;
}
.leave-report-sticky table tr th{ position: sticky; top: 0; z-index: 9;}
.leave-report-sticky table tr:last-child th{ top: 62px;}
@media only screen and (min-width: 1500px)  {

  .leave-report-sticky table tr:last-child th{top:45px;}

}
.custom-toast {
    position: fixed;
    width: 90%;
    z-index: -1;
    right: 0;
    top: 11%;
}

.toast-header-danger{
    background: red;
    color: #fff;
}

.toast-danger{
    background: #febecd;
    color: #c0022e;
}
.toast-success{
    background: #B0ED8B;
    color: #5B9B35;
}
.toast-header-success
{
    background: #5B9B35;
    color: #fff;
}
.mandatory-field{
    color: red;
}
.classProfileInfo{
    padding-left: 50px;
}

.table-responsive .dropdown,
      .table-responsive .btn-group,
      .table-responsive .btn-group-vertical {
          position: static;
      }

 /* z- Index  */

 body.modal-open .modal .select2-container{z-index:1051!important;} 

 body.modal-open .modal{
     z-index: 1050 !important;
 }
 .modal-backdrop{
     z-index: 1049;
 }
 .dropdown-menu{ z-index: 5;}

 #myModalWithDatePicker {
    position: relative;
 }
 #myModalWithDatePicker .datepicker{
     z-index: 1001 !important;
 }
 .sub-menu-child{
    padding-left: 6rem!important;
}

.is-invalid, .error {
    color: red;
}


.breadcrumb>li.breadcrumb-item {
    max-width: 250px !important;
    overflow: visible;
}

.loader-overlay2{  
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.60);
    z-index: 10000;
    display: none;    
    align-items: center;
    justify-content: center;
    
}
.loader-custom2 {
    border: 4px solid #fff;
    border-radius: 50%;
    border-top: 4px solid #3498DB;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
 
  .label-data .col-data-l{
    display: block;
  }
  @media screen and (max-width: 768px) {
    .label-data .form-label{display:inline-block; margin-right: 25px; width: 25%;}
    .label-data .col-data-l{
        display: inline-block;
      }
  }

  .label-data2 .col-data-l2{
    display: block;
  }
  @media screen and (max-width: 768px) {
    .label-data2 .form-label{display:inline-block; margin-right: 25px; width: 51%;}
    .label-data2 .col-data-l2{
        display: inline-block;
      }
      .timeDnMobValid{
        position: relative;
      }
      .timeDuration-error{
        position: absolute;
        bottom: -100px;
      }
      .leaveRemarkMob{
        margin-top: 1rem;
      }
      .dashboardWelcomeDiv{
        height: 100px;
      }
  }
  .dashboardWelcomeDiv{
    min-height: 250px;
  }

  .text-break-all {
        word-break: break-word;
    }

@media screen and (max-width: 1300px) {
    .holiday-table-ess table{
        width: 1200px;
       }  
  }
.holiday-table-title-ess{
    width: 200px;
}

/* KPi table pages */
.kpi-list-table table{
  width:100%;
}
.kpi-list-table-sr{
  width: 80px;
}
.kpi-list-table-name{
  width: 300px;
}

.kpi-list-table-code{
  width: 150px;
}

.kra-kpi-maping-table table{
width: 100%;
} 
@media screen and (max-width: 992.98px){
  .kra-kpi-maping-table table{
    min-width: 1200px;
    } 
    .kpi-list-table table{
      min-width: 1200px;
    }
    .employee-performance-review-table table {
      min-width: 1200px;
    }
    .manager-performance-review-table table{
      min-width: 1200px;
    }
    
}
.kra-kpi-maping-table-sr{
  width: 80px;
}
.kra-kpi-maping-table-code{
  width: 180px;
}
.kra-kpi-maping-table-kra{
  width: 23%;
}
.kra-kpi-maping-table-kpi{
  width: 30%;
}
.kra-kpi-maping-table-department{
  width: 10%;
}
.kra-kpi-maping-table-designation{
  width: 10%;
}
/* Employee performance review */
.employee-performance-review-table table {
  width: 100%;
}

.employee-performance-review-table .employee-performance-comment{
  width: 30%;
}

.employee-performance-sr{
  width: 50px;
}

.employee-performance-kra{
  width: 200px;
}

.employee-performance-kpi{
  width: 200px;
}
.employee-performance-user-rating{
  width: 80px;
} 

.add-employee-kra-kpi-table table{
  min-width: 1200px;
}

.add-employee-kra-kpi-table-sr{
  width: 50px;
}
.add-employee-kra-kpi-table .select2-container{ width: 200px !important;}
.add-employee-kra-kpi-table-kra{
  width: 200px;
}
.add-employee-kra-kpi-table-kpi{
  width: 38%;
}
.add-employee-kra-kpi-table-user-rating {
  width: 135px;
}

.manager-performance-review-table table{
  width: 100%;
}
.sr-width{
  width: 50px;
}
.mgr-review-table table{
  min-width: 1200px;
}
.mgr-review-table table th{
  white-space: nowrap;
}
.mgr-rw-tbl-kra{
  width: 200px;
}
.mgr-rw-tbl-kpi{
  width: 300px;
}

.mgr-rw-tbl-emp-rating{
  width: 80px;
}
.mgr-rw-tbl-emp-comm{
  width: 20%;
}
.mgr-rw-tbl-mgr-comm{
  width: 20%;
}
.add-emp-goal-comment {
  width: 500px;
}
.mgr-rw-tbl-emp-rating-td{
  width: 80px;
}
.w-30 {
  width: 32%;
}
.w-33{
  width: 33%;
}
.w-37{
  width: 37%;
}
.w-60 {
  width: 64%;
}
.text-muted {
  color: #868e96 !important;
}

a[target='_blank'].a_target_blank{
  text-decoration: none !important;
  font-weight: normal !important;
}

.w-10 {
  width: 10%;
}
.w-45 {
  width: 45%;
}
.manage_emp_sty {
  padding-left: 5px;
  font-weight: 600;
  color: #0061C2;
  font-size: 1rem;
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.timesheet-tbl .tbl-project {
  width: 200px;
}
.timesheet-tbl .tbl-employee {
  width: 150px;
}
.timesheet-tbl .tbl-date {
  width: 130px;
}
.timesheet-tbl .tbl-category {
  width: 20%;
}

.timesheet-tbl .tbl-hours {
  width: 130px;
}
.timesheet-tbl .tbl-detail {
  width: 35%;
}

.timesheet-tbl .tbl-comment {
  width: 25%;
}

.timesheet-tbl .tbl-action {
  width: 80px;
}
.datepickerinput{
    cursor: pointer;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 110.01 122.88' style='enable-background:new 0 0 110.01 122.88' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3B%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.87 14.69h22.66L24.5 14.3V4.13C24.5 1.86 26.86 0 29.76 0c2.89 0 5.26 1.87 5.26 4.13V14.3l-0.03 0.39 h38.59l-0.03-0.39V4.13C73.55 1.86 75.91 0 78.8 0c2.89 0 5.26 1.87 5.26 4.13V14.3l-0.03 0.39h24.11c1.03 0 1.87 0.84 1.87 1.87 v19.46c0 1.03-0.84 1.87-1.87 1.87H1.87C0.84 37.88 0 37.04 0 36.01V16.55C0 15.52 0.84 14.69 1.87 14.69L1.87 14.69z M0.47 42.19 h109.08c0.26 0 0.46 0.21 0.46 0.46l0 0v79.76c0 0.25-0.21 0.46-0.46 0.46l-109.08 0c-0.25 0-0.47-0.21-0.47-0.46V42.66 C0 42.4 0.21 42.19 0.47 42.19L0.47 42.19L0.47 42.19z M8.23 49.97h95.07c0.52 0 0.94 0.45 0.94 0.94v64.08 c0 0.49-0.45 0.94-0.94 0.94H7.77c-0.49 0-0.94-0.42-0.94-0.94l0-63.63c0-1.03 0.84-1.86 1.86-1.86L8.23 49.97L8.23 49.97z M78.34 29.87c2.89 0 5.26-1.87 5.26-4.13V15.11l-0.03-0.41H73.11l-0.03 0.41v10.16c0 2.27 2.36 4.13 5.25 4.13L78.34 29.87 L78.34 29.87z M29.29 29.87c2.89 0 5.26-1.87 5.26-4.13V15.11l-0.03-0.41H24.07l-0.03 0.41v10.16c0 2.27 2.36 4.13 5.25 4.13 L29.29 29.87L29.29 29.87z'/%3E%3C/g%3E%3C/svg%3E");

}
.events-card{
  height: 93.5%;
}
.events-tbl {
  height: 257px;
  overflow-y: auto;
}
.events-ttl{ padding-bottom:8px; border-bottom: 1px solid #e9e9e9;}
.events-tbl .table td.full-td{border:0px}
.events-tbl .table td, .events-tbl .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 0px;
  border-bottom: 1px solid #e9e9e9;
}


.events-tbl  .w-80{ width: 80px;}

.mainProfileSection { 
  position: relative;
  width: 80px;
}

.removeProfileImg-btn{
  position: absolute;
  right: -5px;
  top: 2px;
  background: #f5f5f5;
  cursor: pointer; 
}

.removeProfileImg-btn:hover{
  background: #e5e4e4;
}

.watermark{
  background: url('../img/celebration.png') no-repeat center center;
  background-size: contain;
}
.watermark .table-responsive {
  background: #ffffffc9;
}
a.view-jd[target]:not(.btn), a.v-policy[target]:not(.btn){
  text-decoration:none !important;
  font-weight: 400;
}

/** Application Permission **/
.permissionTable .table-responsive {
  overflow-x: hidden;
}
.table tr.permissionsTr td {
  padding: 5px 0px 0 10px;
}
.text-muted {
  color: #868e96!important;
}
.permissionsTr .form-label {
  white-space: nowrap;
  font-weight: 400;
}
 
/* Resource Report */
.resource-report{ 
  max-height: 800px;
}
.resource-report table tr td.resource-report-ftd{ vertical-align: middle; border-right:1px solid #e9e9e9;}
.resource-report table tr td.resource-report-bl{ vertical-align: middle; border-left:1px solid #e9e9e9;}
.resource-report table tr th {
  background: white;
  position: sticky;
  top: -1px;
  z-index: 6;
}
.resource-report .table { 
  width: 2000px;
}
.resource-report .dropdown{
  position: relative;
}
.resource-report .dropdown .show{
  z-index: 9;
}
/* Global */
.wpx-100 {
  width: 100px;
}
.wpx-125 {
  width: 150px;
}
.wpx-150 {
  width: 150px;
}
.wpx-175 {
  width: 175px;
}
.wpx-200 {
  width: 200px;
}
.datepicker-orient-top{
  z-index: 9999 !important;
}
.reject-leave-form .is-invalid {
  color: #fc1349;
  font-size: 1rem;
  text-align: left;
}
.header-icon i, .header-icon img {
  cursor: pointer;
}
#add_to_bench_modal .select2-search__field {
  width: 100% !important;
}
#add_to_bench_modal .select2-search {
  width: 100% !important;
}
/*pms*/
.input-datepicker-rac {
background-image: url(../img/svg/calendar-icon.svg) !important;
background-repeat: no-repeat !important;
background-position: 96% center !important
}
.input-datepicker-rac.is-invalid {
    background-image: url(../img/svg/calendar-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 96% center !important;
}
.resource-list .select2-container{
    width:300px !important;
}

.actualResourceSelectBox, .actualResourceInputBox {
    height: 38px !important;
    text-align: left !important;
}

.actualResourceAlign .select2-container--default .select2-selection--single .select2-selection__rendered{
    text-align: left !important; 
}
.actualResourceAlign .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{
    text-align: left !important;
    color: #a1a2a3 !important;
}
.actualResourceAlign .select2-container{ 
    width: 150px !important;
}
.actualResourceAlign .select2-container--default.select2-container--disabled .select2-selection--single{
    color: #a1a2a3 !important;
    background-color:#e9ecefcc !important;
}
.actualResourceAlign .select2-container--default .select2-selection--single .select2-selection__rendered:disabled{
    text-align: left !important;
    color: #a8aaac  !important;
    background-color: #e9ecef !important;
}