/*FUENTES A UTILIZAR*/
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/'Open Sans'.otf') format('opentype'), url('../fonts/'Open Sans'.eot?#iefix') format('embedded-opentype'), url('../fonts/'Open Sans'.woff') format('woff'), url('../fonts/'Open Sans'.ttf') format('truetype');
}

@font-face {
    font-family: 'CIBFontSans-Bold';
    src: url('../fonts/CIBFontSans-Bold.otf') format('opentype'), url('../fonts/CIBFontSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CIBFontSans-Bold.woff') format('woff'), url('../fonts/CIBFontSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/'Open Sans'.otf') format('opentype');
}
/*Page webcam*/
#video, #videoB, #videoS {
    display: block;
    margin: auto;
    max-width: 100%;
    width: 100%;
}

#imgCapture, #imgCaptureB, #imgCaptureS {
    display: block;
    margin: auto;
    max-width: 100%;
    width: 100%;
}
/*----------------*/

/*Checkbox*/
.custom-checkbox .custom-control-label::before {
    border: solid;
    border-color: #ffdb00 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffdb00 !important;
    border-color: #ffdb00 !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;*/
    background-image: url('../Resources/RadioControl/01_Icono-check-2.png') !important;
}

.custom-control-label::before {
    width: 1.21rem;
    height: 1.21rem;
    top: .2rem;
    left: -1.5rem;
}

.custom-control-label::after {
    width: 2.5rem;
    height: 2.5rem;
    top: -0.45rem;
    left: -2.15rem;
}
/*--------------------------------------------------------------*/

/*icon atrás y siguiente*/
.icon-standard, .icon-standardA, .iconOther, .iconOther2 {
    width: 100%;
    image-rendering: optimizeQuality;
}

    .icon-standard:active, .icon-standardA:active, .iconOther:active, .iconOther2:active {
        background: Transparent !important;
    }
/*-----------------------------------------------*/


.lblCustom {
    margin-bottom: -1rem !important;
}

#lblCustom1, #lblCustom2 {
    margin-bottom: -1rem !important;
}

.imgDoctoWC {
    display: block;
    margin: auto;
    max-width: 100%;
    width: 90%;
    cursor: pointer;
}

.imgDocto {
    display: block;
    margin: auto;
    max-width: 100%;
    width: 90%;
    cursor: pointer;
}

    .imgDocto:hover {
    }

#labelImg, .imgDocto {
    position: relative;
}

.imgDocto {
    z-index: -2;
}

#labelImg {
    z-index: 1;
}

.ws-recuperar {
    font-family: 'Open Sans' !important;
    font-size: 10.5pt;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    cursor: pointer;
    box-shadow: none !important;
}

.btnLeer {
    font-family: CIBFontSans-Bold !important;
    text-decoration: none !important;
    color: #ffdb00;
    font-weight: bold;
}

    .btnLeer:focus {
        outline: none;
        box-shadow: none;
    }

    .btnLeer:hover {
        color: #ffdb00 !important;
    }

.txtContrato {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
}

.txtSpan {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    font-size: small !important;
}

#AjaxLoader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url('../Resources/load.gif') 50% 50% no-repeat;
}

#AjaxLoader {
}

/*----------------------------------NUEVO DISEÑO----
    PAGINA FINAL ------------------------------*/
#content-view {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    margin: 2% 0% 6% 0%;
}

#content-step-view {
    background-color: #ffffff;
    margin-top: 6%;
    padding: 0 0.5% 0.5% 0.5%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #ffffff;
}

#content-step-view-EtapaFinal {
    /*margin-top: 6%;*/
    padding: 10% 6.5% 6.5% 10%;
}

.content-body {
    background-color: white;
    padding: 2% 2% 6% 2%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #ffffff;
}

.content-body-Etapafinal {
    background-color: white;
    padding: 2% 2% 6% 2%;
    border-radius: 20px;
    -moz-border-radius: 20px;
}
/*---------------------------------------------------------------------------------*/

/*Fondo de pantalla de datos*/
#content_step {
    background-color: #ffffff;
    padding: 0 0.5% 0.5% 0.5%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #ffffff;
}

