@keyframes blinking {
    0% {
        background-color: #0000ff;
        border: 1px solid #666;
    }


    100% {
        background-color: #00cc33;
        border: 1px solid #666;
    }
}

#blink {
    animation: blinking 1s infinite;
}

.grouping-border {
    border-left: 1px solid #939799;
    border-bottom-left-radius: 25px;
}

.kiosk .control-label {
    margin-bottom: 5px;
}

.kiosk .form-group-more-padding {
    margin-bottom: 15px;
    padding: 10px 0 10px 15px;
}

.kiosk .form-group-more-padding {
    margin-bottom: 15px;
    padding: 10px 0 10px 15px;
}

.kiosk calendar .rz-datepicker:not(.rz-datepicker-inline) {
    display: relative;
}

.desk-hide {
    display: none;
}

.k-box .rz-chkbox-box {
    background-color: #dfdfdf !important;
}

.k-box .rz-chkbox {
    height: 80px;
    width: 70px;
}

.k-box .rz-chkbox-box .rzi {
    color: #ffffff !important;
    font-size: 1.8rem !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
}

.k-box .rz-chkbox-box.rz-state-active {
    background-color: #0d6efd !important;
    border: var(--rz-checkbox-checked-border) !important;
    top: 0px !important;
    width: 70px !important;
    left: inherit !important;
    right: 0px !important;
    height: 80px !important;
}
.desk-hide {
    display: none;
}

.kiosk-btn-180 {
    max-width: 180px;
}

/* Changes to 0rem on mobile */
.kiosk-mt-5 {
    margin-top: 1rem !important;
}

.sp-3 {
    padding: 1rem;
    margin: 0, 1rem, auto, 1rem;
}

.kiosk .flex-wrap {
    flex-wrap: wrap;
}

.kiosk .validation-message {
    color: #000000;
    border-bottom: dashed #ffc107;
}

.kiosk a {
    text-decoration: underline !important;
}

.kiosk {
    color: #000000 !important;
}

    .kiosk h1, .kiosk h2, .kiosk h3, .kiosk h4, .kiosk h5, .kiosk h6 {
        color: #000000 !important;
    }

.kiosk .btn:hover {
    opacity: 0.6
}

.kiosk .container, .kiosk .container-fluid, .kiosk .container-xl, .kiosk .container-xxl {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.kiosk .body-container {
    padding: 0 !important;
}

@media (orientation: landscape) {
    
    .kiosk label {
        display: inline !important;
    }
}   

@media screen and (max-width: 992px) {

    .kiosk > .container, .kiosk > .container-fluid {
        --bs-gutter-x: 0rem !important;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .sp-3 {
        padding: 0rem !important;
        margin: 0 !important;
    }

    .tablet-hide {
        display: none;
    }

    .kiosk > .row {
        --bs-gutter-x: .1rem;
    }

    .kiosk label {
        display: inline !important;
    }

}

@media only screen and (max-width: 600px) {
    .kiosk h2 {
        font-size: 1.6rem !important;
    }

    .tablet-hide {
        display: block;
    }

    desk-hide {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .kiosk > .row {
        --bs-gutter-x: .1rem;
    }

    /* Changes to 1rem on desktop */
    .kiosk-mt-5 {
        margin-top: 0 !important;
    }

    .phnmt {
        margin-top: 1rem;
    }

    .kiosk label {
        display: inline !important;
    }
    
}