.text-stroke {
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px #1b3748;
  font-size: 30px;
  user-select: none;
}

.reseller-table>.fb-table>div,
.client-table>.fb-table>div {
  overflow: visible !important;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.focus\:ring-cyan-300:focus {
  --tw-ring-opacity: 0 !important;
}

.input-field>div>input[type="text"],
.input-field>div>input[type="number"],
.input-field>div>input[type="email"],
.select-field>div>select,
.input-textarea {
  border-radius: 5px !important;
}

.readonly-input>div>input[type="text"],
.readonly-input>div>input[type="number"] {
  background: rgb(238, 238, 238);
}

:is(.dark .readonly-input > div > input) {
  background: rgb(55 65 81 / var(--tw-bg-opacity));
}

.react-datepicker-wrapper {
  width: 100%;
}

.client-status-inactive,
.client-status-inactive>div {
  background-color: rgb(212, 4, 4);
  border: none !important;
}

/* custom-react-select.css */
.react-select__control {
  @apply dark:bg-gray-700 border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-200;
}

.react-select__menu {
  @apply dark:bg-gray-700 text-gray-900 dark:text-gray-200;
}

.react-select__single-value {
  @apply dark:bg-gray-700 text-gray-900 dark:text-gray-200;
}

.react-select__option {
  @apply dark:bg-gray-700 text-gray-900 dark:text-gray-200;
}

.react-select__option--is-selected {
  @apply bg-blue-500 dark:bg-gray-500 text-white;
}

.react-select__option--is-focused {
  @apply bg-blue-100 dark:bg-gray-600;
}