/* =====================================================
   KIOSKBOARD - COMPACT POS SIZE
===================================================== */
#KioskBoard-VirtualKeyboard.kioskboard-theme-dark {
	width: 850px !important;
	z-index: 9999999;
}

/* Main keyboard container */
.kioskboard {
    width: auto !important;
    max-width: 90vw !important;
    padding: 5px !important;
    max-height: 270px !important;
    z-index: 9999999 !important;
}

/* Keyboard content/body */
.kioskboard-body {
    padding: 3px !important;
    margin: 0 !important;
}

/* Rows */
.kioskboard-row {
    margin: 0 !important;
    padding: 0 !important;
}

/* Individual keys */
.kioskboard-key {
    height: 38px !important;
    min-height: 38px !important;
    margin: 2px !important;
    padding: 2px 6px !important;
    font-size: 16px !important;
}

/* Header */
.kioskboard-header {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    font-size: 15px !important;
}

/* Remove excessive spacing inside keyboard */
.kioskboard-content {
    padding: 3px !important;
    margin: 0 !important;
}

/* Special keys */
.kioskboard-special {
    height: 38px !important;
    min-height: 38px !important;
    margin: 2px !important;
    padding: 2px 6px !important;
    font-size: 15px !important;
}

.kioskboard-key-spacebar {
    flex: 3 !important;
    width: auto !important;
	height: 60px !important;
}

/* =====================================================
   TOUCH KEYBOARD BUTTON
===================================================== */

.touch-keyboard-toggle {
    position: fixed;
    right: 30px;
    bottom: 8px;
	
    z-index: 999999;
    height: 38px;
    padding: 0 15px;

    border: 2px solid #ffffff;
    border-radius: 5px;

    background: #222222;
    color: #ffffff;

    font-size: 15px;
    font-weight: bold;

    cursor: pointer;
}


/* OFF = BLACK */
.touch-keyboard-toggle.keyboard-off {
    background: #222222 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}


/* ON = GREEN */
.touch-keyboard-toggle.active {
    background: #198754 !important;
    border-color: #00ff00 !important;
    color: #ffffff !important;
}

/* =========================================================
   KIOSKBOARD ABOVE POPUP / MODAL
========================================================= */

#KioskBoard-VirtualKeyboard {
    z-index: 9999999 !important;
}

.kioskboard {
    z-index: 9999999 !important;
}

.kioskboard-container {
    z-index: 9999999 !important;
}

/* =====================================================
   NUMPAD DECIMAL DOT
===================================================== */

.esys-decimal-key {
    width: 70px !important;
    min-width: 70px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 2px !important;
    padding: 2px !important;

    font-size: 20px !important;
    font-weight: bold !important;

    cursor: pointer;
}

#KioskBoard-VirtualKeyboard:has(.kioskboard-row-numpad) {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
}