/*------------------------------------*\
    S4BT Toolbar
\*------------------------------------*/
.s4bt_toolbar{
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(92, 107, 122, 0.1);
    position: relative;
    border-width: 0px;
    z-index: 1
}
.s4bt_avatarProfile {
    width:40px;
    height:40px;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}
.s4bt_avatarIniziali {
    /* width: 40px;
    height: 40px;
    float: left;
    margin-left: 8px;
    color: #cad1d8;
    margin-right: 8px;
    background-color: #919eac;
    border-radius: 100%;
    font-family: Rubik;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 1.7; */
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 8px;
    color: #cad1d8;
    margin-right: 8px;
    background-color: #919eac;
    border-radius: 100%;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 2;
}
.s4bt_profileContainer{
    display: inherit !important;
}
.s4bt_avatarName{
    width: auto !important;
    height: auto !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: #424548;
    text-align: left;
    display: flex;
    vertical-align: middle;
    margin: 0 !important;
}
.s4bt_avatarName.webix_el_label div,
.s4bt_avatarDate.webix_el_label div,
.s4bt_notificationToRead.webix_el_label div{
    line-height:16px !important
}
.s4bt_avatarDate{
    width: auto !important; 
    height: auto !important; 
    font-family: Rubik;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.4px;
    color: #676b6f;
    text-align: left;
    text-transform:none;
    margin:0;
}
.s4bt_notificationToRead{
    width: auto !important; 
    height: auto !important; 
    font-family: Rubik;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.4px;
    color: #f5007a;
    text-align: left;
    text-transform:none;
    margin:0;
}
.s4bt_notify .webix_icon_button,
.s4bt_notify .webix_icon_button:hover:before{
    height: 56px !important;
    background: #F7F8F9 !important;
    border: none;
    border-radius: 5px;
}
.s4bt_notify span{
    color: #fff;
    float: left;
}
.s4bt_notify .webix_icon_button .webix_icon {
    font-size: 23px;
    color: #4678aa;
    position: relative;
    left: 15px;
}
.s4bt_notify .webix_icon_count_toolbar {
    font-family: Rubik;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: #DF327A;
    border-radius: 50%;
    height: 22px;
    min-width: 22px;
    box-sizing: border-box;
    -moz-box-sizing: boder-box;
    -webkit-box-sizing: boder-box;
    padding: 0 4px;
    text-align: center;
    line-height: 22px;
    position: absolute;
    right: 15px;
    top: middle;
}
.s4bt_notify.webix_control.webix_el_button{
    width: auto !important;
    height: auto !important;
}
.s4bt_notify .webix_img_btn_abs.webix_img_btn_abs_top.webixtype_base{
    border: none;
    border-radius: 4px;
    background-color: #f7f8f9;
}
.s4bt_notify .webix_icon.fa-bell{
    font-size: 28px;
    color: #505c83;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.s4bt_notifyDossier .webix_icon.fa-file-alt{
    font-size: 28px;
    color: #505c83;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.s4bt_notifyIconleft24 .webix_icon.fa-bell{
    left: 24px;
}
.s4bt_notifyIconleft24 .webix_icon.fa-file-alt{
    left: 24px;
}
.s4bt_notifyButtonWidth76 .webix_el_box{
    width:76px !important
}
.webix_img_btn_abs.webix_img_btn_abs_top .webix_icon {
    margin-left: -12px !important;
}
.s4bt_badgeToolbar .webix_badge {
    width: 26px;
    height: 26px;
    background-color: #f5007a;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 4px;
    position: relative;
    left: 32px;
    top: 0;
    font-family: Rubik;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.s4bt_closeMenuMobile.webix_layout_line{
    width:32px !important
}
.s4bt_userProfMobile.webix_layout_line{
    width: auto !important;
    position: absolute;
    right: 16px;
}
.webix_control.webix_el_button.s4bt_headerProfileMobile.s4bt_width72{
    width: auto !important
}