input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: 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),
.sticky_table thead tr th:nth-child(6),
.sticky_table tbody tr td:nth-child(6){
  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+6){
  z-index: 10 !important;
}

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

.sticky_table thead tr th:nth-child(3),
.sticky_table tbody tr td:nth-child(3){
  left: 208px;
}
.sticky_table thead tr th:nth-child(4),
.sticky_table tbody tr td:nth-child(4){
  left: 307px;
}
.sticky_table thead tr th:nth-child(5),
.sticky_table tbody tr td:nth-child(5){
  left: 384px;
}
.sticky_table thead tr th:nth-child(6),
.sticky_table tbody tr td:nth-child(6){
  left: 459px;
}*/

.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;
} */



ul.emple_tab {
  text-align: center;
  margin: 12px 0 25px;
}
ul.emple_tab li {
  display: inline-block;
  border: 1px solid #4b49ac;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  margin: 0 5px;
  overflow: hidden;
}
ul.emple_tab li a:hover,
ul.emple_tab li.active a{
  background: #4b49ac;
  color: #fff;
}
ul.emple_tab li a {
  color: #1F1F1F;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  transition: .4s all;
}

.forms-sample{
  margin-bottom: 20px;
}

input:disabled,
select:disabled,
textarea:disabled{
  color: #495057 !important;
}

.flex-header{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}



.center-submit{
  font-size: 15px;
  padding: 14px 45px;
  display: table;
  margin: 15px auto 23px;
}

.radio-div {
  display: flex;
  align-items: center;
}

.radio-div input[type="radio"]{
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.radio-div.radio-div.radio-div label{
  margin-bottom: 0 !important;
}

.radio-wrapr{
  display: flex;
  gap: 14px;
}

.employmnt-ststus{
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}

.employmnt-ststus .radio-div label{
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.employmnt-ststus input[type="checkbox"]{
  width: 16px;
  margin-right: 5px;
}



.new-employee{
  text-align: center;
  font-size: 16px !important;
}

.selct-new .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #000000 !important;
  top: 1px !important;
}

.selct-new .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: white !important;
  color: black !important;
  padding-top: 2px !important;
  padding-bottom: 1px !important;
}

.selct-new .select2-container .select2-selection--multiple {
  min-height: 34px;
  border: 1px solid #ced4da;
}

.employee-add{
  right: 165px;
}