BODY.salida {
        font-family: "Roboto";
        margin: 0;
        padding: 0;
        border: 0;
        position: absolute;
        height: 100%;
        min-width: 100%;
        background: #004350;
        background-size: cover;
}


.contenedor-salida {
        max-width: 450px;
        padding: 18px 5px;
        margin: auto;
        background: white;
        border-radius: 20px;
        border: 3px solid #516b88;
        font-size: 1.3rem;
        font-weight: bold;
        color: #004350;
        text-align: center;
        line-height: 2.5rem;
        margin-top: 10rem;
}

.contenedor-salida2 {
        margin: 3rem 1rem 2.5rem;
        font-size: 0.9rem;
        color: rgb(53, 57, 83);
        text-align: center;
        line-height: 1.6rem;
}



A {
        text-decoration: none;
}

.form-wrapper input {
        -moz-box-sizing: border-box;
}



.raya {
        display: block;
        border-style: solid;
        margin: 5px 5px 5px 5px;
}

.ver_detalle {
        overflow: auto;
        background-color: white;
        position: relative;
        border-style: none;
        display: block;
        width: 60%;
        font-family: "Oswald", Arial, Helvetica;
        font-size: 14px;
        margin-top: 75px;
        padding: 25px;
        border: solid rgb(155, 155, 155) 1px;
        border-radius: 20px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
}


table.detalle {
        width: 100%;
        text-align: left;
        margin-top: 10px;
        border-collapse: collapse;
        table-layout: fixed;
}

th.detalle,
td.detalle {
        padding-left: 0.3em;
        padding-right: 0.3em;
}


th.detalle {
        background-color: #9FB4C8;
}

tr.detalle:nth-child(even) {
        background-color: #f2f2f2;
}

tr.detalle:hover {
        background-color: #f5f5f5;
}


/* CSS DE TAQUILLA EXPRESS */

.label-menu {
        display: block;
        color: var(--principal1);
        font-size: 18px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #D8D8D8;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
}

.label-titu1 {
        color: rgb(68, 37, 6);
        background-color: transparent;
        font-size: 14px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #C7C7C7;
        font-weight: bold;
        text-align: center;
}

.label-titu2 {
        color: var(--principal1);
        font-size: 20px;
        text-shadow: 1px 1px 2px #4F5052;
        text-align: center;
}

.label-titu2a {
        color: rgb(255, 187, 0);
        font-size: 20px;
        font-weight: bold;
        text-align: left;
}

.label-azul1 {
        color: rgb(66, 133, 244);
        font-size: 11px;
        border-width: 1px;
        font-weight: bold;
        text-align: center;
}

.marron {
        color: var(--rojonaranja);
        font-size: 12px;
        border-width: 1px;
        font-weight: bold;
        text-align: center;
}

.label-mueble0 {
        color: rgb(255, 255, 255);
        background-color: transparent;
        font-size: 20px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #C7C7C7;
        font-weight: bold;
        text-align: center;
}

.label-mueble1 {
        color: rgb(255, 187, 0);
        background-color: transparent;
        font-size: 16px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #C7C7C7;
        font-weight: bold;
        text-align: center;
}

.label-mueble2 {
        color: rgb(255, 255, 0);
        background-color: transparent;
        font-size: 26px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #C7C7C7;
        font-weight: bold;
        text-align: center;
}

.label-mueble3 {
        background-color: transparent;
        font-size: 14px;
        border-width: 3px;
        text-shadow: 1px 1px 1px #C7C7C7;
        text-align: center;
}

.label-amari2 {
        color: rgb(255, 187, 0);
        font-size: 11px;
        border-width: 1px;
        font-weight: bold;
        text-align: center;
}

.label-negro {
        color: rgb(0, 0, 0);
        font-size: 11px;
        border-width: 1px;
        font-weight: bold;
        text-align: center;
}

.label_grilla {
        color: var(--principal1);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 120%;
        border-width: 1px;
        font-weight: bold;

}

.label_campo {
        color: var(--principal1);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 120%;
        border-width: 1px;
        font-weight: bold;

}

.label-campo-largo {
        min-width: 20rem;
        max-width: 20rem;
        /* border            : 1px solid blue;*/
}


.mostrar_dato {
        background-color: rgba(194, 169, 144, 0.4);
        color: rgb(128, 73, 18);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 100%;
        border-width: 1px;
        padding: 2px 5px 2px 5px;


}

.titulo_20 {
        display: block;
        font-weight: bold;
        font-size: 1.8rem;
        letter-spacing: 0.15rem;
        font-family: 'Oswald', Tahoma, Geneva, Verdana, sans-serif;
        margin: 10px 5px 20px 0;
        text-shadow: 2px 2px 2px #D8D8D8;
}

.titulo_20_2 {
        display: block;
        font-weight: bold;
        font-size: 1.5rem;
        letter-spacing: 0.15rem;
        font-family: 'Oswald', Tahoma, Geneva, Verdana, sans-serif;
        margin: 10px 5px 20px 0;
        text-shadow: 2px 2px 2px #D8D8D8;
}

.sub_titulo_20 {
        display: block;
        font-size: 1.1rem;
        font-family: 'Noto Sans', Verdana, sans-serif;
        margin: 2px 5px 20px 0;
}

.titulo1 {
        display: block;
        text-align: center;
        font-size: 1.5rem;
        color: #17202A;
        padding: 3px 30px;
        margin-bottom: 5px;
        line-height: 1.5rem;
        position: relative;
        background: transparent;
        font-family: "Roboto", Verdana, Arial, Helvetica;
        border-bottom: 2px solid var(--principal1);
        text-shadow: 1px 1px 1px grey;
}

.titulo2 {
        font-weight: bold;
        font-size: 26px;
        font-family: 'Oswald', Arial, Helvetica;

}


.agrupav_menu2 {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        margin-bottom: 1.5rem;
        justify-content: space-between;
}

.agrupah_menu2 {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        max-width: 75rem;
        min-width: 18rem;
}

.agrupa_vertical {
        display: flex;
        flex-direction: column;
        margin: 3px 5px;
        justify-content: center;
        /*border            : 2px solid purple;*/

}

.agrupa_horizontal {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        /*border            : 2px solid green; */
}


.pestana2 {
        font-family: "Ubuntu", Arial, Helvetica, cursive;
        font-weight: bold;
        display: flex;
        background: var(--principal1);
        flex-direction: row;
        font-size: 0.9rem;
        height: 1.6rem;
        width: 9rem;
        text-align: left;
        justify-content: top;
        align-items: left;
        padding: 0.2rem 0.3rem 0.3rem 0.5rem;
        color: white;
        border-top: 2px solid var(--principal1);
        border-radius: 8px 8px 0 0;
}


.contenedor-menu2 {
        font-family: "Ubuntu", Arial, Helvetica, cursive;
        display: flex;
        color: var(--principal1);
        background: var(--fondoinput);
        flex-direction: column;
        height: 100px;
        width: 14rem;
        text-align: left;
        border: solid 2px var(--principal1);
        justify-content: top;
        margin: auto;
        padding: 10px;
        border-radius: 0 8px 0 0;
}

.contenedor-menu2:hover {
        background-color: var(--fondo_claro);
        background-color: var(--fondo_claro);
        text-decoration: none;

}

.sub_menu2 {
        display: block;
        color: var(--rojonaranja);
        margin-top: 0.2rem;

        font-weight: normal;
        padding: 0 0.5rem 0 0.5rem;
}

A.menu2 {
        color: var(--principal1);
        background-color: transparent;

}

A.menu2:hover {
        font-size: 1.1em;
}

.letra_amarilla {
        color: rgb(255, 255, 0);
}

.letra_amarilla2 {
        color: rgb(255, 187, 0);
}

.letra_roja {
        color: red;
}

.letra_verde {
        color: rgb(38, 149, 1);
}

.letra_gris {
        color: rgb(155, 155, 150);
}

.letra_grisazul {
        color: rgb(96, 125, 139);
}

.letra_marron1 {
        color: rgb(128, 73, 18);
}

.letra_azul1 {
        color: rgb(66, 133, 244);
}

.letra_blanca {
        color: rgb(255, 255, 255);
}

.letra_rojonara {
        color: var(--rojonaranja);
}

.msg_rojo {
        color: rgb(255, 26, 0);
        font-size: 10px;
        font-weight: bold;
}

.msg_peque {
        font-size: 9px;
        font-style: italic;
}

.encabeza_INF {
        font-weight: bold;
        color: rgb(0, 0, 0);
        font-size: 16px;
        text-shadow: 1px 1px 1px #9b9b96;
}

.cuerpo_INF {
        color: rgb(36, 29, 26);
        font-family: "Poppins", Arial, Helvetica, cursive;
}

