/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-5etj6zb281] {
    height: 100%;
}

[b-5etj6zb281] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
}

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel {
        background-image: linear-gradient(180deg, var(--bs-primary, var(--dxds-primary-90)) 0%, var(--bs-black, #000) 150%);
    }

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-content {
        overflow: auto;
    }

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header {
        border-bottom: none;
        padding: 2rem 1rem;
        background: none;
    }

        [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header > .navigation-drawer-header {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
        --dxbl-drawer-panel-body-padding-x: 0;
        --dxbl-drawer-panel-body-padding-y: 1rem;
    }

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-footer {
        --dxbl-drawer-panel-footer-justify-content: center;
        border-top: none;
        padding-bottom: 1.5rem;
        background: none;
    }

    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel {
        display: flex;
    }

    [b-5etj6zb281] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: none;
    }

    [b-5etj6zb281] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: none;
    }

@media (max-width: 767px) {
    [b-5etj6zb281] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-5etj6zb281] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-5etj6zb281] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}

[b-5etj6zb281] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 767px) {
    [b-5etj6zb281] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-5etj6zb281] {
        display: none;
        visibility: hidden;
    }

    [b-5etj6zb281] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-5etj6zb281] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */

.login-layout-content[b-jcjcri304j]  .responsive-form-container {
    width: min(400px, 100%);
    margin: 0px auto 0px auto;
    padding: 0px 5px 0 5px;
}

.login-layout-content[b-jcjcri304j]  .responsive-form-container.mobile {
    width: 100%;
}

    .login-layout-content[b-jcjcri304j]  .responsive-form-container.tablet {
        width: 90%;
    }

.login-layout-content[b-jcjcri304j]  .links-container {
    margin-top: 0px;
    text-align: center;
}

.login-layout-content[b-jcjcri304j]  .btn {
    min-height: 70px; 
    font-weight: 550; 
    font-size: 1rem;
    
}

.login-layout-content[b-jcjcri304j]  .page-header {
    background-color: rgba(0, 0, 0, 0.09);
    border-radius: 4px;
}

.login-layout-content[b-jcjcri304j]  .page-header-title {
    text-align: center;
    font-size: 1.0rem;
    font-weight: bold;
    width: 100%;
    margin: 0px;
    display: block;
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-atolmob29g] {
    height: 100vh;
    font-family: var(--bs-font-sans-serif, var(--dxds-font-family-sans-serif));
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-atolmob29g] .drawer-container,
[b-atolmob29g] .navigation-drawer,
[b-atolmob29g] .navigation-drawer.mobile {
    height: 100%;
    min-height: 0;
}

[b-atolmob29g] .dxbl-drawer,
[b-atolmob29g] .dxbl-drawer-panel,
[b-atolmob29g] .dxbl-drawer-content {
    height: 100%;
    min-height: 0;
}

[b-atolmob29g] .dxbl-drawer-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-body[b-atolmob29g] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0 0.25rem 0rem 0.25rem;
}

[b-atolmob29g] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-atolmob29g] .icon-back {
    --icon-mask-image: url("/images/back.svg");
}

[b-atolmob29g] .icon-close {
    --icon-mask-image: url("/images/close.svg");
}

[b-atolmob29g] .icon-menu {
    --icon-mask-image: url("/images/menu.svg");
}

[b-atolmob29g] .icon-log-in {
    --icon-mask-image: url("/images/log-in.svg");
}

[b-atolmob29g] .icon-log-out {
    --icon-mask-image: url("/images/log-out.svg");
}

[b-atolmob29g] .icon-user {
    --icon-mask-image: url("/images/user.svg");
}

[b-atolmob29g] .docs-icon {
    --icon-mask-image: url("/images/doc.svg");
}

[b-atolmob29g] .demos-icon {
    --icon-mask-image: url("/images/demos.svg");
}

[b-atolmob29g] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-atolmob29g] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-atolmob29g] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-atolmob29g] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-atolmob29g] {
    display: inline-flex;
}

.menu-button-nav[b-atolmob29g] {
    width: 1.875rem;
    height: 1.875rem;
}
/*
background-image: url("images/close.svg");
*/

.nav-buttons-container[b-atolmob29g] {
    flex: 0 0 auto;
    display: flex;
    padding: 0.5rem 0.5rem;
}

.nav-buttons-inner[b-atolmob29g] {
    width: 100%;
    max-width: var(--app-max-width);
    margin: 0;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .nav-buttons-container[b-atolmob29g]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-atolmob29g]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-atolmob29g] .responsive-form-container {
    width: min(350px, 100%);
    margin: 0px auto 0px auto;
    padding: 0px 5px 0 5px;
}

[b-atolmob29g] .d000-scroll-container {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: auto;
}

