/* NABD Backoffice branding HOTFIX.5 — logo pinned to header top-right (RTL) */

.vertical-menu .navbar-brand-box {
    display: none !important;
}

body[data-layout="vertical"] #page-topbar.isvertical-topbar {
    height: 110px;
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
}

body[data-layout="vertical"] .isvertical-topbar .navbar-header {
    position: relative;
    height: 110px;
    min-height: 110px;
    padding-right: calc(16px + 108px + 44px);
    box-sizing: border-box;
}

body[data-layout="vertical"] .vertical-menu {
    margin-top: 0;
    top: 110px;
    height: calc(100% - 110px);
}

body[data-layout="vertical"] .vertical-menu .sidebar-menu-scroll {
    margin-top: 0;
    height: 100%;
}

body[data-layout="vertical"] .main-content {
    margin-top: 110px;
}

body[data-sidebar-size="sm"] #page-topbar.isvertical-topbar {
    right: 0 !important;
}

body[data-sidebar-size="sm"] .vertical-menu {
    top: 110px;
}

@media (max-width: 768px) {
    body[data-layout="vertical"] .vertical-menu {
        top: 110px;
    }
}

#page-topbar .nabd-header-brand-fixed.navbar-brand-box {
    position: absolute !important;
    width: auto !important;
    left: auto !important;
    background: transparent !important;
}

.isvertical-topbar .nabd-header-brand-fixed {
    display: block !important;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 0;
    pointer-events: auto;
}

.isvertical-topbar .nabd-header-brand-fixed .nabd-header-logo-link,
.isvertical-topbar .nabd-header-brand-fixed .logo {
    display: block;
    line-height: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.isvertical-topbar .nabd-header-brand-fixed .logo .logo-sm {
    display: none;
}

.isvertical-topbar .nabd-header-brand-fixed .logo .logo-lg {
    display: block;
}

.isvertical-topbar .nabd-header-brand-fixed .nabd-brand-logo {
    display: block;
    height: 108px;
    width: auto;
    max-height: 108px;
    object-fit: contain;
    object-position: center;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.isvertical-topbar .navbar-header .nabd-header-brand-group {
    flex-shrink: 0;
}

.isvertical-topbar .navbar-header .vertical-menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #e9ecef;
}

body[data-sidebar-size="sm"] .isvertical-topbar .nabd-header-brand-fixed .logo .logo-lg {
    display: none;
}

body[data-sidebar-size="sm"] .isvertical-topbar .nabd-header-brand-fixed .logo .logo-sm {
    display: block;
}

body[data-sidebar-size="sm"] .isvertical-topbar .nabd-header-brand-fixed .nabd-brand-logo-sm {
    height: 52px;
    width: auto;
    max-height: 52px;
}

body[data-sidebar-size="sm"] .isvertical-topbar .navbar-header {
    padding-right: calc(16px + 52px + 44px);
}

.nabd-auth-brand {
    padding: 0.25rem 0 0.75rem;
}

.nabd-auth-brand .nabd-brand-logo {
    display: inline-block;
    height: auto;
    width: min(100%, 220px);
    max-width: 220px;
    object-fit: contain;
    background: transparent !important;
}

@media (max-width: 575.98px) {
    body[data-layout="vertical"] #page-topbar.isvertical-topbar,
    body[data-layout="vertical"] .isvertical-topbar .navbar-header {
        height: 92px;
    }

    body[data-layout="vertical"] .vertical-menu {
        top: 92px;
        height: calc(100% - 92px);
    }

    body[data-layout="vertical"] .main-content {
        margin-top: 92px;
    }

    .isvertical-topbar .nabd-header-brand-fixed .nabd-brand-logo {
        height: 76px;
        max-height: 76px;
    }

    .isvertical-topbar .navbar-header {
        padding-right: calc(16px + 76px + 40px);
    }
}