/*Fondo de centro de formularios*/
.stepBody {
    font-family: 'Open Sans';
    color: #ffffff !important;
    background-color: #ffffff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #ffffff;
}

.msgMontoOtro, .msgTotal, .msgTotal, .msgTip, .msgPro, .msgMon, .msgIng, .msgName, .msgDir, .msgPar, .msgPor, .msgError {
    color: #dc3545 !important;
}
.navbarbotom {
    border-bottom: 2px solid #0000000f;
}
.sizeIconHeader {
    font-size: 19px;
}
.stepHeader p {
    font-family: CIBFontSans-Bold !important;
    color: #2c2a29 !important;
}

.stepHeader hr {
    background-color: #2c2a29 !important;
    border: 1.5px solid #bbbdc0;
}

.stepBody p {
    font-family: CIBFontSans-Bold;
    color: #2c2a29;
}

.textBody {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
}

.textDialog {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    font-size: 1rem;
    padding-top: 15px;
}

.textDialog2 {
    font-family: CIBFontSans-Bold !important;
    color: #2c2a29 !important;
    font-size: 1.25rem;
    padding-top: 15px;
}

.textDialog3 {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
}

.txtHref {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    font-size: medium;
    text-decoration: underline #58585b !important;
}

.stepBody hr {
    background-color: #ffffff !important;
    border: 1.3px solid #ffffff;
}

.content-top-step {
    margin-bottom: 2%;
}

#content_partial {
    /*font-family: 'Open Sans' !important;*/
    font-family: 'Open Sans' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.30000001192092896px;
    color: #2c2a29 !important;
    /*margin: 2% 4% 6% 4%;*/
}

.stepFooter {
    text-align: right;
    margin-bottom: 40px;
    margin-top: 50px;
}

/*Desing inpput form solicitud-------------------*/
.marginDP {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

    .marginDP div {
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

#ListForm {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    height: 45px;
    padding: 0 0 0 1.8rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1.7px solid rgba(0, 0, 0, 0.3);
    /*cursor: pointer;
    background: transparent url("../Resources/IconosDP/01_icono-16.png") no-repeat right center;*/
    background-size: 21px 21px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*.placeholder {
    position: absolute;
    color: gray;
    top: 10px;
    left: 25px;
    font-size: 30px;
}*/
.styleDirecciont {
    display: contents;
}
.left-inner-addon i {
    position: absolute;
    left: 10px;
    font-size: 25px;
    padding: 12px 14px;
    pointer-events: none;
}
.left-inner-addon-confirm i {
    position: absolute;
    left: 10px;
    font-size: 25px;
    padding: 32px 14px;
    pointer-events: none;
}

.right-inner-addonFiltro i {
    position: absolute;
    right: 10px;
    font-size: 24px;
    padding: 16px 14px;
    pointer-events: none;
}

.placeholderFiltro {
    position: absolute;
    color: gray;
    top: 10px;
    right: 25px;
    font-size: 34px;
}

.icon {
    text-indent: 20px;
}

#ListForm:focus, #ListForm:active {
    outline: 0;
    border-bottom-color: #ebeb1c;
    border-bottom: 3px solid #ebeb1c;
    animation: fadeInUp 500ms;
}

#ws_contact_cumpleanos {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    height: 45px;
    border: 0;
    padding: 0 0 0 1.8rem;
    letter-spacing: .01em;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1.7px solid rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-transform: uppercase;
}

.fechaDP:focus {
    box-shadow: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.fechaDP:active {
    box-shadow: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    border: 0 !important;
}

input[type="date"] {
    position: relative;
    padding: 10px;
}

    input[type="date"]::-webkit-calendar-picker-indicator {
        color: transparent;
        background: none;
        z-index: 1;
    }

    input[type="date"]:before {
        color: transparent;
        background: none;
        display: block;
        font-family: 'icomoon';
        font-size: 24px;
        content: '\e939';
        /* This is the calendar icon in FontAwesome */
        width: 15px;
        height: 20px;
        position: absolute;
        top: 12px;
        left: 4px;
        color: #999;
    }

.fechaDP::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background-size: 23px 23px;
    cursor: pointer;
    box-shadow: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    border: none !important;
}

