/*https://venezuela.smm.com.ve/styles/fonts/css/all.css*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Caveat);

BODY.fondo {
                margin                : 0 0 100px;            
                text-align            : justify;
                font-size             : 1rem;
                background            : white;      
                color                 : #17202A;    /* 23,32,42*/  
                /*background            : #17202A;      
                color                 : white;      */

                font-family           : "Asap", Arial, Helvetica, sans-serif;                
}


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

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

.contenedor-2 {
                display               : flex;
                align-items           : center;
                justify-content       : center;
                flex-direction        : column;                
                max-width             : 80%;
                padding               : 58px 15px 20px 15px;                 
                background            : transparent;  
                font-size             : 1.2rem;
                font-weight           : bold;              
                text-align            : center;           
                /*border                : 2px solid red;*/
}

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



}

.contenedor-salida2 {
                margin                : 2.5rem 1rem 2.5rem;
                font-size             : 1.1rem;                                     
                color                 : white;
                text-align            : center;
                line-height           : 1.5rem;

}

.contenedor-formulario { 
           
            color             : #f2f2f2; 
             text-align: center;  
            left              : 0;               
}
  
.contenedor-formulario .formulario {
            width             : 100%;
            margin            : auto; 
}

.contenedor-proforma {
                display               : flex;
                flex-direction        : column;
                width                 : 100%;
                max-width             : 75%;
                /*padding               : 20px 20px;*/
                padding               : 58px 20px 20px 20px;   
                /*margin                : auto;*/
                background            : transparent;  
                /*border                : 2px solid red;*/
                font-size             : 1.2rem;
                font-weight           : bold;              
                text-align            : center;
                /*line-height           : 0.5rem;  */
}

.contenedor-horizontal {
            display           : flex;
            flex-wrap         : wrap;
            flex-direction    : row;
            text-align        : center;
            align-items       : top;             
            justify-content   : space-between;  
            /*border            : 1px solid red;*/
            width             : 100%;          

}

.contenedor-menu1 {
            display           : flex;
            border            : 1px solid #E4E4E4;
           -moz-box-shadow    : 1px 2px 10px rgb(var(--gris_top));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--gris_top));
            box-shadow        : 1px 2px 10px rgb(var(--gris_top));   
            flex-direction    : column;
            height            : 210px;
            width             : 220px; 
            text-align        : center;
            justify-content   : top;
            margin            : auto;
            margin-top        : 3rem;
            align-items       : bottom;  
}

.contenedor-menu2 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : rgb(var(--gris_dos));          
           -moz-box-shadow    : 1px 2px 10px rgb(var(--gris_top));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--gris_top));
            box-shadow        : 1px 2px 10px rgb(var(--gris_top));   
            flex-direction    : column;
            height            : 100px;
            width             : 16rem; 
            text-align        : center;
            justify-content   : top;
            margin            : auto;           
            align-items       : bottom;  
             border-radius    : 0 8px 0 0;

}

.contenedor_antecede {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;           
           -moz-box-shadow    : 1px 2px 10px rgb(var(--gris_top));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--gris_top));
            box-shadow        : 1px 2px 10px rgb(var(--gris_top));   
            flex-direction    : column;          
            width             : 25rem;             
            margin-bottom        : 1rem; 
            /*border                : 2px solid purple;  */
}

.contenedor_verantecede {
            font-family       : "Lato", Arial, Helvetica, cursive;            
            display           : flex;  
            text-align        : left;
            width             : 18rem;    
            font-size         : 1rem;                 
            margin-bottom     : 1rem; 
            padding           : 0.2rem 0.3rem 0.3rem 0.5rem;             
            border-bottom     : 1px solid var(--principal_claro);
}

.img_mant {
            min-height        : 130px;
             max-height        : 130px;                                                                                                     
            max-width         : 100%;
            border-radius     : 1px;
            
}            

.titu_mant {
            display           : block;
            width             : 218px;
            margin-top        : 2px;
            margin-bottom     : 2px;
            padding-left      : 3px;
            min-height        : 35px;
            font-size         : 24px;
            font-weight       : bold;
            text-align        : center;
            color             : #17212B;
            white-space       : nowrap;
            overflow          : hidden;
            text-overflow     : ellipsis;
            /*border                : 2px solid red;      */
               
}

.titu_mant2 {
            display           : block;
            width             : 218px;
            margin-top        : 2px;
            margin-bottom     : 1px;            
            min-height        : 35px;
            font-size         : 20px;
            font-weight       : bold;
            text-align        : center;
            color             : #17212B;
            white-space       : nowrap;
            
           
               
}