/*
::deep .responsive-form-container {
    box-sizing: border-box;
    width: clamp(280px, 90vw, 400px);
    margin: 0 auto;
    padding: 0 8px;
}
*/

[b-atolmob29g] .responsive-form-container.mobile {
    width: 100%;
}

[b-atolmob29g] .responsive-form-container.tablet {
    width: 90%;
}

[b-atolmob29g] .page-header {
    background-color: rgba(0, 0, 0, 0.09);
    border-radius: 4px;
}

[b-atolmob29g] .page-header-title {
    text-align: center;
    font-size: 1.0rem;
    font-weight: bold;
    width: 100%;
    margin: 0px;
    display: block;
}

/*::deep .btn {
    min-height: 70px;
    font-weight: 550;
    font-size: 1rem;
}
*/
/* /Components/Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-cqn8y8i7io] {
    min-width: 15rem;
    max-width: 15rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

.logo[b-cqn8y8i7io] {
    text-align: center;
}

[b-cqn8y8i7io] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-cqn8y8i7io] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-cqn8y8i7io] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    background-color: inherit;
}

    [b-cqn8y8i7io] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-cqn8y8i7io] .menu-item {
    color: var(--bs-white, #fff);
}

[b-cqn8y8i7io] .menu-item .dxbl-menu-item-text {
    font-size: 1.1rem !important;
    font-weight: 450 !important;
}

[b-cqn8y8i7io] .logout-menu-form {
    width: 100%;
}

[b-cqn8y8i7io] .logout-menu-button {
    width: 100%;
    justify-content: flex-end;
}

[b-cqn8y8i7io] .icon {
    margin-left: 0.5rem;
}

[b-cqn8y8i7io] .home-icon {
    --icon-mask-image: url("/images/pages/home.svg");
}

[b-cqn8y8i7io] .weather-icon {
    --icon-mask-image: url("/images/pages/weather.svg");
}

[b-cqn8y8i7io] .counter-icon {
    --icon-mask-image: url("/images/pages/counter.svg");
}

[b-cqn8y8i7io] .settings-icon {
    --icon-mask-image: url("/images/settings.svg");
}

[b-cqn8y8i7io] .log-in-icon {
    --icon-mask-image: url("/images/log-in.svg");
}

[b-cqn8y8i7io] .log-out-icon {
    --icon-mask-image: url("/images/log-out.svg");
}

[b-cqn8y8i7io] .user-icon {
    --icon-mask-image: url("/images/user.svg");
}

@media (max-width: 768px) {
    #sidebar[b-cqn8y8i7io] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-cqn8y8i7io] {
        text-align: inherit;
    }
}
/* /Components/Pages/Counter.razor.rz.scp.css */
.counter-block[b-ckn17lb9nw] {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 17rem;
    justify-content: center;
    padding: 2.5rem 1.5rem 1.5rem;
    width: 16.875rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.counter-block .counter-content[b-ckn17lb9nw] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.counter-block .counter-count[b-ckn17lb9nw] {
    font-size: 7.5rem;
    font-weight: 400;
    line-height: 7.75rem;
}
/* /Components/Pages/Dlg/D008_RegisterConfirmGDPR/D008_RegisterConfirmGDPR.razor.rz.scp.css */
[b-8j1qhubxdu] .gdpr-radio-ano {
    color: #1a7a1a;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

[b-8j1qhubxdu] .gdpr-radio-nie {
    color: #a01010;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

/* /Components/Pages/Dlg/D103_IdDarcu/D103_IdDarcu.razor.rz.scp.css */
/* D103_IdDarcu.razor.css */

/* Wrapper pre tlačidlá OK a Exit - minimálne 2 cm široké */
.btn-ok-wrapper[b-3d5kcvwgt1] {
    min-width: 2cm;
    width: 2cm;
}

.btn-exit-wrapper[b-3d5kcvwgt1] {
    min-width: 2cm;
    width: 2cm;
}

/* Tlačidlá majú šírku 100% wrapperu */
[b-3d5kcvwgt1] .btn-ok-wrapper button,
[b-3d5kcvwgt1] .btn-exit-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
}

[b-3d5kcvwgt1] .btn-ok-wrapper .dxbs-btn,
[b-3d5kcvwgt1] .btn-exit-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}
/* /Components/Pages/Dlg/D104_RodCislo/D104_RodCislo.razor.rz.scp.css */
/* Tučné a väčšie písmo pre DxTextBox input */
[b-oqevx0yj1j] .textbox-bold input {
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

[b-oqevx0yj1j] .textbox-bold .dxbl-edit-area input {
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

/* Wrapper pre tlačidlo OK */
.btn-ok-wrapper[b-oqevx0yj1j] {
    min-width: 2cm;
    width: 2cm;
}

/* Tlačidlo OK má šírku 100% wrapperu */
[b-oqevx0yj1j] .btn-ok-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
}

[b-oqevx0yj1j] .btn-ok-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}

/* Wrapper pre tlačidlo Exit */
.btn-exit-wrapper[b-oqevx0yj1j] {
    min-width: 2cm;
    width: 2cm;
}

/* Tlačidlo Exit má šírku 100% wrapperu */
[b-oqevx0yj1j] .btn-exit-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
}

