@import '_content/DBD_Components/DBD_Components.jmqzxcjrm6.bundle.scp.css';

/* /Components/Shared/AdvancedComponents/Headers/WebHeader.razor.rz.scp.css */
.menu[b-botgt0m3i7] {
    display:block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

.line[b-botgt0m3i7] {
    fill: none;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1[b-botgt0m3i7] {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.line2[b-botgt0m3i7] {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

.line3[b-botgt0m3i7] {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.opened .line1[b-botgt0m3i7] {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.opened .line2[b-botgt0m3i7] {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.opened .line3[b-botgt0m3i7] {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
/* /Components/Shared/AdvancedComponents/Sidenavs/MenuSidenav.razor.rz.scp.css */
.sidebar[b-sml6cdptfv] {
    transform: translateX(100%);
    margin-top: 88px;
    height: calc(100vh - 88px);
}

.navigationitem[b-sml6cdptfv]  a.active,
.navigationitem[b-sml6cdptfv]  button.active {
    border-right: 4px var(--hover-color) solid;
}

.navigationitem[b-sml6cdptfv]  a:hover,
.navigationitem[b-sml6cdptfv]  button:hover,
.navigationitem[b-sml6cdptfv]  a.active,
.navigationitem[b-sml6cdptfv]  button.active {
    color: var(--hover-color);
    background-color: rgb(243 244 246 / 1);
}

a.hoverable:hover[b-sml6cdptfv],
button.hoverable:hover[b-sml6cdptfv] {
    color: var(--hover-color) !important;
}

@media screen and (max-width: 1280px) {
    .overlay.expanded[b-sml6cdptfv] {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: black;
        opacity: 0.6;
    }

    .sidebar.open[b-sml6cdptfv],
    .sidebar.openmobil[b-sml6cdptfv] {
        transform: translateX(0);
    }
}
/* /Components/Shared/BaseComponents/Arrows/Arrow.razor.rz.scp.css */
.arrow[b-ev39rxuqpn] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.arrow-line[b-ev39rxuqpn] {
    width: 60px;
    height: 2px;
}

.arrow-head[b-ev39rxuqpn] {
    width: 0;
    height: 0;
    border-style: solid;
}

.arrow-left .arrow-head[b-ev39rxuqpn] {
    border-width: 6px 10px 6px 0;
    border-color: transparent #000 transparent transparent;
}

.arrow-right .arrow-head[b-ev39rxuqpn] {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #000;
}

.group:hover .arrow-left .arrow-head[b-ev39rxuqpn] {
    border-width: 6px 10px 6px 0;
    border-color: transparent var(--color-dbdpink) transparent transparent;
}

.group:hover .arrow-right .arrow-head[b-ev39rxuqpn] {
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent var(--color-dbdpink);
}
/* /Components/Shared/BaseComponents/Buttons/Button.razor.rz.scp.css */
body[b-0fcte1oz9d] {
}
/* /Components/Shared/BaseComponents/Inputs/LineInputs/Textbox.razor.rz.scp.css */
input:focus[b-7hn8pc37w5] {
    border-color: var(--border-color);
}

div:has(+ input:focus)[b-7hn8pc37w5] {
    border-color: var(--border-color);
}

.tooltipped[b-7hn8pc37w5]:after {
    z-index: 999;
    font-size: 0.75em;
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 0;
    background-color: black;
    padding: 2px 8px;
    color: white;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    pointer-events: none;
}

.tooltipped:hover[b-7hn8pc37w5]:after {
    z-index: 999;
    opacity: 1;
    bottom: 105%;
}

@media screen and (max-width: 768px) {
    .tooltipped[b-7hn8pc37w5]:after {
        z-index: 999;
        white-space: normal;
        min-width: 250px;
        left: -66px;
    }
}
/* /Components/Shared/BaseComponents/MailAction.razor.rz.scp.css */
.rhomis[b-r13zgkyhsr] {
    background-image: linear-gradient(120deg, var(--bg-color) 50%, white 50%, white);
}

.rhomie[b-r13zgkyhsr] {
    background-image: linear-gradient(120deg, white 50%, var(--accent-color) 50%, var(--accent-color));
}

.rhoma[b-r13zgkyhsr] {
    background-color: var(--accent-color);
}

.rhomae[b-r13zgkyhsr] {
    background-image: linear-gradient(120deg, var(--accent-color) 50%, var(--bg-color) 50%, var(--bg-color));
}

.group:hover .rhomie[b-r13zgkyhsr] {
    background-image: linear-gradient(120deg, white 50%, var(--hover-color) 50%, var(--hover-color));
}

.group:hover .rhoma[b-r13zgkyhsr] {
    background-color: var(--hover-color);
}

.group:hover .rhomae[b-r13zgkyhsr] {
    background-image: linear-gradient(120deg, var(--hover-color) 50%, var(--bg-color) 50%, var(--bg-color));
}
/* /Components/Shared/BaseComponents/RhomboidAction.razor.rz.scp.css */
.group:hover a[b-r2jl8dsgdd]{
    background-color: var(--hover-color);
}

.group .rhoms[b-r2jl8dsgdd] {
    background-image: linear-gradient(120deg, var(--bg-color) 50%, var(--accent-color) 50%, var(--accent-color));
}

.group .rhome[b-r2jl8dsgdd] {
    background-image: linear-gradient(120deg, var(--accent-color) 50%, var(--bg-color) 50%, var(--bg-color));
}

.group:hover .rhoms[b-r2jl8dsgdd] {
    background-image: linear-gradient(120deg, var(--bg-color) 50%, var(--hover-color) 50%, var(--hover-color));
}

.group:hover .rhome[b-r2jl8dsgdd] {
    background-image: linear-gradient(120deg, var(--hover-color) 50%, var(--bg-color) 50%, var(--bg-color));
}