.des_mant {
            width             : 218px;             
            font-size         : 14px;                                                              
            min-height        : 33px;
            line-height       : 18px;
            color             : var(--principal1);
            text-align        : center;            
            overflow          : hidden;      
            /*border                : 1px solid blue;   */
}

.pestana2 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : var(--principal1);                       
            flex-direction    : row;
            height            : 1.8rem;
            width             : 7.5rem; 
            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;

}

.pestana3 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;                              
            flex-direction    : row;
            height            : 1.5rem;
            font-size         : 1.1rem;
            width             : 12rem; 
            text-align        : left;
            justify-content   : top;            
            align-items       : left; 
            padding           : 0.1rem 0.3rem 0.3rem 0.5rem; 
            color: var(--principal1);                         
              background    : linear-gradient(to left, rgba(var(--principal_claro_RGB),0.10), rgba(var(--principal_claro_RGB),1));

}

.pestanaRX {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : var(--principal1);                       
            flex-direction    : column;
            height            : 3.7rem;
            width             : 11rem; 
            font-size         : 1.2rem;
             line-height           :1.1rem; 
            text-align        : left;
            justify-content   : top;            
            align-items       : left; 
            margin-right       : 0.5rem;
            /*padding           : 0.2rem 0.3rem 0.3rem 0.5rem;*/
            color: white;           
             border-radius    : 8px 8px 0 0;

}


.pestanaRX2 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : var(--principal1);                                  
            flex-direction    : column;
            height            : 1.8rem;
            width             : 20rem; 
            font-size         : 1.3rem;
             line-height           :1.2rem; 
            text-align        : left;
            justify-content   : top;            
            align-items       : left;            
            margin            : 0.8rem 0.5rem 0 0;
            padding           : 0.1rem 0.3rem; 
            color: white;
            border-top            : 2px solid var(--principal1);
            border                      : none;
             border-radius    : 8px 8px 0 0;


}

.hideRX2{            
            cursor                      : pointer;            
            outline                  : none;       
}

.contenedor-rx {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : var(--blanco_base);          
           -moz-box-shadow    : 1px 2px 10px var(--principal1);
    -webkit-box-shadow        : 1px 2px 10px var(--principal1);
            box-shadow        : 1px 2px 10px var(--principal1);   
            flex-direction    : column;
            /*height            : 200px;*/
            width             : 60rem; 
            text-align        : center;
            justify-content   : center;  
            margin            : auto;           
            align-items       : bottom;  
             border-radius    : 0 8px 0 0;
             padding                : 5px 45px;

}

.contenedor-visual1 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
             width             :15rem; 
              height            : 5rem;
            display           : flex;           
            flex-direction    : row;            
             justify-content   : space-between;  
            /*border            : 2px solid purple;*/
}

.tabla_visual1{
     color              : var(--principal1);
     background         : var(--blanco_base);
     font-family        : "Lato", Verdana, Arial, Helvetica;
     font-size          : 1.2rem;
     padding            : 0 0.4rem;
}

.tabla_deta_visual1{
     color              : var(--principal1);
     background         : var(--blanco_base);
     font-family        : "Roboto", Verdana, Arial, Helvetica;
     width              : 20rem;
     font-size          : 1.2rem;
     margin-bottom      : 0.6rem;
     padding            : 0 0.4rem;
}

.enca_visual1{
     background        : var(--principal_claro);
     color             : var(--blanco_base);  
     line-height       : 1.8rem;
     font-size         : 1rem;
     padding           : 0 0.4rem;
}

.linea_visual1{
     background        : var(--gris_tres );
     color             : var(--principal1);
     border-bottom     : 1px dotted  rgb(var(--gris_dos));
}

.titulo_deta_visual1{
    position: absolute;
    float: left;
    font-family       : "Caveat", Verdana, Arial, Helvetica;
    font-size         : 2rem;    
   color             : var(--rojonaranja);
   padding  :0.5rem 0.6rem; 
   margin-top: -3rem;
     margin-bottom: 2rem;
     /*border                : 2px solid purple;*/
}

.no_border_bajo {
    border-bottom     : none;
}

.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: 56rem;               
                min-width: 18rem;
                /*border                : 2px solid green; */              
}

