/* Copied by scripts/generate-bae-theme.js from scripts/theme/bae.css. Do not edit. */
:root {
    --lpx-content-text-rgb: 85, 85, 85;
    --lpx-content-bg-rgb: 240,244,247;
    --lpx-primary-rgb: 203, 156, 26;
    --lpx-secondary-rgb: 108,93,211;
    --lpx-brand-rgb: 247,37,133;
    --lpx-success-rgb: 79,191,103;
    --lpx-info-rgb: 67,138,167;
    --lpx-warning-rgb: 255,159,56;
    --lpx-danger-rgb: 192,13,73;
    --lpx-light-rgb: 230,235,239;
    --lpx-dark-rgb: 6,42,68;
    --lpx-navbar-color-rgb: 255,255,255;
    --lpx-navbar-text-color-rgb: 68,95,114;
    --lpx-navbar-active-text-color-rgb: 18,65,99;
    --lpx-text-white-rgb: 255,255,255;
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-primary: #CB9C1A;
    --lpx-secondary: #6c5dd3;
    --lpx-success: #4fbf67;
    --lpx-info: #438aa7;
    --lpx-warning: #ff9f38;
    --lpx-danger: #c00d49;
    --lpx-brand: #CB9C1A;
    --lpx-brand-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0.5rem;
    --lpx-logo: url("/images/logo/bae_kreislogo.svg");
    --lpx-logo-icon: url("/images/logo/bae_kreislogo.svg");
    --lpx-light: #e6ebef;
    --lpx-dark: #062a44;
    --lpx-navbar-color: #fff;
    --lpx-navbar-text-color: #fff;
    --lpx-navbar-active-text-color: #CB9C1A;
    --lpx-navbar-active-bg-color: #555555;
    --lpx-card-bg: #fff;
    --lpx-card-title-text-color: #062a44;
    --lpx-content-bg: #f0f4f7;
    --lpx-content-text: #555555;
    --lpx-border-color: #e8eef3;
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    --font-serif: "georgiaregular";
}

.bae-text-serif {
    font-family: var(--font-serif);
}

.bae-text-sans-serif {
    font-family: var(--bs-font-sans-serif);
}

.lpx-user-ctx-info {
    color: #555555!important;
}

.lpx-user-ctx-body .lpx-nav-menu .lpx-menu-item-link {
    color: #555555!important;
}

.main-header-app-name-container .main-header-app-name-title {
    margin: 0;
    font-weight: bold;
    font-size: 1.75rem;
}

.main-header-app-name-container .main-header-app-name-subtitle {
    font-size: 1.15rem;
    letter-spacing: 0.1rem;
    font-style: italic;
}

.lpx-header-top .lpx-brand-logo {
    width: 98px !important;
}

.lpx-header-top {
    height: 98px !important;
}

.lpx-brand-logo {
    background-size: auto 76px !important;
    height: 76px !important;
}

.lpx-header-top .lpx-settings {
    display: none;
}

.lpx-header-top .lpx-nav-menu .outer-menu-item a {
    margin-top: 10px;
}

.lpx-header-bottom {
    background: #555555;
}

    .lpx-header-bottom .lpx-menu-item-text {
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 0.1rem;
    }

    .lpx-header-bottom .lpx-menu-item-icon {
        display: none;
    }

.lpx-topbar-container {
    display: none;
}

/*Fixes top menu items are wrapped into new column when on smaller devices that still show top menu*/
@media (max-width: 991.98px) {

    .lpx-header-bottom .lpx-nav-menu .outer-menu-item .lpx-menu-item,
    .lpx-header-top > .lpx-nav .lpx-nav-menu .outer-menu-item .lpx-menu-item,
    .lpx-header-top > .lpx-right-menu > .lpx-nav .lpx-nav-menu .outer-menu-item .lpx-menu-item {
        padding: 0 10px 0 0 !important;
    }
}

