@import url('main.css');
body {
    font-family: 'century gothic';
    font-size: 10pt;
    color: #0056b3;
    top: 5px;
    left: 10px;
    right: 10px;
   margin-top: 5px;
    
}


    table {
    font-family: 'century gothic';
    font-size: 10pt;
    background-color: #d1ddf1;
    padding:10px;   
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    
}

td {
    background-color: #FFFFFF;
    color: #0056b3;
    border: 1PX dashed;
    padding: 8px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    vertical-align: middle;
    
   
}

    td:hover {
        border: 2PX solid;
        padding: 8px;
        border-top-right-radius: 10PX;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10PX;
        border-bottom-right-radius: 10px;
        vertical-align: middle;
      
    }

 

TH {
    border-style: solid;
    border-bottom-style: none;
    border-top-style: none;
    border-width: 2px;
    border-top-right-radius: 0PX;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0PX;
    border-bottom-right-radius: 0px;
    height: 30px;
    border-left-color: #0056b3;
    border-right-color: #0056b3;
    color: #0056b3;
    background-color: #eae7e7;
    text-align: center;
    font-family: 'century gothic';
    font-size: 12pt;
    font-weight: bold;
}

.tderecha{
    text-align: right;

}

.tcentro {

    text-align: center;
}

.tizqui {
    text-align:left; 
}


.destacada {
    background-color: #F8EEF2;
    border-color: #0056b3;
    font-weight: bold;
    color: #B74875;
    border: 1PX dashed;
    padding: 7px;
    font-family: 'century gothic';
    font-size: 14pt;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    text-align: right;
}


