/*------------------------------------*\
    S4BT Richselect
\*------------------------------------*/
.s4bt_richselect .webix_inp_static,
.s4bt_richselect .webix_inp_static:focus {
    border-radius: 6px;
    padding-right: 28px;
    white-space: nowrap;
    border: none !important;
    box-shadow: none !important;
    line-height: 34px !important;
}
.s4bt_richselect label{
    font-family: Rubik;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8d9196;
    padding-left: 0 !important;
}
.s4bt_richselect.webix_el_richselect span.webix_input_icon {
    background-color: transparent;
    color: #424548;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.s4bt_richselect.webix_el_richselect .webix_input_icon {
    right: 0;
    background: 0 0;
    z-index: 1;
    position: absolute;
}
.s4bt_valueRichselect.webix_popup {
    border-width: 0px !important;
    display: block;
    width: auto !important;
    height: auto !important;
    border-radius: 8px;
    /*background-color:rgba(70, 82, 93, 0.9);*/
    background-color: transparent !important
}
.s4bt_valueRichselect.webix_win_content {
    padding: 0px !important;
}
.s4bt_valueRichselect .webix_list {
    height:auto !important;
    /*background-color:rgba(70, 82, 93, 0.9);*/
    background-color: transparent !important;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.3px;
    color: #fff;
    border: none !important;
}
.s4bt_valueRichselect .webix_list_item{
    /*background-color:rgba(70, 82, 93, 0.9);*/
    background-color: rgba(10,24,51, 0.9);
    box-shadow: none !important;
    border-bottom: 1px solid #738596;
    border-color: #738596;
    color: #fff;
    height: auto !important;
    line-height: 20px;
    display: flex;
    padding:8px;
}
.s4bt_valueRichselect .webix_list .webix_list_item.webix_selected{
    background-color: rgba(138,167,198, 0.9) !important;
    box-shadow: none !important;
    border-bottom: 1px solid #738596;
    border-color: #738596;
    color: #fff;
    height: auto !important;
    line-height: 20px;
    display: flex;
    padding:8px;
}

.s4bt_valueRichselectDinamico.webix_popup,.s4bt_valueRichselectDinamico .webix_view{
    width:auto !important;
    height:auto !important;
    min-width:400px;
    max-width:1000px !important;
    min-height:100px;
    z-index:9999 !important;
    background-color: rgba(10,24,51, 0.9) !important;

    font-family: 'Rubik';
    line-height: 24px !important;
    color: #fff !important;
}

/*------------------------------------*\
    S4BT Richselect height 36
\*------------------------------------*/
.s4bt_richselectHeight36 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 0px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_richselectHeight36.webix_el_richselect .webix_inp_static{
    padding-right: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    background-color: #ffffff;
    padding-top: 2px;
}
.s4bt_richselectHeight36 .webix_el_box{
    height:auto !important
}
.s4bt_richselectHeight36.webix_el_richselect span.webix_input_icon{
    display: none;
    padding-top: 9px !important;
}
.s4bt_richselectHeight36 .webix_list{
    background-color: rgba(70, 82, 93, 0.9) !important;
}
.s4bt_richselectHeight36 .webix_list_item{
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.3;
    letter-spacing: 0.3px;
    color: #ffffff;
    border-bottom: 1px solid #738596;
}
.s4bt_richselectHeight36 .webix_list_item.webix_selected {
    box-shadow: none;
    background-color: #738596 !important;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.3;
    letter-spacing: 0.3px;
    color: #ffffff;
}
.s4bt_richselectHeight36 .webix_list .webix_list_item.webix_selected {
    border-bottom: 1px solid #738596;
    padding: 2px 12px;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.3;
    letter-spacing: 0.3px;
    color: #ffffff;
}
/* Disabled */
.s4bt_richselectHeight36 .webix_inp_top_label.webix_disabled_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #cad1d8;
    float: none;
    padding: 8px 3px;
    padding-bottom: 0px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_richselectHeight36.webix_el_richselect .webix_disabled_box .webix_inp_static{
    color: #cad1d8 !important;
    background-color: #f7f8f9 !important;
    border: 1px solid #f0f2f4 !important;
    box-shadow: none !important;
}

/*------------------------------------*\
    S4BT Mono Richselect
\*------------------------------------*/
.s4bt_monoRichselect .webix_input_icon.wxi-menu-down{
    display:none
}
.s4bt_monoRichselect.webix_control.webix_el_richselect{
    height:auto !important
}
.s4bt_monoRichselect .webix_inp_top_label {
    font-family: Rubik;
    height: auto !important;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 8px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_monoRichselect .webix_el_box{
    height: auto !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_monoRichselect .webix_inp_static{
    height:auto !important;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    font-size: 16px;
    border-radius:4px;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
}
.s4bt_monoRichselect.webix_el_richselect .webix_inp_static:focus{
    box-shadow:inset 0 0 0 1px rgba(117, 158, 199, 1) !important;
    border:1px solid #759ec7 !important;
    position: relative !important;
    z-index:111 !important
}
.s4bt_monoRichselect.webix_view.webix_window.webix_popup{
    border-radius:8px !important
}
.s4bt_monoRichselect .webix_list_item.webix_selected {
    box-shadow: none !important;
    background: #f4f5f9 !important;
}
/* Disabled */
.s4bt_monoRichselect .webix_disabled_box .webix_inp_static{
    color: #C2C4C7 !important;
    background-color: #f7f8f9 !important;
    border: 1px solid #f0f2f4 !important;
    box-shadow: none !important;
}