/*------------------------------------*\
    S4BT DatePicker height 44
\*------------------------------------*/
.s4bt_daterange{
    width: auto !important;
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
}
.webix_calendar{
    height:auto !important
}
.webix_cal_row{
    height: auto !important;
    line-height: 32px !important;
}
.s4bt_daterange .webix_el_box{
    width: auto !important;
    height:36px !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_daterange .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_daterange .webix_inp_label {
    width:auto !important;
    height: auto;
    font-family: Rubik;
    font-weight: 500;
    color: #738596;
    float: left;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 3 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 0px 24px
}
.s4bt_daterange .webix_inp_static,
.s4bt_daterange input{
    height: 36px !important;
    color:#666;
    padding-right:24px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    font-size: 14px;
    line-height: 1.8 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.s4bt_daterange .webix_input_icon{
    top:1px;
    right:0px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterange span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #9ea7b3;
    background-color:#f0f2f4;
    border-left: 1px solid #dadee3;
    border-right: 1px solid #dadee3;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.s4bt_daterange ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
/* Disabled */
.s4bt_daterange.webix_view.webix_control .webix_disabled_box .webix_inp_static{
    background-color: #f7f8f9;
    color: #c2c4c7 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
}
.s4bt_daterange.webix_view.webix_control .webix_disabled_box span.webix_input_icon{
    background-color: #f7f8f9;
    color: #c2c4c7 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    top:0px;
    right:0px;
    position:absolute
}
/* Error */
.s4bt_daterangeError .webix_inp_static,
.s4bt_daterangeError input{
    height: 36px !important;
    color:#666;
    padding-right:24px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 4px 0 rgba(238, 82, 69, 0.2) !important;
    border: solid 1px #ee5244 !important;
    font-size: 14px;
    line-height: normal !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.s4bt_daterangeError .webix_input_icon{
    top:1px;
    right:1px !important;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeError span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #ee5244;
    background-color:#fef7f6;
    border-left: 1px solid #ee5244;
    border-right: 1px solid #ee5244;
    box-shadow: inset 0 2px 4px 0 rgba(238, 82, 69, 0.2) !important;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

/*------------------------------------*\
    S4BT DateRangePicker height 36
\*------------------------------------*/
.s4bt_daterangeHeight36{
    width: auto !important;
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
    margin-top: 0px;
}
.s4bt_daterangeHeight36NoWidthAuto{
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_daterangeHeight36 .webix_el_box{
    width: auto !important;
    height:36px !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_daterangeHeight36 .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_daterangeHeight36Bottom0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 0px !important;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36PaddingTop0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 0px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36 .webix_inp_label {
    width: auto !important;
    height: auto;
    font-family: Rubik;
    font-weight: 500;
    color: #738596;
    float: left;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 3 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 0px 24px
}
.s4bt_daterangeHeight36 .webix_inp_static,
.s4bt_daterangeHeight36 input{
    height: 36px !important;
    color:#666;
    padding-right:24px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    line-height: 2.3 !important;
    font-size: 14px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.s4bt_daterangeHeight36 .webix_input_icon{
    top:1px;
    right:0px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36withRight3 .webix_input_icon{
    top:1px;
    right:3px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36IconRight2 .webix_input_icon{
    top:1px;
    right:2px !important;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeRight34Height36 .webix_input_icon {
    top: 1px;
    right: 34px;
    background: 0 0;
    z-index: 0;
    position: absolute;
}
.s4bt_daterangeHeight36 span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #9ea7b3;
    background-color:#f0f2f4;
    border-left: 1px solid #dadee3;
    border-right: 1px solid #dadee3;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.s4bt_daterangeHeight36 ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
.s4bt_daterangeHeight36 .webix_inp_bottom_label{
    height: auto;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 4px !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_daterangeHeight36BLProx .webix_inp_bottom_label{
    height: auto;
    margin-top: 2px;
    padding-top: 4px;
    background-color: transparent !important;
    text-align: left;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.3px;
    color: #4678aa;
}
/* Readonly */
.s4bt_daterangeHeight36Readonly{
    width: auto !important;
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_daterangeHeight36Readonly .webix_el_box{
    width: auto !important;
    height:36px !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_daterangeHeight36Readonly .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_daterangeHeight36ReadonlyPaddingTop0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 0px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36Readonly .webix_inp_label {
    width: auto !important;
    height: auto;
    font-family: Rubik;
    font-weight: 500;
    color: #738596;
    float: left;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 3 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 0px 24px
}
.s4bt_daterangeHeight36Readonly .webix_inp_static,
.s4bt_daterangeHeight36Readonly input{
    height: 36px !important;
    color:#424548;
    padding-right:24px;
    background-color: transparent !important;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: none;
    border: solid 1px #f0f2f4;
    line-height: 2.3 !important;
    font-size: 14px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    opacity:.8
}
.s4bt_daterangeHeight36Readonly .webix_input_icon{
    top:1px;
    right:0px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36Readonly span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #c2c4c7;
    background-color:#f7f8f9;
    border-left: 1px solid #f0f2f4;
    border-right: 1px solid #f0f2f4;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.s4bt_daterangeHeight36Readonly ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
/* Disabled */
.s4bt_daterangeHeight36.webix_view.webix_control .webix_disabled_box .webix_inp_static{
    background-color: #f7f8f9;
    color: #424548 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    opacity: .8;
}
.s4bt_daterangeHeight36DProc.webix_view.webix_control .webix_disabled_box .webix_inp_static{
    background-color: #ffffff;
    color: #424548 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    /*opacity: .8;*/
}
.s4bt_daterangeHeight36Mobile.webix_view.webix_control .webix_disabled_box .webix_inp_static{
    width: 100% !important;
}
.s4bt_daterangeHeight36.webix_view.webix_control .webix_disabled_box span.webix_input_icon{
    background-color: #f7f8f9;
    color: #9ea7b3 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    top:0px;
    right:0px;
    position:absolute;
    opacity: .5;
}
.s4bt_daterangeHeight36DProc.webix_view.webix_control .webix_disabled_box span.webix_input_icon{
    background-color: #ffffff;
    color: #9ea7b3 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    top:0px;
    right:0px;
    position:absolute;
    /*opacity: .5;*/
}

/*------------------------------------*\
    S4BT DateRangePicker height 36
\*------------------------------------*/
.s4bt_daterangeHeight36NoWidthAuto{
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_daterangeHeight36NoWidthAuto .webix_el_box{
    width: auto !important;
    height:36px !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_daterangeHeight36NoWidthAuto .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_daterangeHeight36NoWidthAutoBottom0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 8px 3px;
    padding-bottom: 0px !important;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36NoWidthAutoPaddingTop0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 0px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36NoWidthAuto .webix_inp_label {
    width: auto !important;
    height: auto;
    font-family: Rubik;
    font-weight: 500;
    color: #738596;
    float: left;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 3 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 0px 24px
}
.s4bt_daterangeHeight36NoWidthAuto .webix_inp_static,
.s4bt_daterangeHeight36NoWidthAuto input{
    height: 36px !important;
    color:#666;
    padding-right:24px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 4px 0 rgba(70, 82, 93, 0.1);
    border: solid 1px #d9dee3;
    line-height: 2.3 !important;
    font-size: 14px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.s4bt_daterangeHeight36NoWidthAuto .webix_input_icon{
    top:1px;
    right:0px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36NoWidthAutoIconRight2 .webix_input_icon{
    top:1px;
    right:2px !important;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36NoWidthAuto span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #9ea7b3;
    background-color:#f0f2f4;
    border-left: 1px solid #dadee3;
    border-right: 1px solid #dadee3;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.s4bt_daterangeHeight36NoWidthAuto ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
.s4bt_daterangeHeight36NoWidthAuto .webix_inp_bottom_label{
    height: auto;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 4px !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;
}
/* Readonly */
.s4bt_daterangeHeight36NoWidthAutoReadonly{
    width: auto !important;
    height: auto !important;
    font-size:14px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.s4bt_daterangeHeight36NoWidthAutoReadonly .webix_el_box{
    width: auto !important;
    height:36px !important;
    color:#666;
    position:relative;
    padding: 0px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
}
.s4bt_daterangeHeight36NoWidthAutoReadonly .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_daterangeHeight36NoWidthAutoReadonlyPaddingTop0 .webix_inp_top_label {
    font-family: Rubik;
    height: auto;
    font-weight: 500;
    color: #738596;
    float: none;
    padding: 0px 3px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.s4bt_daterangeHeight36NoWidthAutoReadonly .webix_inp_label {
    width: auto !important;
    height: auto;
    font-family: Rubik;
    font-weight: 500;
    color: #738596;
    float: left;
    padding: 8px 3px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 3 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    padding: 0px 24px
}
.s4bt_daterangeHeight36NoWidthAutoReadonly .webix_inp_static,
.s4bt_daterangeHeight36NoWidthAutoReadonly input{
    height: 36px !important;
    color:#666;
    padding-right:24px;
    background-color: #fff;
    font-family:'Rubik';
    -webkit-appearance:none;
    border-radius: 4px !important;
    box-shadow: none;
    border: solid 1px #f0f2f4;
    line-height: 2.3 !important;
    font-size: 14px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.s4bt_daterangeHeight36NoWidthAutoReadonly .webix_input_icon{
    top:1px;
    right:0px;
    background:0 0;
    z-index:0;
    position:absolute
}
.s4bt_daterangeHeight36NoWidthAutoReadonly span.webix_input_icon{
    width: 22px;
    font-size: 20px;
    height: 26px !important;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 8px !important;
    color: #c2c4c7;
    background-color:#f7f8f9;
    border-left: 1px solid #f0f2f4;
    border-right: 1px solid #f0f2f4;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.s4bt_daterangeHeight36NoWidthAutoReadonly ::placeholder{
    font-family: Rubik;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9ca5b1;
}
/* Disabled */
.s4bt_daterangeHeight36NoWidthAuto.webix_view.webix_control .webix_disabled_box .webix_inp_static{
    background-color: #f7f8f9;
    color: #c2c4c7 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
}
.s4bt_daterangeHeight36NoWidthAuto.webix_view.webix_control .webix_disabled_box span.webix_input_icon{
    background-color: #f7f8f9;
    color: #c2c4c7 !important;
    border: solid 1px #f0f2f4 !important;
    box-shadow: none !important;
    top:0px;
    right:0px;
    position:absolute
}