.campo_disbled {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family:'Oswald', Arial, Helvetica;
        font-size: 1.2rem;
        font-weight:normal;
        color: #ffffff;        
        background: #005564;       
        padding: 0.2rem 0.3rem;        
        border-radius: 8px;        
        min-width: 50%;
        max-width: 95%;
        box-shadow:
                8px 8px 10px #a3a3a3,                
                -6px -6px 10px #ffffff;        
}

.cuadros_en_titulo {
        display: block;
        padding: 3px 25px 3px 1px;




}

#shadow-mensaje {
        color: rgb(68, 37, 6);
        font-size: 20px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #9b9b96;
        font-weight: bold;
        text-align: center;
}

#shadow-mensaje2 {
        color: #000000;
        font-size: 28px;
        border-width: 4px;
        text-shadow: 1px 1px 2px #6b6b6b;
        font-weight: bold;
        text-align: center;
}

#shadow-mensaje3 {
        color: var(--principal1);
        font-size: 22px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #9b9b96;
        font-weight: bold;
        text-align: center;
}

#shadow-mensaje4 {
        font-family: "Poppins", Arial, Helvetica, cursive;
        color: white;
        font-size: 18px;
        border-width: 2px;
        text-shadow: 1px 1px 1px #535455;
        font-weight: bold;
        text-align: center;
}

.msg_pequeno {
        font-family: Currier, Helvetica, cursive;
        color: rgba(226, 0, 0, 0.925);
        font-size: 0.7rem;
        font-weight: bold;
        text-align: center;
}

.subtitulos1 {
        font-family: "Lato", Arial, Helvetica, cursive;
        color: green;
        font-size: 16px;
        border-width: 2px;
        text-align: center;
}

#despliega {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 38px;
        margin: 0;
        background: var(--fondoinput);
        border: 1px solid var(--borderinput);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 15px;
        color: var(--principal1);
}

#menu {
        display: block;
}

.contenedor-1 {
        background: transparent;
        height: 100vh;
        display: flex;
        align-items: top;
        justify-content: center;
        /*border                : 5px dotted pink;*/
}

.contenedor-2 {
        display: flex;
        flex-direction: column;
        width: 90%;
        text-align: center;
        align-items: center;
        /*border: 5px dotted rgb(130, 21, 231);*/
}

.contenedor-3 {
        display: flex;
        flex-direction: column;
        max-width: 800px;
        min-width: 800px;
        text-align: center;
        align-items: center;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);
        /*border                    : 1px solid yellow;*/
}

#atencion {
        width: 400px;
        margin-top: 5px;
}


.contenedor-campos {
        display: inline-block;
        float: left;
        border: 1px solid var(--principal1);
        border-radius: 4px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 10px;
        padding: 5px 10px 5px 12px;
}

.contenedor-sinborde {
        display: inline-block;
        float: left;
        margin-right: 20px;
        margin-top: 10px;
        padding: 5px;
}

.valpago_datos {
        display: flex;
        flex-direction: column;
        /*border             : solid 1pc red;*/

}

.valpago_alinea_h {
        display: flex;
        flex-direction: row;
        border-bottom: dotted 1px green;

}

.valpago_celda {
        display: block;
        text-align: left;
        /*border             : solid 1px orange;*/

}

#monto {
        -moz-appearance: none;
        -webkit-appearance: none;
        text-align: right;
        font-weight: bold;
        appearance: none;
        display: inline-block;
        height: 25px;
        margin: 0;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 2px;
        font-size: 13px;
        color: rgb(58, 69, 89);
}


#despliega:hover {
        outline: none;
        border: 1px solid var(--principal_claro);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

#despliega:focus {
        outline: none;
        color: #442506;
        border: 1px solid #b9b9b9;
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

#despliega:disabled {
        font-family: Verdana, Arial, Helvetica;
        border: 1px solid rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.8);
        height: 30px;
        font-size: 15px;
        color: #ffffff;
}




#montocuo:read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(48, 191, 0);

}

#montocuo:-moz-read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(48, 191, 0);

}


#valornota:read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(0, 178, 255);

}

#valornota:-moz-read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(0, 178, 255);

}


#valornotaDB:read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(255, 32, 29);

}

#valornotaDB:-moz-read-only {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        margin: 0;
        background-color: #2C2C2C;
        border: 1px solid #523d29;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        text-align: right;
        color: rgb(255, 32, 29);

}

#text_registro {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 38px;
        margin: 0;
        background: var(--fondoinput);
        border: 1px solid var(--borderinput);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 15px;
        color: var(--principal1);
}

#text_registro:focus {
        outline: none;
        color: var(--principal1);
        border: 1px solid #b9b9b9;
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}



#text_registro:hover {
        outline: none;
        border: 1px solid var(--principal_claro);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}





#v_email {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 38px;
        margin: 0;
        background: #e0dbd4;
        border: 1px solid #523d29;
        border-top: 1px solid #442506;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 15px;
        color: rgb(68, 37, 6);
}


#v_email:focus {
        outline: none;
        color: #442506;
        border: 1px solid #b9b9b9;
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

#v_email:hover {
        outline: none;
        borderder_olvido: 1px solid #b9b9b9;
        border-top: 1px solid #523d29;
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}


.registro input[type=tel] {
        color: rgb(0, 69, 134);
        background-color: rgb(155, 155, 150);
        font-size: 18px;
        line-height: 25px;
        border: 1px solid rgb(213, 213, 213);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 1px 6px 1px 6px;
}

input[type=email] {
        color: rgb(0, 69, 134);
        background-color: rgb(236, 233, 216);
        font-size: 18px;
        line-height: 25px;
        border: 1px solid rgb(213, 213, 213);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 1px 6px 1px 6px;
}


input[type=email]:focus {
        color: #2864ae;
        border: 1px solid rgb(40, 100, 174);
}

input[type=email]:active {
        color: rgb(0, 69, 134);
        background-color: rgb(236, 233, 216);
        border: 1px solid rgb(20, 150, 149);
}

.grid-opciones1 {
        margin: 1rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        /* Columnas responsivas */
        gap: 25px;
        /* Espacio entre las tarjetas */
        max-width: 400px;
        width: 100%;
}

.tarjeta-opcion1 {
        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        /* Sombra suave */
        padding: 20px;
        text-align: center;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tarjeta-opcion1:hover {
        transform: translateY(-5px);
        /* Efecto de elevación al pasar el ratón */
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        background-color: #005360;
        color: #ffffff;
}

.tarjeta-opcion1 h2 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 0;
        color: var(--principal1);
}

.tarjeta-opcion1:hover h2 {
        color: #ffffff;
}


.tarjeta-opcion1 p {
        font-size: 0.95em;
        line-height: 1.6;
        color: var(--principal1);
        font-weight: 300;
}

.tarjeta-opcion1:hover p {
        color: #ffffff;
}

.tarjeta-opcion1 .icono {
        font-size: 5rem;
        margin-bottom: 15px;
        color: var(--principal1);
        /* Color de acento */
}

.tarjeta-opcion1:hover .icono {
        color: #ffffff;
}







.button {
        background: var(--gris_cuatro);
        display: inline-block;
        line-height: 1.5rem;
        margin: 10px 10px 10px 0;
        color: #005360;
        margin: 12px 10px 25px 10px;
        border-radius: 9px;
        border: 0.5px solid var(--gris_cuatro);
        cursor: pointer;
        font-family: "Roboto", Helvetica, Arial;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);

}

/*.button:hover {
        text-decoration: none;
}

.button:active {
        position: relative;
        top: 1px;
}
*/
.medium {
        min-width: 95px;
        font-size: 1rem;
        padding: .5em .6em .4em .6em;
}

.pequeme {
        font-size: 0.8rem;
        font-weight: bold;
        padding: .25em 0.8em .25em;
        margin: 5px 3px 5px 3px;
}

.peque {
        font-size: 10px;
        padding: .4em 1.0em .42em;
        margin: 0 4px 0 4px;
}

.tamano_boton_fijo {
        min-width: 300px;
        max-width: 300px;
        font-size: 1rem;
        padding: .5em .6em .4em .6em;

}

.boton_de_linea {
        margin: 0.2rem;
        font-size: 11px;
        padding: 0.2rem 0.6rem 0.2rem 0.6rem;
        line-height: 1rem;
}



.grande {
        cursor: pointer;
        font-size: 16px;
        height: 70px;
        min-width: 250px;
        max-width: 250px;
        padding: .2em .5em .42em;
        outline: none;
}

.verde {
        font-weight: 900;
        text-decoration: none;
}

