/* AR 30/09/22
    These styles are structured to match what is in gantt.css.
    This is so the two are not competing with each other.
    When gantt.css is eventually retired, we may want to restructure this component to better follow the SUIT methodology
 */

.SelectableDropdownItem .dropdown-selected {
    font-weight: var(--font-weight-semibold);
}

.SelectableDropdownItem .dropdown-item.disabled {
    color: #c8c8c8;
}

.SelectableDropdownItem .dropdown-item:hover,
.SelectableDropdownItem .dropdown-item:focus {
    background-color: var(--surface-list-item-hover);
    color: var(--neutral-black-14);
}

.SelectableDropdownItem-buttonContent {
    padding-right: 39px;
}

.SelectableDropdownItem .dropdown-selected .SelectableDropdownItem-buttonContent {
    padding-right: 26px;
}

.SelectableDropdownItem-icon {
    width: 13px;
}