.agrupah_antecede {
                display           : flex;
                flex-direction    : row;
                flex-flow:row wrap;
                justify-content: space-evenly;
                max-width: 60rem;               
                min-width: 18rem;
                /*border                : 2px solid green;   */            
}

.pie_menu2 {
                display           : flex;
                flex-direction    : row;
                flex-flow:row wrap;
                max-width: 56rem;               
                min-width: 18rem;
                border                : 2px solid blue;               
}
.sub_menu2{
            display           : block;  
            color             : #C0E4E4;          
            margin-top        : 0.2rem;  
            font-family       : "Lato", Arial, Helvetica, cursive;         
            font-size         : 0.95rem;
            font-weight       : normal;
            padding           : 0 0.5rem 0 0.5rem;
}

.contenedor-menu3 {
            font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : white;          
           -moz-box-shadow    : 1px 2px 10px rgb(var(--gris_top));
    -webkit-box-shadow        : 1px 2px 10px rgb(var(--gris_top));
            box-shadow        : 1px 2px 10px rgb(var(--gris_top));   
            flex-direction    : column;
            height            : 100px;
            width             : 16rem; 
            text-align        : center;
            justify-content   : top;
            margin            : auto;    
            color             : var(--principal1); 
            font-size         : 14px;      
            align-items       : center;  
             border-radius    : 8px 8px 0 0;
             border-top                : 10px solid var(--principal1); 
              border-bottom                : 5px solid var(--principal1);
               border-left                : 1px solid var(--principal1);
               border-right                : 1px solid var(--principal1);


}
.contenedor-menu3:hover {
     background        : #D5DCE0;  
}    

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

.agrupav_menu3 {
                display           : flex;
                flex-direction    : column;
                margin-left: 2rem;
                margin-bottom:  1.5rem;
                justify-content   : space-between;
                /*border                : 2px solid purple;*/
               
}

.label_campo{
                font-size              : 1.1rem;
                padding                : 5px 10px;
}

.label_campo_izquierda{
                font-size              : 1.4rem;
                padding                : 5px 2px;
}

.agrupa_horizontal {
                display           : flex;
                flex-direction    : row;
                justify-content   : space-between;
                flex-flow         : row wrap;
                /*border                : 2px solid red;*/
               
}
 

.agrupa_horizontal_centro {
                display           : flex;
                flex-direction    : row;
                justify-content   : center;               
}

.agrupa_horizontal .izquierda {                
                justify-content   : left;               
}

.agrupa_vertical {
                display           : flex;
                flex-direction    : column;                
                /*border                : 2px solid yellow;*/
               
}

.agrupa_rx {
                display           : flex;
                flex-direction    : row;
                justify-content: space-evenly;
                flex-flow         : row wrap;
                margin-top     : 1.5rem;
                 margin-bottom     : 1.5rem;
                 padding       : 0.2rem 0.5rem;
                border-bottom            : 1px solid var(--principal1);
               
}


.noshow{display:none;position: relative;}
.show {display:block;animation:example 2s;}

@keyframes autoshow {
   from {opacity: 0;}
   to {opacity: 1;}
}

@keyframes example {
  from {top: 50px;}
  to {top: 0px;}
}  

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

.ancho_titulo1{             
             min-width                : 600px;         
             max-width                : 600px;                    
}

.tabla_datos {
            border-collapse             : collapse;            
            caption-side                : bottom;
            font-size                   : 0.9rem;
            min-width                   : 750px;         
            max-width                   : 750px;  
        }



.sinborde{
             border                   : 0;
}

.fondo_gris{
             background               : #CCCCCC;          
}

.fondo_azulado{
             background               : #17202A;
             color                    : white;          
}

.fondo_oscuro1{
             background               : #17202A;
             color                    : white;
             font-size                : 1rem;
             padding                  : 5px 3px 6px 5px              
}

.conten_ubica_pago1 {
            display               : flex;
            align-items           : top;
            justify-content       : center;
            flex-direction        : row;  
            
}            

.ubica_pago1 {
            width                   : 100%;
            display                 : flex;
            align-items             : center;            
            justify-content         : center;
            flex-direction          : column;
            font-size               : 1.1rem;  
            margin :0.5rem;
            padding-bottom          : 0.4rem; 
            border                   : solid 1px rgba(158,172,185,0.8);
}

.ubica_pago2 {
            width                   : 100%;
            display                 : flex;
            align-items             : center;            
            justify-content         : center;
            flex-direction          : column;
            font-size               : 1.1rem;  
            margin :0.5rem;
            padding-bottom          : 0.4rem; 
           /* border                   : solid 1px orange;*/
}


