.div-col{
    width: 100%;
    display: flex;
    flex-direction: row;
}


.div-col-1 {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.div-col-2,
.div-col-4,
.div-col-5 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.div-col-4, .div-col-5 {
    gap: 5px;
}

.div-col-1 .item {
    width: 100%;
}

.div-col-1 .item a {
    display: inline-block;
}


.div-col-2 .item {
    width: 50% !important;
}

.div-col-3 .item {
    width: 33% !important;
}

.div-col-4 .item {
    width: 25% !important;
}

.div-col-5 .item {
    width: 20% !important;
}

.item-linea {
    display: inline-block;
    width: 100% !important;
}

/* .item textarea,
.item input{
    width: 100%;
} */

.div-col-3 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* align-items: center; */
}

/* ============================================= */

.bg-rojo {
    background-color: var(--rojo);
    color: #fff !important;
}

.bg-otro {
    background-color: var(--otro);
}

.bg-verde {
    background-color: #BCE7FD;  /*var(--verde);*/
    color: #444;
}

.bg-amarillo {
    background-color: #fff;
    /*var(--amarillo);-*/
    color: #444;
    border: 1px solid #ccc;
}

.bg-otro2 {
    background-color: #D9E5D6;
}


/* =========================================== */

.formulario {}

.linea-form-h {
    display: flex;
    flex-direction: row;
    margin: 10px;
    align-items: self-start;
    align-content: flex-start;
}


.linea-form {
    display: flex;
    flex-direction: column;
    margin: 10px;
    align-items: self-start;
    align-content: flex-start;
}

.linea-form label {
    font-size: 0.8em;
    line-height: 16px;
    width: 100%;
    text-align: left;
}

.formulario input[type='text'], 
.formulario input[type='email'],
.formulario input[type='tel'] {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    color: #444;
    width: 90%;
}

.formulario .input-date {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    color: #444;
    width: 120px !important;
}

.formulario textarea {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    color: #444;
    width: 100%;
}

.input_unidades {
    font-size: 1.4em;
    /* background-color: #fff; */
    padding: 5px;
    border: none;
    color: #444;
    font-weight: 600;
    background-color: transparent !important;
}

.chbox {
    margin-left: 10px;
}


a.bt_mas, a.bt_menos {
    color: #444 !important;
    cursor: pointer;
}

a.bt_mas:hover, a.bt_menos:hover {
    color: #ccc !important;
}

/* ***************************************** */

.aviso_ok{
    padding: 0.5em 1em;
    background-color: green;
    color: #fff;
    border-radius: 5px;
}

.aviso_error{
    padding: 0.5em 1em;
    background-color: tomato;
    color: #fff;
    border-radius: 5px;
}

.oculto{
    display: none;
}