// Combo Box (PrimeNG)

app-root {

  .k-combobox-clearable .k-input {
    background: $combobox_background_color;
    color: $combobox_color;
  } 

  .kendo-dropdownlist {
    background: $combobox_background_color;
    color: $combobox_color;
  }

  .wa-ng-combo-box
  {
    height: 30px;
    background : $combobox_background_color;
    color: $combobox_color;
    padding-top: 6px;
    padding-left:6px;
  }

  .k-combobox .k-dropdown-wrap input {
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border:none;

    .k-searchbar {
      background-color: transparent !important;
    }
  }

  .k-combobox .k-dropdown-wrap {
    background-color: transparent !important;
    border: none;
  }

  .wa-kui-combobox-popup {
    background: transparent;
    border: none;
  
    li {
        color: transparent;
    }

    .k-item[aria-selected="true"] {
      background: $combobox_selected_item_background_color;
      color: $combobox_selected_item_color;      
    }
  
    .k-item  {
        color: $combobox_color;
        background: $combobox_background_color;
    }
  
    .k-item:hover  {
        color: $combobox_background_color;
        background: $combobox_color;
    }
  }

  .k-combobox .k-select {
    background: $combobox_button_background_color;
    color:$combobox_button_color;
  }

  .k-combobox .k-select:hover {
    background: $combobox_button_background_color;
    color:$combobox_button_color;
  }

  .k-dropdown .k-dropdown-wrap {
    background: $combobox_background_color;
    color: $combobox_color;
  }

  .k-dropdown .k-dropdown-wrap:hover {
      background: $combobox_background_color;
      color: $combobox_color;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
  }

}