.layout {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.layout.has-sidebar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.layout .new-header {
    -webkit-transition: width, 0.3s;
    transition: width, 0.3s;
    height: 56px;
    min-height: 56px;
    position: fixed;
    top: 0;
}

.layout .sidebar {
    width: 288px;
    min-width: 288px;
    -webkit-transition: width, left, right, 0.3s;
    transition: width, left, right, 0.3s;
}

.layout .sidebar.collapsed {
    width: 64px;
    min-width: 64px;
}

.layout .footer {
    height: 64px;
    min-height: 64px;
}

.layout .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.layout .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
    display: none;
}

.layout .sidebar-toggler {
    display: none;
}

.layout.fixed-sidebar {
    height: 100%;
}

.layout.fixed-sidebar .sidebar {
    height: 100%;
    overflow: auto;
}

.layout.fixed-sidebar .sidebar~.layout {
    height: 100%;
    overflow: auto;
}

.layout.fixed-header .new-header {
    width: 100%;
    z-index: 2;
}

.layout.fixed-header .new-header~.layout,
.layout.fixed-header .new-header~.content {
    margin-top: 64px;
}

.layout.fixed-header.fixed-sidebar .new-header {
    width: calc(100% - 280px);
    box-shadow: 0px 4px 8px 0px rgba(203, 203, 203, 0.15);
}

.layout.fixed-header.fixed-sidebar .sidebar.collapsed~.layout .new-header {
    width: calc(100% - 80px);
}

.layout.rtl {
    direction: rtl;
}
.content.new-bailment-mobile-navigation {
    margin-top: 56px !important; 
    border-left: 16px solid #f5f5f5;
    border-right: 16px solid #f5f5f5;
    border-top: 10px solid #f5f5f5;
}
.new-bailment-mobile-navigation-body {
    overflow-x: hidden;
    overflow-y: auto;
}
.main-sidebar-section.new-bailment-mobile-navigation .layout {
    width: 100vw !important;
}