.form-control {
    border-radius: 10px;
    background-color: #f9f9f9;
}

div.like-form-control {
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
}

small {
    font-size:0.8rem;
}

div.input_with_unit {
    position: relative;
    max-width:400px;
}

.form-container .input_with_unit input.form-control {
    width:80%;
}

.input_with_unit span.unit {
    position: absolute;
    top: 20px;
    left: 90%;
    font-size: 1rem;     
}

.input_with_unit span.unitabajo {
    position: absolute;
    bottom: 5px;
    left: 92%;
    font-size: 1rem; 
}


.col {
    /*border: 1px solid #ccc;*/
}

.form-container label {
    display: block;
    float: left;
}

.bloque {
    margin-bottom:8px;
    height: 50px;
    
}

.bloque_content {
    border: 1px solid #428bca;
    border-radius: 10px;
    padding: 10px;
    display: none;
    }

.espaciado {
    padding-left:5px;
    padding-right:5px;
}

.separador {
    margin-top: 50px;
    min-height: 500px;
    border: 1px solid #ccc;
}

.separacion_filas {
    margin-bottom:4px;
}

.separacion_filas_min {
    margin-top:0px;
    margin-bottom:0px;
}

.small {
    max-width:100px;
}

.required {
    border: 1px solid red;
}

.error-required {
    border: 2px solid red;
}

span.badge {
    position: relative;
    top:-5px;    
    font-size: 0.8rem;
}

h2.titulo {
}


label.col-check-label.form-check-label {
    font-size: 1rem;
    color: var(--DARK_BROWN);
    margin:0px;
    padding:0px;
    
}

.radiobuttons label {
    color:var(--DARK_BROWN);
}

/* PARA EL FORMULARIO ENABLE/DISABLE REPS */

.enable-reps input.check-input {
    margin-left: 5px;
}

.enable-reps label.check-label {
    margin-left: 20px;
    font-size: 1rem;
    color: var(--DARK_BROWN);
}

#list_check {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 40vh;
}

.table_row_header {
    font-size: 1rem;
    color: black;

}

.table_row {
    margin:0px;
    padding:0px;
    font-size: 1rem;
    color: black;

}


button.btn-table-new {
    background: #fff url('/static/img/new.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
}

button.btn-table-close {
    background: #fff url('/static/img/verify.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
}

button.btn-table-edit {
    /*
    background-color: var(--LIGHT_GREEN); 
    color: var(--DARK_GREEN);
    */
    background: #fff url('/static/img/edit.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
}

button.btn-table-view {
    /*
    background-color: var(--LIGHT_GREEN); 
    color: var(--DARK_GREEN);
    */
    background: #fff url('/static/img/view.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
}


button.btn-table-submit {
    /*
    background-color: blue; 
    color: white;
    */
    background: #fff url('/static/img/upload.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
    
}

button.btn-table-delete {
    /*
    background-color: red; 
    color: white;
    */
    background: #fff url('/static/img/delete.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
    
}


button.btn-table-open {
    /*
    background-color: blue; 
    color: white;
    */
    background: #fff url('/static/img/reopen.png') no-repeat;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border: none;
    
}


div.btn-table-div {
    max-width:50px;
    margin-right: 1px;
   }
.btn-table-div button {
    margin-right:5px;
}

button.btn-similar-table {
    font-size: 1rem;
    min-width: 50px;
    min-height: 20px;
}

div.distribuir_uniformemente {
    background-color: gray;
    flex-grow: 25%;
    flex-basis: 0;
}

div.al_fondo {
    margin-top:50px;
    
}

/* descomentar esto para ver la rejilla del grid y así debugear el formulario */
/*
.table_row_header tr {
     border: 1px solid green;
}

.table_row tr {
     border: 1px solid green;
}



.table_row_header th {
     border: 1px solid green;
}

.table_row td {
     border: 1px solid green;
}


.fila {
     border: 1px solid black;
}

.columna {
     border: 1px solid blue;
}

.celda {
     border: 1px solid red;

     
}
*/