.fechaCF::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background-size: 23px 23px;
    cursor: pointer;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

/* adjust clear button */
input[type="date"]::-webkit-clear-button {
    z-index: 1;
}

#ws_contact_cumpleanos:focus, #ws_contact_cumpleanos:active {
    outline: 0;
    border-bottom-color: #ebeb1c;
    border-bottom: 3px solid #ebeb1c;
    animation: fadeInUp 500ms;
}

/*.form-group {
    margin-bottom: 2rem;
}*/

.custom_input_frm {
    position: relative;
}

#campoForm {
    padding: 5px 0 5px 10px;
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    margin-bottom: 0px;
    margin-top: 6px;
    border: none;
    border-bottom: 1.7px solid rgba(0, 0, 0, 0.3);
    outline: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}


.custom_input_frm label {
    position: absolute;
    top: 10px;
    left: 15px;
    padding: 5px 0 25px 25px;
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    pointer-events: none;
    transition: .5s;
}

.custom_input_frm input:focus ~ label,
.custom_input_frm input:valid ~ label {
    top: -15px;
    left: 15px;
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
}

#campoForm:focus, #campoForm:active {
    outline: 0;
    border-bottom-color: #ebeb1c;
    border-bottom: 3px solid #ebeb1c;
    animation: fadeInUp 500ms;
}
/*---------------------------------------------------------*/

#mensajeDoc {
    font-family: 'Open Sans' !important;
    color: red;
}

strong {
    font-size: x-small;
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
}

#content_step label {
    padding: 2px 0px;
}

.divGenerico {
    display: none;
}

.divOtroIngreso {
}

.background-tooltip + .tooltip > .tooltip-inner {
    background-color: #bbbdc0;
    font-family: 'Open Sans' !important;
}

.aling-radiobutton-right {
    padding: 0% 0% 0% 13% !important;
}

@media only screen and (max-width: 320px) {
    .stepBody {
        padding: 8% 2%;
    }

    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 0.98rem;
        width: 750px;
    }*/
    /*Desing icon  next*/
    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        background-color: #ffdb00;
        width: 140px;
        border-color: #2c2a29 !important;
        border-radius: 20px;
        border: 2px solid #2c2a29;
        font-weight: bold;
        border-radius: 50px;
    }
    /*Regresar*/
    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        background-color: #ffffff;
        width: 125px;
        border-color: #2c2a29 !important;
        border-radius: 20px;
        border: 2px solid #2c2a29;
        font-weight: bold;
        border-radius: 50px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 100px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 170px;
        height: 70px;
        margin: -10px 0px 17px 0px;
    }

        .element-style-imagen {
        width:25%;
        margin-right:0px;
    }
     .element-style-imagen2 {
        width:8%;
    }

    .iconOther {
        margin-left: 3.2px;
    }

    .iconOther2 {
        margin-left: 3.2px;
    }

    .icon-standard {
        margin-left: 6.5px;
    }

    .iconOther {
        margin-left: 3.5px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 55px;
            -moz-border-radius: 55px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 55px;
        -moz-border-radius: 55px;
    }

    /*------------------*/
    .img-finish {
        width: 88% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.85rem !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.6rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.47rem !important;
    }

    .content-body hr {
        background-color: #ffffff !important;
        border: 1px solid #ffffff !important;
        margin: 0 3% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 0.5rem !important;
    }

    .imgHeaderL {
        width: 100%;
        float: left;
    }

    .imgHeaderR {
        width: 100%;
        float: right;
    }

    .imgHeaderC {
        width: 100%;
        align-content: center;
    }

    .txtTittle {
        font-size: 0.9rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.7rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.7rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 0.8rem !important;
    }

    table th, td {
        font-size: 0.7rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.9rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 0.9rem !important;
    }

    .columnGen {
        display: none !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 1.5rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 63%;
        margin-top: -15px;
    }

    .tittleProduct {
        font-size: 1.1rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 14% !important;
    }
}

.desing {
    padding: .75rem 0.75rem;
    background-color: #ffdb00;
    border-top: 0px;
}

