:root {
    --rdm-sidebar-width: 280px;
}

.rdm-brand-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

.rdm-brand-logo-lg {
    max-height: 288px;
}

.rdm-brand-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 10px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.rdm-sidebar-logo {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    opacity: 0.95;
}

body.rdm-wide-sidebar .main-sidebar,
body.rdm-wide-sidebar .main-sidebar::before {
    width: var(--rdm-sidebar-width) !important;
    overflow-x: hidden;
}

body.rdm-wide-sidebar.layout-fixed .brand-link {
    width: var(--rdm-sidebar-width) !important;
    overflow: hidden;
}

body.rdm-wide-sidebar.sidebar-collapse .main-sidebar,
body.rdm-wide-sidebar.sidebar-collapse .main-sidebar::before {
    margin-left: calc(var(--rdm-sidebar-width) * -1) !important;
}

@media (min-width: 768px) {
    body.rdm-wide-sidebar:not(.sidebar-collapse):not(.layout-top-nav) .content-wrapper,
    body.rdm-wide-sidebar:not(.sidebar-collapse):not(.layout-top-nav) .main-footer,
    body.rdm-wide-sidebar:not(.sidebar-collapse):not(.layout-top-nav) .main-header {
        margin-left: var(--rdm-sidebar-width) !important;
    }
}

@media (max-width: 991.98px) {
    body.rdm-wide-sidebar:not(.sidebar-open) .content-wrapper,
    body.rdm-wide-sidebar:not(.sidebar-open) .main-footer,
    body.rdm-wide-sidebar:not(.sidebar-open) .main-header {
        margin-left: 0 !important;
    }
}