.verde:hover {
        background: green;
        color: white;
        border: 0.5px solid green;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.verde:hover .material-symbols-out.botones {
        color: white;
}

.verde:focus .material-symbols-out.botones {
        color: white;
}




.verde:focus {
        color: white;
        background: green;
        border: 0.5px solid green;
        outline: none;
}

.verde:active {
        color: white;
        outline: none;

}


.rojo {
        font-weight: 900;
        text-decoration: none;
}

.rojo:hover {

        background: red;
        color: white;
        border: 0.5px solid red;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.rojo:hover .material-symbols-out.botones {
        color: white;
}

.rojo:focus .material-symbols-out.botones {
        color: white;
}


.rojo:focus {
        color: white;
        background: red;
        border: 0.5px solid red;
        outline: none;
}

.rojo:active {
        color: white;
        background: var(--fdo_act_menu1);
        ;
        border: 0.5px solid var(--fdo_act_menu1);
}


.boton_url1 {
        background: #005360;
        border-radius: 2px;
        border: 1px solid #005360;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: "Roboto";
        font-size: 18px;
        padding: 10px;
        width: 300px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 9px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);
}

.boton_url1:hover {
        background: #558cab;
        color: #373830;
        border: 1px solid #558cab;
}


.modalDatos {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.9);
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;
        pointer-events: none;
}

.modalDatos:target {
        display: block;
        pointer-events: auto;
}


.modalDatos>div {
        width: 600px;
        position: relative;
        margin: 5% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;
        background: -moz-linear-gradient(#d6d6d6, #999);
        background: -webkit-linear-gradient(#d6d6d6, #3A4959);
        background: -o-linear-gradient(#fff, #999);
}


.modalDialog2 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;
        pointer-events: none;
}

.modalDialog2:target {
        display: block;
        pointer-events: auto;
}


.modalDialog2>div {
        width: 600px;
        position: relative;
        margin: 5% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: rgb(245, 245, 245);

}


.modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;
        pointer-events: none;
        overflow: scroll;
}


.modalDialog:target {
        display: block;
        pointer-events: auto;
}


.modalDialog>div {
        color: var(--principal1);
        width: 525px;
        position: relative;
        margin: 5% auto;
        padding: 25px;
        border: solid 2px var(--principal1);
        border-radius: 10px;
        background: rgb(245, 245, 245);
        /*animation:animatezoom 2s;*/
}

.modalImagen {
        position: fixed;
        font-family: "Roboto", Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;
        pointer-events: none;
        overflow: auto;
}


.modalImagen:target {
        display: block;
        pointer-events: auto;
}


.modalImagen>div {
        color: var(--principal1);
        width: 550px;
        font-size: 1.6rem;
        line-height: 2.2rem;
        position: relative;
        margin: 3% auto;
        padding: 15px 20px 13px 20px;
        border-radius: 10px;
        background: white;

}

@keyframes animatezoom {
        from {
                transform: scale(0)
        }

        to {
                transform: scale(1)
        }
}

.modalTabla {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;
        pointer-events: none;
}


.modalTabla:target {
        display: block;
        pointer-events: auto;
}


.modalTabla>div {
        color: var(--principal1);
        width: 480px;
        position: relative;
        border: solid 1px var(--principal1);
        margin: 5% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: white;
        animation: animatezoom 2s;
}

.modalMensaje {
        opacity: 1;
        pointer-events: auto;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 99999;
        transition: opacity 0.8s ease-in;
        overflow: auto;
        color: white;
}


.modalMensaje.oculto {
        opacity: 0;
        pointer-events: none;
}

.modalMensaje:target {
        display: block;
        pointer-events: auto;
}


.modalMensaje>div {
        color: var(--principal1);
        font-size: 1rem;
        width: 525px;
        position: relative;
        margin: 5% auto;
        padding: 15px 20px 18px 20px;
        border: solid 3px var(--gris_base);
        border-radius: 20px;
        background: rgb(255, 255, 255);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);
        /*animation:animatezoom 2s;*/


}

.formadatos input[type="text"] {
        /* Diseño base */
        width: 100%;
        padding: 10px 0;
        /* Más espacio vertical, sin horizontal */
        margin: 8px 0;
        border: none;
        /* Sin borde inicial */
        border-bottom: 1px solid #ccc;
        /* Un sutil subrayado */
        background-color: transparent;
        /* Fondo transparente */

        /* Tipografía */
        font-family: 'Noto Sans', Tahoma, Geneva, Verdana, sans-serif;
        /* Fuente moderna */
        font-size: 1rem;
        /* Tamaño de fuente relativo */
        color: #333;
        /* Color de texto oscuro */

        /* Comportamiento al enfocar y transiciones */
        outline: none;
        /* Elimina el contorno por defecto */
        transition: border-bottom-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        /* Transiciones suaves */
}

/* Estilo al enfocar (cuando el usuario hace clic o tabula) */
.formadatos input[type="text"]:focus {
        border-bottom-color: var(--principal1);
        /* Subrayado azul más vibrante */
        box-shadow: 0 1px 0 0 var(--principal1);
        /* Un pequeño "subrayado doble" o sombra */
}

/* Estilo para placeholder (texto de ejemplo) */
.formadatos input[type="text"]::placeholder {
        color: #999;
        /* Color de placeholder un poco más oscuro */
        opacity: 0.8;
        /* Ligeramente transparente */
}

/* Estilo para la deshabilitación (opcional, pero buena práctica) */
.formadatos input[type="text"]:disabled {
        background-color: #f5f5f5;
        /* Fondo ligeramente gris para inputs deshabilitados */
        border-bottom-color: #eee;
        cursor: not-allowed;
        /* Cursor de "no permitido" */
}



.manipuladatos {
        display: inline-block;
        color: var(--principal1);
        padding: 10px 40px;
        position: relative;
        margin: 2% auto;
        border-radius: 10px;
        border: solid 1px var(--principal1);
        background: white;
        font-family: "Oswald", Arial, Helvetica;
}

.manipuladatos #Texto,
#Date {
        direction: ltr;
        height: 30px;
        font-size: 16px;
}


.manipuladatos input[type=text],
.manipuladatos input[type=date],
.manipuladatos input[type=password],
.manipuladatos input[type=email],
.manipuladatos textarea,
.manipuladatos select,
.manipuladatos input[type=number] {
        width: 100%;
        padding: 10px 0;
        margin: 8px 0;
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: transparent;
        font-family: 'Noto Sans', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1rem;
        color: #333;
        outline: none;
        transition: border-bottom-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.manipuladatos textarea {
        height: 60px;
}

.manipuladatos input[type=text]:hover,
.manipuladatos input[type=date]:hover,
.manipuladatos input[type=email]:hover,
.manipuladatos textarea:hover,
.manipuladatos select:hover,
.manipuladatos input[type=number]:hover {
        box-shadow: 0 2px 0 0 #558cab;
}

.manipuladatos input[type=text]:focus,
.manipuladatos input[type=date]:focus,
.manipuladatos textarea:focus,
.manipuladatos select:focus,
.manipuladatos input[type=number]:focus {
        border-bottom-color: var(--principal1);
        box-shadow: 0 1px 0 0 var(--principal1);

}

.manipuladatos input[type=text]:disabled,
.manipuladatos input[type=date]:disabled,
.manipuladatos select:disabled,
.manipuladatos input[type=number]:disabled {
        background-color: #f5f5f5;
        border-bottom-color: #eee;
        cursor: not-allowed;
}

.manipuladatos input[type=text]:read-only,
.manipuladatos input[type=number]:read-only,
.manipuladatos input[type=date]:read-only {
        font-family: Verdana, Arial, Helvetica;
        background-color: var(--principal1);
        color: white;
        border: solid #2e273f 1px;
        border-radius: 9px;
        cursor: not-allowed;
        padding: 3px 10px 3px 10px;
}


.manipuladatos input[type=number] {
        text-align: right;

}

.manipuladatos [type="password"] {
        font-family: monospace;
}

.manipuladatos input[type="text"]::placeholder {
        color: #999;
        opacity: 0.8;
}




/* El Contendor del radio */
.conten_radio label {
        padding-left: 30px;
        position: relative;
        font-size: 1.2rem;
        font-weight: normal;
        left: -30px;

}

.conten_radio label:hover {
        cursor: pointer;
}

.conten_radio span {
        display: inline-block;
        position: relative;
        top: 3px;
        border: 1px dotted rgb(var(--gris_dos));
        width: 20px;
        height: 20px;
        background: #fff;
}


.buton_radio1 {
        display: none;
}

.buton_radio1 {
        content: '';
        position: absolute;
        background: transparent;
}

.buton_radio1:checked+span::before {
        content: "";
        display: block;
        width: 7px;
        height: 14px;
        font-weight: 700;
        border: solid var(--principal1);
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -3px;
        left: 5px;
}

.conte_mensajes {
        display: table;
        color: var(--principal1);
        width: 550px;
        height: 250px;
        background: white;
        font-family: "Poppins", Arial, Helvetica, cursive;
        padding: 10px 10px;
        border: solid 1px #8d8d8d;
        font-size: 22px;
        margin-top: 15px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);
}