@media only screen and (min-width: 350px) {
    .stepBody {
        padding: 8% 2%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.10rem;
        width: 80px;
        align-items: center;
        justify-content: center;
    }*/

    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        background-color: #ffdb00;
        width: 140px;
        border-color: #2c2a29 !important;
        border-radius: 20px;
        border: 2px solid #2c2a29;
        font-weight: bold;
        border-radius: 50px;
    }
    /*Regresar*/
    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        background-color: #ffffff;
        width: 125px;
        border-color: #2c2a29 !important;
        border-radius: 20px;
        border: 2px solid #2c2a29;
        font-weight: bold;
        border-radius: 50px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 100px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 180px;
        height: 70px;
        margin: -10px 0px 15px 0px;
    }

        .element-style-imagen {
        width:25%;
        margin-right:20px;
    }
     .element-style-imagen2 {
        width:6%;
    }

    .iconOther {
        margin-left: 3.2px;
    }

    .iconOther2 {
        margin-left: 3.2px;
    }

    .icon-standard {
        margin-left: 7.8px;
    }

    .iconOther {
        margin-left: 4.5px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 50px;
            -moz-border-radius: 50px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 50px;
        -moz-border-radius: 50px;
    }

    /*------------------*/
    .img-finish {
        width: 70% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.95rem !important;
        text-decoration: underline solid #ffdb00 !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.68rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.48rem !important;
    }

    .content-body hr {
        background-color: #ffffff !important;
        border: 1px solid #ffffff !important;
        margin: 0 4% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 0.5rem !important;
    }

    .imgHeaderL {
        width: 100%;
        float: left;
    }

    .imgHeaderR {
        width: 100%;
        float: right;
    }

    .imgHeaderC {
        width: 100%;
    }

    .txtTittle {
        font-size: 1.06rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.9rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.9rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 0.8rem !important;
    }

    table th, td {
        font-size: 0.9rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.98rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 0.9rem !important;
    }

    .columnGen {
        display: none !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 1.8rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 50%;
    }

    .tittleProduct {
        font-size: 1.1rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 12% !important;
    }
}

@media only screen and (min-width: 414px) {
    .stepBody {
        padding: 8% 2%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.10rem;
        width: 90px;
        align-items: center;
        justify-content: center;
    }*/

    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.10rem;
        width: 140px;
        align-items: center;
        justify-content: center;
    }

    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.10rem;
        width: 125px;
        align-items: center;
        justify-content: center;
    }


    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 100px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 180px;
        height: 70px;
        margin: -10px 0px 15px 0px;
    }

        .element-style-imagen {
        width:23%;
        margin-right:20px;
    }
     .element-style-imagen2 {
        width:5%;
    }

    .iconOther {
        margin-left: 3.2px;
    }

    .iconOther2 {
        margin-left: 3.2px;
    }

    .icon-standard {
        margin-left: 7.8px;
    }

    .iconOther {
        margin-left: 4.5px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 50px;
            -moz-border-radius: 50px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 50px;
        -moz-border-radius: 50px;
    }

    /*------------------*/
    .img-finish {
        width: 70% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.95rem !important;
        text-decoration: underline solid #ffdb00 !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 0.8rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.58rem !important;
    }

    .content-body hr {
        background-color: #ffffff !important;
        border: 1px solid #ffffff !important;
        margin: 0 4% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 0.5rem !important;
    }

    .imgHeaderL {
        width: 100%;
        float: left;
    }

    .imgHeaderR {
        width: 100%;
        float: right;
    }

    .imgHeaderC {
        width: 100%;
    }

    .txtTittle {
        font-size: 1.06rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.9rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.9rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 0.8rem !important;
    }

    table th, td {
        font-size: 0.9rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.98rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 0.9rem !important;
    }

    .columnGen {
        display: none !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 1.8rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 50%;
    }

    .tittleProduct {
        font-size: 1.1rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 9% !important;
    }
}

