/*------------------------------------*\
    S4BT Text Login Height 36
\*------------------------------------*/
.s4bt_textLoginHeight36{
    height: auto !important;
    margin-left: -1px !important;
}
.s4bt_textLoginHeight36 .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_textLoginHeight36 .webix_inp_top_label{
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_textLoginHeight36 .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #738596;
    font-size: 12px;
    padding-top: 8px;
    letter-spacing: 0.4px !important;
    text-align:left;
}
.s4bt_textLoginHeight36 .webix_inp_static,
.s4bt_textLoginHeight36 input{
    height: auto;
    color:#666;
    padding-right:36px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    font-size: 16px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textLoginHeight36 .webix_input_icon{
    right:2px;
    background:0 0;
    z-index:1;
    position:absolute
}
.s4bt_textLoginHeight36 input{
    width: 100% !important;
    padding-left:12px;
}
.s4bt_textLoginHeight36 ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
.s4bt_textLoginHeight36 span.webix_input_icon{
    width:24px;
    font-size: 16px;
    height: 24px !important;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 11px !important;
    color: #919eac;
    position: absolute;
    z-index: 11;
}

/* Readonly */
.s4bt_textLoginHeight36Readonly input:read-only,
.s4bt_textLoginHeight36Readonly input:read-only:focus { 
    width:100% !important;
    border-color: #f0f2f4 !important;
    box-shadow:none !important;
    background-color:transparent !important;
    color: #666 !important;
    cursor: default;
}
.s4bt_textLoginHeight36Readonly{
    height: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_textLoginHeight36Readonly.webix_el_s4btsearch{
    margin-top:0px !important
}
.s4bt_textLoginHeight36Readonly .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_textLoginHeight36Readonly .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_textLoginHeight36Readonly .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #738596;
    font-size: 12px;
    letter-spacing: 0.4px !important;
    text-align:left;
}
.s4bt_textLoginHeight36Readonly .webix_inp_static,
.s4bt_textLoginHeight36Readonly input{
    height: auto;
    color: #424548 !important;
    padding-right:24px;
    background-color: #fff !important;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow:none;
    border: 1px solid #f0f2f4;
    font-size: 16px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textLoginHeight36Readonly .webix_input_icon{
    right:2px;
    background:0 0;
    z-index:1;
    position:absolute
}
.s4bt_textLoginHeight36Readonly input{
    padding-left:12px;
}
.s4bt_textLoginHeight36Readonly ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #666;
}
.s4bt_textLoginHeight36Readonly span.webix_input_icon{
    width:24px;
    font-size: 16px;
    height: 24px !important;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 11px !important;
    color: #919eac;
}

/* Disabled */
.s4bt_textLoginHeight36 .webix_disabled_box input{
    color: #c2c4c7 !important;
    background-color: #f7f8f9 !important;
    border: 1px solid #f0f2f4 !important;
    box-shadow: none;
}

/* Error */
.s4bt_textLoginHeight36Error input{
    box-shadow: inset 0 2px 4px 0 rgba(238, 82, 69, 0.2) !important;
    background-color: #ffffff !important;
    border: solid 1px #ee5244 !important;
}
.s4bt_textLoginHeight36Error span.webix_input_icon{
    width:24px;
    font-size: 16px;
    height: 24px !important;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 11px !important;
    color: #ee5244;
}
.s4bt_textLoginHeight36Error .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #ee5244;
    font-size: 12px;
    padding-top: 8px;
    letter-spacing: 0.4px !important;
    text-align:left;
}



