body.isonline #header {
    background-color: var(--bg-color-isoffline);
}

body.isoffline #header {
    background-color: var(--bg-color-isoffline);
}

#header .status-inner {
    background: white;
    border-radius: 15px;
    padding: 3px 15px;
    font-weight: bold;
}

body.isonline #header .status-inner {
    color: var(--bg-color-isoffline);
}

body.isoffline #header .status-inner {
    color: var(--bg-color-isoffline);
}


/**
 * Sidebar
 */
.sidebar {
    /*background-color: rgb(51, 78, 104) !important;*/
    background-color: rgb(232, 244, 255) !important
}

.sidebar .nav-link:not(.active) .sidebar-label {
    color: black;
}

.sidebar .nav-link:hover .sidebar-label {
    color: white;
}

.sidebar .nav-link:not(.active) .sidebar-logo-container {
    background: black;
}

.sidebar .sidebar-logo-container i {
    color: white;
}

#offcanvas .offcanvas_sidebar {
    background: rgb(232, 244, 255) !important;
}

#offcanvas .sidebar-label {
    color: black;
}

#offcanvas .nav-link:not(.active) .sidebar-logo-container {
    background: black;
}

#offcanvas .sidebar-logo-container i {
    color: white;
}
#offcanvas ul.nav-pills a.nav-link.active .sidebar-logo-container i {
    color: var(--bg-color-sidebar-active);
}

#offcanvas .r4flogo_container {
    background: rgb(20, 21, 25);
    padding: 0.5em 1em;
    display: flex;
    justify-content: center;
}

#offcanvas .r4flogo_container img {
    width: 5em;
}

.pro-version-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

.module-box.accept-r4f {
  min-height: 10em;
  position: relative;
}
.module-box.accept-r4f .pro-version-overlay  {
    z-index: 10;
}
.scrollable-agb {
    height: 500px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}
#acceptAgbCheckbox.disabled {
  cursor: not-allowed;
}