.manipuladatos {
             display                  : inline-block;
             text-align               : left;
             padding                  : 10px 10px;
             line-height              : 2rem;
             position                 : relative;            
             border-radius            : 4px;
             border                   : solid 1px rgba(158,172,185,0.8);
             background               : transparent;
             font-family              : "Roboto", Verdana, Arial, Helvetica;
}

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


.manipuladatos input[type=text],
.manipuladatos input[type=date], 
.manipuladatos textarea, 
.manipuladatos select,
.manipuladatos input[type=email],
.manipuladatos input[type=password],
.manipuladatos input[type=number] {
        -moz-appearance               : auto;
     -webkit-appearance               : auto;
             appearance               : auto;
             display                  : inline-block;
             height                   : 2rem;
             padding                  : 5px 5px 3px 1px;
             margin                   : 0;
             background               : transparent;    
             border                   : 0;         
             border-bottom:            1px dotted #79919D;
        -moz-box-sizing               : border-box;
     -webkit-box-sizing               : border-box;
             box-sizing               : border-box;        
             font-family              : "Roboto", Verdana, Arial, Helvetica;
             font-size                : 1.1rem;
             color                    : rgb(58,69,89);
             
}


.manipuladatos input[type=text]:hover, 
.manipuladatos input[type=date]:hover, 
.manipuladatos textarea:hover, 
.manipuladatos select:hover,
.manipuladatos input[type=email]:hover,
.manipuladatos input[type=password]:hover,  
.manipuladatos input[type=number]:hover {
             border                   : 0;        
             border-bottom            : 1px dotted var(--principal1);
             /*border                   : 2px solid DeepSkyBlue;
             border-top               : 2px solid DeepSkyBlue;
        -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);*/
}

