BODY.salida {
                font-family           : "Roboto";
                margin                : 0;
                padding               : 0;
                border                : 0;                 
                font-size             : 13px;
                background            : #17202A;      
                font-family           : "Asap", Arial, Helvetica, sans-serif;                
}


.contenedor-salida {
                width                 : 100%;
                max-width             : 500px;
                padding               : 20px 20px;                 
                background            : transparent;  
                /*border                : 2px solid red;*/
                font-size             : 1.5rem;
                font-weight           : bold;
                color                 : white;
                text-align            : center;
                line-height           : 3.5rem;                  
}

.contenedor-salida2 {
                margin                : 2.5rem 1rem 2.5rem;
                font-size             : 1.1rem;                                     
                color                 : white;
                text-align            : center;
                line-height           : 1.5rem;
                /* border                : 2px solid yellow;*/

}



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;
             position                 : relative;
             border-style             : none;
             display                  : block;
             width                    : 65%;  
             font-family              : "Oswald", Arial, Helvetica;
             font-size                : 14px;

}


table.detalle {
             width                    : 99%;             
             text-align               : left;
             border-collapse          : collapse;
             top                      : 15px; 
             right                    : 45px;
             margin                   : 5px 35px 5px 5px;  
}

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 {
             color                    :  var(--principal1);
             font-size                : 18px;
             border-width             : 2px;
             text-shadow              : 1px 1px 1px #D8D8D8;
             font-weight              : bold;
             text-align               : center;
}

.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;
}

.label-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;
            
             
}

.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;
                /*border                : 2px solid purple;*/
               
}

.agrupah_menu2 {
                display           : flex;
                flex-direction    : row;
                flex-flow:row wrap;
                max-width: 72rem;               
                min-width: 18rem;
              /* border                : 2px solid green;               */
}

.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-size         : 1rem;
            font-weight       : normal;
            padding           : 0 0.5rem 0 0.5rem;
}

A.menu2  {            
            color             : var(--principal1);
            height            : 100px;
          font-size         : 1rem; 
            
            background-color: transparent;

} 


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

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

.letra_roja {
            color                     : #b30c0c;
}

.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: block;
             font-family              : "Oswald",Verdana, Arial, Helvetica;
             text-align               : center;
             background               : var(--principal1);
             height                   : 30px;            
             padding                  : 6px 10px;
             margin: 0;
             margin-bottom                   : -5px;
             font-size                : 20px;
            -moz-border-radius        : 4px 4px 0 0;
            -webkit-border-radius     : 4px 4px 0 0;
             border-radius            : 4px 4px 0 0;
             min-width                : 60%;
             max-width                : 60%;
             color                    : #ffffff;
}

#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                    : var(--rojonaranja);
             font-size                : 26px;
             border-width             : 2px;
             text-shadow              : 1px 1px 1px #9b9b96;
             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 #4B4203;
             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           : start;
                justify-content       : center;
                /*border                : 2px solid pink;*/
}

.contenedor-2 {
            display                   : flex;
            flex-direction            : column;
            width                     : 90%;
            text-align                : center;
            align-items               : center;  
            /*border                    : 1px solid blue;*/
}

