.display_blur.display_blur{
  position: relative;
}

.sidebar.sidebar{
  z-index: 9999999999999999999;
}

.display_blur.display_blur:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.95);
  z-index: 999999999;

}

.display_blur.display_blur:after {
    content: "You could not process the salary right now. Because HR do not update the request for salary process.";
    position: absolute;
    left: 0;
    top: 30%;
    color: #fff;
    width: 100%;
    z-index: 9999999999;
    text-align: center;
    width: 100%;
    padding: 25px;
    font-size: 18px;
}

.form_top_margin.form_top_margin{
  text-align: center;
  margin-top: 35px;
}





input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

ul li{
  list-style: none;
}

.red-star{
    color:red;
  }

.red-required{
  color:red;
  font-size: 13px;
}
.text-decoration-none{
  text-decoration: none;
  color: black;
}


.card-body{
   position: relative;
  }

.add-btn{ 
    position: absolute;
    top:15px;
    right: 20px;
    background:#4B49AC;
    border-radius: 6px;
    padding: 8px 16px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition:0.6s;
    text-decoration: none;
  }

  .add-btn:hover{
    background: #4b48e7;
    color: #fff;
    text-decoration: none;
  }

  .delete-btn.delete-btn{
    font-size: 16px;
    color: red;
    position: relative;
    top: -1px;
  }

  .edit-btn.edit-btn{
    font-size: 16px;
  }

  .view-btn.view-btn{
    color: #007bff;
    position: relative;
  }

  .bold{
    font-weight: 800;
  }

  .sidebar .nav .nav-item.active .nav-link[aria-expanded="true"] i.menu-arrow:before{
    transform: rotate(0deg);
  }


  .bank-master-covr .form-group label{
    width: 156px;
  }
  .tbl-input{
    width: 110px;
    height: 10px;
  }

  .th-width.th-width{
    white-space: nowrap;
  }


  .monthly-salary-tbl table th {
    position: sticky;
    top: 0;
    z-index: 1;}

  .monthly-salary-tbl{
    height: 505px;
    margin-bottom: 15px;}


  .main-panel .content-wrapper.content-wrapper{
    padding: 1rem 2.375rem;}

  .monthly-salary-tbl table,.tbl-input{ text-align: center;}


  .color{
    color:white;
    background: linear-gradient(86.25deg, #a3a4a5 -1.59%, #a3a4a5 107.96%);
  }

  .color td:last-child {
    border-radius: 0 8px 8px 0;
  }

  .color td:first-child {
    border-radius: 8px 0 0 8px ;
  }
  

  .sidebar .nav.sub-menu .nav-item .nav-link{
    white-space: initial !important;
    line-height: 1.3em !important;
  }

.nav-link.active.active.active.active.active.active.active.active.active{
  color: #a09ff7;
}

.g-pdf{ margin-top: 42px;}

.header_logo {
    width: 185px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.header_logo a{
  display: block;
}

.header_logo img{
  width: 100%;
}

.navbar.navbar{
  background: #fff;
}

nav.sidebar ul ul li span{
  display: block;
  font-size: 10px !important;
  position: relative;
  left: 18px;
}

.fa.fa-eye.view-btn,
.fa.fa-cog{
  font-size: 16px;
}

nav.sidebar ul ul{
  padding-left: 5px !important;
}
nav.sidebar ul ul li:before{
  display: none;
}

nav.sidebar ul ul li a{
  padding-left: 10px !important;
}

.sidebar .nav .nav-item .nav-link{
  display: block !important;
  position: relative;
}

.menu-arrow {
    position: absolute;
    right: 25px;
    top: 22px;
}

.sidebar .nav.sub-menu .nav-item .nav-link{
  font-size: 0.800rem;
}

.sticky_table thead tr th:first-child,
.sticky_table tbody tr td:first-child,
.sticky_table thead tr th:nth-child(2),
.sticky_table tbody tr td:nth-child(2),
.sticky_table thead tr th:nth-child(3),
.sticky_table tbody tr td:nth-child(3),
.sticky_table thead tr th:nth-child(4),
.sticky_table tbody tr td:nth-child(4),
.sticky_table thead tr th:nth-child(5),
.sticky_table tbody tr td:nth-child(5){
  position: sticky;
  left: 0;
  z-index: 9;
}




.sticky_table .table-info td{
  position: static !important;
}

.sticky_table tbody tr:nth-child(odd) td{
  background: #efeeff !important;
}
.sticky_table tbody tr:nth-child(even) td{
  background: #fff !important;
}



.sticky_table thead tr th:first-child,
.sticky_table thead tr th:nth-child(-n+5){
  z-index: 10 !important;
}

.sticky_table thead tr th:nth-child(2),
.sticky_table tbody tr td:nth-child(2){
  left: 40px;
}

.sticky_table thead tr th:nth-child(3),
.sticky_table tbody tr td:nth-child(3){
  left: 219px;
}
.sticky_table thead tr th:nth-child(4),
.sticky_table tbody tr td:nth-child(4){
  left: 244px;
}
.sticky_table thead tr th:nth-child(5),
.sticky_table tbody tr td:nth-child(5){
  left: 274px;
}
/*.sticky_table thead tr th:nth-child(6),
.sticky_table tbody tr td:nth-child(6){
  left: 473px;
}*/



.prepare_consolidate.sticky_table thead span{
  display: block;
}

.prepare_consolidate.sticky_table thead tr th:nth-child(2), 
.prepare_consolidate.sticky_table tbody tr td:nth-child(2) {
    left: 35px;
}
.prepare_consolidate.sticky_table thead tr th:nth-child(3), 
.prepare_consolidate.sticky_table tbody tr td:nth-child(3) {
    left: 152px;
}
.prepare_consolidate.sticky_table thead tr th:nth-child(4), 
.prepare_consolidate.sticky_table tbody tr td:nth-child(4) {
    left: 260px;
}

.prepare_consolidate.sticky_table thead tr th:nth-child(5), 
.prepare_consolidate.sticky_table tbody tr td:nth-child(5) {
    left: 371px;
}




.prepare_consolidate.sticky_table thead tr th:nth-child(2) span{
  width: 105px;
}

.prepare_consolidate.sticky_table thead tr th:nth-child(3) span{
  width: 105px;
}

.prepare_consolidate.sticky_table thead tr th:nth-child(4) span{
  width: 105px;
}







.monthly_salary_next_step.sticky_table thead tr th:nth-child(2), 
.monthly_salary_next_step.sticky_table tbody tr td:nth-child(2) {
    left: 40px;
}

.monthly_salary_next_step.sticky_table thead tr th:nth-child(3), 
.monthly_salary_next_step.sticky_table tbody tr td:nth-child(3) {
    left: 228px;
}

.monthly_salary_next_step.sticky_table thead tr th:nth-child(4), 
.monthly_salary_next_step.sticky_table tbody tr td:nth-child(4) {
    left: 263px;
}

.monthly_salary_next_step.sticky_table thead tr th:nth-child(5), 
.monthly_salary_next_step.sticky_table tbody tr td:nth-child(5) {
    left: 293px;
}





.sticky_table thead{
  background: #4b49ac;
    position: sticky;
    z-index: 99999;
}

.modal.modal.modal{
      z-index: 999999;
}

.modal-backdrop{
  z-index: 99999;
}


.navbar.navbar.navbar.navbar{
  z-index: 999999999999999;
}

.new-body .form-group{
  margin-bottom: 14px;
}

.new-body .form-group label{
  padding-top: 2px !important;
  padding-bottom: 0 !important;
  margin-bottom: 3px !important;
  line-height: 20px;
}

.new-body .form-group input[type="file"]{
  padding: 7px;
}

.new-body .card-title{
  font-size: 19px;
  margin-bottom: 9px;

}

.new-body .card-description{
  font-size: 15px;
  margin-bottom: 9px;

}

.dotted-line{
  border-bottom: 1px dotted black;
  padding-bottom: 10px;
  margin-bottom: 12px;
  width: 100%;
}

.margn{
  margin: 0 20px;
}

.verify-btn{
  padding: 5px 25px;
  font-size: 14px;
}

.btn-verifed{
  color: #fff;
  background-color: #57B657;
  border-color: #57B657;  
  pointer-events: none;
}


.wid-para{
  display: inline-block;
  max-width: 100px;
  width: 100%;

}

.vryfy{
  color: white;
}

.vryfy-chk{
  font-size: 16px !important;
}
/* 
.vryfy-chk:hover{
  color: #0056b3;
} */


.monthly-salary-tbl .expandable-table .form-control.tbl-input {
    font-size: 11px !important;
    padding: 0;
    width: 46px;
    height: auto;
}

.emp_code_br{
  display: block;
  text-align: center;
}



.sticky_table.sticky_table.sticky_table.sticky_table.sticky_table.sticky_table.sticky_table.sticky_table tbody tr:last-child td{
  background: #4B49AC !important;
  position: sticky !important;
}

.modl-bar{
  position: absolute;
  right: 260px;
  top: 6px;
  font-size: 24px !important;
  color: #4b49ac;
  cursor: pointer !important;
  z-index: 1;
}

.modal-type label{
  font-size: 18px;
  text-transform: capitalize;
}

.modal-type label input{
  height: 14px;
  width: 14px;
}

.clse-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #4b49ac;
  color: white;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  z-index: 1;
}

.modal-form .modal-dialog {
  max-width: 320px;
}

.modal-form form{
  overflow-y: scroll;
  height: 330px;
}

.modal-type{
  border-bottom: 1px solid #00000030;
  margin-bottom: 8px;
}

.hdr-cls{
  font-size: 24px;
    text-align: center;
    margin-bottom: 18px;
}

.timepicker-popover .keyboard-input input{
  padding: 0 !important;
  border: 1px solid #ced4da !important;
}

.timepicker-popover .cancel-btn{
  display: none;
}





.new-dashboard-main.new-notification-bx{
   position: relative;
   background:#ccfde2;
   margin-bottom: 15px;
   padding: 15px 18px !important;
   border-radius: 14px;

  }

.new-notification-bx a{ 
  display: block;
  text-align: left;
  text-decoration: none;
  color: #1F1F1F;
  font-size: 13px;
}

  .cross-btn{ 
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  .cross-btn img{ 
    width: 100%;
  }