.tabla_mensajes {
        display: inline-block;
        padding-top: 2px;
        /*border                   : solid 2px #FA0000;*/
        font-size: 14px;
        height: 250px;
        color: rgb(0, 0, 0);
        background: white;
}


#area_grande {
        height: 200px;
}

.editaenlinea {
        padding: 10px 10px;
        position: relative;
        margin: 2% auto;
        background: transparent;
        font-family: "Lato", Arial, Helvetica, cursive;
}

.editaenlinea #Texto,
#Number {
        direction: ltr;
        height: 25px;
        font-size: 14px;
}


.editaenlinea input[type=text],
input[type=date] {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 20px;
        padding: 0 10px;
        margin: 0;
        background: var(--fondoinput);
        border: 0px solid #442506;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 13px;
        font-family: "Lato", Arial, Helvetica, cursive;
        text-align: left;
        font-weight: bold;
        color: var(--rojonaranja);
}

.editaenlinea input[type=number] {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 20px;
        padding: 0 11px;
        margin: 0;
        background: var(--fondoinput);
        border: 0px solid #442506;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: bold;
        font-family: "Lato", Arial, Helvetica, cursive;
        text-align: right;
        color: var(--rojonaranja);
}


.editaenlinea input[type=text]:hover,
input[type=date]:hover,
input[type=number]:hover {
        border: 0px solid #607d8b;
        /*-moz-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.1);
     -webkit-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.1);
             box-shadow               : inset 0 1px 2px rgba(0,0,0,0.1);*/
}

.editaenlinea input[type=text]:focus,
input[type=date]:focus {
        outline: none;
        font-weight: bold;
        color: #442506;
        text-align: left;
        border: 0px solid rgb(68, 37, 6);
        /* -moz-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);
     -webkit-box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);
             box-shadow               : inset 0 1px 2px rgba(0,0,0,0.3);*/

}

.editaenlinea input[type=number]:focus {
        outline: none;
        color: rgb(68, 37, 6);
        text-align: right;
        border: 0px solid rgb(68, 37, 6);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);

}


.editaenlinea input[type=text]:read-only,
input[type=date]:read-only,
input[type=number]:read-only {
        font-family: "Lato", Arial, Helvetica, cursive;
        border: 0px;
        background: transparent;
        font-size: 13px;
        color: var(--principal1);
        font-weight: normal;
        text-align: left;
}

.etiqueta {
        padding: 10px 40px;
        width: 300px;
        height: 220px;
        position: relative;
        margin: 2% auto;
        border-radius: 10px;
        border: solid 1px #442506;
        background: transparent;
}



.etiqueta #Texto,
.etiqueta #Passwd {
        direction: ltr;
        height: 30px;
        font-size: 16px;
}

.etiqueta input[type=submit],
.etiqueta input[type=text],
.etiqueta input[type=tel],
.etiqueta input[type=email],
.etiqueta input[type=password] {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 30px;
        padding: 0 5px;
        margin: 0;
        background: #e0dbd4;
        border: 1px solid #523d29;
        border-top: 1px solid #442526;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 15px;
        color: rgb(68, 37, 6);
}

.etiqueta input[type=password]:hover .etiqueta input[type=email]:hover,
.etiqueta input[type=tel]:hover,
.etiqueta input[type=text]:hover {
        border: 1px solid #b9b9b9;
        border-top: 1px solid #523d29;
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.etiqueta input[type=password]:focus,
.etiqueta input[type=email]:focus,
.etiqueta input[type=tel]:focus,
.etiqueta input[type=text]:focus {
        outline: none;
        color: #442506;
        border: 1px solid rgb(124, 64, 6);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);

}

.etiqueta input[type=password].form-error {
        border: 1px solid #dd4b39;
}

Tr.cambio:nth-child(odd) {
        background-color: #EDF7FF;

}

Tr.cambio:nth-child(even) {
        background-color: #d7d7d7;
}


Tr.cambio {
        background-color: #fffff;
        font-family: "Hind", Arial, Helvetica, cursive;
}

/*
Tr.cambio:hover {
        background-color: #9FB4C8;        
        cursor: pointer;
        color: rgb(0, 0, 0);
}
*/

Tr.cambio:nth-child(even):hover {
        background-color: #9FB4C8;
        color: rgb(0, 0, 0);
}

Tr.cambio:nth-child(odd):hover {
        background-color: #9FB4C8;
        color: rgb(0, 0, 0);
}


Tr.cambio2:nth-child(odd) {
        background-color: transparent;

}

Tr.cambio2:nth-child(even) {
        background-color: transparent;
}


Tr.cambio2 {
        background-color: #fffff;
        font-family: "Lato", Arial, Helvetica, cursive;
}

Tr.cambio2:hover {
        background-color: #9FB4C8;
        cursor: pointer;
        color: rgb(0, 0, 0);
}


Tr.cambio3:nth-child(odd) {
        background-color: #f2f2f2;

}

Tr.cambio3:nth-child(even) {
        background-color: #F3F3F3;
}


Tr.cambio3 {
        background-color: #fffff;
        font-family: "Lato", Arial, Helvetica, cursive;
}

Tr.cambio3:hover {
        background-color: #F3F3F3;
        cursor: normal;

}

TD.blanco {
        text-shadow: 1px 1px 1px #FFFFFF;
        color: rgb(255, 255, 255);
        width: 525px;
        position: relative;
        padding: 5px 5px 5px 5px;
        border-radius: 10px;
        background-color: var(--principal_claro);

}

TD.Titulo_Amarillo {
        text-shadow: 1px 1px 1px #D8D8D8;
        color: rgb(0, 0, 0);
        width: 525px;
        position: relative;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin: 5% auto;
        border: solid 1px #ffbb00;
        background: rgb(255, 187, 0);

}

TD.traspa {
        text-shadow: 1px 1px 1px #D8D8D8;
        color: rgb(68, 37, 6);
        width: 525px;
        position: relative;
        margin: 5% auto;
        padding: 5px 5px 5px 5px;
        border: solid 1px #442506;
        border-radius: 10px;
        background: transparent;

}


.alerta-bad {
        font-size: 1.2rem;
        border-radius: 9px;
        background-color: red;
        color: #FFFFFF;
        padding: 4px;
        margin: 10px;

}


.alerta-good {
        font-size: 16px;
        border: none;
        color: #FFFFFF;
        padding: 6px;
        background-color: green;

}

TD.titulo_lista {
        color: rgb(255, 255, 255);
        background-color: var(--principal1);
        text-align: center;
        font-weight: bold;
        font-size: 100%;
        font-family: "Poppins", Arial, Helvetica, cursive;
        border-radius: 9px 9px 0px 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-right: 55px;
        border: white solid 1px;

}

TD.titulo_lista2 {
        color: rgb(255, 255, 255);
        background-color: rgb(166, 91, 15);
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        font-style: normal;
        font-family: Verdana, Arial, Helvetica;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
}

TD.titulo_lista3 {
        color: rgb(255, 255, 255);
        background-color: var(--principal1);
        text-align: center;
        font-weight: bold;
        font-size: 110%;
        font-family: "Lato", Arial, Helvetica, cursive;
        /* border                   : rgb(197,197,197) 1px solid;         */
        border-radius: 9px 9px 0 0 ;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
}


TD.titulo_lista_peq {
        color: rgb(255, 255, 255);
        background-color: rgb(68, 37, 6);
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        font-style: normal;
        font-family: Verdana, Arial, Helvetica;
        -moz-border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
}

TD.lineas_lista {
        vertical-align: center;
        background: transparent;
        font-family: "Noto Sans", Arial, Helvetica, cursive;
        border-right: rgb(197, 197, 197) 1px solid;
        border-left: rgb(197, 197, 197) 1px solid;
        font-size: 1rem;
        padding: 4px;
        white-space: nowrap;
}

TD.lineas_valida {
        display: block;
        vertical-align: center;
        background: white;
        font-family: "Lato", Arial, Helvetica, cursive;
        border: var(--borderinput) 1px solid;
        border-radius: 20px;
        font-size: 16px;
        white-space: nowrap;
        padding: 6px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3),
                0 3px 10px 0 rgba(0, 0, 0, 0.29);
}

TD.lineas_valida:hover {
        background: #E2E2E2;
}

