/*------------------------------------*\
    S4BT Login
\*------------------------------------*/
.s4bt_logo{
    width:auto !important;
    height:auto !important;
    padding-top:16px;
}
.s4bt_logoMobile{
    width:136px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
    padding-top:16px;
}
.s4bt_cardLogin{
    height:auto !important;
    border-radius:8px !important;
    box-shadow:0px -5px 20px #cacaca;
    margin-top:32px !important;
    margin-bottom:16px !important;
    background-color:#fff !important;
}
.s4bt_cardLoginMarginTop0{
    height:auto !important;
    border-radius:8px !important;
    margin-bottom:40px !important;
    background-color:#fff !important;
}
.s4bt_cardLoginMarginBottom32{
    height:auto !important;
    border-radius:8px !important;
    margin-bottom:32px !important;
    background-color:#fff !important;
}
.s4bt_alert{
    width:auto !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
    position:relative !important;
    left:0;
    top:0;
    transform:translate(0, 0);
    border-radius:8px;
    background-color:#fef7f6;
    margin:8px 0px !important;
}
.s4bt_leftSideAlert{
    width:48px !important;
    height:100% !important;
    border:none;
    position:absolute;
    top:0; 
    left:0;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    background-color:#ee5244;
    display:inline-block;
    text-align:center;
}
.s4bt_iconAlert{
    position:relative;
    top:50%;
    left:15%;
    transform:translate(-50%, -50%);
    font-size:24px;
    text-align:center !important;
    font-weight:100;
}
.s4bt_alertMessageError{
    width:auto;
    height:auto;
    margin-left:55px;
    padding-top: 12px !important
}
.s4bt_alertCloseMessageError{
    width: 24px;
    height: 24px;
    background-color: #fff;
    color: #ee5244;
    border: none;
    font-family: Rubik;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 92.5%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    cursor: pointer;
}
.s4bt_cardfooterDesktop.webix_layout_line{
    width:396px !important;
    height:auto !important;
    display:inline-block !important;
    vertical-align:top !important;
    margin-top:-8px !important;
    margin-left:0 !important;
    border-top:2px solid #e8ebee !important;
}
.s4bt_cardfooterDesktop{
    width:396px !important;
    position:relative !important;
    height:auto !important;
    background-color:#F7F8F9 !important;
    left:50%;
    transform:translate(-50%, -50%);
    border-bottom-left-radius:8px !important;
    border-bottom-right-radius:8px !important;
    box-shadow:0px 8px 20px -8px #cacaca;
}
.webix_view.s4bt_cardfooterTablet.webix_layout_line{
    width:348px !important;
    height:auto !important;
    display:inline-block !important;
    vertical-align:top !important;
    margin-top:-16px !important;
    margin-left:0 !important;
    border-top:2px solid #e8ebee !important;
}
.s4bt_cardfooterTablet{
    width:348px !important;
    position:relative !important;
    height:auto !important;
    background-color:#F7F8F9 !important;
    left:50%;
    transform:translate(-50%, -50%);
    border-bottom-left-radius:8px !important;
    border-bottom-right-radius:8px !important;
    box-shadow:0px 8px 20px #cacaca;
    margin-bottom:20px;
}
.s4bt_cardfooterMobile.webix_layout_line{
    width:288px !important;
    height:auto !important;
    display:inline-block !important;
    vertical-align:top !important;
    margin-top:-24px !important;
    margin-left:0 !important;
    border-top:2px solid #e8ebee !important;
}
.s4bt_cardfooterMobile{
    width:288px !important;
    position:relative !important;
    height:auto !important;
    background-color:#F7F8F9 !important;
    left:50%;
    transform:translate(-50%, -50%);
    border-bottom-left-radius:8px !important;
    border-bottom-right-radius:8px !important;
    box-shadow:0px 8px 20px #cacaca;
    margin-bottom:20px;
}
.s4bt_templateLogoPragma{
    width:auto !important;
    min-height:42px !important;
    height:auto !important;
    border-width:0px !important;
    background-color:transparent !important;
    border:none;
    font-family:Rubik;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    font-stretch:normal;
    line-height:2;
    letter-spacing:0.3px;
    color:#919EAC;
    text-align:center !important;
}
.s4bt_pragmaLogoDesktop{
    width:285px !important;
    height:65px !important;
    display:block !important;
    margin:0 auto !important;
}