/* /Pages/Components/EabAperakStatusIndicator.razor.rz.scp.css */
.wrapper[b-kcoq3fnhai] {
    display: flex;
}

.dot[b-kcoq3fnhai] {
    height: 25px;
    width: 25px;
    margin-top: 4px;
}

.unknown-status[b-kcoq3fnhai] {
    fill: #BCBBBF;
}

.failed-status[b-kcoq3fnhai] {
    fill: #DE1950;
}

.succeeded-status[b-kcoq3fnhai] {
    fill: #1EC78D;
}

.divider[b-kcoq3fnhai] {
    width: 8px;
    height: 1px;
    background: rgb(188, 187, 191);
}
/* /Pages/Components/NavBarInformation.razor.rz.scp.css */
.navbar-information[b-8vywn8y1gf] {
    margin: 0 0 16px 16px;
    padding: 0;
    list-style: none;
    font-size: 13px;
    flex: 0 0 auto;
    color: rgba(57, 53, 64, 0.6);
}

.navbar-information a[b-8vywn8y1gf] {
    color: inherit;
    text-decoration: none;
}

.navbar-information a:hover[b-8vywn8y1gf] {
    color: rgba(57, 53, 64, 1);
    cursor: pointer;
}
/* /Pages/Components/OrganizationInput.razor.rz.scp.css */
.organization-dropdown[b-ajqvlugikp] {
    position: absolute;
    background: white;
    width: 290px;
    max-height: 200px;
    padding: 0 8px;
    border-radius: 8px;
    overflow-y: auto;
}

.organization-dropdown-item[b-ajqvlugikp] {
    cursor: pointer;
    padding: 8px;
}
/* /Pages/Components/OrganizationSelectDropdownButton.razor.rz.scp.css */
.relation-number[b-zpuhk8tnue] {
    padding: 10px;
}

.relation-number:hover[b-zpuhk8tnue] {
    background-color: #f8f9fa;
    cursor: pointer;
}
/* /Pages/Components/Toasts/ToastContainer.razor.rz.scp.css */
[b-qijineeo11] /* ::deep required on everything to make scoped css work */
 .toast-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0vh;
    margin-top: 3.5rem;
}
/* /Pages/Components/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-zxm17m2mtj] {
    position: relative;
    display: inline-block;
    cursor: help;
}

span[b-zxm17m2mtj] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    overflow-x: hidden;
}

/*
TODO: Uncomment for carrot after scrollbar in tooltip is fixed
span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/

.tooltip-wrapper:hover span[b-zxm17m2mtj] {
    visibility: visible;
}
/* /Pages/Index.razor.rz.scp.css */
#info-wrapper[b-sg63rmb7hn] {
    width: 65%;
    margin: 0 auto;
}

#info-wrapper .content[b-sg63rmb7hn]{
    margin: 24px 0;
}

span#content-title[b-sg63rmb7hn] {
    font-weight: bold;
    font-size: 25px;
}

.quote[b-sg63rmb7hn] {
    color: #DD1850;
    margin: 64px 0;
    padding: 24px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #DD1850;
    border-bottom: 1px solid #DD1850;
    font: 24px/1.5 'gordita-bold';
}