.manipuladatos input[type=text]:focus,
.manipuladatos input[type=date]:focus, 
.manipuladatos textarea:focus, 
.manipuladatos select:focus,
.manipuladatos input[type=email]:focus, 
.manipuladatos input[type=password]:focus, 
.manipuladatos input[type=number]:focus {
             outline                  : none;
             color                    : #212F3C;   
             /*         
        -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 textarea:disabled, 
.manipuladatos select:disabled,
.manipuladatos input[type=email]:disabled,
.manipuladatos input[type=passowrd]:disabled,
.manipuladatos input[type=number]:disabled {  
            -moz-appearance           : none;
            -webkit-appearance        : none;
             appearance               : none;   
             border                   : 0;       
             border-bottom            : 1px dotted #79919D;            
             height                   : 30px;
             font-size                : 1.1rem;
             color                    : var(--principal1);

}

.manipuladatos input[type=text]:read-only, 
.manipuladatos input[type=number]:read-only,
.manipuladatos input[type=date]:read-only { 
             font-family              : Verdana, Arial, Helvetica;
              border-bottom            : 1px dotted var(--principal1);          
             height                   : 30px;
             font-size                : 1.1rem;
             color                    : red;
}

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


.lista_antecede input[type=checkbox] {
            position                    : relative;
            cursor                      : pointer;
            top                         : -7px;
           
}

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

.lista_antecede input[type=checkbox]:checked:after {
            content                     : "";
            display                     : block;
            width                       : 7px;
            font-weight                 : 700;
            height                      : 14px;
            border                      : solid green;
            border-width                : 0 2px 2px 0;
            -webkit-transform           : rotate(45deg);
            -ms-transform               : rotate(45deg);
            transform                   : rotate(45deg);
            position                    : absolute;
            top                         : 1px;
            left                        : 9px;         
}





/*CONTENEDOR PADRE PARA FORMULARIOS DE DATOS*/

.conten-grupo-campos {
            display           : flex;
            flex-direction    : row;
            /*border            : 1px solid red;*/
}

.conten-grupo-campos-2 {
            display           : flex;
            flex-direction    : column;
            line-height       : 0.2rem;
            /*border            : 1px solid red;*/
}

.conten-label {
            display           : flex;
            flex-direction    : column;
            min-width         : 12rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;
           /* border            : 1px solid green;*/
}

.conten-label2 {
            display           : flex;
            flex-direction    : column;
            min-width         : 9rem;
            margin-right      : 1rem;
            line-height       : 1.3rem;
            /*border            : 1px solid yellow;*/
}

.conten-campo {
            display           : flex;
            flex-direction    : column;
            min-width         : 12rem;
            max-width         : 12rem;
            margin-right      : 1rem;
            line-height       : 1.5rem;
            /*border            : 1px solid blue;*/
}

.conten-campo2 {
            display           : flex;
            flex-direction    : column;
            min-width         : 12rem;
            max-width         : 12rem;
            margin-right      : 0.8rem;
            line-height       : 1.5rem;            
}

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

.label-campo-forma1 {
            min-width         : 14rem;
            max-width         : 14rem;
}

.campo-forma1 {
            min-width         : 18rem;
            max-width         : 18rem;
}

.label-campo-forma2 {
            min-width         : 11rem;
            max-width         : 11rem;
}

.campo-forma2 {
            min-width         : 10rem;
            max-width         : 10rem;
}



Tr.cambio:nth-child(odd) {
    background-color:rgba(23,33,43,0.2);
    /*background-color:rgb(51,54,55);*/
     color            : rgb(255,255,255);
}

Tr.cambio:nth-child(even) {
   /* background-color:rgba(23,33,43,0.4);*/
    /*background-color:rgb(20,30,34);*/
    color            : rgb(0,0,0);
}


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

Tr.cambio:hover {
   background-color : rgba(41,58,74,0.5);
   #cursor           : pointer;
   color            : rgb(0,0,0);
}

TD.lista_grilla {  
             vertical-align           : center;   
             color                    : rgb(23,33,43); 
             font-family              : "Lato", Verdana, Arial, Helvetica;                                              
             line-height              : 1.5rem; 
             font-size                : 0.8rem;
             text-align               : left;
             font-weight              : normal;
             padding                  : 3px 3px 3px 5px;
             white-space              : nowrap;
}

TD.lista_antecede {  
             vertical-align           : center;   
             color                    : rgb(23,33,43); 
             font-family              : "Lato", Verdana, Arial, Helvetica;                                              
             line-height              : 1.7rem; 
             font-size                : 1rem;
             font-style: italic;
             text-align               : left;
             font-weight              : 700;
             padding                  : 2px 5px 2px 5px;
             white-space              : nowrap;
}

TD.derecha {
             text-align               : right;             
}

TD.izquierda {
             text-align               : left;             
}
           
.msg_informacion1{
             display                  : block;
             text-align               : center;
             width                    : 400px;
             font-size                : 0.7rem;
             color                    : var(--principal1);
             line-height              : 1rem;
             padding                  : 7px 2px;
}

.letra_subindice1{
            font-size                : 0.7rem;
            color                    : var(--principal1);
            font-weight              : 900; 
            padding-left             : 3px;

}

.letra_unrem {
             font-size                : 5.2rem;
}

.grupo {
             background               : rgb(var(--gris_dos));
             color                    : rgb(var(--oscuro_a));
             font-size                : 1.2rem;
             font-weight              : bold;
             padding                  : 3px 4px ;
}

.pie_de_grupo {
             background               : transparent;
             color                    : #17202A;
             font-size                : 0.9rem;
             font-weight              : bold;
             text-align               : right;
             border-top               : 2px solid #016BAD;
             padding                  : 2px 1px 10px 1px ;
}
.caption_abajo{
             padding-top              : 0.5rem;
             border-top               : 2px solid #17202A;
             font-family              : "Lato", Helvetica, Arial;   
             color                    : grey;
             font-size                : 0.9rem;
}

.caption_abajo_blue{
             padding-top              : 0.5rem;
             border-top               : 2px solid var(--principal1);
             font-family              : "Lato", Helvetica, Arial;   
             color                    : grey;
             font-size                : 0.9rem;
}

.separador_izq{             
             border-left               : 2px solid var(--principal1);             
}

.separador_izq_white{             
             border-left               : 2px solid #FFFFFF;             
}

.boton_url1 {
      background           : transparent;
      border-radius        : 3px;
      border               : 1px solid #17202A;
      color                : #17202A;
      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;     
      }

.boton_ejecutar {
      display              : inline-block;      
      line-height          : 1rem; 
      margin-top           : 10px;
      background           : transparent;
      border-radius        : 3px;
      border               : 1px solid #17202A;
      color                : #17202A;
      cursor               : pointer;
      font-family          : "Roboto", Helvetica, Arial;              
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
    }

.boton_ejecutar2 {
      display              : inline-block;      
      line-height          : 1rem; 
      margin-top           : 10px;
      background           : transparent;
      border-radius        : 3px;
      border               : 1px solid white;
      color                : white;
      cursor               : pointer;
      font-family          : "Roboto", Helvetica, Arial;              
      -webkit-transition   : all 0.3s ease;
      -o-transition        : all 0.3s ease;
      transition           : all 0.3s ease; 
    }    

.en_verde .en_rojo .en_gris {             
      text-decoration      : none;     
}

.en_verde:hover  {
     background            : green; 
     color                 : white;
     border                : 1px solid green;        
}

.en_rojo:hover  {
     background            : red; 
     color                 : white;
     border                : 1px solid red;        
}

.en_azul:hover  {
     background            : blue; 
     color                 : yellow;
     border                : 1px solid blue;        
}

.en_amarillo:hover  {
     background            : yellow; 
     color                 : white;
     border                : 1px solid yellow;        
}


.en_gris:hover  {
     background            : #212F3C; 
     color                 : white;
     border                : 1px solid DeepSkyBlue;        
}

.tamano_M {
      font-size            : 1rem;          
      padding              : .5em .6em .4em .6em;
}

.tamano_M2 {
      font-size            : 1rem;     
           min-width                : 50%;
             max-width                : 50%;
      padding              : .5em .6em .4em .6em;
}

.tamano_G {
             cursor                   : pointer;
             font-size                : 1.4rem;
             height                   : 5rem;
             min-width                : 14.3rem;
             max-width                : 14.3rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .5em .5em .42em;
}

.tamano_G2 {
             cursor                   : pointer;
             font-size                : 1rem;
             height                   : 7.5rem;
             line-height              : 1.3rem; 
             min-width                : 10rem;
             max-width                : 10rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .4em .5em .8em;
}

.tamano_G3 {
             cursor                   : pointer;
             font-size                : 1.3rem;
             height                   : 2.5rem;
             line-height              : 1.9rem; 
             min-width                : 7rem;
             max-width                : 15rem;
             font-family              : "Roboto", Arial, Helvetica, cursive; 
             padding                  : .2em .6em .8em;
}

.modalControl {
             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                  : block;
             pointer-events           : auto;
}





.modalControl > div {
             color                    : white;
             width                    : 500px;
             font-size                : 1.6rem;
             text-align               :center;  
             line-height              : 2rem;
             position                 : relative;
             margin                   : 8% auto;
             padding                  : 20px 15px;             
             border-radius            : 5px;          
             background               : #17202A;
             
}

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


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


.modalDialog > div {
             color                    : rgb(255,255,255);
             width                    : 525px;
             font-size                : 1.6rem;
             line-height              : 2.2rem;
             position                 : relative;
             margin                   : 8% auto;
             padding                  : 15px 20px 13px 20px;             
             border-radius            : 10px;          
             background               : #17202A;
             
}

.modalEdit {
             position                 : fixed;
             font-family              : "Roboto", Helvetica, sans-serif;
             top                      : 0;
             right                    : 0;
             bottom                   : 0;
             left                     : 0;
             background               : rgba(12,57,27,1.5);
             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;
}


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


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

}


