/*
    Background Image - Login
*/

    .bg {
        background: url('../img/backgroundImage.jpg') no-repeat;
        background-size: cover;
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -3;
    }





.info-box-number{
    font-size: medium;
}

table thead th {
    text-align: left; /* Alinear el texto a la izquierda */
}

.obligatorio {
    color: red;
}

input[type="file"]::file-selector-button {
    color: rebeccapurple;
    border: none;
    border-radius: 5px;
    font-size: .9em;
    cursor: pointer;
}

/* Estilos para modales */
.modal-title {
    padding: 10px;
    font-size: 1.8em;
}

.modal-dialog {
    max-width: 85%;
    width: 80%;
}

.modal-content {
    height: auto;
}

.modal-body {
    max-height: calc(100% - 150px);
    overflow-y: auto;
}

.modal-body .form-row {
    margin: 20px;
}

.modal-body .form-group {
    padding-bottom: 15px;
}

.modal-body .custom-group {
    padding: 1.5vh;
    font-size: 1.2em;
}

.form-control-border label {
    font-size: 1.5em;
}


#nuevoTotalVenta {
    font-size: 1.8em;
}


.completed {
    text-decoration: line-through;
    color: #aaa; /* Color gris para dar un efecto de "completado" */
}

.removeProduct {
    cursor: pointer;
}

.sortable-ghost {
    opacity: 0.7;
    background: #f0f0f0;
    border: 2px dashed #ccc;
}