.quote[b-sg63rmb7hn]::before, .quote[b-sg63rmb7hn]::after {
    content: '';
    width: 32px;
    height: 16px;
    display: block;
    position: absolute;
    background-color: #F3F3F3;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.quote[b-sg63rmb7hn]::before {
    top: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.29 287.49"><defs><style> .cls-1 { fill: %23dd1850; stroke-width: 0px; } </style></defs><path class="cls-1" d="m0,30.71c1.79-6.78,4.13-13.28,9.02-18.58C16.25,4.31,25.07.06,35.78.05c36.05-.03,72.11-.06,108.16,0,19.77.04,35.64,15.9,35.67,35.68.06,39.67.14,79.35-.06,119.02-.07,14.16-2.63,27.9-8.31,41.07-10.99,25.48-21.49,51.17-32.4,76.69-4.1,9.59-11.63,14.77-22.18,14.89-12.72.15-25.45.06-38.17.03-8.66-.02-13.99-6.66-12.32-15.22,5.85-29.92,11.7-59.83,17.53-89.75.14-.72.14-1.48.25-2.81h-4.01c-14.22,0-28.44,0-42.67,0-18.65-.01-32.26-10.79-36.6-28.96-.14-.59-.45-1.15-.68-1.72,0-39.42,0-78.85,0-118.27Z"/><path class="cls-1" d="m287.53,179.66c-1.58,0-2.93,0-4.28,0-14.72,0-29.44.06-44.15-.02-19.5-.11-35.42-16.01-35.46-35.52-.07-36.17-.07-72.34,0-108.51C203.68,16.07,219.58.1,239.07.06c36.3-.08,72.59-.09,108.89,0,19.28.05,35.21,16.01,35.25,35.33.08,40.04.17,80.08-.07,120.11-.08,13.76-2.62,27.14-8.15,39.97-11.02,25.59-21.67,51.35-32.47,77.04-3.83,9.12-12.34,14.89-22.22,14.92-12.72.04-25.44.03-38.17,0-8.67-.02-14.04-6.64-12.37-15.17,5.82-29.79,11.64-59.58,17.44-89.37.18-.95.2-1.93.33-3.24Z"/></svg>');
    transform: translateY(-50%) rotate(180deg);
}

.quote[b-sg63rmb7hn]::after {
    bottom: 0;
    right: 0;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 383.29 287.49"><defs><style> .cls-1 { fill: %23dd1850; stroke-width: 0px; } </style></defs><path class="cls-1" d="m0,30.71c1.79-6.78,4.13-13.28,9.02-18.58C16.25,4.31,25.07.06,35.78.05c36.05-.03,72.11-.06,108.16,0,19.77.04,35.64,15.9,35.67,35.68.06,39.67.14,79.35-.06,119.02-.07,14.16-2.63,27.9-8.31,41.07-10.99,25.48-21.49,51.17-32.4,76.69-4.1,9.59-11.63,14.77-22.18,14.89-12.72.15-25.45.06-38.17.03-8.66-.02-13.99-6.66-12.32-15.22,5.85-29.92,11.7-59.83,17.53-89.75.14-.72.14-1.48.25-2.81h-4.01c-14.22,0-28.44,0-42.67,0-18.65-.01-32.26-10.79-36.6-28.96-.14-.59-.45-1.15-.68-1.72,0-39.42,0-78.85,0-118.27Z"/><path class="cls-1" d="m287.53,179.66c-1.58,0-2.93,0-4.28,0-14.72,0-29.44.06-44.15-.02-19.5-.11-35.42-16.01-35.46-35.52-.07-36.17-.07-72.34,0-108.51C203.68,16.07,219.58.1,239.07.06c36.3-.08,72.59-.09,108.89,0,19.28.05,35.21,16.01,35.25,35.33.08,40.04.17,80.08-.07,120.11-.08,13.76-2.62,27.14-8.15,39.97-11.02,25.59-21.67,51.35-32.47,77.04-3.83,9.12-12.34,14.89-22.22,14.92-12.72.04-25.44.03-38.17,0-8.67-.02-14.04-6.64-12.37-15.17,5.82-29.79,11.64-59.58,17.44-89.37.18-.95.2-1.93.33-3.24Z"/></svg>');
    transform: translateY(50%);
}