.contenedor-3 {
            display                   : flex;
            flex-direction            : column;
            max-width                     : 800px;
            min-width                     : 800px;
            text-align                : center;
            align-items               : center;  
            /*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;
}

.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);
}



.caja1 {
             color                    : var(--principal1);
            
             overflow                 : hidden;
             display                  : block;
             background               : var(--principal1);
           
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
 }            
     

.caja1:hover {
             color                    : rgb(255,255,255);
           
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
             background               : var(--principal_claro);
}

.caja1:active {
             color                    : rgb(96,125,139);            
             background               : #233444;
}


.button{
             background               : var(--gris_cuatro);
             border-style             : none;
             outline                  : none;
             font-family              : "Roboto", Helvetica, Arial; 
}

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

.button:active {
             position                 : relative;
             top                      : 1px;
}

.medium {
             font-size                : 14px;
             line-height              : 1rem; 
             font-weight              : bold;            
             min-width                : 100px;
             padding                  : .4em 1.5em .42em;
             margin                   : 10px 6px 10px 6px;
}

.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;
}



.grande {
             cursor                   : pointer;
             font-size                : 16px;
             height                   : 50px;
             width                    : 180px;            
             padding                  : .2em .5em .42em;
}

.verde {
             color                    : var(--principal1);             
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
}

.verde:hover {
             color                    : #FFFFFF;                   
             background               : green;
             cursor                   : pointer;
}     

.verde:focus {
             color                    : #FFFFFF;                 
             background               : green;
             cursor                   : pointer;
}           

.verde:active {
             color                    : white;
             background               : grey;
           
}


.rojo {
             color                    : var(--principal1);
        -moz-border-radius            : 3px 3px 3px 3px;
     -webkit-border-radius            : 3px 3px 3px 3px;
             border-radius            : 3px 3px 3px 3px;
}

.rojo:hover {
             color                    : #FFFFFF;      
             background               : red;
             cursor                   : pointer;
}

.rojo:focus {
             color                    : #FFFFFF;      
             background               : red;
             cursor                   : pointer;
}

.rojo:active {
             color                    : white;
             background               : grey;             
}


.boton_url1 {
      background           : var(--gris_cuatro);
      border-radius        : 3px;
      border               : 1px solid var(--gris_cuatro);
      color                : var(--principal1);
      cursor               : pointer;
      display              : inline-block;
      font-family          : "Roboto";
      font-size            : 18px;
      padding              : 12px;
      width                : 100%;
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
    }

.boton_url1:hover {
        background        : green; 
        color             : #FFFFFF;
        border            : 1px solid green;
        text-decoration   : none;     
      }


.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                  : 5px 20px 13px 20px;
             border                   : solid 1px 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                    : 430px;
             position                 : relative;
             border                   : solid 1px var(--principal1);
             margin                   : 5% auto;
             padding                  : 5px 20px 13px 20px;
             border-radius            : 10px;
             background               : white;
             animation                : animatezoom 2s;
}

.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] {
        -moz-appearance               : auto;
     -webkit-appearance               : auto;
             appearance               : auto;
             display                  : inline-block;
             height                   : 28px;
             padding                  : 0 10px;
             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            : 4px;
     -webkit-border-radius            : 4px;
             border-radius            : 4px;
             font-size                : 15px;
             color                    : var(--principal1);
}

.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 {
             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);
}

.manipuladatos input[type=text]:focus,
.manipuladatos input[type=date]:focus,  
.manipuladatos textarea:focus, 
.manipuladatos select:focus,
.manipuladatos input[type=number]: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);

  }

.manipuladatos input[type=text]:disabled, 
.manipuladatos input[type=date]:disabled, 
.manipuladatos select:disabled,
.manipuladatos input[type=number]: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;
}

.manipuladatos input[type=text]:read-only, 
.manipuladatos input[type=number]:read-only,

.manipuladatos input[type=date]:read-only { 
             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;
}


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


/* 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                   : 200px;
             background               : white;
             font-family              : "Poppins", Arial, Helvetica, cursive; 
             padding                  : 10px 10px;
             border                   : solid 2px #000000;
             font-size                : 22px;
            -moz-border-radius        : 5px;
            -webkit-border-radius     : 5px;
             border-radius            : 5px;
}

.tabla_mensajes {
           display                  : inline-block;       
             padding-top             : 2px;
              /*border                   : solid 2px #FA0000;*/            
            font-size                : 14px;
            height                   : 200px;
             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.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                   : solid 1px var(--principal1);
             border-radius            : 5px;
             background-color         : var(--principal1);

}

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                : 14px;
             border                   : none;
             color                    : #FFFFFF;            
             padding                  : 6px;       
             background-color         : red;
            
    }


.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;    
        -moz-border-radius            : 3px 3px 0px 0px;
     -webkit-border-radius            : 3px 3px 0px 0px;
             border-radius            : 3px 3px 0px 0px;
             padding-left             : 10px;
             padding-right            : 10px;
             padding-top              : 1px;
             padding-bottom           : 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;         */
             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              : "Lato", Arial, Helvetica, cursive;       
             border-right                   : rgb(197,197,197) 1px solid;
             border-left                   : rgb(197,197,197) 1px solid;
             font-size                : 16px;
             white-space              : nowrap;
}

TD.lineas_valida {
             display: block;
             vertical-align           : center;
             background               : transparent;
             font-family              : "Lato", Arial, Helvetica, cursive;       
             border                   : var(--principal1) 3px solid;  
             border-radius            : 2px;         
             font-size                : 16px;
             white-space              : nowrap;
}

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           : center;
             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           : center;
             color                    : rgb(0,0,0);
             background-color         : var(--fondo_claro);              
             font-size                : 11px;
             text-shadow              : 1px 1px 1px #676767;
             white-space              : nowrap;
          
}


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


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