.mod_verde > div  {
     border                   : solid 2px green;
}


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

.letra_azul {
            color                     : navy;
            
}

.letra_azul1 {
            color                     : cyan;
            
}

.letra_azul2 {
            color                     : red;
           /*  color                     : var(--principal1);*/
            
}

.letra_verde {
            color                     : green;
}

.letra_roja {
            color                     : red;
}

.letra_amarilla {
            color                     : yellow;
}

.letra_minima_rj{
            display                   : inline-block;
            color                     : red;
            font-size                 : 0.6rem;
            margin-left               : 0.2rem;
          
}

.letra_titu1{
            display           : block;
            vertical-align    : center;
            color             : rgb(var(--oscuro_a));
            font-family       : "Ubuntu", Arial, Helvetica, cursive;
            width             : 90%;
            letter-spacing    : 0.4rem;
            background-color  : transparent;
            text-align        : center;                  
            border            : 0;
            font-size         : 30px;                          
            padding           : 5px 0 5px 0;
            margin            : auto;
            margin-top        : 4rem;            
            align-items       : center;  
            position          : relative;   
}


.enlace_lista{
            display                     : block;       
            color                       : #17202A;
            background                  : transparent;
            font-size                   : 1.2rem;            
}

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

.enlace_tabla1{
            display                     : block;
            color                       : #17202A;
            background                  : transparent;
            font-size                   : 1rem;
            /*padding                     : 0 2px;*/
}

.enlace_tabla1:hover{            
            color                       : green;
            text-decoration             : underline; 
            
}


