.menu-list li>a {
  color: #fff;
}

.menu-list li.active>a {
  background-color: #fff !important;
  color: #000 !important;
}

.menu-list li>a:hover {
  background-color: #64748b !important;
  color: #fff !important;
}

.font-weight-1000 {
  font-weight: 1000;
}

.avator-image {
  width: 47px;
  height: 45px;
  margin-right: 10px;
  border-radius: 10px;
}

.menu-list li a .icon {
  flex: none;
  width: 2rem;
}

.hidden {
  display: none !important;
}

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

.selected-row {
  /* background: #5c8b21 !important;
     color: #fff !important; */
}

.selected-row td {
  background: #5c8b21 !important;
  color: #fff !important;
}

#left-table-container {
  width: 30%;
}

#right-table-container {
  width: 50%;
}

#center-table-container {
  width: 20%;
}

@media screen and (max-width: 768px) {
  #left-table-container {
    width: 100%;
    margin-bottom: 10px;
  }

  #right-table-container {
    width: 100%;
    margin-bottom: 10px;
  }

  #center-table-container {
    width: 100%;
    margin-bottom: 10px;
  }

  .frozen-column {
    position: sticky;
    left: 0;
    z-index: 10;
  }

  ul.sub-menu {
    border-left: 1px dotted #fff;
    margin-left: 6px;
  }
}

.swal2-actions button {
  background: #375414 !important;
}

.swal2-actions button:hover {
  background: rgba(47, 94, 21, 0.8) !important;
}

.table-pagination .pagination {
  display: inline-flex;
  gap: 13px;
  color: #000;
}

.table-pagination .pagination .page-item.active {
  color: #999;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1 !important;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2 !important;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3 !important;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4 !important;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5 !important;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6 !important;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7 !important;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8 !important;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9 !important;
}

.bg-opacity-100 {
  --tw-bg-opacity: 1 !important;
}


.auth-bg {
  background-image: url('/assets/img/background.jpeg');
  background-size: cover;
  background-position: center;
}

.review-td {
  max-width: 300px;
  border: 2px solid #ccc;
  border-radius: 10px;
  border-bottom-width: 2px !important;
}

.leave-file-upload div.relative {
  width: 100%;
}