@import "../colors";

.ui-listbox-item {
   color: $primary-dark-text-color;
   font: normal 400 14px/150% 'Open Sans';
   padding: 10px 15px !important;

   &:hover {
       background-color: #D8D8D8;
   }
}

.ui-listbox-header {
   &.ui-listbox-header-w-checkbox {
       border: none !important;
       padding: 10px 15px !important;
   }

   &:not(.ui-listbox-header-w-checkbox) {
       color: $primary-dark-text-color;
       border-bottom: 1px solid $default-primary-color;
       font: normal 700 14px/150% 'Open Sans';
       padding: 15px !important;
   }
   
   .ui-listbox-filter-container {
       .ui-listbox-filter-icon {
           position: absolute;
           top: 9.5px !important;
           left: auto !important;
           right: 9.5px !important;
       }
   }
}