chamilo-lms/assets/css/scss/atoms/_dropdown.scss

.p-dropdown, .p-multiselect {
  @apply border border-support-3 bg-white rounded-lg transition w-full duration-200
    hover:border-primary hover:text-gray-90 hover:outline-0 hover:outline-none;

  &.p-dropdown-clearable {
    .p-dropdown-label {
      //padding-right: nth($inputPadding, 2) + $primeIconFontSize;
    }
  }

  .p-dropdown-label {
    @apply bg-transparent border-none
      focus:outline-0 focus:outline-none;

    &.p-placeholder {
      //color: $inputPlaceholderTextColor;
    }
  }

  .p-dropdown-trigger {
    @apply bg-transparent rounded-r-lg w-12;
  }

  .p-dropdown-clear-icon {
  }

  &.p-invalid.p-component {
    @apply border-error text-error;
  }
}

.p-dropdown-panel, .multi-select-panel {
  @apply bg-white rounded-lg text-gray-90 shadow-lg;

  .p-dropdown-header {
    //padding: $inputListHeaderPadding;
    //border-bottom: $inputListHeaderBorder;
    //color: $inputListHeaderTextColor;
    //background: $inputOverlayHeaderBg;
    //margin: $inputListHeaderMargin;
    //border-top-right-radius: $borderRadius;
    //border-top-left-radius: $borderRadius;

    .p-dropdown-filter {
      //padding-right: nth($inputPadding, 2) + $primeIconFontSize;
      //margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
    }

    .p-dropdown-filter-icon {
      //right: nth($inputPadding, 2);
      //color: $inputIconColor;
    }
  }

  .p-dropdown-items {
    @apply py-1.5;

    .p-dropdown-item {
      @apply px-4 py-2 transition text-body-2 outline-0 outline-none text-gray-90;

      &.p-highlight {
        @apply bg-support-3 text-support-4;

        &.p-focus {
        }
      }

      &:not(.p-highlight):not(.p-disabled) {
        &.p-focus,
        &:hover {
          @apply bg-support-1;
        }
      }
    }

    .p-dropdown-item-group {
      //margin: $submenuHeaderMargin;
      //padding: $submenuHeaderPadding;
      //color: $submenuHeaderTextColor;
      //background: $submenuHeaderBg;
      //font-weight: $submenuHeaderFontWeight;
    }

    .p-dropdown-empty-message {
      //padding: $inputListItemPadding;
      //color: $inputListItemTextColor;
      //background: $inputListItemBg;
    }
  }
}

.multi-select-panel {
  @apply border border-gray-300 shadow-md rounded-md p-2;
}
.multi-select-panel .p-checkbox {
  @apply mr-1;
}

.p-multiselect-label {
  @apply py-2;
}