TD.lineas_cuadro1 {
        vertical-align: center;
        background: rgb(205, 205, 205);
        font-family: Verdana, Arial, Helvetica;
        border: rgb(205, 205, 205) 1px solid;
        font-size: 11px;
        white-space: nowrap;
}

TD.lineas_cuadro2 {
        vertical-align: center;
        background: rgb(223, 223, 223);
        font-family: Verdana, Arial, Helvetica;
        border: rgb(223, 223, 223) 1px solid;
        font-size: 11px;
        white-space: nowrap;
}

TD.lista_gris {
        vertical-align: center;
        background: transparent;
        font-family: "Lato", Arial, Helvetica, cursive;
        border-bottom: rgb(137, 137, 132) 1px dotted;
        font-size: 100%;
        border-width: 1px;
        padding-left: 3px;
        white-space: nowrap;
}

TD.fondo_edita {
        vertical-align: middle;
        background-color: var(--principal1);
        font-family: "Lato", Arial, Helvetica, cursive;
        border-bottom: rgb(137, 137, 132) 1px dotted;
        font-size: 100%;
        border-width: 1px;
        padding-left: 3px;

        white-space: nowrap;
}


TD.lista_marron {
        vertical-align: middle;
        color: rgb(0, 0, 0);
        background-color: var(--fondo_claro);
        font-size: 0.8rem !important; 
        text-shadow: 1px 1px 1px #676767;
        white-space: nowrap;

}


TD.lista_gris_arriba {
        vertical-align: middle;
        background: transparent;
        font-family: Verdana, Arial, Helvetica;
        border-top: rgb(137, 137, 132) 1px solid;
        white-space: nowrap;
}


TD.lineas_monto {
        vertical-align: middle;
        text-align: center;
        background: transparent;
        font-family: Verdana, Arial, Helvetica;
        font-size: 12px;
        white-space: nowrap;
}

TD.lista_rojo {
        vertical-align: middle;
        color: rgb(70, 0, 0);
        background: rgba(255, 0, 0, 0.5);        
        font-family: "Noto Sans", Verdana, Arial, Helvetica;
        font-size: 0.8rem !important;      
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
}

TD.lista_naranja {
        vertical-align: middle;
        color: black;
        font-size: 0.8rem !important; 
        background: rgba(233, 149, 5, 0.7);
        font-family: "Roboto", Verdana, Arial, Helvetica;
        border: none;
        text-transform: uppercase;
        white-space: nowrap;
}


TD.lista_azul {
        vertical-align: middle;
        color: var(--principal1);
        background: rgba(41, 44, 67, 0.3);
        font-family: "Roboto", Verdana, Arial, Helvetica;
       font-size: 0.8rem !important; 
        font-weight: bold;
        border: none;
        text-transform: uppercase;
        white-space: nowrap;
}

TD.lista_verde {
        vertical-align: middle;
        color: green;
        background: rgba(48, 191, 0, 0.3);
        font-family: "Roboto", Verdana, Arial, Helvetica;
        font-size: 0.8rem !important; 
        font-weight: bold;
        border: none;
        text-transform: uppercase;
        white-space: nowrap;
}

TD.lista_cambio {
        vertical-align: center;
        background: transparent;
        font-family: "Noto Sans", Arial, Helvetica, cursive;
        font-weight: 500;
        font-size: 0.9rem;
        border-width: 1px;
        padding: 5px 5px;
        height: 2.5rem;
        white-space: nowrap;
}

TD.titulo_opcion {
        font-family: "Oswald", Arial, Helvetica, cursive;
        vertical-align: center;
        background: transparent;
        font-weight: bold;
        white-space: nowrap;

}

.tabla1_en_css {
        display: table;
}

.fila1_en_css {
        display: table-row;

}

.columna1_en_css {
        display: table-cell;

}



A.linea_grilla {
        min-width: 100%;
        display: inline-block;
        text-decoration: none;
        color: var(--principal1);
}


A.linea_grilla:hover {
        color: black;
}

.enlace_lista {
        display: block;
        color: var(--rojonaranja);
        background: transparent;
        font-size: 0.8rem;

}

.enlace_lista:hover {
        color: var(--rojonaranja);

}


A.enlace_lista1 {
        text-decoration: none;
        color: rgb(128, 73, 18);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 12px;
}

A.enlace_lista1:hover {
        color: rgb(0, 0, 0);
        background-color: rgb(245, 180, 0);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 12px;
        border: rgb(245, 180, 0) 1px solid;

}

A.enlace_lista2 {
        text-decoration: none;
        color: rgb(242, 130, 38);
        font-family: arial;
        font-size: 12px;
        margin: 25px 5px 5px 5px;
}


A.enlace_lista2:hover {
        color: rgb(0, 0, 0);
        background-color: rgb(239, 108, 0);
        font-family: arial;
        font-size: 12px;
        border: rgb(242, 130, 38) 1px solid;
        letter-spacing: 0.5px;
}

.tooltipiaccion {
        position: relative;
}

.tooltipaccion:hover::before {
        content: attr(data-tooltip);
        position: absolute;
        color: #fff;
        top: 20px;
        left: -76px;
        background: rgba(214, 164, 26, 0.7);
        padding: 5px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        white-space: wrap;
}




.tooltip {
        position: relative;
        display: inline-block;
        font-family: "Ubuntu", Arial, Helvetica, cursive;
}

/*.tooltip:hover::before {
                      content: attr(data-tooltip);
                      position: absolute;
                      color: #ffffff;
                      top: 15px;
                      left: -6px;
                      background: rgba(8,106,135,0.7);
                      padding:5px 15px;
                      -webkit-border-radius: 5px;
                      -moz-border-radius:5px;
                      border-radius:5px;
                      white-space:wrap;
}
*/

.tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: var(--color_symbols);
        font-size: 0.9rem;
        line-height: 1.1rem;
        color: #ffffff;
        text-align: center;
        border-radius: 9px;
        padding: 6px 5px 6px 5px;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 103%;
        font-weight: bold;
}

.tooltip:hover .tooltiptext {
        visibility: visible;
}


.tooltipdeta {
        position: relative;
        display: inline-block;
}

.tooltipdeta .tooltiptext2 {
        visibility: hidden;
        width: 230px;
        background-color: var(--rojonaranja);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 152%;
        left: 50%;
        margin-left: -100px;
}

.tooltipdeta .tooltiptext2::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent var(--rojonaranja) transparent;
}

.tooltipdeta:hover .tooltiptext2 {
        visibility: visible;
}

.tooltip5 {
        position: relative;
        display: inline-block;
}

.tooltip5 .tooltip5a {
        visibility: hidden;
        width: 165px;
        background-color: rgb(66, 133, 244);
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 3px 10px;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 125%;
}

.tooltip5 .tooltip5a::after {
        content: "";
        position: absolute;
        top: 11px;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent rgb(66, 133, 244) transparent transparent;
}

.tooltip5:hover .tooltip5a {
        visibility: visible;
}


.ubica_monto {
        position: relative;
        float: right;
        vertical-align: center;
        color: #442506;
        text-align: center;
        width: 148px;
        background-color: transparent;
        font-family: Verdana, Arial, Helvetica;
        border: var(--principal1) 2px solid;
        font-size: 12px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 10px 0px 15px auto;
        padding: 5px 17px 0px 10px;
}


A.enlace3 {
        text-decoration: none;
        color: rgb(133, 112, 92);
        font-weight: bold;
        font-family: arial;
        font-size: 12px;
}


A.enlace3:hover {
        text-decoration: underline;
        color: rgb(1, 17, 57);
        font-weight: bold;
        font-family: arial;
        font-size: 12px;
}

HR {
        display: block;
        margin-top: -0.9em;
        margin-bottom: 0.1em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
}

.ver_cuentas {
        vertical-align: center;
        color: var(--rojonaranja);
        width: 150px;
        background-color: var(--gris_cuatro);
        font-family: Verdana, Helvetica;
        border: none;
        font-size: 9px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        margin: -5px 0px 0px 0px;
        position: absolute;
        padding: 1px 0px 1px 0px;
        white-space: wrap;
}

.ver_cuentas:hover {
        color: #FFFFFF;
        border: solid 1px green;
        background: green;
        cursor: pointer;
}


.close {
        background: red;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
}

.close:hover {
        background: #004586;
        cursor: pointer;
}


.select {
        position: relative;
        width: 200px;
        overflow: hidden;
}

.select:before {
        position: absolute;
        right: 5px;
        top: 7px;
        width: 0;
        height: 100px;
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-color: #000000 transparent transparent transparent;
        z-index: 5;
        pointer-events: none;
}

