.sug-hightlight {
    background-color:darkorange;
    color: white;
}
 

.auto-sug-container {
    border: 1px solid aliceblue;
    width: 98%;
    max-height: 250px;
    overflow: auto;
    position: absolute;
    background-color: white;
    z-index: 2000;
}

 
li.react-autosuggest__suggestion {
    padding: 0 !important;
    cursor: pointer;
}

.react-autosuggest__wrapper {
    width: 100%;
    position: relative;
    display: flex;
}

    .react-autosuggest__wrapper span.clear-button {
        cursor: pointer;
        line-height: 40px;
    }
.react-select__multi-value__remove {
    cursor: pointer;
}
.react-select-input-container { 
    display: inline-block;
    min-width: 90%; 
}
.react-select-input {
    width: 98%;
    border-style: none !important;
    border-color: transparent !important;
    border-width: 0px !important;
    background-color: transparent !important;
    outline-color: white !important;
}
    .react-select-input:focus {
        border-style: none !important;
        border-color: transparent !important;
        border-width: 0px !important;
        outline-color: white !important;
    }
.react-select__clear-indicator, .react-select__dropdown-indicator {
    cursor: pointer;
}
.react-select__menu div,
.react-select__menu li {
    cursor: pointer;
}
.react-select__menu {   
    margin-top: 0px !important
}
.react-select-container.filter-include.has-selected,
.react-select-container.filter-exclude.has-selected {
    margin-bottom: 20px;
}
.react-select__menu {
 
    top: auto !important; 
}
.filter-inc-switcher {
    width: 20px;
    height: 40px;
    margin-top: 2px;
    margin-left: 2px;
    padding: 2px;
    color: white;
    cursor: pointer;
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.filter-inc-switch {
    position: absolute
}
.filter-inc-switch.disabled {
    opacity: 0.3;
}
label ,
input[type=checkbox],
.filter-inc-switch:not(.disabled),
.filter-inc-switch:not(.disabled) label,
.filter-inc-switch:not(.disabled) input {
    cursor: pointer !important;
} 
.react-select__indicators {
  
}
.react-select-container.filter-include > .react-select__control {
    
}
.react-select-container.filter-exclude > .react-select__control {
 
}
.react-select__control {
    flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    min-height: 32px !important; 
}
.react-select__menu {
    min-height: 32px !important;
}

    .react-select__control:hover {
        border-color: hsl(0,0%,80%) 
        !important;
    }
    .react-select__multi-value__label {
        font-size: 100% !important;
    }
.values-include .react-select__multi-value__label,
.values-include .react-select__multi-value__remove,
.values-include .react-select__multi-value__remove:hover,
.react-select-container.filter-include .react-select__multi-value__label,
.react-select-container.filter-include .react-select__multi-value__remove,
.react-select-container.filter-include .react-select__multi-value__remove:hover {
    background-color: #478CC8 !important;
    border-radius: 0px !important;
    color: white !important;
}
.values-readonly .react-select__multi-value,
.values-readonly .react-select__multi-value__label,
.values-readonly .react-select__multi-value__remove,
.values-readonly .react-select__multi-value__remove:hover {
    background-color: #DDDFE1 !important;
    border-radius: 0px !important;
    color: black !important;
}
.values-exclude .react-select__multi-value__label,
    .values-exclude .react-select__multi-value__remove,
    .values-exclude .react-select__multi-value__remove:hover,
    .react-select-container.filter-exclude .react-select__multi-value__label,
    .react-select-container.filter-exclude .react-select__multi-value__remove,
    .react-select-container.filter-exclude .react-select__multi-value__remove:hover {
        background-color: #D0021B !important;
        color: white !important;
        border-radius: 0px !important;
    }
.react-select__option {
  
}

.react-select__single-value {
    border-radius: 2px;
    overflow: hidden;
    padding: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
/*.react-select__control--is-focused,
.react-select__control:hover {
    border-color: aliceblue !important;
}*/
.react-select-value-container {
    display: flex; 
}
    .react-select-value-container .react-select__value-container {
        padding-left: 2px !important;
    }
.clear-indicator-icon {
    cursor: pointer;
}
.icon-list-item {
    display: inline-flex;
}
    .icon-list-item .svg-icon-item {
        margin-right: 2px;
    }