.container
{
    max-width: 97%;
}

.container-home-registrar, .container-pg-pagar, .container-pg-pagar-exito
{
    margin-top: 25px;
}   

.titulo
{
    font-family: 'Open Sans'; 
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
}

.titulo-tj
{
    font-family: 'Open Sans'; 
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;    
}

.sub-titulo-tj
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0.15px;
    font-weight: 500;
    text-align: center;
    line-height: 19px;
    padding: 0px 20px;
}

.aviso-politica
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0.15px;
    font-weight: 500;
    text-align: left;
    line-height: 19px;    
}

.sub-titulo
{
    font-family: 'Open Sans'; 
    font-size: 14px;
    letter-spacing: 0.15px;
    font-weight: 400;
    text-align: center;
    line-height: 19px;
    padding: 0px 41px;
}

.sub-titulo-2
{
    font-family: 'Open Sans'; 
    font-size: 14px;
    letter-spacing: 0.15px;
    font-weight: 600;
    text-align: center;
    line-height: 19px;
}

.sub-titulo-3
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0.15px;
    font-weight: 400;
    text-align: center;
    line-height: 19px;
    padding: 0px 30px;
}

.img-home-registrar
{
    max-width: 190px;
}


/*INICIO ESTILOS PARA LOS RADIO BUTTON*/
.label-principal
{
    font-family: 'Open Sans'; 
    font-size: 16px;
    letter-spacing: 0.15px;
    font-weight: 600;
    text-align: left;
    line-height: 19px;
    margin-left: 10px;
    cursor: pointer;
}

.label-secundario
{
    font-family: 'Open Sans'; 
    font-size: 14px;
    letter-spacing: 0.15px;
    font-weight: 400;
    text-align: left;
    line-height: 19px;
    margin-left: 40px;
    cursor: pointer;
    padding-right: 70px;
}

.label-a
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0.15px;
    font-weight: 400;
    text-align: left;
    line-height: 19px;
    margin-left: 30px;    
}
.form-check-input[type="radio"]
{
    cursor: pointer;
}
/*FINAL ESTILOS PARA LOS RADIO BUTTON*/

/*INICIO ESTILOS PARA EL FORM*/
.form-label
{
    color: #283176;
    font-size: 12px;    
    font-weight: 500;
}

.txt-requerio
{
    font-size: 12px;    
}

.select-css 
{
    color: white;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 5px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #C5C5C5;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url(../img/vw_views/down_white.png),
    linear-gradient(to bottom, #1A58e7 0%,#1A58e7 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

select option{
    color:#283176;
}


option:disabled
{
    color: #1A58E7;
}

::placeholder{
    text-transform: capitalize;
}


.img_flag_select
{
    max-width: 24px;
}

.input-style 
{
    background: #fff;
    border-radius: 5px;
    border:1px solid #C5C5C5; 
    resize: none;
    padding: 5px 5px;
    font-size: 14px; 
}


.control-group
{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background: #fff;
    border:1px solid #C5C5C5; 
    resize: none;
    padding: 5px 5px  !important;
    font-size: 14px !important;     
}

.input-group .btn
{
    font-size: 13px !important;        
}

.style-aviso-password
{
    display: block;
    font-size: 10px;
    font-weight: normal;
}
/*FINAL ESTILOS PARA EL FORM*/

/*INICIO ESTILOS PARA LA PANTALLA EXITO*/

.img-send-email
{
    max-width: 190px;
}

.img-docs-end
{
    max-width: 200px;
}

.titulo-exito-cuenta
{
    font-family: 'Open Sans'; 
    font-size: 18px;
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 26px;   
    display: block;
}

.sub-titulo-exito-cuenta
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: 500;
    display: block;
    padding: 0px 30px;
}

/*FINAL ESTILOS PARA LA PANTALLA EXITO*/

/*ESTILO PARA EL FORM DE LAS TARJETAS*/



.cvvHelpContent {
    font-family: 'Open Sans'; 
    font-size: 20px;
    z-index: 9999;
}
.cvvHelpContent .modal-dialog {
    max-width: 615px;
}
.cvvHelpContent .modal-content {
    border-radius: 30px;
    padding: 5px 30px;
}
.cvvHelpContent .modal-header {
    padding: 16px 0 5px 0;
}
.cvvHelpContent h5 {
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    color: #1F73DD;
}
.cvvHelpContent .modal-body {
    padding: 15px 0px;
}
.cvvHelpContent img {
    max-width: 100%;
}

.img-cvc
{
    max-width: 20px;
}

.img-tj-tipo
{
    max-width: 70px;
}
/*FINAL DE ESTILOS FORM TARJETA*/


/*INICIO MODAL DE ESTILOS DE EXITO*/
.img-exito-pago
{
    max-width: 150px;
}

.titulo-msj-upd-pass
{
    font-family: 'Open Sans'; 
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 26px;   
}

.msj-upd-pass
{
    font-family: 'Open Sans'; 
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
}

.btn-exito-pago
{
    max-width: 80%;
    padding: 10px 30px;
    font-weight: bold;
    font-size: 14px;
}
/*FINAL MODAL DE ESTILOS DE EXITO*/


/*ESTILOS PARA LOS ERRORES CUANDO SE REGISTRA LA TARJETA*/
#id_div_error_registrotarjeta
{
    max-width: 60%;
}
#id_div_error_registrotarjeta .footer {
    background-color: #FFF;
    border-radius: 10px; 
    text-align: center;   
    margin-top: 70px;
    margin-bottom: 30px;
    padding: 30px 15px 20px 15px;
}

