#c4s-cam-scanner-btn {
    height: 100%;
}

#c4s-cam-scanner-modal {
    z-index: 9999;
}

#c4s-cam-scanner-modal .modal-dialog {
    z-index: 10000;
}

.c4s-zxing-dashboard {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.c4s-zxing-video-input {
    border: 1px solid #ccc;
    object-fit: cover;
    max-width: 100%;
}

.c4s-zxing-video-container {
    width: 100%;
    min-height: 100px;
    text-align: center;
    position: relative;
}

.c4s-zxing-select-camera {
    margin-bottom: 10px;
    display: block;
}

.c4s-zxing-select-camera > select {
    max-width: 400px;
    width: 100%;
}

#c4s-barcode-reader-quagga {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#c4s-barcode-reader-quagga video,
#c4s-barcode-reader-quagga canvas {
    width: 100%;
    height: auto;
    object-fit: cover;
}

#c4s-barcode-reader-quagga canvas {
    position: absolute;
    top: 0;
    left: 0;
}

#c4s-barcode-reader-quagga canvas.drawingBuffer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}