.select select {
        display: inline-block;
        height: 20px;
        padding: 0 10px;
        margin: 0;
        background: #e0dbd4;
        border: 2px solid #85705c;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 4px;
        font-size: 12px;
        color: rgb(68, 37, 6);
}

.select select:disabled {
        font-family: Verdana, Arial, Helvetica;
        border: 0px;
        background: transparent;
        font-size: 11px;
        color: #442506;
        text-align: left;
        background-image: none;
        appearance: none;
}


.mostrar_inmueble {
        vertical-align: center;
        text-align: center;
        color: rgb(255, 255, 255);
        width: 150px;
        background-color: var(--principal1);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: var(--principal1) 2px solid;
        font-size: 14px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        -moz-box-shadow: 0px 3px 3px #848484;
        -webkit-box-shadow: 0px 3px 3px #848484;
        box-shadow: 0px 3px 3px #848484;
        margin: -5px 5px 5px -5px;
        padding: 2px 3px 3px 3px;
        position: relative;
}

.menu_inmueble {
        vertical-align: top;
        text-align: center;
        color: rgb(133, 112, 92);
        width: 150px;
        height: 120px;
        background-color: rgb(228, 236, 238);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: var(--principal1) 2px solid;
        font-size: 12px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 4px 4px 4px #848484;
        -webkit-box-shadow: 4px 4px 4px #848484;
        box-shadow: 4px 4px 4px #848484;
        margin: 2px auto 5px 5px;
        padding: 3px 3px 3px 3px;
        position: relative;
}

.lista_inmueble {
        vertical-align: top;
        text-align: center;
        color: var(--principal1);
        width: 130px;
        height: 90px;
        background-color: rgb(255, 255, 255);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: var(--principal1) 2px solid;
        font-size: 12px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 4px 4px 4px #848484;
        -webkit-box-shadow: 4px 4px 4px #848484;
        box-shadow: 4px 4px 4px #848484;
        margin: 2px auto 5px 5px;
        padding: 3px 3px 3px 3px;
        position: relative;
}

.mostrar_lista {
        vertical-align: center;
        text-align: center;
        color: rgb(255, 255, 255);
        width: 130px;
        background-color: var(--principal1);
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: var(--principal1) 2px solid;
        font-size: 14px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        -moz-box-shadow: 0px 3px 3px #848484;
        -webkit-box-shadow: 0px 3px 3px #848484;
        box-shadow: 0px 3px 3px #848484;
        margin: -5px 5px 5px -5px;
        padding: 2px 3px 3px 3px;
        position: relative;
}

A.enlace_menu {
        text-decoration: none;
        color: black;
        font-family: arial;
        font-size: 12px;
}


A.enlace_menu:hover {
        color: rgb(0, 128, 192);
        font-family: arial;
        font-size: 12px;
        letter-spacing: 0.1px;
}


a.enlace1 {
        text-decoration: none;
        color: var(--color_texto_normal);
        font-family: var(--fuente_principal);
        font-size: var(--tamano_fuente_pequena);
        position: relative;
        outline: none;
}

a.enlace1:hover {
        text-decoration: none;
        color: var(--color_texto_hover);
        font-weight: bold;
}

a.enlace1:focus {
        font-weight: bold;
}

a.enlace1::before {
        content: "";
        position: absolute;
        border-top: 30px solid var(--color_symbols);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -30px;
        left: 3px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}


a.enlace1::after {
        content: attr(data-tooltip);
        position: absolute;
        color: #FFFFFF;
        top: -50px;
        left: -56px;
        background: var(--color_symbols);
        padding: 5px 15px;
        border-radius: 10px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        z-index: 10;
        border: solid var(--color_symbols) 2px;
}

a.enlace1:hover::after,
a.enlace1:hover::before {
        opacity: 1;
        visibility: visible;
}




.infousuario {
        color: rgb(68, 37, 6);
        padding: 5px 30px;
        position: relative;
        margin: 2% auto;
        border-radius: 10px;
        width: 320px;
        height: 180px;
        border: solid 1px #7c4006;
        background: transparent;
        font-size: 20px;
}

.infocuota {
        padding: 10px 10px;
        background: transparent;
        text-align: center;
        font-size: 16px;
}

.label-usuario {
        color: rgb(68, 37, 6);
        font-size: 26px;
        border-width: 2px;
        text-shadow: 1px 1px 1px rgb(124, 64, 6);
        font-weight: bold;
        text-align: center;
}



.ventanadatos {
        color: rgb(166, 91, 15);
        padding: 10px 40px;
        font-size: 14px;
        position: relative;
        margin: 2% auto;
        border-radius: 10px;
        border: solid 1px #7c4006;
        background: transparent;
}

#mensaje_desvanese {
        position: fixed;
        bottom: 25px;
        left: 10px;
        align-content: center;
        text-align: center;
        font-family: "Roboto", Verdana, Arial, Helvetica;
        font-size: 1.2rem;
        padding: 5px 2px 5px 2px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        animation: mensaje_desvanese 0.5s 1;
        -webkit-animation: mensaje_desvanese 0.5s 1;
        animation-fill-mode: forwards;
        animation-delay: 10s;
        -webkit-animation-delay: 5s;
        /* Safari and Chrome */
        -webkit-animation-fill-mode: forwards;

}

@keyframes mensaje_desvanese {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        }
}

@-webkit-keyframes mensaje_desvanese {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        }
}



.container {
        position: absolute;
        top: 0;
        background: transparent;
        color: #fff;
        width: 100%;
        min-height: 100vh;
        display: flex;
}

.preloader {
        margin: auto;

        width: 350px;
        height: 30px;
        background: rgba(255, 255, 255, 0.1);

        position: relative;
}

.preloader:before {
        content: "";
        position: absolute;
        background: green;
        width: 0;
        height: 30px;

        animation: preloader 10s infinite;
}

.preloader p {
        margin: 0;
        line-height: 30px;
        font-size: 25px;
        font-weight: bold;

        position: absolute;
        left: 50%;
        transform: translateX(-50%);
}


@keyframes preloader {
        90% {
                width: 100%;
                opacity: 1;
        }

        100% {
                width: 100%;
                opacity: 0;
        }
}

@loaderDim : 5em;

.loader {
        display: none;
        position: absolute;
        z-index: 100;
        //left                     : calc(50vw - (@loaderDim / 2 ));
        //top                      : calc(50vh - (@loaderDim / 2 ));
        //margin                   : -60px 0px 0px 70px;
        padding: 20px;
        font-size: 5px;
        border-top: 1.1em solid rgba(28, 48, 75, 0.3);
        border-right: 1.1em solid rgba(28, 48, 75, 0.3);
        border-bottom: 1.1em solid rgba(28, 48, 75, 0.3);
        border-left: 1.1em solid rgb(199, 0, 57);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        border-radius: 50%;
        width: @loaderDim;
        height: @loaderDim;
        left: 25em;
        top: 3em;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes load8 {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
        }

        to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
        }
}

@keyframes load8 {
        0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
        }

        to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
        }
}


/* PARA CAJAS QUE ABRN Y CIERRAN HAACIA ABAJO*/
.collapsible {
        background-color: var(--rojonaranja);
        color: white;
        cursor: pointer;
        padding: 7px;
        border: none;
        border-radius: 9px;       
        text-align: left;
        outline: none;
        font-family: "Lato", Arial, Helvetica, cursive;
        font-size: 14px;
        margin: 5px;
}

.active,
.collapsible:hover {
        background-color: #555;
}

.collapsible:after {
        content: '\002B';
        color: red;
        font-weight: bold;
        float: right;
        margin-left: 5px;
}

.active:after {
        content: "\2212";
}

.content {
        padding: 0 8px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #f1f1f1;
}






.fileUpload {
        position: relative;
        overflow: hidden;
        padding: 2px;
        margin: 2px;
}

.fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        font-size: 80px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
}

.boton_busca {
        color: rgb(255, 255, 255);
        border: solid 1px #17212B;
        font-weight: 600;
        background: rgb(23, 33, 43);
        padding-left: 2px;
        padding-right: 2px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
}



/* MULTIPAGOS PLUS */

.MUL_conten_horizontal {
        display: flex;
        flex-direction: row;
        width: 100%;
        position: relative;
        float: right;
        vertical-align: center;
        color: #442506;
        text-align: center;
        background-color: transparent;
        font-family: Verdana, Arial, Helvetica;
        font-size: 12px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 10px 0px 15px auto;
        padding: 5px 17px 0px 10px;
        /*border                  : solid 1px blue;*/
}

.MUL_conten_montos {
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        width: 20%;
        min-height: 90px;
        /*border                  : solid 1px red;*/
}


.MUL_conten_pagos {
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        border: solid 1px red;
}

