@import '_content/HTA.Base.Components.Button/HTA.Base.Components.Button.bundle.scp.css';
@import '_content/HTA.Base.Components.Checkbox/HTA.Base.Components.Checkbox.bundle.scp.css';
@import '_content/HTA.Base.Components.Icon/HTA.Base.Components.Icon.bundle.scp.css';
@import '_content/HTA.Base.Components.Loader/HTA.Base.Components.Loader.bundle.scp.css';
@import '_content/HTA.Base.Components.Modal/HTA.Base.Components.Modal.bundle.scp.css';
@import '_content/HTA.Base.Components.Table/HTA.Base.Components.Table.bundle.scp.css';

/* _content/QueueingSystem.Application.Screen/Pages/Index.razor.rz.scp.css */
.main[b-gz76cas2r3] {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}

    .main > .sub[b-gz76cas2r3] {
        width: 50%;
        height: 100%;
        padding: 1rem;
    }

    .main > .sub__full[b-gz76cas2r3] {
        width: 100%;
        padding: 1rem;
    }

    .main > .sub.hide[b-gz76cas2r3] {
        display: none;
    }

.kiosk-header[b-gz76cas2r3],
.kiosk-footer[b-gz76cas2r3] {
    padding: 1rem;
}

.kiosk-body[b-gz76cas2r3] {
    height: calc(100vh - 16rem);
    padding: 1rem;
}

.main > .sub__third[b-gz76cas2r3] {
    width: 33%;
    height: 100%;
    padding: 1rem;
}

.main > .hide[b-gz76cas2r3] {
    display: none;
}

.modules-margin[b-gz76cas2r3] {
    margin: var(--modules-margin);
}

.first-module-width[b-gz76cas2r3] {
    width: var(--first-module-width);
    padding: 1rem;
}

.second-module-width[b-gz76cas2r3] {
    width: var(--second-module-width);
    padding: 1rem;
}
.backgroundColor[b-gz76cas2r3] {
   background-color:var(--screen-background-color);
}

.backgroundImage[b-gz76cas2r3] {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.ticker-wrap[b-gz76cas2r3] {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    /*height: 4rem;
    background-color: #e41b17;*/
    box-sizing: content-box;
}

    .ticker-wrap .ticker[b-gz76cas2r3] {
        display: inline-block;
        /*height: 4rem;
        line-height: 4rem;*/
        white-space: nowrap;
        box-sizing: content-box;
    }

    .ticker-wrap .ticker__item[b-gz76cas2r3] {
        display: inline-block;
        padding: 1rem 2rem;
        /* font-size: 3.5rem;
        color: white;*/
    }

.feed-item[b-gz76cas2r3] {
    margin-bottom: 0.9rem;
}
/* _content/QueueingSystem.Application.Screen/Pages/Multimedia.razor.rz.scp.css */
.mySlides[b-ulky5ioyl9] {
    opacity: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 1s opacity ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .mySlides.active[b-ulky5ioyl9] {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }

.videoContainer[b-ulky5ioyl9] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
img[b-ulky5ioyl9],video[b-ulky5ioyl9] {
    max-width: 100%;
    max-height: 100%;
}
video[b-ulky5ioyl9] {
    object-fit: fill;
}
.fit > img[b-ulky5ioyl9], .fit .videoContainer > video[b-ulky5ioyl9] {
    width: 100%;
    height: 100%;
}

/* Slideshow container */
.slideshow-container[b-ulky5ioyl9] {
    width: 100%;
    height : 100%;
    position: relative;
    margin: auto;
}

/* Fading animation */
/*.fade {
    animation-name: fade;
    animation-duration: 4.7s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}*/

.blackbackground[b-ulky5ioyl9] {
    background-color: #000000
}


.mySlides[b-ulky5ioyl9]  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
div[b-ulky5ioyl9]  .loader {
    width: 100%;
    height: 100%;
    position:absolute;
}
    div[b-ulky5ioyl9]  .loader .loader__title {
        display: none;
    }
/* _content/QueueingSystem.Application.Screen/Pages/SecondModule.razor.rz.scp.css */
.content[b-7xmdkjo1tv] {
    width: 100%;
    height: 100%;
}
/* _content/QueueingSystem.Application.Screen/Shared/MainLayout.razor.rz.scp.css */
.page[b-1yqswzyr8b] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--background);
}