.circulo-error {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: -70px;
}

.iconos-circulo-error {
    max-width:50px; 
    margin-top: 15px;
}

.imagen_error_transaccion
{
    max-width:100%; 
}

/*FINAL ESTILOS PARA LOS ERRORES CUANDO SE REGISTRA LA TARJETA*/

/*INICIO ESTILOS STEP DE LOS FORMULARIO*/

.container-wizard
{
    max-width: 50% !important;
}

.pg-wizard
{
  text-align: justify;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: space-around;
  width: 100%;
}

.pg-wizard li 
{
  position: relative;
  width: 100%;
  text-align: center;
  display: inline;
  padding-bottom: 20px; 
}

.marker-number {

    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.7em;
    border-radius: 50%;
    background-image: url(../img/vw_registrar/check_ok.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.marker-line 
{
  position: absolute;
  width: 73%;
  height: 2px;
  background-color: #5E5E5E;
  top: 10px;
}

.pg-wizard li.active span.marker-line,
.active ~ li span.marker-line
{
  background: #5E5E5E;
}

.pg-wizard li.active span.marker-number
{
    background-image: url(../img/vw_registrar/circle_blue.png);
}

.active ~ li span.marker-number
{
  background-image: url(../img/vw_registrar/circle_gray.png);
}

span.marker-text 
{
  color: #5E5E5E;
  font-size: 10px;
  line-height: -15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight: 500;
}

/*FINAL ESTILOS STEP DE LOS FORMULARIO*/

.btn-home-registrar
{
    font-weight: bold;
    width: 100%;
}

/*ESTILOS PARA EL REGISTRO DE COMERCIO*/
.container-registro
{
    background-color:#283176; 
    height: auto;
}


.block-img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 20px;
 }


.block-titulo 
{
    display: block;
    font-family: 'Open Sans'; 
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color:white;
    text-align: center;
}

.step-signup-current
{
    border-bottom: 5px solid #33CEBC;
}

.col-registro
{
    padding: 20px 10px;
}


.container-wizard-comercio
{
    max-width: 70% !important;
}

.form-check-label
{
    color: #283176;
}

.form-check-input.is-valid ~ .form-check-label
{
    color: #283176;   
}

input[type="radio"]{
  transform: scale(1);
  margin-right: 10px;
}


/*INICIO ESTILOS PARA EL FORM DE TARJETA COMERCIO*/
.container-soluciones
{
    max-width: 90%;
}

.div-soluciones
{
    border-radius: 15px;
    padding: 20px 20px;
    -webkit-box-shadow: 1px 10px 10px 0px rgba(0,0,0,0.31);
    box-shadow: 1px 10px 10px 0px rgba(0,0,0,0.31);
}

.titulo-soluciones
{
    display: block;
    font-family: 'Open Sans'; 
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.icono {
    background: #F6F6F6;
}

.icono img {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.content 
{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content h3 {
    font-weight: 400;
    font-size: 14px;
    color: #283176;
}

/*final estilos para el form de tarjeta comercio*/

/*INICIO ESTILOS PARA SUBIR DOCS*/
.titulo-docs
{
    font-family: 'Open Sans'; 
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;    
}

.sub-titulo-docs
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0.15px;
    font-weight: 500;
    text-align: center;
    line-height: 19px;
    padding: 0px 40px;
}

.container-pg-documentos
{
    max-width: 95%;
}

.estilo-lbl-docs li lu
{
    content: '\2022';
    font-weight: 600;
    color: #1A58E7;
}


.estilo-lbl-docs
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 500;
    text-align: left;   
    color: #283176;
    line-height: 1.8;
    margin-left: -20px;
}

.icono-docs
{
    max-width: 18px;
}

.icono-up-docs
{
    max-width: 16px;
}

.progress-bar
{
    background-color: #283176;
    color: white;
    font-size: 10px;
    font-weight: 500;
    padding: 5px 5px;
}

.btn-outline-secondary
{
    border: 1px solid #C4C4C4;
}


#id_div_form_subir_archivos .btn-outline-secondary:hover
{
    background-color: transparent;
}

.btn-save-docs
{
    width: 100% !important;
}

.btn-rupload, .btn-rupload:hover
{
    color: #6c757d;
}

.titulo-docs-end
{
    font-family: 'Open Sans'; 
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
    line-height: 30px; 
    display: block;    
}

.sub-titulo-docs-end
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;   
    display: block; 
}

.btn-docs-end
{
    width: 100%;
}


/* INICIO ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 
.titulo-check-doc
{
    font-family: 'Open Sans'; 
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
    line-height: 30px; 
    display: block;    
}

.sub-titulo-check-doc
{
    font-family: 'Open Sans'; 
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 400;
    text-align: center;
    line-height: 20px;   
    display: block; 
}

.icon-proceso-reg
{
    max-width: 16px;
    margin-right: 5px;
}

.lbl-estado-check-doc
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;   
}

.containter-estados
{
    width: 100%;
}

.row-estados
{
    background-color: #F6F6F6;
    padding: 0 6%;
}

.container-cdocs
{
    margin-top: 20px;
}

.container-list-cdocs
{
    width: 97%;
}

.lbl-docs-table
{
    font-family: 'Open Sans'; 
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;      
}

#id_list_revision_documentos_comercios table tr:last-child
{
  border-bottom: 0px solid white;
}
/* FINAL ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 

/* INICIO ESTILOS PARA EL TOOLTIP DE CVV */
.tooltip_cvv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tooltip_cvv_texto {
  width: 60%;
}

.tooltip_cvv_img{
  width: 40%;
  text-align: center;
  display: block;
  margin: auto;
}

.tooltip_cvv_img img
{
    max-width: 55px;
}
/* fin ESTILOS PARA EL TOOLTIP DE CVV */



.icon-eyes
{
    color: black;
    cursor: pointer;
}

#id_show_hide_pass1_pgpagar.input-group-text, #id_show_hide_pass2_pgpagar.input-group-text, #id_show_hide_pass1_pgcomercio.input-group-text, #id_show_hide_pass2_pgcomercio.input-group-text
{
    cursor: pointer;
    background-color: white;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-left: 0px;
}
#id_txt_password_pgp.form-control, #id_txt_password_confirmar_pgp.form-control, #id_txt_password_pgj.form-control, #id_txt_password_confirmar_pgj.form-control
{
    border-top: 1px solid #ced4da;
    border-right: 0px;
    border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) 
{ 
    .btn-home-registrar
    {
        width: 70%;
    }
    .img-home-registrar
    {
        max-width: 200px;
    }


    .label-secundario
    {
        padding-right: 20px;
    }

    
    .sub-titulo-2, .sub-titulo-3
    {
        font-family: 'Open Sans'; 
        font-size: 16px;
        font-weight: 500;
    }

    .img-send-email
    {
        max-width: 230px;
    }

    .img-docs-end
    {
        max-width: 270px;
    }

    .titulo-exito-cuenta
    {
        font-size: 22px;
        margin-top: 20px;
    }

    .sub-titulo-exito-cuenta
    {
        font-size: 14px;
        padding: 0px;
    }

    .titulo-tj, .titulo-docs
    {
        font-size: 22px;
    }

    .sub-titulo-tj, .sub-titulo-docs
    {
        font-size: 12px;
    }

    .container-wizard
    {
        max-width: 25% !important;
    }

    /*ESTILOS PARA EL REGISTRO DE COMERCIO*/
    .container-registro
    {
        background-color:#283176; 
        height: auto;
    }

    .container-wizard-comercio
    {
        max-width: 35% !important;
    }

    .btn-save-docs
    {
        width: 32% !important;
    }

    .titulo-docs-end
    {
        font-size: 24px;
        letter-spacing: 0px;
    }

    .sub-titulo-docs-end
    {
        font-size: 14px;
        letter-spacing: 0px;
    }    

    .btn-docs-end
    {
        width: 40%;
    }

    /* INICIO ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 
    .titulo-check-doc
    {
        font-size: 22px;
    }

    .sub-titulo-check-doc, .lbl-docs-table
    {
        font-size: 14px;
    }

    .icon-proceso-reg
    {
        max-width: 16px;
        margin-right: 5px;
    }

    .lbl-estado-check-doc
    {
        font-size: 14px;
    }

    .row-estados
    {
        background-color: #FFF;
        padding: 0 5%;
    }

    .containter-estados
    {
        width: 97%;
    }

    



    /* FINAL ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
    .titulo
    {
        font-size: 28px;
    }

    .sub-titulo
    {
        font-size: 18px;
        padding: 0px 80px;
    }

    .img-home-registrar
    {
        max-width: 250px;
    }

    /*INICIO ESTILOS PARA EL FORM*/
    .form-label, .txt-requerio
    {
        font-size: 16px;    
    }

    /*FINAL ESTILOS PARA EL FORM*/

    .img-send-email
    {
        max-width: 250px;
    }

    .img-docs-end
    {
        max-width: 300px;
    }

    .container-pg-pagar-exito
    {
        margin-top: 100px;
        margin-bottom: 150px;
        max-width: 85%;
    }

    .titulo-exito-cuenta
    {
        font-size: 26px;
        margin-top: 20px;
    }

    .sub-titulo-exito-cuenta
    {
        font-size: 16px;
        padding: 0px;
    }

    .titulo-tj, .titulo-docs
    {
        font-size: 26px;
        margin-top: 30px;
    }

    .sub-titulo-tj, .sub-titulo-docs
    {
        font-size: 16px;
        padding: 0px 80px;
    }

    /*INICIO MODAL DE ESTILOS DE EXITO*/
    .img-exito-pago
    {
        max-width: 150px;
    }

    .titulo-msj-upd-pass
    {
        font-size: 28px;
    }

    .msj-upd-pass
    {
        font-size: 18px;
    }

    .btn-exito-pago
    {
        font-size: 18px;
        border-radius: 10px;
    }
    /*FINAL MODAL DE ESTILOS DE EXITO*/

    .container-wizard
    {
        max-width: 22% !important;
    }


    /*ESTILOS PARA EL REGISTRO DE COMERCIO*/
    .container-registro
    {
        background-color:#283176; 
        height: auto;
    }

    .container-wizard-comercio
    {
        max-width: 33% !important;
    }

    .content h3 
    {
        font-size: 12px;
    }

    .estilo-lbl-docs
    {
        font-size: 16px;
    }



    /* INICIO ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 
    .row-estados
    {
        
        padding: 0 6%;
    }
    .icon-proceso-reg
    {
        max-width: 18px;
        margin-right: 5px;
    }

    .container-cdocs
    {
        margin-top: 40px;
    }

    /* FINAL ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */    


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)   
{
    .container
    {
        max-width: 90%;
    }

    .container-home-registrar, .container-pg-pagar
    {
        margin-top: 55px;
    } 

    .titulo
    {
        font-size: 36px;
    }

    .sub-titulo
    {
        font-size: 20px;
        padding: 0px 90px;
        line-height: 25px;      
        font-weight: 600; 
    }

    .img-home-registrar
    {
        max-width: 270px;
    }

    .label-principal
    {
        font-size: 20px;
    }

    .label-secundario
    {
        font-size: 14px;
        padding-right: 0px;
        letter-spacing: 0.55px;
        line-height: 22px;
    }

    .label-a
    {
        font-size: 14px;
    }

    .btn-home-registrar
    {
        border-radius: 10px;
        width: 50%;
    }

    .input-style,
    .select-css
    {
        border-radius: 10px;
        padding: 10px 0px 10px 20px;

    }


    .control-group
    {
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        padding: 10px 0px 10px 20px !important;
    }


    .input-group .btn
    {
        font-size: 15px !important;        
    }

    .img-send-email
    {
        max-width: 300px;
    }

    .titulo-exito-cuenta
    {
        font-size: 28px;
        margin-top: 60px;
    }

    .sub-titulo-exito-cuenta
    {
        font-size: 18px;
    }

    .titulo-tj, .titulo-docs
    {
        font-size: 28px;
        margin-top: 0px;
    }

    .sub-titulo-tj, .sub-titulo-docs
    {
        font-size: 16px;
        padding: 0px 130px;
    }

    .container-wizard
    {
        max-width: 19% !important;
    }

    .img-tj-tipo
    {
        max-width: 70px;
    }

    /*ESTILOS PARA EL REGISTRO DE COMERCIO*/
    .container-registro
    {
        margin-top: 0%;
    }

    .block-img
    {
        max-width: 30px;
     }


    .block-titulo 
    {
        font-size: 14px;
    }    

    .container-wizard-comercio
    {
        max-width: 25% !important;
    }

    .container-soluciones .titulo-soluciones:nth-child(1)
    {
        font-size: 28px;
    }

    .icono img 
    {
        width: 50px;
        height: 50px;
    }

    .content 
    {
        height: 40px;
    }

    .content h3 {
        font-size: 16px;
        padding: 0 20px;
    }

    .container-pg-documentos
    {
        max-width: 95%;
    }

    .estilo-lbl-docs
    {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 1.8;
    }

    .icono-docs
    {
        max-width: 20px;
    }

    .img-docs-end
    {
        max-width: 400px;
    }

    .titulo-docs-end
    {
        font-size: 38px;
        letter-spacing: 0.5px;
        line-height: 40px;
        text-align: center;
    }

    .sub-titulo-docs-end
    {
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 25px;
    }    

    .btn-docs-end
    {
        width: 30%;
    }


     /* INICIO ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 
    .titulo-check-doc
    {
        font-size: 28px;
    }

    .sub-titulo-check-doc, .lbl-docs-table
    {
        font-size: 16px;
    }

    .icon-proceso-reg
    {
        max-width: 18px;
    }

    .lbl-estado-check-doc
    {
        font-size: 15px;
    }


    .containter-estados
    {
        width: 100%;
        text-align: center;
        padding: 0 10%;
    }

    .container-list-cdocs
    {
        width: 90%;
    }
    /* FINAL ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */
}

@media (min-width: 1200px) 
{

    .titulo
    {
        font-size: 42px;
        line-height: 60px;  
    }

    .sub-titulo
    {
        font-size: 22px;
        line-height: 30px;  
    }

    .img-home-registrar
    {
        max-width: 320px;
        margin-top: -60px;

    }

    .label-principal
    {
        font-size: 24px;
    }

    .label-secundario
    {
        font-size: 16px;
        padding-right: 110px;
    }

    .label-a
    {
        font-size: 16px;
    }

    .sub-titulo-2, .sub-titulo-3
    {
        font-family: 'Open Sans'; 
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
    }



    #id_btn_home_registrar 
    {
        width: 40%;
    }

    .container-pg-pagar-exito
    {
        margin-top: 130px;
        max-width: 80%;
    }
    .img-send-email
    {
        max-width: 100%;
    }

    .titulo-exito-cuenta
    {
        font-size: 38px;
    }

    .sub-titulo-exito-cuenta
    {
        font-size: 22px;
        margin-top: 10px;
        padding-right: 80px;
    }

    #id_div_form_step_tarjeta_tj 
    {
        max-width: 80%;
    }

    .titulo-tj, .titulo-docs
    {
        font-size: 38px;
    }

    .sub-titulo-tj, .sub-titulo-docs
    {
        font-size: 20px;
        padding: 0px 10px;
    }

    .container-wizard
    {
        max-width: 17% !important;
    }

    /*ESTILOS PARA EL REGISTRO DE COMERCIO*/
    .block-titulo 
    {
        font-size: 16px;
    }

    .container-wizard-comercio
    {
        max-width: 25% !important;
    }

    .pd-right-contacto
    {
        padding-right: 150px;
    }

    .icono img 
    {
        width: 75px;
        height: 75px;
    }

    .content 
    {
        height: 70px;
    }

    .content h3 {
        font-size: 18px;
        padding: 0px 5px;
    }

    .container-soluciones .titulo-soluciones:nth-child(1)
    {
        font-size: 38px;
    }

    .titulo-soluciones
    {
        font-size: 20px;
    }

    .container-soluciones
    {
        max-width: 85% !important;
    }

    .container-pg-documentos
    {
        max-width: 90%;
    }

    .estilo-lbl-docs
    {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 1.8;
    }

    .container-pg-documentos .btn
    {
        border-radius: 10px;
        width: 100% ;
    }

    .container-pg-documentos .btn:hover:not(:last-child)
    {
        background-color: white;
    }

    .icono-docs
    {
        max-width: 16px;
    }

    .estilo-lbl-docs::before
    {
        font-size: 24px;
    }

    .btn-save-docs
    {
        width: 20% !important;
        padding: 10px 10px;
    }

    .img-docs-end
    {
        max-width: 400px;
    }


    .titulo-docs-end
    {
        font-size: 40px;
        letter-spacing: 0.5px;
        line-height: 40px;
        text-align: left;
    }

    .sub-titulo-docs-end
    {
        font-size: 22px;
        letter-spacing: 0.6px;
        line-height: 27px;
    }    

    .btn-docs-end
    {
        width: 20%;
        padding: 15px 0;
    }

    #id_div_documentos_end.container-pg-pagar-exito
    {
        max-width: 90%;
    }

    #id_div_documentos_faltan_end.container-pg-pagar-exito
    {
        max-width: 90%;
    }

     /* INICIO ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */ 
    .titulo-check-doc
    {
        font-size: 36px;
    }

    .sub-titulo-check-doc, .lbl-docs-table
    {
        font-size: 20px;
    }

    .icon-proceso-reg
    {
        max-width: 26px;
        margin-right: 10px;
    }

    .lbl-estado-check-doc
    {
        font-size: 20px;
    }


    .container-cdocs
    {
        margin-top: 60px;
    }


    .containter-estados
    {
        padding: 0 5%;
    }

    .text-espacio
    {
        letter-spacing: 0.9px;
    }

    .container-list-cdocs
    {
        width: 75%;
    }

    /* FINAL ESTILOS PARA LA PANTALLA DE REVISION DE AFILIACION */

    .small-circle-blue-left 
    {
        position: fixed;
        left: 2%;
        margin-top: 8%;
        width: 50px;
        height: 50px;
        -moz-border-radius: 900px;
        -webkit-border-radius: 900px;
        border-radius: 900px;
        background: rgb(51, 206, 188,0.3);
        z-index: -2;
    }


    .big-circle-blue-left 
    {
        position: fixed;
        left: -2.5%;
        margin-top: 2%;
        width: 100px;
        height: 100px;
        -moz-border-radius: 900px;
        -webkit-border-radius: 900px;
        border-radius: 900px;
        background: rgb(35, 141, 212,0.3);
        z-index: -2;
    } 



    .big-circle-blue-left_comercio
    {
        position: relative;
        left: -2.5%;
        margin-top: 20px;
        width: 100px;
        height: 100px;
        -moz-border-radius: 900px;
        -webkit-border-radius: 900px;
        border-radius: 900px;
        background: rgb(35, 141, 212,0.3);
        z-index: 9999;
    } 

    .small-circle-blue-left_comercio
    {
        position: relative;
        left: 2%;
        margin-top: 1%;
        width: 50px;
        height: 50px;
        -moz-border-radius: 900px;
        -webkit-border-radius: 900px;
        border-radius: 900px;
        background: rgb(51, 206, 188,0.3);
        z-index: 9999;
    }
}

@media  (min-width: 1400px) 
{

    #id_btn_home_registrar 
    {
        width: 20%;
    }

    .lbl-estado-check-doc
    {
        font-size: 16px;
    }

    .containter-estados
    {
        padding: 0 15%;
    }

    .container-pg-documentos
    {
        max-width: 75%;
    }

    .container-wizard
    {
        max-width: 14% !important;
    }

    .container-wizard-comercio
    {
        max-width: 20% !important;
    }

    .icono-docs
    {
        max-width: 22px;
    }

    .img-send-email
    {
        max-width: 350px;
    }
 
}

@media  (min-width: 1600px) 
{
    .container-wizard
    {
        max-width: 10% !important;
    }

    .container-wizard-comercio
    {
        max-width: 15% !important;
    }

    .lbl-estado-check-doc
    {
        font-size: 20px;
    }
 
}

@media  (min-width: 1900px) 
{

 
}