[b-oqevx0yj1j] .btn-exit-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}
/* /Components/Pages/Dlg/D106_TerminPotvrdenie/D106_00.razor.rz.scp.css */
.btn-ok-wrapper[b-l8dolf1rfj] {
    min-width: 2cm !important;
    width: 2cm !important;
}


[b-l8dolf1rfj] .btn-ok-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
    height: 2.5rem !important;
}

[b-l8dolf1rfj] .btn-ok-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}
/* /Components/Pages/Dlg/D108_MsgBlokacnyTermin/D108_00.razor.rz.scp.css */
.btn-ok-wrapper[b-qbyu8esvym] {
    min-width: 2cm !important;
    width: 2cm !important;
}

[b-qbyu8esvym] .btn-ok-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
    height: 2.5rem !important;
}

[b-qbyu8esvym] .btn-ok-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}
/* /Components/Pages/Dlg/D109_TerminZrusenie/D109_00.razor.rz.scp.css */
.btn-ok-wrapper[b-i0y1a4adco] {
    min-width: 2cm !important;
    width: 2cm !important;
}

[b-i0y1a4adco] .btn-ok-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
    height: 2.5rem !important;
}

[b-i0y1a4adco] .btn-ok-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}

.dialog-container[b-i0y1a4adco] {
    margin: 2.5px;
}

.confirmation-title[b-i0y1a4adco] {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
}

.reservation-info-box[b-i0y1a4adco] {
    margin-top: 2.5px;
    margin-bottom: 5px;
    padding: 7px 5px;
    background-color: #ffb6c1;
    border-left: 4px solid #e91e63;
    border-right: 4px solid #e91e63;
    border-radius: 4px;
}