@media only screen and (min-width: 568px) {
    .stepBody {
        padding: 8% 2%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.13rem;
        width: 135px;
    }*/

    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.13rem;
        width: 140px;
    }

    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.13rem;
        width: 125px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 120px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 190px;
        height: 70px;
        margin: -10px 0px 15px 0px;
    }

        .element-style-imagen {
        width:18%;
        margin-right:200px;
    }
     .element-style-imagen2 {
        width:5%;
    }

    .icon-standard {
        margin-left: 6.3px;
    }

    .iconOther {
        margin-left: 3.2px;
    }

    .iconOther2 {
        margin-left: 8px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 47px;
            -moz-border-radius: 47px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 47px;
        -moz-border-radius: 47px;
    }

    /*------------------*/
    .img-finish {
        width: 60% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.07rem !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.1rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.1rem !important;
    }

    .content-body hr {
        background-color: #FFFFFF !important;
        border: 1px solid #FFFFFF !important;
        margin: 0 7% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 1rem !important;
    }

    .imgHeaderL {
        width: 85%;
        float: left;
    }

    .imgHeaderR {
        width: 85%;
        float: right;
    }

    .imgHeaderC {
        width: 93%;
    }

    .txtTittle {
        font-size: 1.17rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.9rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.9rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 1rem !important;
    }

    table th, td {
        font-size: 1rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.99rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 1rem !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 2rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 43%;
    }

    .tittleProduct {
        font-size: 1.27rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 6% !important;
    }
}

@media only screen and (min-width: 576px) {
    .stepBody {
        padding: 8% 2%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: 1.13rem;
        width: 85px;
    }*/
    /*Continuar*/
    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        background-color: #ffdb00;
        width: 140px;
        border-color: #2c2a29 !important;
        border-radius: 20px;
        border: 2px solid #2c2a29;
        font-weight: bold;
        border-radius: 50px;
    }
    /*Regresar*/
    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 125px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 120px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 190px;
        height: 70px;
        margin: -10px 0px 15px 0px;
    }

        .element-style-imagen {
        width:24%;
        margin-right:85px;
    }
     .element-style-imagen2 {
        width:6%;
    }

    .icon-standard {
        margin-left: 6.3px;
    }

    .iconOther {
        margin-left: 3.2px;
    }

    .iconOther2 {
        margin-left: 8px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 47px;
            -moz-border-radius: 47px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 47px;
        -moz-border-radius: 47px;
    }

    /*------------------*/
    .img-finish {
        width: 60% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.07rem !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.0rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.5rem !important;
    }

    .content-body hr {
        background-color: #FFFFFF !important;
        border: 1px solid #FFFFFF !important;
        margin: 0 7% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 1rem !important;
    }

    .imgHeaderL {
        width: 85%;
        float: left;
    }

    .imgHeaderR {
        width: 85%;
        float: right;
    }

    .imgHeaderC {
        width: 93%;
    }

    .txtTittle {
        font-size: 1.17rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.9rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.9rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 1rem !important;
    }

    table th, td {
        font-size: 1rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.99rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 1rem !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 2rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 43%;
    }

    .tittleProduct {
        font-size: 1.27rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 6% !important;
    }
}

@media only screen and (min-width: 768px) {
    .stepBody {
        padding: 4% 5%;
    }
    /*Desing icon previous and next*/
    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 140px;
    }

    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 125px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 140px;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 200px;
        height: 70px;
        margin: -10px 0px 13px 0px;
    }

    .icon-standard {
        margin-left: 3.5px;
    }

    .iconOther {
        margin-left: 0.5px;
    }

    .iconOther2 {
        margin-left: 6px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 40px;
            -moz-border-radius: 40px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 40px;
        -moz-border-radius: 40px;
    }

    /*------------------*/
    .img-finish {
        width: 58% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.09rem !important;*/
    }

    .element-style-imagen {
        width:20%;
        margin-right:20px;
    }
     .element-style-imagen2 {
        width:5%;
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.2rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 0.7rem !important;
    }

    .content-body hr {
        background-color: #FFFFFF !important;
        border: 1px solid #FFFFFF !important;
        margin: 0 10% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 1rem !important;
    }

    .imgHeaderL {
        width: 70%;
        float: left;
    }

    .imgHeaderR {
        width: 70%;
        float: right;
    }

    .imgHeaderC {
        width: 78%;
    }

    .txtTittle {
        font-size: 1.25rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.02rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 1.02rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 1.02rem !important;
    }

    table th, td {
        font-size: 1.02rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.02rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 1.02rem !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 2.3rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 90%;
        margin-top: 20%;
    }

    .tittleProduct {
        font-size: 1.4rem !important;
    }

    .tittleProduct {
        font-size: 1.3rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 10% !important;
    }
}