.emojis {
    display: inline-block;
    font-size: 32px;
    border-style: outset;
    border-color: inherit;
    border-width: medium;
    background-color: #d1ddf1;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

    .emojis:hover {
        background-color: #0056b3;
    }


label {
    color: #0056b3;
    font-family: 'century gothic';
    font-size: 10pt;
    overflow: auto;
}

    label:hover {
        font-weight: bold;
    }

    

.radiocargar input[type="radio"] {
    height: 35px;
    width: 35px;
    border: solid 1px;
    border-color: #0056b3;
    vertical-align: middle;
    accent-color: #0056b3;
}

    .radiocargar input[type="radio"]:hover {
        accent-color: #0056b3;
    }

.radiocargar label {
    font-family: 'Century Gothic';
    color: #0056b3;
    font-size: 14pt;
}

input[type=checkbox] {
    font-size: 10pt;
    height: 20px;
    width: 20px;
    border: solid 1px;
    border-color: #0056b3;
    vertical-align: middle;
}

input[type=radio] {
    height: 25px;
    width: 25px;
    border: solid 1px;
    border-color: #0056b3;
    vertical-align: middle;
    accent-color: #0056b3;
    display: inline-block;
}
 input[type="radio"]:hover {
    accent-color: #0056b3;
}
 input[type="radio"] label

 {
    font-family: 'Century Gothic';
    color: #0056b3;
    font-size: 10pt;
    height: 20px;
    width: 20px;
    border: solid 1px;
    border-color: #0056b3;
    vertical-align: middle;
    
    
 

}


.redondo {
    font-size: 10pt;
    border-style: outset;
    border-color: inherit;
    border-width: medium;
    background-color: #d1ddf1;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

    .redondo:hover {
        background-color: #0056b3;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        border-width: medium;
        font-size: 10pt;
        border-style: outset;
        border-color: inherit;
        
    }

.menulink {
    font-family: 'century gothic';
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    height: 50px;
    width: 450PX;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10PX;
    border-color: lavender;
    background-color: #d1ddf1;
    color: #0056b3;
     
}

.menulink:hover {
    font-family: 'century gothic';
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    height: 50px;
    width: 450PX;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10PX;
    border-color: lavender;
    background-color:#0056b3;
    color: #FFFFFF;
}

.nada {
     
     border:none;
    background-color: #FFFFFF;
    color: #FFFFFF;
}




.button {
    font-family: 'century gothic';
    font-size: 10pt;
    height: 30px;
    width: 100PX;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10PX;
    border-color: lavender;
    background-color: #d1ddf1;
    color: #0056b3;
}


    .button:hover {
        color: white;
        background-color: #0056b3;
        font-weight: bold;
    }



.cajita {
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt;
    height: 28px;
    width: 150px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
}
    .cajita:hover {
        color: #0056b3;
        background-color: #d1ddf1;
        text-transform: uppercase;
        border-color: #0056b3;
        font-weight: bold;
    }
    .cajita:focus {
        color: #0056b3;
        background-color: #d1ddf1;
        text-transform: uppercase;
        border-color: #0056b3;
        font-weight: bold;
    }

input[type="date"] {
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt;
    height: 28px;
    width: 100px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
    
}

    input[type="date"]:focus {
        color: #0056b3;
        background-color: #d1ddf1;
        text-transform: uppercase;
        border-color: #0056b3;
        font-weight: bold;
    }

    input[type="date"]:hover {
        color: #0056b3;
        background-color: #d1ddf1;
        text-transform: uppercase;
        border-color: #0056b3;
        font-weight: bold;
    }

input[type="text"] {
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt;
    height: 25px;
    width: 150px;
    border: solid 1px #0056b3;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
}

    input[type="text"]:focus {
        color: #0056b3;
        background-color: #d1ddf1;
        text-transform: uppercase;
        border-color: #0056b3;
        font-weight: bold;
        border: solid 1px #0056b3;
    }

input[type=text]:hover {
    color: #0056b3;
    background-color: #d1ddf1;
    text-transform: uppercase;
    font-weight: bold;
    border-color: #0056b3;
    border: solid 1px #0056b3;
}


input[type=number]:focus {
    color: #0056b3;
    background-color: #d1ddf1;
    font-weight:bold;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt;
    height: 25px;
    width: 80px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
    text-align: right;
    margin: 0;
}

input[type=number]:hover {
    color: #0056b3;
    background-color: #d1ddf1;
    text-transform: uppercase;
    font-weight: bold;
}

input[type=password] {
    color: #b74875;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 16pt;
    height: 25px;
    width: 150px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
}
input[type=password]:hover {
    color: #0056b3;
    background-color: #d1ddf1;
    text-transform: uppercase;
    font-weight: bold;
}


textarea {
    border-color: #0056b3;
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt;
    height: 20px;
    width: 250px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    
}

textarea:focus {
    color: #0056b3;
    background-color: #d1ddf1;
    border-color: #0056b3;
}
textarea:hover {
    color: #0056b3;
    background-color: #d1ddf1;
    font-weight: bold;
    border-color: #0056b3;
}
textarea not:hover {
    color: #0056b3;
    background-color: #FFFFFF;
    border-color: #0056b3;
}

a {
    color: #b74875;
    text-decoration: none;
    font-family: 'century gothic';
    font-size: 14pt;
    text-align: center;
    padding: 5px;
}


    a:hover {
        color: #c56d91;
        text-decoration: none;
        font-family: 'century gothic';
        font-size: 14pt;
        font-weight: bold;
    }

.divr {
    text-align: right;
    background-color: #ffffff;
}

.divl {
    text-align: left;
    background-color: #ffffff;
}

.divc {
    text-align: center;
    background-color: #ffffff;
}

panel {
   
    resize: both;
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 10pt
}

img {
    border-radius: 8px;
}

iframe {
    position: relative;
    WIDTH: 100%;
    height: 800px;
    resize: both;
    border-style: none;
    scroll-behavior: auto;
    overflow: auto;
}

.marco {
    position: relative;
    resize: both;
    height: 800px;
    border-style: NONE;
    top: 7px;
    left: -9px;
    overflow: auto;
}

    /*   -----   ----   ----------- ------------------------ ----------- TABS */


    .bodytabs {
    background-color: #eae7e7;
    overflow: hidden;
   
}


.tabs {
    float: left;
    width: 100%;
    font-family: 'century gothic';
    background-color: #b74875;
    font-size: 10pt;
    line-height: 1px;
    border-bottom: 1px solid #BCD2E6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10PX;
}

.tablinks2 {
    float: left;
    background-color: #B74875;
    border-color: #0056b3;
    font-weight: bold;
    color: #B74875;
    padding: 5px 15px 4px 6px;
    font-family: 'century gothic';
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: 30px;
    width: 50PX;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-color: lavender;
}



.tablinks {
    float: left;
    background-color: #0056b3;
    padding: 5px 15px 4px 6px;
    color: #f4f7fb;
    font-family: 'century gothic';
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: 30px;
    width: 120PX;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-color: lavender;
}

    .tablinks:hover {
        color: #0056b3;
        background-color: #d1ddf1;
    }

.tabcontent {
    background-color: #FFFFFF;
    display: none;
    font-family: 'century gothic';
    font-size: 10px;
}

/* - -                                                                           TERMINA  TABS 1*/



/* LLEGAMOS HASTA ACA           -----------------------------------------       */





table.voucher {
    border-style: groove;
    margin-right: auto;
    border-width: 3px;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    border-color: #0056b3;
    color: #0056b3;
    align-self: center;
    align-self: center;
    margin-left: auto;
}

table.factura {
    border-style: groove;
    border-width: 3px;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    border-color: #0056b3;
    color: #0056b3;
    align-self: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color : #FFFFFF;
    width:80%;
    


}
table.invoice {
    border-style: groove;
    border-width: 3px;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    border-color: #0056b3;
    color: #0056b3;
    align-self: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: #FFFFFF;
    width: 80%;
}


td.inv {
    border-style: none;
    height: 30px;
    border-style: solid;
    border-bottom-style: none;
    border-top-style: none;
    border-width: 2px;
    border-top-right-radius: 0PX;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0PX;
    border-bottom-right-radius: 0px;
    height: 30px;
    border-left-color: #0056b3;
    border-right-color: #0056b3;
}

td.factd {
    border-style: solid;
    border-width: 2px;
    border-top-right-radius: 0PX;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0PX;
    border-bottom-right-radius: 0px;
    border-left-color: #0056b3;
    border-right-color: #0056b3;
    color: #0056b3;
    background-color: #FFFFFF;
    text-align: right;
    border-bottom-style: none;
    border-top-style: none;
    
}



.tdnada {
    border-style: none;
    border-width: 0;
    border-top-right-radius: 0PX;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0PX;
    border-bottom-right-radius: 0px;
     color: #0056b3;
    background-color: #FFFFFF;
     
    border-bottom-style: none;
    border-top-style: none;
}



.lineachica {
    line-height: 100%;
}



p {
    background-color: #FFFFFF;
    padding: 20px;
    font-family: 'century gothic';
    font-size: 12px;
    color: #0056b3;
    text-align: justify;
    line-height: 100%;
}

 /*--------------------------------     tabla relato  */
.tablarelato {
    background-color: #f8EEF2;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    border: 5px double;
    width: 80%;
    border-color: #B74875;
}

.tdrelato {
    background-color: #FFFFFF;
    border: 0;
    padding : 10px;
}
    

.tdrelato:hover {
        
        border: 2px solid;
        padding: 10px;
    }

 
/*        - ------------------ - - - - - - - - - - - - - - - - - COMUNES */


 

     


 


div.t {
    text-align: center;
    background-color: #d1ddf1;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
}






.tdnumeros {
    background-color: #FFFFFF;
    color: #0056b3;
    border: 1PX dashed;
    padding: 8px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    vertical-align: middle;
    text-align: right; 

}


.tdahorro {
    background-color: #FEE7C9;
    color: #0056b3;
    border: 1PX dashed;
    padding: 8px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    vertical-align: middle;
    text-align: right;
}




     






.formu{
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 12px;
    height: 30px;
    width: 250px;
    border: solid 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0PX;
    border-color: #0056b3;
}

.inputina {
    color: #0056b3;
    background-color: #FFFFFF;
    font-family: 'century gothic';
    font-size: 12px;
    height: 20px;
    width: 150px;
    border: none; 
   
}











.grilladerecha {
    color: #0056b3;
    font-family: 'century gothic';
    font-size: 12px;
    width:90px;
    overflow: auto;
   
    text-align:right;

}
.mensaje {
    font-family: 'century gothic';
    font-size: 25px;
    padding: 15PX;
    border: 1PX dashed;
    background-color: #F8EEF2;
    border-color: #0056b3;
    font-weight: bold;
    color: #B74875;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
}
    
.mensaje2 {
      
    font-family: 'century gothic';
    font-size: 8px;
    font-weight: bold;
    color: red;
    
}

hr {
    border:none ;
    color:#b74875;
    height: 1px;
    margin-bottom: 20px;

}

hr2 {
    width: 100%;
    color: #0056b3;
    border-bottom-style:double;
    height:2px;

}

    











/*                                                         termina     COMUNES */
/*                                                         empieza     TABS  1        */

.bodyimp {
    background-color: #FFFFFF;
    
}

/*      - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - --           EMPIEZA TABS SEGUNDO MENU*/
.menues {
    color: #0056b3;
    background-color: #d1ddf1;
    font-family: 'century gothic';
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 120px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10PX;
    border-color: lavender;
    padding: 5px 15px 3px 3px;
}
.menues:hover {
        background-color: #0056b3;
        color: #d1ddf1;
    }
     
/*                                              - - --- - - - - - - - - - - - - - -TERMINA SEGUNDO MENU */
/*                                                     - - -- - - -- -- -           convertidor                    */
 


.convertidor{
    
    background-color:#d1ddf1 ; 
    color: #0056b3;
    border: 5PX double;
    padding: 5px;
    width:90%;

}


.barra {
    background-color: #b74875;
    color: #b74875;
    height: 5px;
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.lineas {
    background-color: #FFFFFF;
    color: #0056b3;
    border: 1PX dashed;
    padding: 7px;
    border-top-right-radius: 15PX;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15PX;
    border-bottom-right-radius: 15px;
    
}
.thconvertidor {
    background-color: #d1ddf1;
    color: #0056b3;
}

.reten{
    color: #be6d04;
    background-color: #FEE7C9;
    font-weight: bold;
    border: 1PX dashed;
    padding: 7px;
    font-family: 'century gothic';
    font-size: 16px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    text-align:right;
}


.rentabilidad {
    color: #488027;
    background-color: #d1ddf1;
    font-weight: bold;
    border: 1PX dashed;
    padding: 7px;
    font-family: 'century gothic';
    font-size: 16px;
    border-top-right-radius: 10PX;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10PX;
    border-bottom-right-radius: 10px;
    text-align: right;
}

.wizardContainer {
    width: 1000%; /* Ajustar el ancho del contenedor del wizard */
    height: 1000%; /* Ajustar el ancho del contenedor del wizard */
    
}

.wizardStep {
    min-height: 800px; /* Altura mínima para los pasos */
    height: 800px; /* Altura fija para todos los pasos */
    padding: 20px;
    box-sizing: border-box; /* Incluir padding y border en el cálculo de la altura */
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}
.entre {
    border-style:none;
     background-color: #b74875;
    height: 50px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}