@import '_content/HTA.Base.Components.Button/HTA.Base.Components.Button.j7d7758es1.bundle.scp.css';
@import '_content/HTA.Base.Components.Icon/HTA.Base.Components.Icon.0bd9knoa3w.bundle.scp.css';
@import '_content/HTA.Base.Components.InlineField/HTA.Base.Components.InlineField.c12a7vbfqp.bundle.scp.css';
@import '_content/HTA.Base.Components.InputNumber/HTA.Base.Components.InputNumber.th9ppebr3j.bundle.scp.css';
@import '_content/HTA.Base.Components.Label/HTA.Base.Components.Label.isssjkkkql.bundle.scp.css';
@import '_content/HTA.Base.Components.Loader/HTA.Base.Components.Loader.1kjg1230uc.bundle.scp.css';
@import '_content/HTA.Base.Components.MenuItem/HTA.Base.Components.MenuItem.759ic5axx6.bundle.scp.css';
@import '_content/HTA.Base.Components.Modal/HTA.Base.Components.Modal.9o89f5fq1z.bundle.scp.css';
@import '_content/HTA.Base.Components.Textbox/HTA.Base.Components.Textbox.z7bux4zsmg.bundle.scp.css';

/* _content/QueueingSystem.Application.Kiosk/Pages/ConfirmAppointmentCode.razor.rz.scp.css */
div.menuitem > a[b-vn781wah8h] {
    background-color: #022873;
    color: #ffffff;
}
/* _content/QueueingSystem.Application.Kiosk/Pages/Index.razor.rz.scp.css */
div.menuitem > a[b-wdm5mvx7ch] {
    background-color: #022873;
    color: #ffffff;
}
.kiosk__inner[b-wdm5mvx7ch] {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: calc(100vh - 15rem);
    background: #FFF;
    box-shadow: 0 2px 14px 7px rgba(0, 0, 0, 0.17);
}
.kiosk__inner--dashboard[b-wdm5mvx7ch] {
    height: calc(100vh - 15rem);
    overflow: auto;
}
.kiosk__heading[b-wdm5mvx7ch] {
    width: 100%;
}

.kiosk__heading :focus[b-wdm5mvx7ch] {
    outline: 0;
}
    .kiosk__heading h1[b-wdm5mvx7ch] {
        color: #005495;
    }

    .kiosk__heading p[b-wdm5mvx7ch] {
        color: #005495;
    }
.kiosk-languages[b-wdm5mvx7ch] {
    display: flex;
    margin: -15px;
    justify-content: center;
    width:100%;
}

    .kiosk-languages > div[b-wdm5mvx7ch],
    .kiosk-languages > a[b-wdm5mvx7ch],
    .kiosk-languages > span[b-wdm5mvx7ch] {
        width: calc(100% / 5 - 30px);
        margin: 15px;
    }

@media (max-width: 1150px) {
    .kiosk-languages[b-wdm5mvx7ch] {
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }

        .kiosk-languages > div[b-wdm5mvx7ch],
        .kiosk-languages > a[b-wdm5mvx7ch],
        .kiosk-languages > span[b-wdm5mvx7ch] {
            width: calc(100% / 4 - 30px);
            margin: 15px;
        }
}

@media (max-width: 900px) {
    .kiosk-languages[b-wdm5mvx7ch] {
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }

        .kiosk-languages > div[b-wdm5mvx7ch],
        .kiosk-languages > a[b-wdm5mvx7ch],
        .kiosk-languages > span[b-wdm5mvx7ch] {
            width: calc(100% / 3 - 30px);
            margin: 15px;
        }
}
@media (max-width: 450px) {
    .kiosk-languages[b-wdm5mvx7ch] {
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }

        .kiosk-languages > div[b-wdm5mvx7ch],
        .kiosk-languages > a[b-wdm5mvx7ch],
        .kiosk-languages > span[b-wdm5mvx7ch] {
            width: calc(100% / 1 - 30px) !important;
            margin: 15px !important;
        }
}

@media (max-width: 700px) {
    .kiosk-languages[b-wdm5mvx7ch] {
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }

        .kiosk-languages > div[b-wdm5mvx7ch],
        .kiosk-languages > a[b-wdm5mvx7ch],
        .kiosk-languages > span[b-wdm5mvx7ch] {
            width: calc(100% / 2 - 30px);
            margin: 15px;
        }
}

.kiosk-languages__item[b-wdm5mvx7ch] {
    padding: 4rem;
    align-items: center;
    justify-content: center;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    cursor:pointer;
}

@media (max-width: 1150px) {
    .kiosk-languages__item[b-wdm5mvx7ch] {
        padding: 3rem;
    }
}

@media (max-width: 700px) {
    .kiosk-languages__item[b-wdm5mvx7ch] {
        padding: 2rem;
    }
}

    .kiosk-languages__item img[b-wdm5mvx7ch] {
        display: block;
    width: 100%;
    /*height: 100%;*/
    min-height: 7.5rem;
    }


.kiosk-languages__item span[b-wdm5mvx7ch] {
    display: block; 
    text-align: center; 
    margin-top: 5px; 
}


/* Default Flag Style */
.kiosk-languages__item[b-wdm5mvx7ch] {
    flex: 1 1 calc(33.33% - 2rem); /* Default: 3 items per row */
    max-width: calc(33.33% - 2rem);
}

/* For Small Screens (Stack Vertically) */
@media (max-width: 700px) {
    .kiosk-languages__item[b-wdm5mvx7ch] {
        flex: 1 1 calc(100% - 2rem); /* Take full width minus margin */
        max-width: calc(100% - 2rem);
    }
}

/* For Large Screens (Up to 4 Items Per Row) */
@media (min-width: 1200px) {
    .kiosk-languages__item[b-wdm5mvx7ch] {
        flex: 1 1 calc(25% - 2rem); /* Take up 25% of the container width */
        max-width: calc(25% - 2rem);
    }
}
/* _content/QueueingSystem.Application.Kiosk/Pages/KioskIndex.razor.rz.scp.css */
div.menuitem > a[b-z9bbmfie0t] {
    background-color: #022873;
    color: #ffffff;
}
/* _content/QueueingSystem.Application.Kiosk/Pages/KioskMenus.razor.rz.scp.css */
.menuheader[b-zscsd18cfa] {
    font-weight: 700;
}

.kiosksubmenus[b-zscsd18cfa] {
    overflow: auto;
    width:100%;
}
.kiosk__container--form span[b-zscsd18cfa] {
    word-break: break-all;
}

/* _content/QueueingSystem.Application.Kiosk/Shared/MainLayout.razor.rz.scp.css */
.page[b-6pojq5x8rr] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #f7f7fb;
    min-height: 100vh;
}

.kiosk-header[b-6pojq5x8rr] {
    padding: 3rem 15rem;
    height: 15rem;
}

.kiosk-body[b-6pojq5x8rr] {
    padding: 1rem 15rem;
    flex: 1;
}
.kiosk-footer[b-6pojq5x8rr] {
    height: 8rem;
    padding: 1rem 15rem;
    display: flex;
}

    .kiosk-footer.div[b-6pojq5x8rr] {
        width: 70%;
    }

        .kiosk-footer.div:last-child[b-6pojq5x8rr] {
            width: 30px;
        }