@media only screen and (min-width: 992px) {
    .stepBody {
        padding: 4% 5%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 95px;
    }*/

    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 140px;
    }

    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 125px;
    }

                   .element-style-imagen {
        width:22%;
        margin-right:20px;
    }
     .element-style-imagen2 {
        width:7%;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 140px;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 200px;
        height: 70px;
        margin: -8px 0px 10px 0px;
    }

    .icon-standard {
        margin-left: 1.5px;
    }

    .iconOther {
        margin-left: 1.5px;
    }

    .iconOther2 {
        margin-left: 8px;
    }

        .icon-standard:hover, .iconOther:hover, .iconOther2:hover {
            background: #e8e8e7;
            border-radius: 35px;
            -moz-border-radius: 35px;
        }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 35px;
        -moz-border-radius: 35px;
    }

    /*------------------*/
    .img-finish {
        width: 55% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.099rem !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 2.3rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.5rem !important;
    }

    .content-body hr {
        background-color: #FFFFFF !important;
        border: 1px solid #FFFFFF !important;
        margin: 0 13% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 3rem !important;
    }

    .imgHeaderL {
        width: 62%;
        float: left;
    }

    .imgHeaderR {
        width: 62%;
        float: right;
    }

    .imgHeaderC {
        width: 70%;
    }

    .txtTittle {
        font-size: 1.37rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.04rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 1.04rem !important;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        font-size: 1.04rem !important;
    }

    table th, td {
        font-size: 1.04rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.2rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 1.06rem !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 2.5rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 90%;
        margin-top: 15%;
    }

    .tittleProduct {
        font-size: 1.3rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 0% 0% 8% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .stepBody {
        padding: 4% 5%;
    }
    /*Desing icon previous and next*/
    /*#btnStandard, #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 95px;
    }*/
    #btnStandardA {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 125px;
    }

    #btnStandard {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        font-size: large;
        width: 140px;
    }

    #btnOther {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 160px;
        padding: 0 !important;
        margin: 0 !important;
    }

    #btnOther2 {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        box-shadow: none !important;
        width: 200px;
        height: 70px;
        margin: -6px 0px 20px 0px;
    }

        .element-style-imagen {
        width:15%;
        margin-right:200px;
    }
     .element-style-imagen2 {
        width:4%;
    }

    .icon-standard {
        margin-left: 1px;
    }

    .iconOther {
        margin-left: 4px;
    }

    .iconOther2 {
        margin-left: 7px;
    }

    .icon-standard:hover {
        background: #ffdb00;
        border-radius: 35px;
        -moz-border-radius: 35px;
    }

    .iconOther:hover, .iconOther2:hover {
        background: #e8e8e7;
        border-radius: 55px;
        -moz-border-radius: 55px;
    }

    .icon-standardA:hover {
        background: #58585b;
        border-radius: 35px;
        -moz-border-radius: 35px;
    }

    /*------------------*/
    .img-finish {
        width: 40% !important;
    }

    .txt-tittle-custom {
        font-family: CIBFontSans-Bold !important;
        font-size: 28px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.6000000238418579px;
        color: #2c2a29 !important;
        /*cambio anterior*/
        /*padding: 4px;
        margin: 4px;
        display: inline-block;
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 1.2rem !important;*/
    }

    .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 2.3rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.2rem !important;
    }
    .content-body hr {
        background-color: #FFFFFF !important;
        border: 1px solid #FFFFFF !important;
        margin: 0 20% !important;
    }
    /*------------------*/

    .radio-custom {
        margin-left: 3rem !important;
    }

    .imgHeaderL {
        width: 52%;
        float: left;
    }

    .imgHeaderR {
        width: 52%;
        float: right;
    }

    .imgHeaderC {
        width: 60%;
    }

    .txtTittle {
        font-size: 1.5rem !important;
    }

    #content_step label {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.06rem !important;
    }

    #footerHome p {
        font-family: 'Open Sans' !important;
        color: #ffffff;
        font-size: 0.8rem !important;
        padding: 8px;
        text-align: right;
    }

    #ListForm, #campoForm, #ws_contact_cumpleanos, #btnOther, #btnOther2, .custom_input_frm label {
        /*cambio anterior*/
        /*font-size: 1.06rem !important;*/
        font-size: 14px !important;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -0.20000000298023224px;
    }

    table th, td {
        font-size: 1.06rem !important;
    }

    .textDocto {
        font-family: 'Open Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.30000001192092896px;
        text-align: center;
        color: #2c2a29 !important;
        /*Cambio anterior*/
        /*font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.3rem !important;*/
    }

    .txtContrato, .textBody, #labelTer {
        font-size: 1.09rem !important;
    }

    .titleProduct p {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 2.8rem;
        text-decoration: underline solid #ffdb00 !important;
    }

    .imgProduct {
        width: 80%;
        margin-top: 12%;
    }

    .tittleProduct {
        font-size: 1.3rem !important;
    }

    .aling-radiobutton-right {
        padding: 0% 25% 0% 5% !important;
    }
}

