.dark-mode
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  color: #fff !important;
}

.selectgroup-input:checked + .selectgroup-button,
.dark-mode .selectgroup-input:checked + .selectgroup-button {
  background: #6259ca !important;
  color: #fff;
}

.selectgroup-button {
  border: 1px solid #6259ca;
  color: #6259ca;
}

.dark-mode .selectgroup-button {
  border: 1px solid #6259ca;
  color: #fff;
}

.table td {
  padding: 0.5rem;
  vertical-align: middle;
}

.ui-datepicker {
  z-index: 1600 !important;
}

.select2-container .select2-selection--single {
  height: calc(3.5rem + 2px) !important;
}

.dataTables_length .select2-container .select2-selection--single {
  height: calc(2.5rem + 2px) !important;
}

.dataTables_length .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(2.5rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(4.5rem + 2px) !important;
  color: #000 !important;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.5rem + 2px) !important;
  color: #000 !important;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
  color:  #fff !important;
}

.custom-switch-indicator {
  width: 3rem !important;
  height: 1.5rem !important;
}

.custom-switch-indicator::before {
  width: calc(1.5rem - 4px) !important;
  height: calc(1.5rem - 4px) !important;
}

.custom-switch-input:checked ~ .custom-switch-indicator::before {
  left: calc(1.5rem + 1px);
}