@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* _content/InvitationTool/Components/AccessControl/CheckinButton.razor.rz.scp.css */
/* _content/InvitationTool/Components/AccessControl/GuestBox.razor.rz.scp.css */

video[b-cprcgdlgsq] {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 4/3;
}


.card[b-cprcgdlgsq] {
    width: 50vh;
    margin: auto;
    margin-top: 8vh;
}

.alert[b-cprcgdlgsq] {
    overflow: hidden;
    font-size: 1.25rem;
}

.timer-bar[b-cprcgdlgsq] {
    margin: -22px;
    margin-top: -12px;
    margin-bottom: 10px;
    overflow: hidden;
}

.timer-bar div[b-cprcgdlgsq] {
    height: 10px;
    animation: roundtime-b-cprcgdlgsq calc(var(--duration,20) * 1s) linear forwards;
    transform-origin: left center;
    background: #155724;
}

.alert-warning .timer-bar div[b-cprcgdlgsq] {
    background: #856404;
}

.alert-danger .timer-bar div[b-cprcgdlgsq] {
    background: #721c24;
}
.alert-success .btn-primary[b-cprcgdlgsq] {
    background-color: #155724;
    border-color: #155724;
}


.alert-success .btn-primary:hover[b-cprcgdlgsq],
.alert-success .btn-primary:not(:disabled):not(.disabled):active[b-cprcgdlgsq] {
    background-color: #13481d;
    border-color: #13481d;
}
.alert-warning .btn-primary[b-cprcgdlgsq] {
    background-color: #856404;
    border-color: #856404;
}
.alert-warning .btn-primary:hover[b-cprcgdlgsq],
.alert-warning .btn-primary:not(:disabled):not(.disabled):active[b-cprcgdlgsq] {
    background-color: #584201;
    border-color: #584201;
}

@keyframes roundtime-b-cprcgdlgsq {
    to {
        /* More performant than `width` */
        transform: scaleX(0);
    }
}
/* _content/InvitationTool/Components/AccessControl/GuestTableModal.razor.rz.scp.css */
.guestcounter[b-ghhhgbaocc] {
    font-size: 14px;
    margin-top: 6px;
}
[b-ghhhgbaocc] button[title^="Check"] {
    min-width: 130px;
}
/* _content/InvitationTool/Components/AccessControl/SettingsModal.razor.rz.scp.css */
/* _content/InvitationTool/Components/DataGrid/CheckboxIndicator.razor.rz.scp.css */
/* _content/InvitationTool/Components/DataGrid/CheckboxIndicatorFilter.razor.rz.scp.css */
/* _content/InvitationTool/Components/DataGrid/VariantFilter.razor.rz.scp.css */
/* _content/InvitationTool/Pages/AccessControl.razor.rz.scp.css */

video[b-lxv9or42ak] {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 4/3;
}


.card[b-lxv9or42ak] {
    width: min( calc( 96vw - 116px), 50vh);
    width: min( calc( 96svw - 116px), 50svh);
    margin: auto;
    margin-top: 8vh;
}
/* _content/InvitationTool/Pages/InvitationResponse.razor.rz.scp.css */

p[b-8napjo7muf] {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    line-height: 1.2em;
    margin-top: 0;
}

small[b-8napjo7muf] {
    font-family: Arial, sans-serif;
    font-size: 7.2pt;
    line-height: 1.2em;
    display: inline-block;
    margin-bottom: 20px;
}

button[b-8napjo7muf] {
    font-family: Arial, sans-serif;
}

[b-8napjo7muf] button {
    font-family: Arial, sans-serif;
}


p > span[b-8napjo7muf] {
    color: #d73237;
    text-transform: uppercase;
    white-space: nowrap;
}

.background[b-8napjo7muf] {
    background: url(/img/background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    padding-top: 10vh;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.container[b-8napjo7muf] {
    max-width: 390px;
    padding: 0;
    margin: auto;
}

@media (max-height: 680px) {
    p[b-8napjo7muf] {
        font-size: 8.5pt;
    }

    button[b-8napjo7muf] {
        font-size: 10pt;
    }

    small[b-8napjo7muf] {
        font-size: 6.8pt;
    }
}

@media (max-height: 640px) {
    .card-header[b-8napjo7muf] {
        display: none;
    }

    .container[b-8napjo7muf] {
        max-width: 310px;
    }
}


@media (min-height: 1280px) {
    button[b-8napjo7muf] {
        font-size: 18pt;
    }

    p[b-8napjo7muf] {
        font-size: 16pt;
        margin-bottom: 35px;
    }

    small[b-8napjo7muf] {
        font-size: 12pt;
        margin-bottom: 35px;
    }

    .container[b-8napjo7muf] {
        max-width: 575px;
        padding: 20px;
    }
}

@media (min-height: 2000px) {
    button[b-8napjo7muf] {
        font-size: 24pt;
    }

    p[b-8napjo7muf] {
        font-size: 18pt;
        margin-bottom: 45px;
    }

    small[b-8napjo7muf] {
        font-size: 14pt;
        margin-bottom: 45px;
    }

    .container[b-8napjo7muf] {
        max-width: 680px;
        padding: 20px;
    }
}
/* _content/InvitationTool/Shared/EmailModal.razor.rz.scp.css */
.preview iframe[b-8qeybpgknn],
.preview textarea[b-8qeybpgknn] {
    width: 100%;
    height: 40vh;
}

.card[b-8qeybpgknn] {
    margin-top: 10px;
}

.card-body[b-8qeybpgknn] {
    overflow: auto;
    max-height: 20vh;
}

ul > li[b-8qeybpgknn] {
    padding: 5px 20px;
}
/* _content/InvitationTool/Shared/ErrorLog.razor.rz.scp.css */
.card[b-u8vje62sck] {
    margin: 20px 0;
}
.card-body[b-u8vje62sck] {
    max-height: 250px;
    overflow: auto;
    white-space: pre;
    padding: 0;
    border: 1px solid var(--dark);

    display: flex;
    flex-direction: column-reverse;
}
p[data-linetype][b-u8vje62sck] {
    background-color: var( --gray);
    color: var( --light);
    margin: 0;
    padding: 5px;
    border: 1px solid var(--dark);
}

p[data-linetype="Success"][b-u8vje62sck] {
    background-color: var(--success);
    color: var( --light);
}

p[data-linetype="Error"][b-u8vje62sck] {
    background-color: var(--danger);
    color: var( --light);
}
/* _content/InvitationTool/Shared/MainLayout.razor.rz.scp.css */
.page[b-rxehr73cul] {
    position: relative;
    display: flex;
    flex-direction: column;
}

[b-rxehr73cul] .b-layout-content {
    background: url(/img/background.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
/* _content/InvitationTool/Shared/NavMenu.razor.rz.scp.css */
div[b-khm2w3n55q] +  nav {
    --b-bar-item-light-active-background: var( --primary, #000 );
    --b-bar-item-light-active-color: #fff;
    --b-bar-item-light: var( --primary, #000 );
    --b-bar-light-color: var( --primary, #000 );
    --b-bar-item-light-hover-color: var( --primary, inherit );
}

    div[b-khm2w3n55q] +  nav .b-bar-brand {
        --b-bar-item-light-active-color: #000;
    }
    div[b-khm2w3n55q] +  nav[data-collapse="small"] .b-bar-brand {
        display: none;
    }