/**************************************
clsSelector: v3.0.0
PEC T3-Tailwind-Theme Latest Version
TailWind: v^3.3.5
**************************************/

/* .dark .clsSelector
{
}

.lite .clsSelector
{
} */

/* Theme form integration */

.input-group .clsSelector
{
  height: 100%;
  width: 100%
}

.clsSelector
{
  width: 100%;
}

.clsSelector input
{
  /* @apply p-6 !important; */
}

.clsSelector .selector-button
{
  font-weight: 900
}

.clsSelector .selector-dropdown
{
  min-height: 100%;
  min-width: 100%;
  border-width: 0px
}

.clsSelector .dropdown-main-container
{
  position: relative;
  display: block;
  height: auto
}

.clsSelector .dropdown-inner-container
{
  top: 0.5rem;
  border-radius: 0.375rem;
  --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(2px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 213 48 / var(--tw-ring-opacity));
  position: absolute;
  z-index: 9000;
  min-width: 100%;
  overflow: hidden
}

.clsSelector option.no-results
{
  z-index: 9000;
  min-width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem
}

.clsSelector ul
{
  z-index: 9999;
  max-height: 24rem;
  min-width: 100%;
  overflow: auto
}

.clsSelector ul:focus
{
  outline: 2px solid transparent;
  outline-offset: 2px
}

.clsSelector ul li
{
  white-space: pre-line
}