TD.lista_rojo {
             vertical-align           : center;
             color                    : black;
             background               : rgba(255,0,0,0.5);
             font-family              : "Roboto", Verdana, Arial, Helvetica;             
             font-size                : 11px;
             font-weight              : bold;                       
             text-transform           : uppercase;
             white-space              : nowrap;
}

TD.lista_naranja {
             vertical-align           : center;
             color                    : black;
             font-size                : 11px;
             background               : rgba(255,167,19,0.3);
             font-family              : "Roboto", Verdana, Arial, Helvetica; 
             border                   : none;                       
             text-transform           : uppercase;           
             white-space              : nowrap;
}


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

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

TD.lista_cambio {
             vertical-align           : center;
             background               : transparent;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             font-weight              : bold;                       
             font-size                : 100%;
             border-width             : 1px;             
             padding-left             : 3px;
             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(--rojonaranja);
             color                    : #ffffff;
             text-align               : center;
             border-radius            : 6px;
             padding                  : 5px 2px 5px 2px;
             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;
} 

.modalMensaje {
             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;
        }

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

 .modalMensaje > div {
             width                    : 400px;
             position                 : relative;
             margin                   : 15% auto;
             padding                  : 20px 20px 20px 20px;
             border-radius            : 10px;
             background               : rgb(245,245,245);
 }

.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(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;
                }

.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:                   black;
                  font-family:             arial;
                  font-size:               12px;
                }

A.enlace1:hover {
                  text-decoration:         underline;
                  color:                   rgb(0,128,192);
                  font-weight:             bold;
                  font-family:             arial;
                  font-size:               12px;
                 }


A.enlace1:link   {
                  position:relative;
                  text-decoration:none;
                 }

A.enlace1:before {
                  content: "";
                  position:absolute;                  
                  border-top: 20px solid var(--rojonaranja);
                  border-left:30px solid transparent;
                  border-right:30px solid transparent;
                  display:none;
                  top: -28px;
                  left:-18px;
                 }

A.enlace1:hover:after{
                      content:attr(data-tooltip);
                      position:absolute;
                      color: #FFFFFF;
                      top: -52px;
                      left:-56px;                                        
                      background : var(--rojonaranja);
                      padding:5px 15px;
                      -webkit-border-radius: 10px;
                      -moz-border-radius:10px;
                      border-radius:10px;
                      white-space:nowrap;
                      display:none;
                     }

a.enlace1:hover:after, a.enlace1:hover:before{display:block;}


.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;
}

.label-claro1 {
             color                    : var(--rojonaranja);
             cursor                   : pointer;           
             font-size                : 11px;
             border-width             : 1px;
             font-weight              : bold;             
             text-align               : center;
}

.label-claro1:hover {
             color                    : white;             
}

.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: 5px;  
  border: none;
  -moz-border-radius            : 2px 2px 2px 2px;
  -webkit-border-radius            : 2px 2px 2px 2px;
  border-radius            : 2px 2px 2px 2px;
  text-align: left;
  outline: none;
  font-family              : "Lato", Arial, Helvetica, cursive; 
  font-size: 14px;
}

.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%;
        /*border                  : solid 1px red;*/
}


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

.manipula2 {   
             display                  : inline-block;
             text-align               : center;
             padding                  : 10px 10px;
             line-height              : 2rem;
             position                 : relative;  
             border-radius            : 4px;
             border                   : solid 1px rgba(158,172,185,0.8);
             background               : var(--fondoimput);
             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                   : 26px;           
             margin                   : 0;
             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                : 1.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;    
    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     : 3px;
}

.MUL_label_titulo{
     font-weight        : bold;
     font-size          : 26px;
     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;         
}






/*  MEDIA CSS PARA DISPOSITIVOS */


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

.contenedor-1 {
            
        background          : transparent;
        height              : 100vh;
        display             : flex;
        align-items         : top;
        justify-content     : center; 
}

.contenedor-2 {
        display             : flex;
        flex-direction      : column;
        width               : 95%;                 
        text-align          : center;
        align-items         : center;
}

.contenedor-salida {
        width               : 95%;  
        padding             : 10px 10px;  
        background          : transparent;   
        font-size           : 0.9rem;
        line-height         : 1.8rem;"
}

.contenedor-salida2 {
        margin              : 2.5rem 1rem 2.5rem;
        font-size           : 0.8rem;                                     
        color               : white;
        text-align          : center;
        line-height         : 1.5rem;
}
 
#menu {
        display             : none;
}

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

}