/* Стили для оформления select как в bootstrap */

/* normal size for form-control */

.ccs-select__control {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    min-height: calc(2.25rem) !important;
}

.ccs-select__control--is-focused {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.ccs-select__indicator {
    /* padding: .375rem .75rem !important; */
    /* padding: .35rem .35rem !important; */
    padding: .3rem !important;
}

.ccs-select__value-container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.ccs-select-sm__single-value {
    font-size: .875rem;
}

/* small size for form-control-sm */

.ccs-select-sm__control {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    min-height: calc(1rem) !important;
    line-height: 1.25rem;
}

.ccs-select-sm__control--is-focused {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.ccs-select-sm__indicator {
    /* padding: .375rem .75rem !important; */
    /* padding: .35rem .35rem !important; */
    padding: .1rem !important;
}

.ccs-select-sm__value-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}