@media screen and (max-width: 768px) {
    div #info-wrapper[b-sg63rmb7hn] {
        width: 100%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.frame[b-7615zutweb] {
    display: flex;
    flex-direction: column;
}

.page[b-7615zutweb] {
    display: flex;
    position: relative;
    flex-direction: column;
}

.login-page[b-7615zutweb] {
    display: flex;
    position: relative;
    flex-direction: row;
}

main[b-7615zutweb] {
    flex: 1;
}

.navigation[b-7615zutweb] {
    width: 100%;
    padding: 20px;
    display: flex;
    z-index: 9999999;
    position: sticky;
    max-height: 85px;
    align-items: center;
    background: #ffffff;
    top: 0; right: 0; left: 0;
    justify-content: space-between;
}

.navbar-brand[b-7615zutweb] {
    display: flex;
    gap: 40px;
    margin-right: 16px;
}

.nav-link[b-7615zutweb] {
    background: #ffffff;
}

.navbar-toggler[b-7615zutweb] {
    margin: 0 16px 0 0;
    width: 25px;
    height: 25px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.navbar-toggler.open span[b-7615zutweb] {
    background: transparent;
}

.navbar-toggler span[b-7615zutweb] {
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: relative;
}

.navbar-toggler span[b-7615zutweb]::after, .navbar-toggler span[b-7615zutweb]::before {
    content: '';
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    background: inherit;
}

.navbar-toggler.open span[b-7615zutweb]::after, .navbar-toggler.open span[b-7615zutweb]::before {
    background: #000;
}

.navbar-toggler span[b-7615zutweb]::after {
    top: -7px;
}

.navbar-toggler span[b-7615zutweb]::before {
    top: 7px;
}

.navbar-toggler.open span[b-7615zutweb]::after {
    top: 0;
    transform: rotate(-45deg);
}

.navbar-toggler.open span[b-7615zutweb]::before {
    top: 0;
    transform: rotate(45deg);
}


.sidebar[b-7615zutweb] {
    left: 0;
    bottom: 0;
    top: 82px;
    width: 100%;
    z-index: 999;
    display: flex;
    position: fixed;
    background: #F3F3F3;
    flex-direction: column;
    height: calc(100vh - 82px);
    transform: translateX(-100%);
    transition: .5s ease-in-out;
    justify-content: space-between;
}

.sidebar.open[b-7615zutweb] {
    transform: translateX(0);
}

.sidebar-backdrop[b-7615zutweb] {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .5s ease-in-out;
}

.sidebar-backdrop.open[b-7615zutweb] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.top-row[b-7615zutweb]  a, .top-row[b-7615zutweb]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-7615zutweb]  a:hover, .top-row[b-7615zutweb]  .btn-link:hover {
    text-decoration: underline;
}

@media (max-width: 769px) {
    .top-row[b-7615zutweb]  a, .top-row[b-7615zutweb]  .btn-link {
        margin-left: 0;
    }
}

@media screen and (min-width: 567px) {
    .sidebar[b-7615zutweb] {
        max-width: 350px;
    }
}

@media (min-width: 768px) {
    .page[b-7615zutweb] {
        padding-left: 350px;
        flex-direction: row;
    }

    .sidebar.open[b-7615zutweb] {
        transform: translateX(0);
    }

    .sidebar[b-7615zutweb] {
        top: 85px;
        width: 350px;
        position: fixed;
        transform: translateX(0);
    }

    .sidebar-backdrop[b-7615zutweb] {
        display: none;
    }

    .navbar-toggler[b-7615zutweb] {
        display: none;
    }

    .top-row.auth[b-7615zutweb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7615zutweb], article[b-7615zutweb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.oi[b-cx2vxi2yhh] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-cx2vxi2yhh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-cx2vxi2yhh] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-cx2vxi2yhh] {
    padding-bottom: 1rem;
}

.nav-item[b-cx2vxi2yhh]  a {
    display: flex;
    padding: 16px;
    gap: 24px;
    color: #929292;
    font-weight: 700;
    font-size: 16px;
    align-items: center;
    border-radius: 8px;
}

.nav-item[b-cx2vxi2yhh]  a.active {
    background: #ffffff;
    color: #DD1850;
}

.nav-item[b-cx2vxi2yhh]  a.active .nav-item-text {
    color: #929292;
}

.nav-item[b-cx2vxi2yhh]  a:hover {
    background: #ffffff;
    color: #929292;
}

.nav-item[b-cx2vxi2yhh]  a svg {
    height: 24px;
    fill: #929292;
    transition: 0.3s ease-in-out;
}

.nav-item[b-cx2vxi2yhh]  a.active svg {
    fill: #DD1850;
}

@media (min-width: 641px) {
    .collapse[b-cx2vxi2yhh] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
