body{
    margin: auto;
    font-family: "Abel", sans-serif !important;
}

#header-evento{
    color: #000000;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    /*border-bottom: 1px solid rgba(0, 0, 0, .125);*/
}

tr{
    display: table-row;
    vertical-align: initial;
    border-color: inherit;
}

tr:nth-of-type(odd) {
    background-color: #ddd;
}

th{
    background-color: #607D8B;
    color: white;
    font-weight: bold;
}

td,th{
    border: 1px solid #CCC;
    padding: 6px;
}

.nombres{
    font-weight: bold;
    font-size: 105%;
}

#tabla_totales td{
    text-align: left;
}

.card-body{
    width: 95%;
    margin: auto;
}
.bg-lightgreen {
    background-color: #93d8a7;
}
.bolded {
    font-weight: 600;
}

@media
screen and (max-width: 992px){
    
    #lineas_entrada_table table, 
    #lineas_entrada_table thead, 
    #lineas_entrada_table tbody, 
    #lineas_entrada_table th, 
    #lineas_entrada_table td, 
    #lineas_entrada_table tr {
        /*display: block;
        background-color: white;*/
        border: 0.3px solid #CCC;
    }

    #lineas_entrada_table thead tr{
        display: none;
    }

    #lineas_entrada_table td{
        white-space: nowrap;
        /*padding-left: 25%;*/
    }

    td::before{
        font-weight: 600;
        position: absolute;
        left: 50px;
        width: 10%;
        padding-right: 10px;
        text-align: initial;
    }

    /*
    td[id$="_nombre"]::before{content: "Nombre";}
    td[id$="_precio"]::before{content: "Precio";}
    td[id$="_comision"]::before{content: "Comisión";}
    td[id$="_disponibilidad"]::before{content: "Disponibilidad";}
    td[id$="_cantidad_parent"]::before{content: "Cantidad"; margin-top: 8px;}*/
}

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


    #tabla_totales>tbody>tr, 
    #tabla_totales>tbody>tr>td, 
    #lineas_entrada_table>tbody>tr, 
    #lineas_entrada_table>tbody>tr>td{
        display: block;
        text-align: center;
    }
    #tabla_totales>tbody>tr, 
    #lineas_entrada_table>tbody>tr{
        border: none;
        /*border: 1px solid #dee2e6;*/
        background-color: white;
    }
    #tabla_totales>tbody>tr>td{
        border: none;
        padding: .30rem;
    }
    #lineas_entrada_table>tbody>tr>td{
        border: none;
    }
    #lineas_entrada_table>tbody, #lineas_entrada_table>thead{
        border: none;
    }
}

@media
screen and (max-width:425px){
    td::before{
        left: 36px;
    }

    #lineas_entrada_table td{
        white-space: nowrap;
        padding-left: 40%;
    }
}

#disponible{
    background-color: #5cb85c; 
    color: white; 
    border-radius: 4px; 
    font-weight: bold; 
    font-size: 80%;
    padding: 6px;
}

.title{
    background-color: #00c4b3;
    border-radius: 3px;
    color: #000000;
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
}


/*Botones del formulario*/
.btn-compra{
    width: 100%;
    border-radius: 5px;
    margin-bottom: 16px;
    color: white;
}

.rellenar{
    background: linear-gradient(#5cb85c, #419641);
    border-color: #3e8f3e;
}

.rellenar:hover{
    background: linear-gradient(#4b994b, #388338);
}

.borrar{
    background: linear-gradient(#d9534f, #c12e2a);
    border-color: #b92c28;
}

.borrar:hover{
    background: linear-gradient(#b94743, #9e2622);
}

.boton-grande{
    font-size: xx-large;
}

#boton-volver{
    margin-bottom: 0px;
}

.disabled{
    background: #2c662c;
    border-color: #2c662c;
}

.disabled:hover{
    background: #2c662c;
    border-color: #2c662c;
    color: white;
}

.notCleared{
    border: 1px solid red;
}

.cleared{
    border: 1px solid green;
}

.captcha{
    height: 42px;
}