A.menu2  {            
            color             : rgb(var(--oscuro_a));
            font-size         : 1.3rem; 
            font-weight       : bold;  
            height            : 100px;
            border-bottom     : 2px solid var(--principal1);
} 

A.menu2:hover  {  
            background-color  : var(--principal_claro);
            color             : white;
            text-decoration   :  none;
            font-size         : 1.3rem; 
            height            : 100px;
            border-radius    : 0 8px 0 0;
            
} 

A.menu_mant  {                     
            color             : #17212B;
            text-decoration   :  none;
           
} 

A.menu_mant:hover  {              
            border-bottom     : 2px solid var(--principal1);            
            border-radius    : 0 8px 0 0;
            
} 

A.menurx  {            
           font-family       : "Ubuntu", Arial, Helvetica, cursive;            
            display           : flex;
            background        : transparent;                       
            flex-direction    : column;
            height            : 3.7rem;
            width             : 11rem; 
            font-size         : 1.2rem;
             line-height           :1.1rem; 
            text-align        : left;
            justify-content   : top;            
            align-items       : left; 
            /*margin-top       : -0.4rem;
            margin-left       : -0.5rem;*/
            padding           : 0.2rem 0.3rem 0.3rem 0.5rem; 
            color: white;            
             border-radius    : 8px 8px 0 0; 
            
} 

A.menurx:hover  {  
            background-color  : var(--principal_claro);           
            text-decoration   :  none;                 
} 




.imagen_msg{
            padding                     : 0.8rem;            
}

.fileUpload {    
    position: relative;
    overflow: hidden;    
    text-align: center;
    background           : transparent;
    border-radius        : 3px;
    font-size: 0.8rem;   
    border               : 1px solid #17202A;
    margin: 4px;
    padding                  : .2em;
    
}

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

.fileUpload:hover {
     background            : green; 
     color                 : white;
     border                : 1px solid green;   
}    


.muestraid{
             display                  : block;
             position                 : relative;             
             font-size                : 0.8rem;
             font-weight              : normal;
             background               : var(--principal1);
             height                   : 1.4rem;
             line-height              : 1.4rem;
             padding                  : 0 5px 2px 5px;
             border-radius            : 5px;     
             margin-top               : -25px;                     
             margin-left              : 90px;
             text-align               : center;
             vertical-align           : top;
             float                    : right;  
             color                    : white;
             border                   : 2px solid var(--principal1);  
             z-index                  : 999;        
}

.ver_oculto {
            display                   : block;
            cursor                    : pointer;
            position                  : absolute;            
            margin-top                : 8px;  
            margin-left               : 290px;
            /*border                    : 1px solid red;*/
}

#signup-response{
            
             margin-left              : auto;
             margin-right             : auto;
             text-align               : center;
             font-family              : "Roboto", Verdana, Arial, Helvetica;
             font-size                : 1.2rem;           
             margin-top               : 20px;     
             padding                  : 5px 2px 5px 2px;
        -moz-border-radius            : 4px;
     -webkit-border-radius            : 4px;
             border-radius            : 4px;                 
             animation                : signup-response 0.5s 1;
            -webkit-animation         : signup-response 0.5s 1;
             animation-fill-mode      : forwards;
             color                    : white;
             animation-delay          : 10s;
            -webkit-animation-delay   : 5s; /* Safari and Chrome */
            -webkit-animation-fill-mode: forwards;
    
} 

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

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

/* PARA TABALS EDIT DE JQUERY*/
.btn,
.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
    }

