@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    /* Colors */
    --color-kname: #0090b0;
    --color-navline: #0090b0;
    --color-btn-primary: #0090b0;
    --color-nav-hover: #0090b0;

    /* Typography */
    --font-family-base: "Inter", sans-serif;
    --font-weight-kname: 500;
    --font-size-kname: 18pt;

    /* Logo Main */
    --logo-image: url("../../resources/logos/atoom13.png");
    --logo-width: 103px;
    --logo-height: 70px;

    /* Logo Print */
    --pr-logo-width: 74px;
    --pr-logo-max-height: 50px;
}

.top-row {
    height: 90px !important;
    min-height: 90px !important;
}

.top-row .nav-item a {
    height: 2rem;
    display:flex;
    align-items:center;
    color:#000000;
}

.logo {
    background-image: var(--logo-image);
    margin-left:30px;
    margin-right:10px;
    margin-top: 5px;
    width: var(--logo-width);
    height: var(--logo-height);
}

.pr-logo {
    margin: auto;
    max-height: var(--pr-logo-max-height);
    width: var(--pr-logo-width);
    content: var(--logo-image);
    filter: invert(0) sepia(0%) brightness(100%);
}

.kname {
    color: var(--color-kname);
    margin-left: 5px;
    margin-right: 10px;
    text-align:left;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-kname);
    font-style: normal;
    font-size: var(--font-size-kname);
}

.sidebar .nav-item {
    font-size: 12pt;
    padding-bottom:0.5rem;
    text-align:left;
    font-family: var(--font-family-base);
    font-weight:300;
    font-style: normal;
}

.stxt {
    color:#000000;
    background-color:#e9ecef;
    border:0px;
    border-radius:4px;
    cursor:pointer;
    width:320px;
    height:25px;
    margin-left:5px;
    margin-bottom:15px;
}

.sidebar .navline {
    margin-left:10px;
    margin-right:10px;
    height:1px;
    background-color: var(--color-navline);
}

.btn-primary {
    color:#ffffff;
    background-color: var(--color-btn-primary);
    border-color: #192027;
    max-height:193.9px;
    width:320px;
}

/* OBERE NAVIGATIONS LEISTE */
.top-row-bg {
    background-color:#ffffff;
}

.sidebar {
    height:100vh;
    background-color:#ffffff;
}

.sidebar .nav-item a:hover {
    cursor:pointer;
    background-color: var(--color-nav-hover);
    color: #ffffff;
}

.sidebar .nav-item a {
    color:#000000;
    height:2rem;
    display:flex;
    align-items:center;
}

.perleft {
    background-color:#fbfcfa;
    overflow:scroll;
    overflow-x:hidden;
    font-size: 12pt;
    font-weight:bold;
    height:calc(100vh - 90px);
}

.ico-svg {
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height: 150%;
    filter:invert(1) sepia(9) saturate(3) brightness(10%) hue-rotate(130deg);
}

/* Modal Base */
.modh {
    background-color:#fff;
    color: #000;
}

.modb {
    background-color:#fff;
}

.modc {
    background-color:inherit;
}

.modx {
    font-weight:inherit;
    line-height:1;
    color:#000;
    text-shadow:none;
    opacity:1;
}