/* Font */
@font-face {
    font-family: 'Aptos';
    src: url('/fonts/Aptos.woff2') format('woff2'),
         url('/fonts/Aptos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Aptos', sans-serif;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar-nav .nav-link.active {
    border-bottom: 2px solid var(--primary-accent-bg-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--mx-white);
    background-color: #1b6ec2;
    border-color: var(--dark-blue);
}

.btn-primary {
    color: var(--mx-white);
    background-color: #1b6ec2;
    border-color: var(--dark-blue);
}

/*Colors*/
.mx-green {
    color: var(--mx-green);
}

.mx-blue {
    color: var(--mx-blue);
}

.mx-pink {
    color: var(--mx-pink);
}

.mx-yellow {
    color: var(--mx-yellow);
}

/*BG-Colors*/
.mx-bg-green {
    background-color: var(--mx-green);
}

.mx-bg-blue {
    background-color: var(--mx-blue);
}

.mx-bg-pink {
    background-color: var(--mx-pink);
}

.mx-bg-yellow {
    background-color: var(--mx-yellow);
}

.mx-bg-grey {
    background-color: var(--mx-grey);
}

/* Chart Export-Button*/
.export-btn {
    border: 1px solid #0000002C;
}

.export-btn::after {
    display: none;
}

.dropdown-menu {
    --bs-dropdown-min-width: auto !important;
}

main a:not(.nav-link):not(.dropdown-item):not(.dx-link):hover,
mxfooter a:hover {
    border-bottom: 2px solid var(--primary-accent-bg-color) !important;
}

/*Bootstrap Dropdown*/
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--devextreme-dropdown-background-color-hover);
}

nav .dropdown-item:focus, nav .dropdown-item:hover {
    background-color: rgba(var(--bs-light-rgb));
}

#login-logo {
    width: 150px;
}

/* Lists */
li::marker {
    color: var(--primary-accent-bg-color);
}

/* Bootstrap alert card */
.alert.alert-danger {
    color: var(--bs-body-color) !important;
}

/* Ergebnisse Abschläge Verkehrsunternehmen Dropdown */
#vu-dropdown-container {
    width: 350px;
}