﻿
.custom-select {
    background-color: white;
    border-radius: 8px !important;
}

.custom-select_input > .mud-input-outlined-border {
    border-radius: 8px !important;
    border: 0px solid #E4E6ED;
}

.custom-select_input .custom-select-item span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (min-width: 960px) {
    .custom-select_popover {
        max-width: 400px !important;
        width: fit-content !important;
        width: -moz-fit-content !important;
    }
}

.custom-select_outer {
    max-width: 400px;
    flex-grow: 0;
}

    .custom-select_outer > .mud-input-control {
        background: #F3F4F8;
        border: 0px;
        border-radius: 8px !important;
    }

        .custom-select_outer > .mud-input-control:hover {
            background: #F3F4F8;
        }

    .custom-select_outer .mud-input-outlined-border {
        border-radius: 8px !important;
        border: 1px solid #E4E6ED !important;
    }


@media screen and (max-width: 960px) {
    .mobile-select_full-width {
        width: 100%;
    }

    .custom-select {
        max-width: initial;
        width: initial;
    }

    .mud-input-slot.mud-select-input * {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .mud-input-slot.mud-select-input {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
}


.mud-input-slot.mud-select-input * {
    font-weight: 500 !important;
}

.mud-input-slot.mud-select-input {
    font-weight: 500 !important;
}
