/*--------------------------------------------------------------------------*\
    Select inside control module
\*--------------------------------------------------------------------------*/

.control__select {
    /*box*/
    padding-left: 15px;
    width: 100%;
    cursor: pointer;

    /*background*/
    background-color: transparent;

    /*border*/
    border: none;

    /*text*/
    font-family: var(--ff-txt);
    color: var(--c-primary-1);
}

.control__select:disabled {
    /*text*/
    color: var(--c-tertiary-1) !important;
}

/*--------------------------------------------------------------------------*\
        Select sizes
\*--------------------------------------------------------------------------*/

.control--tn .control__select {
    /*box*/
    height: 22px;
    padding-right: 10px;

    /*text*/
    font-size: var(--fs-tn);
}

.control--sm .control__select {
    /*box*/
    height: 28px;
    padding-right: 10px;

    /*text*/
    font-size: var(--fs-sm);
}

.control--md .control__select {
    /*box*/
    height: 38px;
    padding-right: 30px;
    z-index: 1;

    /*text*/
    font-size: calc(var(--fs-md) - 2px);
}

.control--lg .control__select {
    /*box*/
    height: 45px;
    padding-right: 30px;

    /*text*/
    font-size: calc(var(--fs-lg) - 2px);
}

/*--------------------------------------------------------------------------*\
	    Case of a field inside another field
        (example: a select next to a select)
\*--------------------------------------------------------------------------*/

.control--encapsulated .control__select {
    /*box*/
    width: auto !important;
}