.manipula2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 10px 10px;
        line-height: 2rem;
        position: relative;
        border-radius: 20px;
        border: solid 1px var(--principal1);
        background: rgb(255, 255, 255);
        min-width: 70%;
        max-width: 100%;
        font-family: "Roboto", Verdana, Arial, Helvetica;

}

.manipula2 #Texto,
#Date {
        direction: ltr;
        height: 30px;
        font-size: 0.9rem;
}


.manipula2 input[type=text],
.manipula2 input[type=date],
.manipula2 input[type=password],
.manipula2 input[type=email],
.manipula2 textarea,
.manipula2 select,
.manipula2 input[type=number] {
        -moz-appearance: auto;
        -webkit-appearance: auto;
        appearance: auto;
        display: inline-block;
        height: 30px;
        margin: 0;
        padding-right: 5px;
        padding-left: 5px;
        background: transparent;
        border: 0;
        border-bottom: 2px dotted #79919D;

        /* -moz-box-sizing               : border-box;
     -webkit-box-sizing               : border-box;
             box-sizing               : border-box; */
        font-family: "Lato", Verdana, Arial, Helvetica;
        font-size: 1rem;
        color: rgb(58, 69, 89);
        outline: none;
}

.manipula2 textarea {
        height: 60px;
}
}

.manipula2 input[type=text]:hover,
.manipula2 input[type=date]:hover,
.manipula2 input[type=email]:hover,
.manipula2 textarea:hover,
.manipula2 select:hover,
.manipula2 input[type=number]:hover {
        border: 0;
        border-bottom: 1px dotted var(--principal1);
}

.manipula2 input[type=text]:focus,
.manipula2 input[type=date]:focus,
.manipula2 textarea:focus,
.manipula2 select:focus,
.manipula2 input[type=number]:focus {
        outline: none;
        color: #212F3C;
        background: var(--fondoinput);
        border-top: 2px solid var(--principal1);
        border-bottom: 2px solid var(--principal1);

}

.manipula2 input[type=text]:disabled,
.manipula2 input[type=date]:disabled,
.manipula2 select:disabled,
.manipula2 input[type=number]:disabled {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        border-bottom: 1px dotted #79919D;
        font-size: 1.1rem;
        color: var(--principal1);
}

.manipula2 input[type=text]:read-only,
.manipula2 input[type=number]:read-only,
.manipula2 input[type=date]:read-only {
        border-bottom: 1px dotted var(--principal1);
        font-size: 1rem;
}


.manipula2 input[type=number] {
        text-align: right;

}

.manipula2 select {
        height: 30px;
}

.MUL_pagos_cabecera {
        color: white;
        background-color: var(--principal1);
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 120%;
        border-width: 1px;
        font-weight: bold;
}

.MUL_tabla_pagos {
        display: table;
}

.MUL_fila_pagos {
        display: table-row;
}

.MUL_columna_pagos {
        display: table-cell;
        border-radius: 9px 9px 0 0 ;
        text-align: center;
        padding-left: 7px;

}

.MUL_colspan {
        column-span: all;
        column-count: 3;
}

.MUL_dummycell {
        border-color: transparent;
}


.MUL_ver_montos {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #34495E;
        font-size: 1.4rem;
        font-weight: 900;
        height: 40px;
        width: 195px;
        text-align: center;
        color: white;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 15px;
}

.fondo_divisas {
        background: #23a702;
        color: rgb(15, 6, 48);
}

.MUL_label_titulo {
        font-weight: bold;
        font-size: 26px;
        font-family: 'Oswald', Arial, Helvetica;
        padding: 5px;
}

.MUL_label_titulo_2 {
        font-weight: bold;
        font-size: 1.4rem;
        font-family: 'Oswald', Arial, Helvetica;
}

input[type=checkbox] {
        position: relative;
        cursor: pointer;
        top: -3px;

}


input[type=checkbox]:before {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        border: 2px solid #17202A;
        border-radius: 3px;
        background-color: white;
}

input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid green;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 2px;
        left: 6px;
}



.tabla_datos1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        /*border: solid rgb(0, 47, 255) 2px;*/
}

.fila_datos1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;



}

.columna_datos1 {
        display: flex;
        /*padding: 10px;*/
        box-sizing: border-box;
        font-size: 90%;
        /*border: dotted rgb(187, 255, 0) 2px;*/
}

.datos1_cabecera {
        display: flex;
        color: white;
        background-color: var(--principal1);
        border: 1px solid #ccc;
        font-family: "Poppins", Arial, Helvetica, cursive;
        font-size: 100%;
        border-radius: 9px 9px 0 0;
        border-width: 1px;
        font-weight: bold;
        padding-left: 10px;
}

.datos1_agrupa {
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 16px;
        width: 31%;
}

.letra_moneda {
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 900;
        padding-left: 3px;
        color: rgb(123, 133, 156)
}





/* Contenedor principal de la tarjeta  de inmuebles*/
.tarjeta-info-inmueble {
        background-color: #f7f9fc;
        border-radius: 8px;
        padding: 20px;
        margin: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1),
                0 2px 6px rgba(0, 0, 0, 0.08);
        font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
        max-width: 240px;
        min-width: 240px;
        min-height: 262px;
        max-height: 262px;
        position: relative;
        overflow: hidden;

}

/* Estilo para el encabezado de la tarjeta de los INMUEBLES */
.tarjeta-info-inmueble .encabezado-inmueble {
        background-color: var(--principal1);
        color: white;
        padding: 10px 16px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.1em;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        max-width: 240px;
        min-width: 240px;
        white-space: nowrap;
}

.tarjeta-info-inmueble .encabezado-inmueble .icono-casa {

        font-size: 2em;
        line-height: 1;
}


.tarjeta-info-inmueble .contenido-tarjeta {
        padding-top: 40px;
}



.tarjeta-info-inmueble h3 {
        font-size: 1.1em;
        color: #2c3e50;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 600;
}


.tarjeta-info-inmueble .contacto {
        font-size: 0.95em;
        color: #e74c3c;
        font-weight: bold;
        margin-bottom: 10px;
        display: block;
}


.tarjeta-info-inmueble .nombre-persona {
        font-size: 1.2em;
        font-weight: bold;
        color: var(--principal1);
        margin-bottom: 5px;
        display: block;
}


.tarjeta-info-inmueble .subtitulo-inmueble {
        font-size: 0.90em;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 0;
        display: block;
}


.tarjeta-info-inmueble p {
        margin-bottom: 5px;
        line-height: 1.4;
}


.tarjeta-info-inmueble {
        background-color: #f7f9fc;
        border-radius: 8px;
        padding: 20px;
        margin: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1),
                0 2px 6px rgba(0, 0, 0, 0.08);
        font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
        max-width: 240px;
        min-width: 240px;
        min-height: 262px;
        max-height: 262px;
        position: relative;
        overflow: hidden;

}



/* PARA REPRESENTACION CARD DE IMUEBLES */
.ventana-info-inmueble .encabezado-inmueble {
        background-color: var(--principal1);
        color: white;
        padding: 8px 16px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.1em;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        max-width: 153px;
        min-width: 153px;
        white-space: nowrap;
}

.ventana-info-inmueble .encabezado-inmueble .dos-filas {
        display: flex;
        flex-direction: column;
        width: 100%;
}

.ventana-info-inmueble .encabezado-inmueble .icono-casa {

        font-size: 2em;
        line-height: 1;
}


.ventana-info-inmueble .contenido-ventana {
        padding-top: 35px;
}



.ventana-info-inmueble h3 {
        font-size: 0.9em;
        color: #3a3d41;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 600;
}


.ventana-info-inmueble .contacto {
        font-size: 0.95em;
        color: #e74c3c;
        font-weight: bold;
        margin-bottom: 10px;
        display: block;
}


.ventana-info-inmueble .nombre-persona {
        font-size: 1em;
        font-weight: bold;
        color: var(--principal1);
        margin-bottom: 3px;
        display: block;
}


.ventana-info-inmueble .subtitulo-inmueble {
        font-size: 0.90em;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 0;
        display: block;
}


.ventana-info-inmueble p {
        margin-bottom: 5px;
        line-height: 1.1;
}


.ventana-info-inmueble {
        background-color: #f7f9fc;
        border-radius: 8px;
        padding: 8px;
        padding-top: 4px;
        margin: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1),
                0 2px 6px rgba(0, 0, 0, 0.08);
        font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #333;
        max-width: 153px;
        min-width: 153px;
        min-height: 175px;
        max-height: 175px;
        position: relative;
        overflow: hidden;


}


.contenedor-rotar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 40px;
        max-width: 40px;
        min-height: 170px;
        max-height: 170px;
        margin-top: 25px;
        border-radius: 9px;
        border: 1px solid gray;
        color: white;
        background-color: var(--principal2);

}