.info-row[b-i0y1a4adco] {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.info-label[b-i0y1a4adco] {
    width: 80px;
    font-size: 0.85rem;
}

.info-value[b-i0y1a4adco] {
    font-size: 1.1rem;
    font-weight: 700;
}

.info-value-large[b-i0y1a4adco] {
    font-size: 1.25rem;
    font-weight: 700;
}

.checkbox-container[b-i0y1a4adco] {
    margin: 10px;
}

.checkbox-label[b-i0y1a4adco] {
    font-size: 1rem;
    font-weight: 700;
}

.footer-buttons[b-i0y1a4adco] {
    display: flex;
    gap: 10px;
}

.error-message[b-i0y1a4adco] {
    color: red;
    font-size: 1rem;
    padding: 1rem;
    font-weight: bold;
}

@media (max-width: 768px) {
    .info-label[b-i0y1a4adco] {
        width: 70px;
        font-size: 0.8rem;
    }

    .info-value[b-i0y1a4adco] {
        font-size: 1rem;
    }

    .info-value-large[b-i0y1a4adco] {
        font-size: 1.15rem;
    }

    .confirmation-title[b-i0y1a4adco] {
        font-size: 0.9rem;
    }

    .checkbox-label[b-i0y1a4adco] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Dlg/D110_UkazRezervaciu/D110_00.razor.rz.scp.css */
.btn-ok-wrapper[b-ep50eywr9y] {
    min-width: 2cm !important;
    width: 2cm !important;
}

[b-ep50eywr9y] .btn-ok-wrapper button {
    width: 100% !important;
    min-width: 100% !important;
    height: 2.5rem !important;
}

[b-ep50eywr9y] .btn-ok-wrapper .dxbs-btn {
    width: 100% !important;
    min-width: 100% !important;
}
/* /Components/Pages/F000_Main/F000_00.razor.rz.scp.css */
.f000-main-container[b-06qohhtm1r] {
    position: relative;
    width: 100%;
    min-height: 600px;
    max-width: var(--app-max-width);
    margin: 0;
    padding: 0;
}

.f000-main-container.mobile[b-06qohhtm1r] {
    min-height: 70vh;
}

[b-06qohhtm1r] .no-vertical-spacing .dxbl-fl-item {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

[b-06qohhtm1r] .compact-spacing .dxbl-fl-item {
    margin-bottom: 0.0rem !important;
    margin-top: 0px !important;
}

[b-06qohhtm1r] .no-vertical-spacing.dxbl-form-layout-mobile .dxbl-fl-item {
    margin-bottom: 0px !important;
}

/* /Components/Pages/F000_Main/F000_01.razor.rz.scp.css */
.darca-info-block[b-locn8jhaso] {
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    border: 1px solid var(--bs-primary, var(--dxds-primary-90));
    border-radius: 0.75rem;
    background: var(--bs-body-bg, #fff);
}

.darca-info-label[b-locn8jhaso] {
    margin-bottom: 0.35rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.darca-info-meno[b-locn8jhaso],
.darca-info-priezvisko[b-locn8jhaso] {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    color: var(--bs-body-color, #212529);
}
/* /Components/Pages/F000_Main/F000_02.razor.rz.scp.css */
/*.my-grid {
    height: 100px;
    --bottom-gap: 1cm;
}
.popiska {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}
*/

[b-9c6149wgeq] .cell-no-text-wrap {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.popiska-blok[b-9c6149wgeq] {
    margin-top: 5px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    background-color: #fff3cd;
    border-left: 4px solid #e6a817;
    border-right: 4px solid #e6a817;
    border-radius: 4px;
    width: 100%;
}

    .popiska-blok.mobile[b-9c6149wgeq] {
        text-align: center;
    }

/* /Components/Pages/F000_Main/F000_03.razor.rz.scp.css */
[b-tbqnjc88jy] .welcome-card {
    margin: 0.5rem 0px 0px 0px;
    width: 100%;
    height: 5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color, var(--dxds-primary-90));
    gap: 0rem;
    text-decoration: none;
    position: relative;
    padding: 1rem 0;
}

/*    ::deep .welcome-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }
*/        
        [b-tbqnjc88jy] .welcome-card:hover .welcome-card-back {
            opacity: 0.12;
        }

    [b-tbqnjc88jy] .welcome-card .welcome-card-img {
        width: 2.8rem;
        height: 2.8rem;
        flex-shrink: 0;
    }

    [b-tbqnjc88jy] .welcome-card .welcome-card-text {
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

    [b-tbqnjc88jy] .welcome-card .welcome-card-back {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-body-color, var(--dxds-color-content-neutral-default-rest));
        opacity: 0.05;
        border-radius: 1rem;
        z-index: -2;
        transition: opacity 0.2s;
    }
/* /Components/Pages/F100_Objed/F100_00_Main.razor.rz.scp.css */
[b-7oyn1ggnnm] .no-vertical-spacing .dxbl-fl-item {
    margin-bottom: 0px !important;
    margin-top: 1.5px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

[b-7oyn1ggnnm] .compact-spacing .dxbl-fl-item {
    margin-bottom: 0.25rem !important;
    margin-top: 0px !important;
}

[b-7oyn1ggnnm] .no-vertical-spacing.dxbl-form-layout-mobile .dxbl-fl-item {
    margin-bottom: 0px !important;
}
/* /Components/Pages/F100_Objed/F100_01_Titulok.razor.rz.scp.css */
.popiska[b-vt9ww9we3r] {
    margin-top: 12px;
    font-size: 1rem;
    font-weight: 700;
    padding: 5px;
    background-color: #fff3cd;
    border-left: 4px solid #e6a817;
    border-right: 4px solid #e6a817;
    border-radius: 4px;
    width: 100%;
}

    .popiska.mobile[b-vt9ww9we3r] {
        text-align: center;
    }
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-z4z5k8au3b] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.tile:hover[b-z4z5k8au3b] {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.tile[b-z4z5k8au3b]  > a {
    text-decoration: none;
}

[b-z4z5k8au3b] .tile-content {
    padding: 1rem;
}

[b-z4z5k8au3b] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

[b-z4z5k8au3b] .tile-title {
    align-self: center;
    color: var(--bs-body-color);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25rem;
}

[b-z4z5k8au3b] .tile-description {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
}
/* /Components/Shared/R950_TextBoxSecurityCode.razor.rz.scp.css */
.dx-security-code-container[b-ci2z2bz6oa] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 10px 0;
}

.dx-security-code-box[b-ci2z2bz6oa] {
    flex: 0 0 auto;
}

/* Input element styling */
.dx-security-code-box input[b-ci2z2bz6oa] {
    width: 55px !important;
    height: 55px !important;
    font-size: 1.8rem !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 0 !important;
}

/* Hover effect */
.dx-security-code-box:hover input[b-ci2z2bz6oa] {
    border-color: var(--bs-primary) !important;
}

/* Focus effect */
.dx-security-code-box input:focus[b-ci2z2bz6oa] {
    box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.15) !important;
}

/* Filled box (vyplnený) */
.dx-security-code-box input:not(:placeholder-shown)[b-ci2z2bz6oa] {
    background-color: rgba(40, 167, 69, 0.05) !important;
    border-color: #28a745 !important;
}