/*Mobile navbar with tabs left and right and the round hamburger in the centre. LeptonX 5.6.2 only styles its own markup (lpx-mobile-nav-tab-container), these are the rules LeptonX 2.3 shipped for ours.*/
.lpx-mobile-navbar .lpx-mobile-nav-tab-left,
.lpx-mobile-navbar .lpx-mobile-nav-tab-right {
    width: 100%;
    display: flex;
    align-items: center;
}

.lpx-mobile-navbar .lpx-mobile-nav-tab-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    position: relative;
    padding: 2px;
    margin: 4px 2px;
}

.lpx-mobile-navbar .lpx-mobile-nav-tabs {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.lpx-mobile-navbar .lpx-mobile-nav-tab {
    text-align: center;
    height: 72px;
    padding: 2px;
    margin: 4px 2px;
    border-radius: var(--lpx-radius);
    color: var(--lpx-navbar-active-text-color);
}

.lpx-mobile-navbar .lpx-mobile-nav-tab a {
    color: var(--lpx-navbar-text-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.lpx-mobile-navbar .lpx-mobile-nav-tab a:hover,
.lpx-mobile-navbar .lpx-mobile-nav-tab a.lpx-mobile-menu-toggle-open,
.lpx-mobile-navbar .lpx-mobile-nav-tab.selected a {
    color: var(--lpx-navbar-active-text-color);
}

.lpx-mobile-navbar .lpx-mobile-nav-tab .mobile-item-text {
    margin-top: 7px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.lpx-mobile-navbar .lpx-mobile-nav-tab .lpx-avatar .lpx-avatar-img {
    height: 24px;
    width: 24px;
    margin: 12px 0 0;
}

.lpx-mobile-navbar .lpx-mobile-hamburger {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 72px;
    background: var(--lpx-brand);
    top: -8px;
    position: relative;
}

.lpx-mobile-navbar .lpx-mobile-hamburger:before {
    content: "";
    position: absolute;
    height: 72px;
    border-radius: 50% 50% 50% 50%/80% 80% 20% 20%;
    left: 50%;
    width: 108px;
    margin-left: -54px;
    z-index: -1;
    top: -6px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon {
    width: 60px;
    height: 45px;
    position: relative;
    margin: 14px auto;
    transform: scale(0.56);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: block;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part {
    display: block;
    position: absolute;
    height: 7px;
    width: 50%;
    background: white;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(even) {
    left: 50%;
    border-radius: 0 var(--lpx-radius) var(--lpx-radius) 0;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(odd) {
    left: 0;
    border-radius: var(--lpx-radius) 0 0 var(--lpx-radius);
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(1),
.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(2) {
    top: 0;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(3),
.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(4) {
    top: 18px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(5),
.lpx-mobile-navbar .lpx-mobile-hamburger .hamburger-icon .icon-part:nth-child(6) {
    top: 36px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(1),
.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(6) {
    transform: rotate(45deg);
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(2),
.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(5) {
    transform: rotate(-45deg);
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(1) {
    left: 5px;
    top: 7px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(5) {
    left: 5px;
    top: 29px;
}

.lpx-mobile-navbar .lpx-mobile-hamburger.lpx-mobile-menu-toggle-open .icon-part:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px;
}

/*Background color for mobile navbar*/
.lpx-mobile-navbar-container .lpx-mobile-navbar, .lpx-mobile-hamburger:before {
    background: #555555 !important;
}

/*Bigger test in mobile navbar*/
.lpx-mobile-nav-tab .mobile-item-text {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 13px !important;
}

/*Hides mobile navbar item for settings*/
.lpx-mobile-nav-tab:has(.lpx-mobile-nav-item[data-lpx-mobile-menu-toggle="settings"]) {
    display: none;
}

.lpx-mobile-nav-item[data-lpx-mobile-menu-toggle="settings"] {
    display: none;
}

/*Hides icons for mobile navbar items*/
.lpx-mobile-nav-tab .menu-item-icon {
    display: none !important;
}

/*Adjust display mode for "iconless" mobile navbar items. excludes user item*/
.lpx-mobile-nav-tab a:not([data-lpx-mobile-menu-toggle="user"]) {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.lpx-mobile-nav-tab {
    width: 100%!important;
}

/*Fix overflow and border for content*/
@media only screen and (max-width: 767px) {
    .lpx-content-container {
        overflow: auto!important;
        border-radius: 0!important;
    }
}

/*Fix scroll and set background color of mobile hamburger menu*/
.lpx-mobile-menu {
    overflow-y: auto !important;
    background-color: #555555!important;
}

/*Remove icons for menu items*/
.lpx-mobile-menu .lpx-menu-item-icon {
    display: none!important;
}

/*Style text of menu items*/
.lpx-mobile-menu .lpx-menu-item-text {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

/*Some padding for mobile navbar menu items (exact padding of user stuff)*/
.lpx-mobile-menu .lpx-menu-item-link.lpx-menu-item {
    padding-left: 1.5rem!important;
}

/*set user email field to white for mobile.*/
.lpx-mobile-menu .lpx-context-menu-user-email {
    color: #fff;
}

.lpx-mobile-menu .lpx-logo-container {
    background: #fff;
}

.lpx-mobile-menu .lpx-brand-logo {
    width: 98px !important;
}

.lpx-mobile-menu .main-header-app-name-subtitle {
    font-size: 1rem;
}

/*Fixes user menu items not visible on desktop*/
@media screen and (max-width: 991px) {
    .lpx-header-top .lpx-menu-item-link .lpx-menu-item-text {
        display: block!important;
    }
}

.lpx-header-top {
    justify-content: unset!important;
}

/*The boxed layout makes the footer sticky, keep it fixed at the bottom of the screen (above the mobile navbar)*/
body #lpx-wrapper.boxed .lpx-footbar-container {
    position: fixed;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    body #lpx-wrapper.boxed .lpx-footbar-container {
        bottom: 72px;
    }
}

/*LeptonX 5.6.2 wraps every toolbar item in its own block, keep contact and avatar side by side*/
.lpx-header-top .lpx-right-menu > div:not(.lpx-settings) {
    display: flex;
    align-items: center;
}

/*LeptonX 5.6.2 lowered the menu bar and its items, keep them as high as before (menu bar and mobile menu)*/
header .lpx-header-bottom {
    height: 64px;
}

.lpx-header-bottom .lpx-nav-menu > .outer-menu-item > .lpx-menu-item-link,
.lpx-mobile-menu .lpx-nav-menu > .outer-menu-item > .lpx-menu-item-link {
    height: 48px;
    line-height: 48px;
}

/*Show banner content mobile stuff*/
@media only screen and (max-width: 767px) {
    /*enforce display of header*/
    header {
        display: block!important;
    }

    /*Set padding for top header a bit less. more mobile friendly*/
    .lpx-header-top {
        padding-right: 18px!important;
    }

    /*Hide navigation stuff*/
    .lpx-header-top .lpx-nav.me-auto {
        display: none!important;
    }

    /*Hide right menu*/
    .lpx-header-top .lpx-right-menu {
        display: none!important;
    }

    /*Hide menu bar*/
    .lpx-header-bottom {
        display: none!important;
    }

    /*Fix sticky header*/
    .lpx-content-container {
        overflow: inherit!important;
    }

    /*Buttons of the ABP pages wrap instead of running out of the screen*/
    .lpx-content .btn.text-nowrap {
        white-space: normal !important;
    }

    /*Search field and button of the ABP pages (col-11 and col-1): the button keeps its width, the field takes the rest*/
    .lpx-content .row > .col-11:has(+ .col-1) {
        flex: 1 1 0;
        width: auto;
    }

    .lpx-content .row > .col-11 + .col-1 {
        flex: 0 0 auto;
        width: auto;
    }

    /*Wide data grids scroll in place instead of widening the page*/
    .lpx-content form:has(> table.b-datagrid) {
        overflow-x: auto;
    }

    /*Fix cannot scroll to bottom caused by the fixed footer and mobile navbar*/
    .lpx-content-container:has(.lpx-footbar-container) .lpx-content {
        padding-bottom: 120px!important;
    }
}

/*Force white background.*/
.white-bg {
    background-color: #fff;
}