.btn-danger{
    color:#fff;
    background-color:#d9534f;
    border-color:#d43f3a
    }

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger{
    background-image:none
 }

 .btn-danger.disabled,
 .btn-danger.disabled.active,
 .btn-danger.disabled.focus,
 .btn-danger.disabled:active,
 .btn-danger.disabled:focus,
 .btn-danger.disabled:hover,
 .btn-danger[disabled],
 .btn-danger[disabled].active,
 .btn-danger[disabled].focus,
 .btn-danger[disabled]:active,
 .btn-danger[disabled]:focus,
 .btn-danger[disabled]:hover,fieldset[disabled] 
 .btn-danger,fieldset[disabled]
 .btn-danger.active,fieldset[disabled] 
 .btn-danger.focus,fieldset[disabled] 
 .btn-danger:active,fieldset[disabled] 
 .btn-danger:focus,fieldset[disabled] 
 .btn-danger:hover{
    background-color:#d9534f;
    border-color:#d43f3a
 }

 .btn-danger 
 .badge{
    color:#d9534f;
    background-color:#fff
 }

 .btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
  }

  .btn-default.active,
  .btn-default.focus,
  .btn-default:active,
  .btn-default:focus,
  .btn-default:hover,
  .open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
  }

  .btn-default.active,
  .btn-default:active,
  .open>.dropdown-toggle.btn-default{
    background-image:none
  }

  .btn-default.disabled,
  .btn-default.disabled.active,
  .btn-default.disabled.focus,
  .btn-default.disabled:active,
  .btn-default.disabled:focus,
  .btn-default.disabled:hover,
  .btn-default[disabled],
  .btn-default[disabled].active,
  .btn-default[disabled].focus,
  .btn-default[disabled]:active,
  .btn-default[disabled]:focus,
  .btn-default[disabled]:hover,fieldset[disabled] 
  .btn-default,fieldset[disabled] 
  .btn-default.active,fieldset[disabled] 
  .btn-default.focus,fieldset[disabled] 
  .btn-default:active,fieldset[disabled] 
  .btn-default:focus,fieldset[disabled] 
  .btn-default:hover{
    background-color:#fff;
    border-color:#ccc
   }

   .btn-default 
   .badge{
    color:#fff;
    background-color:#333
   }


.tabla_res1 {
  width: 65%;
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd;
  border-collapse: collapse;
  border-spacing: 0;
}

.tabla_res1 tr th {
    background               : var(--principal1);
    color                    : white;
    font-size                : 1rem;
    padding                  : 5px 3px 6px 5px;
    border: solid 1px #dddddd;

}

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

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


.MOVIL_mostrar_titulo{
    display             :  none;
}

/* 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;    
}

/* PROFORMA 2.0 */
.formato_muestra_data{
   color            : var(--principal1);
   border-bottom    : 1px dotted var(--principal1);
   height           : 2rem;

}

.fondo_oscuro1{
             background               : var(--principal1);
             color                    : white;
             font-size                : 0.9rem;
             padding                  : 2px 3px       
}

.fondo_azulado{
             background               : var(--principal1);
             color                    : white;          
}

TD.fondo_edita {
             vertical-align           : center;
             background               : #E1E8EE;
             font-family              : "Lato", Arial, Helvetica, cursive;                         
             /*border-bottom            : var(--principal1) 2px dotted;*/
             font-size                : 75%;
             border-width             : 1px;             
             padding-left             : 3px;             
             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                : 75%;
             border-width             : 1px;             
             padding-left             : 3px;
             white-space              : nowrap;
}

.boton-grilla1{
            background               : transparent;
            border                   : none;
            color                    : var(--principal1);
            font-size                : 1.2rem;
}


.boton-grilla1:hover{            
            color                    : var(--rojonaranja);
            cursor                   : pointer;   
            
}


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

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

.contenedor-2 {
                display               : flex;
                flex-direction        : column;
                width                 : 90%;   
                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;

}

  .contenedor-formulario { 
      margin: 0;
      width: 100%;      
       background         : transparent; 
      top:0;
      z-index: 1000;
  }    

.agrupav_menu2 {                
                margin-left       : 1rem;               
}

.tabla_res1,
    .tabla_res1 thead,
    .tabla_res1 tbody,
    .tabla_res1 tr,
    .tabla_res1 th,
    .tabla_res1 td,
    .tabla_res1 caption {
      display: block;    
      width: 100%;  
    }
    
    .tabla_res1 {
      border: none
    }
    
    .tabla_res1 thead tr {
      display: none;
    }
    
    .tabla_res1 tbody tr {
      margin: 1em 0;
      border: 1px solid var(--principal_claro);
    }
    
    .tabla_res1 td {
      border: none;
      border-bottom: 1px solid #dddddd;
      position: relative;
      padding-left: 45%;
      text-align: left;
    }
    
    .tabla_res1 tr td:last-child {
      border-bottom: 1px double #dddddd;
    }
    
    .tabla_res1 tr:last-child td:last-child {
      border: none;
    }
    
    .tabla_res1 td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
    }

.MOVIL_mostrar_titulo{
    display             :  inline-block;
    font-weight         : bold;
}

.conten-grupo-campos { 
            flex-direction    : column;            
}

.modalDialog > div {             
             width                    : 50%;
             background: #f9f9f9;
}             
}/*Fin de MEDIA SCREEN*/