.fixed-sidebar .app-sidebar {
  position: fixed !important;
  height: 109vh !important;
}
.icon-modal {
    display: grid !important;
}

.o_rtl .icon-modal {
    display: flex !important;
    padding: 1em !important;
}

.img_trans {
    margin: 0em .5em 0em 0em;
}


.o_rtl .img_trans {
    margin: 0em 0em 0em 0.5em;
}
hr.vertical {
    width: 0px;
    height: 52px;
    border: 1px solid #b8b8b8;
}
.number {
    top: 26px;
    position: absolute;
    bottom: 26px;
    border-radius: 42%;
    width: 50px;
    height: 30px;
    padding: 6px;
    background: #31a8ff;
    border: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
}
@media screen and (max-width: 750px){
    .number {
        padding: 9px;
    }
}

@media screen and (max-width: 550px){
    .number {
        padding: 9px;
    }
}



.o_rtl .closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 50px !important;
}


.o_rtl :not(.closed-sidebar).fixed-sidebar .app-main__outer {
    padding-left: 0px !important;
    padding: 0em 15em 0em 2em !important;

}

.widget-content {
    padding: 1em 1em 0em 1em !important;
    flex-direction: row;
    align-items: center;
    border-radius: 5px !important;
}
.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane {
    margin-right: 0px !important;
}