/*------------------------------------*\
    S4BT Text Height 36
\*------------------------------------*/
.s4bt_textHeight36{
    height: auto !important;
    margin-left: -1px !important;
}
.s4bt_textHeight36 .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_textHeight36 .webix_inp_top_label{
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_textHeight36 .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #738596;
    font-size: 12px;
    padding-top: 8px;
    letter-spacing: 0.4px !important;
    text-align:left;
}
.s4bt_textHeight36 .webix_inp_static,
.s4bt_textHeight36 input{
    height: auto;
    color:#666;
    padding-right:12px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    font-size: 16px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textHeight36 .webix_input_icon{
    display:none
}
.s4bt_textHeight36 input{
    width: 100% !important;
    padding-left:12px;
}
.s4bt_textHeight36 ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
.s4bt_textHeight36 span.webix_input_icon{
    display:none
}

/* Readonly */
.s4bt_textHeight36Readonly input:read-only,
.s4bt_textHeight36Readonly input:read-only:focus { 
    width:100% !important;
    border-color: #f0f2f4 !important;
    box-shadow:none !important;
    background-color:#fff !important;
    color: #666 !important;
    cursor: default;
}
.s4bt_textHeight36Readonly{
    height: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_textHeight36Readonly.webix_el_s4btsearch{
    margin-top: 8px !important
}
.s4bt_textHeight36Readonly .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
    display: block !important
}
.s4bt_textHeight36Readonly .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;*/
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_textHeight36Readonly .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #738596;
    font-size: 12px;
    letter-spacing: 0.4px !important;
    text-align:left;
}
.s4bt_textHeight36Readonly .webix_inp_static,
.s4bt_textHeight36Readonly input{
    height: auto;
    color: #424548 !important;
    padding-right:12px;
    background-color: #fff !important;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow:none;
    border: 1px solid #f0f2f4;
    font-size: 16px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textHeight36Readonly .webix_input_icon{
    display:none
}
.s4bt_textHeight36Readonly input{
    padding-left:12px;
}
.s4bt_textHeight36Readonly ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #666;
}
.s4bt_textHeight36Readonly span.webix_input_icon{
    display:none
}

/* Disabled */
.s4bt_textHeight36Readonly .webix_disabled_box input{
    color: #414548 !important;
    /*background-color: #ffffff !important;*/
    background-color: #f7f8f9 !important;
    /*border: 1px solid #9ca5b1 !important;*/
    border: 1px solid #f0f2f4 !important;
    box-shadow: none;
    opacity: .8;
    cursor: text !important;
}
.s4bt_textHeight36ReadonlyDProc .webix_disabled_box input{
    color: #414548 !important;
    /*background-color: #ffffff !important;*/
    background-color: #ffffff !important;
    /*border: 1px solid #9ca5b1 !important;*/
    border: 1px solid #f0f2f4 !important;
    box-shadow: none;
    opacity: .8;
    cursor: text !important;
}
.s4bt_textHeight36Readonly.webix_view > .webix_disabled{
    z-index: -1 !important;
}

/* Disabled */
.s4bt_textHeight36 .webix_disabled_box input{
    color: #414548 !important;
    background-color: #f7f8f9 !important;
    border: 1px solid #f0f2f4 !important;
    box-shadow: none;
    opacity: .8;
}
.s4bt_textHeight36DProc .webix_disabled_box input{
    color: #414548 !important;
    background-color: #ffffff !important;
    border: 1px solid #f0f2f4 !important;
    box-shadow: none;
    opacity: .8;
}

/* Error */
.s4bt_textHeight36Error input{
    box-shadow: inset 0 2px 4px 0 rgba(238, 82, 69, 0.2) !important;
    background-color: #ffffff !important;
    border: solid 1px #ee5244 !important;
}
.s4bt_textHeight36Error span.webix_input_icon{
    display:none
}
.s4bt_textHeight36Error .webix_inp_bottom_label{
    font-family: Rubik;
    height: auto;
    font-weight: normal;
    color: #ee5244;
    font-size: 12px;
    padding-top: 8px;
    letter-spacing: 0.4px !important;
    text-align:left;
}



