.kiosk-mode {
    overflow: hidden;
}

.kiosk-mode::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999;
}

.kiosk-mode #sl-app {
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    z-index: 10000;
}

.simple-keyboard.myTheme1 {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 100%;
}

.simple-keyboard.myTheme1 .hg-rows {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.simple-keyboard.myTheme1 .hg-row {
    flex: 1;
}

.simple-keyboard.myTheme1 .hg-button {
    height: 100%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(50, 50, 50);
    color: white;
}

.simple-keyboard.myTheme1 .hg-button:active {
    background: rgb(252 184 17);
    color: black;
}

#root .simple-keyboard.myTheme1+.simple-keyboard-preview {
    background: #1c4995;
}

@media only print {
    body > #sl-app ~ *,
    body > #sl-app .kiosk__kb,
    body > #sl-app #results-container,
    body > #sl-app .sl-app__search-form,
    body > #sl-app h1 {
        display: none;
    }

    html, body {
        page-break-inside: avoid !important;
        page-break-after: avoid !important;
    }

    #certificate-modal {
        page-break-after: avoid !important;
    }

    #certificate-modal,
    #certificate-modal * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
        color-adjust: exact !important;                 /* Firefox 48 – 96 */
        print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
        visibility: visible;

    }

    #certificate-modal .container-fluid {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        border: 2px solid #000;
                -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
        color-adjust: exact !important;                 /* Firefox 48 – 96 */
        print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
    }

    #certificate-modal .close-btn,
    #certificate-modal .print-btn {
        display: none !important;
        visibility: hidden !important;
    }
}