@media only screen and (min-width: 2200px) {
    .element-style-imagen {
        width:15%;
        margin-right:280px;
    }
     .element-style-imagen2 {
        width:3%;
    }
}

@media only screen and (min-width: 2700px) {
    .element-style-imagen {
        width:11%;
        margin-right:400px;
    }

     .element-style-imagen2 {
        width:2%;
    }
    
     .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 2.3rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 1.4rem !important;
    }
}

@media only screen and (min-width: 3700px) {
    .element-style-imagen {
        width:9%;
        margin-right:1100px;
    }

     .element-style-imagen2 {
        width:2%;
    }
    
     .msg-Tittle {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29 !important;
        font-size: 3.5rem !important;
    }

    .txt-description-body {
        font-family: 'Open Sans' !important;
        color: #2c2a29 !important;
        font-size: 2.80rem !important;
    }
}

.form-group {
    padding: 0 25px !important;
}

/*Efectos de dispositivos que el max de los pixeles no pase los 768px*/
@media only screen and (max-width: 768px) {
    .cuentaHeader {
        max-width: 40%;
        width: 100%;
    }

    .stepHeader {
        padding: 0 2%;
    }

    .stepFooter {
        padding: 0 2%;
    }

    .tittle-step {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 0.8em;
    }

    .stepStandard {
        margin: 0 4%;
    }
    

}

/*Efectos de dispositivos que los pixeles sean mayores a 768px*/
@media only screen and (min-width: 768px) {
    .cuentaHeader {
        max-width: 25%;
        width: 100%;
    }

    .stepStandard {
        margin: 0 10%;
    }

    .stepHeader {
        padding: 0 16%;
    }

    .stepFooter {
        padding: 0 6%;
    }

    .tittle-step {
        font-family: CIBFontSans-Bold !important;
        color: #2c2a29;
        font-size: 1.5em;
    }

}

#snap, #snapB, #snapS {
    font-family: 'Open Sans' !important;
    color: #2c2a29 !important;
    background-color: #ffdb00 !important;
    border-color: #ffdb00 !important;
    box-shadow: none !important;
    font-size: large;
}

.headerTable {
    font-family: CIBFontSans-Bold !important;
    background-color: #f4f4f4 !important;
    color: #2c2a29 !important;
}

table td {
    font-family: 'Open Sans' !important;
    color: #363636 !important;
    padding: 3px 0px !important;
}

#bodyTable tr td {
    vertical-align: middle;
    border-bottom: 1px solid #363636;
    border-top: white;
}

div.ico_form {
    text-align: center;
    padding: 0 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subtotal {
    text-align: center;
}

.h_subtotal {
    text-align: center;
}

.aling-radiobutton {
    display: flex;
    justify-content: space-around;
}

.select2 {
    width: 100% !important;
    min-width: 100%;
}