.rotar_noventa {
        transform: rotate(-90deg);
        width: 175px;
        height: 35px;
        white-space: nowrap;
        font-size: 2rem;
        font-weight: 900;
}


.caja_busqueda {
        text-align: center;
        width: 17rem;
}

.img_salida {
        width: auto;
        height: auto;
}

#signup-response {
        display: block;
        min-width: 200px;
        max-width: 200px;
        min-height: 100px;
        background: white;
        margin-left: auto;
        border: solid var(--principal1) 2px;
        border-radius: 20px;
        margin-right: auto;
        text-align: center;
        font-family: "Roboto", Verdana, Arial, Helvetica;
        font-size: 1.2rem;
        margin-top: 20px;
        padding: 5px 2px 5px 2px;
        animation: signup-response 0.5s 1;
        -webkit-animation: signup-response 0.5s 1;
        animation-fill-mode: forwards;
        color: var(--principal1);
        animation-delay: 10s;
        -webkit-animation-delay: 5s;
        /* Safari and Chrome */
        -webkit-animation-fill-mode: forwards;

}

@keyframes signup-response {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        }
}

@-webkit-keyframes signup-response {
        from {
                opacity: 1;
        }

        to {
                opacity: 0;
        }
}

.manipula_selec_multi {
        padding: 2px;
        width: 550px;
        height: 400px;
        overflow: auto;
}

.agrupa_selec_multi {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        font-size: 0.9rem;
        padding-left: 8px;
        margin-top: 5px;
        margin-bottom: 10px;
}

.contenedor_selec_multi {
        max-width: 6.5rem;
        min-width: 6.5rem;
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
}

.inmueble_selec_multi {
        max-width: 4.6rem;
        min-width: 4.6rem;
        display: flex;
        margin-bottom: 7px;

}

.check_selec_multi {
        max-width: 1.4rem;
        min-width: 1.4rem;
        display: flex;
        align-items: center;
        margin-bottom: 7px;
}


.tabla_res1 {
        width: 70%;
        background: white;
        margin-bottom: 1.25em;
        border-collapse: collapse;
        border-spacing: 1;
}

.tabla_res1 tr th {
        background: var(--principal1);
        text-align: center;
        color: white;
        font-weight: bold;
        font-size: 0.8rem;
        font-family: "Poppins", Arial, Helvetica, cursive;
        padding: 1px 10px 1px 10px;
        margin-right: 55px;
        border: white solid 1px;
        border-radius: 9px 9px 0 0;

}



.tabla_res1 tr td {
        padding: 0.5625em 0.625em;
        /*font-size: 0.875em;*/
        font-size: 1rem;
        color: #222222;
        border: 1px solid #dddddd;
}

.tabla_res1 tr.even,
.tabla_res1 tr.alt,
.tabla_res1 tr:nth-of-type(even) {
        background: #f9f9f9;
}

.MOVIL_mostrar_titulo {
        display: none;
}

.Mostrar_grid {
        display: flex;
        justify-content: center;
}

.No_mostrar_grid {
        display: none;
}

.izquierda{
        text-align: left;
}

.derecha{
        text-align: right;
}





/*  MEDIA CSS PARA DISPOSITIVOS */


@media screen and (max-width: 450px) {
        body {
                padding-top: 0px
        }

        .contenedor-rotar {
                display: none;
        }

        .contenedor-1 {
                /*border: dotted red 4px;/*/
        }

        .contenedor-2 {
                width: 96%;
                /*border: dotted blue 4px;*/
        }

        .contenedor-salida {
                width: 90%;
                font-size: 1.1rem;
        }

        .contenedor-salida2 {
                margin: 2.5rem 1rem 2.5rem;
                font-size: 0.8rem;
                line-height: 1.5rem;
        }

        #menu {
                display: none;
        }

        #atencion {
                width: 75%;
                margin-top: 5px;
        }

        .tarjeta-info-inmueble {
                margin-left: 25px;


        }

        .agrupah_menu2 {
                padding-left: 10px;
        }

        .img_salida {
                width: 300px;
        }

        #shadow-mensaje2 {
                font-size: 24px;
        }

        .titulo_20 {
                font-size: 1.7rem;
        }


        .titulo_20_2 {
                display: block;
                font-weight: bold;
                font-size: 1.2rem;
                letter-spacing: 0.15rem;
                font-family: 'Oswald', Tahoma, Geneva, Verdana, sans-serif;
                margin: 10px 5px 20px 0;
                text-shadow: 2px 2px 2px #D8D8D8;
        }

        .sub_titulo_20 {
                font-size: 0.9rem;
        }

        .boton_url1 {
                width: 80%;
        }

        .modalMensaje>div {
                font-size: 1rem;
                width: 80%;



        }

        .tabla_res1,
        .tabla_res1 thead,
        .tabla_res1 tbody,
        .tabla_res1 tr,
        .tabla_res1 th,
        .tabla_res1 td,
        .tabla_res1 caption {
                display: block;
                min-width: 100%;



        }

        .tabla_res1 tr td {
                border: none;
        }

        .tabla_res1 {
                border: none;
                border-radius: 20px;
                /*border-bottom: 1px solid yellow;*/
        }

        .tabla_res1 thead tr {
                display: none;
        }

        .tabla_res1 tbody tr {
                /*margin: 1em 0;*/
                border: 2px solid #5A8AB4;
                border-radius: 20px;
                margin-bottom: 30px;
        }

        .tabla_res1 td {
                border: none;
                border-spacing: 0px;
                position: relative;
                padding-left: 45%;
                text-align: left;
                background-color: transparent;
        }

        .tabla_res1 tr td:first-child {
                /*border-top: 2px solid #b3700c;
                border-radius: 9px 9px 0 0;*/
        }

        .tabla_res1 tr td:last-child {
                padding-bottom: 3px;
                /* margin-bottom: 30px;
                border-bottom: 2px solid #5A8AB4;
                border-radius: 0 0 9px 9px;*/
        }

        /*
        .tabla_res1 tr:last-child td:last-child {
                border: none;
        }

        .tabla_res1 tr:first-child td:first-child {
                border: none;
        }
*/
        .tabla_res1 td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
        }


        .MOVIL_mostrar_titulo {
                display: inline-block;
                font-weight: bold;
                padding-right: 7px;
        }

        .Mostrar_grid {
                display: none;
        }

        .No_mostrar_grid {
                display: flex;
                justify-content: center;
                flex-direction: row;
                flex-flow: row wrap;
        }

        .grid-opciones1 {
                justify-items: center;
        }

        .tarjeta-para-movil {
                background-color: #f7f9fc;
                border-radius: 8px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1),
                        0 2px 6px rgba(0, 0, 0, 0.08);
                font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                color: #333;
                max-width: 95%;
                min-width: 95%;
                min-height: 262px;
                max-height: 262px;
                position: relative;
                overflow: hidden;

        }

        .tarjeta-para-movil .encabezado-tarjeta {
                display: flex;
                justify-content: center;
                background-color: var(--principal1);
                color: white;
                padding: 10px 16px;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                position: absolute;
                top: 0;
                left: 0;
                font-size: 1.1em;
                font-weight: bold;
                display: flex;
                align-items: center;
                gap: 8px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
                max-width: 100%;
                min-width: 100%;
                white-space: nowrap;
        }

        .tarjeta-para-movil .cuerpo-tarjeta {
                margin-top: 3rem;
                font-size: 1.5em;
        }

        .tarjeta-para-movil p {
                padding: 7px;
                ;
        }

        .button {
                margin: 5px 10px 5px 0;
        }

        .modalDialog>div {
                width: 90%;
                animation: animatezoom 2s;
        }

        .modalDialog2>div {
                width: 90%;
        }

        .conte_mensajes {
                width: 85%;
                height: 350px;
                margin-top: 20px;
        }

        .tabla_mensajes {
                height: 350px;
        }

        .ver_detalle {
                width: 96%;
                font-size: 14px;
                margin-top: 40px;
                padding: 10px;
        }

        .ocultar-en-movil {
                display: none;
        }

        .tamano-celda {
                width: 80%;
                padding: 15px;
        }

        .tooltip .tooltiptext {
                top: -5px;
                left: 35%;
        }

        .manipula2 {
                width: 90%;
        }

        .fila_datos1 {
                flex-direction: column;
                font-size: 1rem;
                flex-wrap: nowrap;
        }

        .columna_datos1 {
                flex-direction: row;
        }

        .datos1_cabecera {
                display: none;
        }

        .agrupa_horizontal {
                font-size: 0.5rem;
        }

        .datos1_agrupa {                
                flex-direction: column;                
        }

}