*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

.font-sans {
  font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.select2-container--default .select2-selection--single {
  height: 42px !important;
  border-color: rgb(209 213 219) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 41px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  color: rgb(209 213 219) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #bec0c4 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #bec0c4 transparent !important;
}

.select2-container--default .select2-selection--multiple {
  min-height: 42px !important;
  border-color: rgb(209 213 219) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: 28px !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 8px;
}

select.select2.w-full + span.select2 {
  width: 100% !important;
}

.select2-input-group-left + span.select2 .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.datepicker-header, .datepicker-title {
  display: block;
}

.datepicker-header {
  height: inherit;
  padding-right: inherit;
  padding-left: inherit;
  background-color: inherit;
  border-radius: inherit;
}

.max-h-500px {
  max-height: 500px;
}

@media (min-width: 768px) {
  .md\:inline {
      display: inline;
  }
}

.icon-red svg path {
  fill: red;
}

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