/*------------------------------------*\
    S4BT Text Report
\*------------------------------------*/
.s4bt_textHeight36ReportFunnel input:read-only,
.s4bt_textHeight36ReportFunnel input:read-only:focus { 
    border-color: #ddebff;
    box-shadow:none;
    background-color:#ddebff !important;
    color: #243256 !important;
}
.s4bt_textHeight36ReportFunnelInfoCampo input:read-only,
.s4bt_textHeight36ReportFunnelInfoCampo input:read-only:focus { 
    border-color: #ddebff;
    box-shadow: none;
    background-color: #ddebff !important;
    color: #243256 !important;
    position: relative;
    right: -1px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.s4bt_textHeight36ReportFunnel{
    height: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_textHeight36ReportFunnel.webix_el_s4btsearch{
    margin-top:0px !important
}
.s4bt_textHeight36ReportFunnel .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#1452cc;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
    padding-top:4px !important;
}
.s4bt_textHeight36ReportFunnel .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;
    text-align:right !important;
}
.s4bt_textHeight36ReportFunnel .webix_inp_bottom_label{
    height: auto;
    margin-top: 2px;
    padding-top: 0px;
    padding-bottom: 0px !important;
    text-align: left;
    background-color: #e8ebee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.3px;
    text-align: center;
    color: #505c83;
}
.s4bt_textHeight36ReportFunnel .webix_inp_static,
.s4bt_textHeight36ReportFunnel input{
    height: auto;
    color: #1452cc !important;
    background-color: #d1ddeb;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow:none;
    border: 1px solid #d1ddeb;
    font-size: 14px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textHeight36ReportFunnel .webix_input_icon{
    left:4px;
    background:0 0;
    z-index:1;
    position:absolute
}
.s4bt_textHeight36ReportFunnel input{
    padding-left: 24px;
  	padding-right:0px;
  	cursor:default;
}
.s4bt_textHeight36ReportFunnel span.webix_input_icon{
    width:24px;
    font-size: 14px;
    height: 24px !important;
    padding-left: 0px;
    line-height:1.6;
    color: #243256;
    cursor:default;
    padding-top:6px !important;
}

/* Report no icon */
.s4bt_textHeight36ReportFunnelNoIcon input:read-only,
.s4bt_textHeight36ReportFunnelNoIcon input:read-only:focus { 
    border-color: #d1ddeb;
    box-shadow:none;
    background-color:#d1ddeb !important;
    color: #1452cc !important;
}
.s4bt_textHeight36ReportFunnelNoIcon{
    height: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_textHeight36ReportFunnelNoIcon.webix_el_s4btsearch{
    margin-top:0px !important
}
.s4bt_textHeight36ReportFunnelNoIcon .webix_el_box{
    width: auto !important;
    height: auto !important;
    color:#1452cc;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
    padding-top:4px !important;
}
.s4bt_textHeight36ReportFunnelNoIcon .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_textHeight36ReportFunnelNoIcon .webix_inp_bottom_label{
    height: auto;
    margin-top: 2px;
    padding-top: 0px;
    padding-bottom: 0px !important;
    text-align: left;
    background-color: #e8ebee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.3px;
    text-align: center;
    color: #4678aa;
}
.s4bt_textHeight36ReportFunnelNoIcon .webix_inp_static,
.s4bt_textHeight36ReportFunnelNoIcon input{
    height: auto;
    color: #1452cc !important;
    background-color: #d1ddeb;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px;
    box-shadow:none;
    border: 1px solid #d1ddeb;
    font-size: 14px;
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}
.s4bt_textHeight36ReportFunnelNoIcon .webix_input_icon{
    left:4px;
    background:0 0;
    z-index:1;
    position:absolute
}
.s4bt_textHeight36ReportFunnelNoIcon input{    
    padding-left:8px;
    padding-right:0px;
    cursor:default;
}
.s4bt_textHeight36ReportFunnelNoIcon span.webix_input_icon{
    width:24px;
    font-size: 14px;
    height: 24px !important;
    padding-left: 0px;
    line-height:1.6;
    color: #1452cc;
    cursor:default;
    padding-top:6px !important;
}
.s4bt_iconaInfoCampo.webix_icon{
    background-color: #ddebff !important;
    color: #243256 !important;
    vertical-align: -webkit-baseline-middle !important;
    padding: 8px 8px 9px 0px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    margin-left: -3px !important;
    margin-top: 3px !important;
    cursor:pointer;
}


/* Left Label */
.s4bt_textHeight36LeftLabel .webix_inp_label{
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_textHeight36LeftLabel input{
    width:auto !important;
    padding-left:12px;
}
.s4bt_textHeight36LeftLabel150 input{
    width:150px !important;
    padding-left:12px;
}
.s4bt_textHeight36LeftLabel232 input{
    width:232px !important;
    padding-left:12px;
}
.s4bt_textHeight36LeftLabel.webix_el_s4btsearch{
    width:auto !important
}