.DSRadioComponent{width:25mm; height:4mm; color:rgba(24,31,39,1); font-family:roboto; font-size:3mm; text-align:left; } .DSCheckboxComponent{width:25mm; height:4mm; color:rgba(24,31,39,1); font-family:roboto; font-size:3mm; text-align:left; } .DSSwitchComponent{width:25mm; height:4.5mm; color:rgba(24,31,39,1); font-family:roboto; font-size:3mm; text-align:left; } .VTIconComponent{width:5mm; height:5mm; color:rgba(0,0,0,1); } .VTPhotoComponent{border-color:rgba(27,99,220,1); border-width:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .VTCardContainerComponent{background-color:rgba(255,255,255,1); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 2px 2px 4px 0px #000000; -moz-box-shadow: 2px 2px 4px 0px #000000; box-shadow: 2px 2px 4px 0px #000000; background-color:rgba(255,255,255,1); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 2px 2px 4px 0px #000000; -moz-box-shadow: 2px 2px 4px 0px #000000; box-shadow: 2px 2px 4px 0px #000000; } .VTCardPanelContainerComponent{background-color:rgba(255,255,255,1); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 2px 2px 4px 0px #000000; -moz-box-shadow: 2px 2px 4px 0px #000000; box-shadow: 2px 2px 4px 0px #000000; background-color:rgba(255,255,255,1); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 2px 2px 4px 0px #000000; -moz-box-shadow: 2px 2px 4px 0px #000000; box-shadow: 2px 2px 4px 0px #000000; } .VTCardsGroupComponent{background-color:rgba(255,255,255,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-color:rgba(129,129,129,1); border-width:0.15mm; -webkit-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; -moz-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; background-color:rgba(255,255,255,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-color:rgba(129,129,129,1); border-width:0.15mm; -webkit-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; -moz-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; } .VTCardComponent{background-color:rgba(255,255,255,0); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; -moz-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; background-color:rgba(255,255,255,0); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-color:rgba(255,255,255,0); border-width:0px; -webkit-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; -moz-box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; box-shadow: 0px 0px 0px 0px  rgba(255,255,255,0.0) ; } .VTDropdownComponent{} .VTDropdownInputComponent{background-color:rgba(255,255,255,1); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-color:rgba(129,129,129,1); border-width:0.15mm; color:rgba(56,56,56,1); font-size:2mm; font-family:roboto; } .VTDropdownListComponent{background-color:rgba(255,255,255,1); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-color:rgba(129,129,129,1); border-width:0.15mm; } .DSProgressIndicatorComponent{} .btn{width:270px; height:38px; } .btn-disabled{color:#939393 !important; background-color:#EFEFEF !important; font-weight:bold !important; } .btn-link{color:rgba(87,59,149,1); text-decoration:underline; } .btn-primario{background-color:rgba(87,59,149,1); color:#fff; font-weight:600; } .btn-primario-outline{border-width:2px; border-color:rgba(87,59,149,1); background-color:rgba(255,255,255,1); color:rgba(87,59,149,1); } .btn-secundario{background-color:#fff; color:rgba(87,59,149,1); font-weight:600; } .condition{color:rgba(77,77,77,1); font-size:14px; padding-top:6px; padding-bottom:6px; } .f-bold{font-weight:bold; } .form-login1{width:450px; height:416px; background-color:rgba(255,255,255,1); text-align:center; padding-top:30px; padding-left:50px; padding-right:50px; padding-bottom:30px; display: flex; flex-direction:column; justify-content:space-between; align-items:center; align-content:center; } .form-step {height:40px; width:40px; } .fpn-col-nowrap-fls-cen-cen{display: flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; } .fpn-column-around-center{display: flex; align-items:center; align-content:center; flex-direction:column; flex-wrap:nowrap; justify-content:space-around; } .fpn-column-between-center{display: flex; align-items:center; align-content:center; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; } .fpn-column-center-center{display: flex; align-items:center; align-content:center; flex-direction:column; flex-wrap:nowrap; justify-content:center; } .fpn-column-end-center{display: flex; align-items:center; align-content:center; flex-direction:column; flex-wrap:nowrap; justify-content:flex-end; } .fpn-row-between-center{display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:wrap; justify-content:space-between; } .fpn-row-center-center{display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:wrap; justify-content:center; } .fpn-row-nowrap-between-center{display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; } .fpn-row-start-center{display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; } .h2{font-size:20px; font-weight:bold; } .header{width:100%; height:50px; background-color:rgba(58,46,108, 0.8)!important; } .header-error{background-color:rgba(229,17,0,1); } .lbl-sm{font-size:14px; text-align:left; } .lbl-sm-b{font-size:14px; font-weight:bold; text-align:left; } .lbl-txt-error{color:rgba(235,32,37,1); font-size:13px; font-weight:normal; margin-bottom:5px; text-align:left; width:100%; height:20px; } .lbl-txt-name{width:100%; height:20px; font-size:16px; color:rgba(114,114,114,1); margin-bottom:5px; text-align:left; } .link{height:30px; } .link1{text-decoration:underline; color:rgba(87,59,149,1); font-size:21px; } .link2{color:rgba(87,59,149,1); font-size:18px; } .logo-act{height:50px; width:100%; } .panel-botones{display: flex; align-content:center; align-items:center; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-top:12px; } .panel-content{width:100%; display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:wrap; justify-content:center; height:100%; padding-bottom:50px; padding-top:50px; } .panel-content-auto{width:100%; display: flex; align-items:center; align-content:center; flex-direction:row; flex-wrap:wrap; justify-content:center; height:100%; padding-bottom:50px; padding-top:50px; } .panel-left{height:360px; background-color:rgba(55,41,86,1); padding-bottom:40px; padding-left:50px; padding-right:50px; padding-top:40px; width:40%; } .panel-login{height:416px; width:410px; background-color:rgba(255,255,255,1); padding-bottom:30px; padding-left:50px; padding-right:50px; padding-top:30px; text-align:center; } .panel-right{height:100%; background-color:rgba(255,255,255,1); padding-bottom:30px; padding-left:50px; padding-right:50px; padding-top:30px; width:50%; } .panel-right-no-height{background-color:rgba(255,255,255,1); padding-bottom:30px; padding-left:50px; padding-right:50px; padding-top:30px; width:50%; } .step{font-size:24px; font-weight:bold; color:rgba(216,216,216,1); } .text-informativo{color:rgba(77,77,77,1); font-size:13px; text-align:left; } .text-requerido{color:rgba(235,32,37,1); font-size:13px; text-align:left; } .titulo1{font-size:24px; color:rgba(87,59,149,1); font-weight:bold; } .titulo2{font-size:18px; color:rgba(77,77,77,1); font-weight:bold; } .titulo3{font-size:30px; text-align:center; color:rgba(255,255,255,1); } .titulo4{font-size:21px; text-align:center; color:rgba(255,255,255,1); font-weight:bold; } .titulo5{font-size:18px; text-align:center; color:rgba(255,255,255,1); font-weight:bold; } .titulo6{font-size:24px; text-align:center; color:rgba(255,255,255,1); font-weight:bold; } .titulo7{color:rgba(87,59,149,1); font-size:20px; text-align:center; font-weight:bold; } .txt-c{text-align:center; } .txt-error{color:rgba(255,255,255,1); text-align:left; } .txt-footer{font-size:14px; color:rgba(255,255,255,1); } .txt-l{text-align:left; } .txt-normal{font-size:18px; color:rgba(77,77,77,1); } .txt-r{text-align:right; } .txt-size1{font-size:14px; } .txt-w-18{color:rgba(255,255,255,1); font-size:18px; font-weight:400; text-align:center; } .txt1{font-size:18px; color:rgba(77,77,77,1); font-weight:bold; } .txt10c{color:rgba(236,29,36,1); text-align:center; } .txt10l{font-size:18px; text-align:left; font-weight:bold; } .txt11c{color:rgba(87,59,149,1); font-size:12px; text-align:center; } .txt1c{color:rgba(77,77,77,1); font-size:15px; text-align:center; } .txt1c1{color:rgba(87,59,149,1); font-size:16px; text-align:center; font-weight:bold; } .txt1l{color:rgba(77,77,77,1); font-size:12px; text-align:left; } .txt1r{font-size:13px; text-align:right; font-weight:bold; } .txt2{font-size:21px; color:rgba(77,77,77,1); font-weight:bold; } .txt2c{color:rgba(77,77,77,1); font-size:16px; text-align:center; font-weight:bold; } .txt2l{color:rgba(87,59,149,1); font-size:12px; text-align:left; } .txt2r{font-size:15px; text-align:right; font-weight:bold; } .txt3{font-size:24px; color:rgba(77,77,77,1); font-weight:bold; } .txt3c{color:rgba(77,77,77,1); font-size:18px; text-align:center; font-weight:bold; } .txt3l{font-size:15px; text-align:left; font-weight:bold; } .txt3r{font-size:13px; text-align:right; } .txt4{font-size:26px; color:rgba(77,77,77,1); font-weight:bold; } .txt4c{color:rgba(77,77,77,1); font-size:21px; text-align:center; font-weight:bold; } .txt4l{color:rgba(87,59,149,1); text-align:left; } .txt5{font-size:15px; color:rgba(87,59,149,1); text-align:left; font-weight:bold; } .txt5c{width:100%; font-size:16px; color:rgba(114,114,114,1); text-align:center; } .txt5l{color:rgba(133,133,133,1); font-size:11px; text-align:left; } .txt6{width:100%; color:rgba(255,255,255,1); font-size:16px; text-align:center; font-weight:bold; } .txt6-regular{width:100%; color:rgba(255,255,255,1); font-size:16px; text-align:center; font-weight:400; } .txt6c{color:rgba(56,143,10,1); text-align:center; } .txt6l{width:100%; color:rgba(87,59,149,1); font-size:18px; text-align:left; font-weight:bold; } .txt7c{color:rgba(87,59,149,1); font-size:12px; text-align:center; font-weight:bold; } .txt7l{color:rgba(87,59,149,1); text-align:left; font-weight:bold; } .txt8c{color:rgba(87,59,149,1); font-size:18px; text-align:center; } .txt8l{color:rgba(114,114,114,1); font-weight:16px; text-align:left; } .txt9c{color:rgba(87,59,149,1); font-size:20px; text-align:center; } .txt9l{color:rgba(87,59,149,1); font-size:13px; text-align:left; font-weight:bold; } .vticon-menu{width:34px; text-align:center; margin-right:18px; font-size:26px; color:#fff; } .wrap-input-label{width:100%; display: flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; } /* ----- General ----- */

@font-face {
    font-family: 'Signika';
    src: url('../../../../api/resources/192/Signika');
}

html,
body {
    position: inherit;
    min-height: 100%;
    height: 100%;
}

html {
    overflow-y: auto !important;
}

body {
    font-family: 'Signika', sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    color: #767676;
    background: url('../../../../api/resources/192/bbj_login_bg/bbj_login_bg.jpg') no-repeat center center fixed;
    background-size: cover;
}

img {
    height: auto;
    max-width: 100%;
}

}
/*Hack para firefox*/
input {
    box-shadow:none;
}
.grecaptcha-badge {
    visibility: hidden !important;
}

.jqHuecuvuModal {
    z-index: 500 !important;
    cursor: default!important;
    width: 100%!important;
    height: 100%!important;
    position: fixed!important;
}
#modalLoading {
    left: 50% !important;
    transform: translateX(-50%);
}

.ajaxloader {
    display: inline-block;
    border: 15px solid #ececec;
    border-radius: 50%;
    border-top-color: #7144b2;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    background-image: none;
    vertical-align: text-bottom;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes timeCount {
    from {
        width: 0%;
    }
    to {
        width: 100%
    }
}

.header-cont {
max-width: 980px;
height: auto !important;
}

.header-cont-lg {
max-width: 1200px;
height: auto !important;
color: #939393;
}

.sms-code-timer {
    animation: timeCount;
    animation-duration: 120s;
    background-color: #21D218;
}

.height-auto {
    height: auto !important;
}

.line-height-normal {
    line-height: normal;
}

.link4,
.link2,
.link5,
.link6,
.link4-disabled {
    text-decoration: underline;
}

#progressbar_pbCodeTimer {
    background: #CDCCCC;
}

#pageContiner {
    height: 100%;
    position: relative;
}

#contents1Form {
    height: 100%;
}

#pnlPrincipal {
    position: relative!important;
    height: 100%!important;
    width: 100%;
    min-width: 260px;
}

.display-block {
    display: block !important;
}

.no-border {
    border: 0px solid #aaa;
}

footer {
    background-color: rgba(58, 46, 108, 0.8);
    color: #fff;
    width: 100%;
    text-align: center;
    height: 50px;
    font-weight: 600;
    min-width: 260px;
}

footer #lblFooter {
    height: auto !important;
}

.footer-container {
    position: initial !important;
}

.link {
    cursor: pointer;
}

.indexHigh{
    z-index: 100;
}

/* ----- Formulario ----- */

.form-control,
.form-control:focus {
    color: #767676;
}

.form-ingreso {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}

.btn-link,
.btn-primario,
.btn-primario-outline,
.btn-secundario {
    cursor: pointer;
}

#btnSubmit:disabled,
#pnlBotonesImg .btn:disabled,
#pnlBotones .btn:disabled {
    opacity: 1;
    pointer-events: none !important;
    background-color: #EFEFEF;
    color: #939393 !important;
    cursor: default;
}

.btn-link:hover {
    color: #573B95;
}

.btn-Contacto-gray{background: #8C81A8!important;}
.btn-Contacto-none{  background: none !important;}

.border-requerido {
    border-color: #EB2025!important;
}

/* ----- Cambio Clave Accesso ----- */

#lIndicaciones {
    margin-bottom: 0px;
}

#lIndicaciones li {
    font-size: 13px;
    color: #fff;
}


/* ----- Login Hardtoken ----- */
.img-phrase {
    max-height: 109px;
}


/* ----- Activación ----- */

.form-step {
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    position: relative;
}

.form-step.current-step {
    background-color: #C9B2F1;
    border-color: #C9B2F1;
}

.form-step.current-step span {
    color: #573B95 !important;
}

.form-step.done {
    border-color: #C9B2F1;
}

.icon-group {
    position: relative;
}

.vti-ayuda {
    background-color: #EEEBF4;
    border-radius: 50%;
    color: #573B95;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    padding-top: 8px;
    position: absolute;
    right: -35px;
    top: 24px;
    text-align: center;
    /*transform: translateY(-50%);*/
    width: 30px !important;
}

.wrap-input-label .vti-ayuda {
    top: 30px;
}

.page-4th-step .vti-ayuda {
    right: 0;
}

.split-line {
    background-color: #979797;
    margin-bottom: 18px;
    height: 1px;
    width: 100%;
}

.step-line {
    background-color: #d8d8d8;
    border-radius: 3px;
    height: 4px;
    width: 5% !important;
}

.step-line.done {
    background-color: #C9B2F1;
}

#txtStepDesc {
    line-height: 32px;
}

#dtgSliderImg tbody {
   display: table-row-group
}

#dtgSliderImg tbody tr{
    display: inline-table
}

#dtgSliderImg img {
    cursor: pointer;
    object-fit: cover;
}

.img-selected {
    position: relative;
}

.img-selected:before {
    background-color: #21D218;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.53);
    /*content: "\e807"; vti-check Sprint 23 */
    content: "\e808"; /* Sprint 24*/
    color: #fff;
    font-family: 'fontello';
    font-size: 14px;
    line-height: 14px;
    margin-left: 50px;
    margin-top: -8px;
    padding: 3px;
    position: absolute;
    z-index: 1;
}

.slider-wrapper {
    position: relative;
}

.btn-slider {
    background-color: transparent;
    color: #858585;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
}

.btn-slider-prev {
    left: -40px;
}

.btn-slider-next {
    right: -40px;
}

.btn-slider[disabled] {
    color: #eeebf4;
}

.vti-check-green {
    background-color: #21D218;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 9px;
}

.vti-check-green-m {
    background-color: #21D218;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 17px;
}

.validation-tooltip {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5);
    padding: 12px 20px;
    position: absolute;
    bottom: 110%;
    right: -51px;
    width: 300px;
    z-index: 1000;
}

.validation-tooltip:before {
    content: "";
    background-color: #fff;
    display: block;
    height: 17px;
    position: absolute;
    bottom: 0;
    right: 7px;
    width: 40px;
    z-index: 2;
}

.validation-tooltip:after {
    background-color: #fff;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5);
    content: "";
    color: #fff;
    display: block;
    height: 18px;
    position: absolute;
    bottom: -9px;
    right: 16px;
    transform: rotate(45deg);
    width: 18px;
    z-index: 1;
}

.wrap-input-label .validation-tooltip {
    bottom: 90%;
    right: -44px;
}

#pnlValidPass.validation-tooltip {
    padding: 12px 12px 12px 30px;
}

.condition {
    position: relative;
}

.condition:before {
    border: 1px solid transparent;
    border-radius: 50%;
    content: "";
    font-family: "fontello";
    font-size: 11px;
    line-height: 11px;
    padding: 3px;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
}

.condition.valid:before {
    border-color: #21D218;
    /*content: "\e807"; vti-check Sprint 23 */
    content: "\e808"; /* Sprint 24*/
    color: #21D218;
}

.condition.wrong:before {
    border-color: #EB2025;
    content: "\e806";
    color: #EB2025;
}

.redirect-msg-modal {
    background-color: rgba(80, 55, 138, 0.6);
    z-index: 1;
    position: fixed!important;
}

.redirect-msg-modal2 {
    position: fixed!important;
}

.redirect-msg {
    border-radius: 8px;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
    max-width: 400px;
    z-index: 1;
}

.confirmation-msg {
    border-radius: 8px;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
    max-width: 600px;
    z-index: 1;
}

/* ---------- Evitar flash en procesos ---------- */

.P01S099_PROPUESTA_VALIDACION,
.txtErrorPass,
.P01S099_PROPUESTA_VALIDACION1,
.txtErrorUser,
.P01S099_PROPUESTA_VALIDACION2,
.txtErrorEmail,
.P02S006_REGEX_NUEVA_CONTRA,
.pnlInnerPass,
.pnlValidPass,
.txtMsgErrorNewPass,
.P02S014_CAMBIO_IMG_NXT,
.P03S014_CAMBIO_IMG_PREV,
.P04S014_SELECT_IMG,
.dtgSliderImg,
.btnNextSlide,
.btnPrevSlide,
.P02S036_REGEX_NUEVA_CONTRA,
.P00000_INVALID_CAMPO_1,
.P00000_INVALID_CAMPO_2,
.P00000_INVALID_CAMPO_3,
.P00000_VALID_CAMPO_1,
.P00000_VALID_CAMPO_2,
.P00000_VALID_CAMPO_3,
.pnlBotones,
.pnlBotonesImg,
.P01S000_CLEAN_STORAGE,
.P01S048_REGEX_NUEVA_CONTRA,
.iptAns1,
.iptAns2,
.iptAns3 {
    display: none !important;
}


/* ---------- Evitar flash en procesos, labels formularios con error ----------- */

[class^="lblError"],
[class*="lblError"],
[class^="P_ERROR_"],
[class*="P_ERROR_"],
.btnSubmit {
    display: none !important;
}


/* ----- Iconos fontello-----*/

@font-face {
    font-family: 'fontello';
    src: url('../../../../api/resources/192/fontello');
    font-weight: normal;
    font-style: normal;
}

.vticon {
    font-family: "fontello";
    display: inline-block;
    speak: none;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vti-caret-down:before { content: '\e800'; } 
.vti-caret-up:before { content: '\e801'; } 
.vti-btn_anterior:before { content: '\e802'; } 
.vti-guia-user:before { content: '\e803'; } 
.vti-btn_siguiente:before { content: '\e804'; } 
.vti-cashback:before { content: '\e805'; } 
.vti-cerrar_alerta:before { content: '\e806'; } 
.vti-img_acciones_descargar_constancia-1:before { content: '\e807'; } 
.vti-check:before { content: '\e808'; } 
.vti-contacto:before { content: '\e809'; } 
.vti-contacto1:before { content: '\e80a'; } 
.vti-credito:before { content: '\e80b'; } 
.vti-empresas:before { content: '\e80c'; } 
.vti-error:before { content: '\e80d'; } 
.vti-fondo_inversion:before { content: '\e80e'; } 
.vti-dot-3:before { content: '\e80f'; } 
.vti-gobiernos:before { content: '\e810'; } 
.vti-consultas:before { content: '\e811'; } 
.vti-ayuda:before { content: '\e812'; } 
.vti-home:before { content: '\e813'; } 
.vti-horarios:before { content: '\e814'; } 
.vti-hour-glass:before { content: '\e815'; } 
.vti-pago-sat-1:before { content: '\e816'; } 
.vti-calendario:before { content: '\e817'; } 
.vti-buscar:before { content: '\e818'; } 
.vti-personas:before { content: '\e819'; } 
.vti-responsive_menu:before { content: '\e81a'; } 
.vti-salir:before { content: '\e81b'; } 
.vti-seguridad:before { content: '\e81c'; } 
.vti-servicios:before { content: '\e81d'; } 
.vti-sincronizar:before { content: '\e81e'; } 
.vti-tarifas:before { content: '\e81f'; } 
.vti-tc:before { content: '\e820'; } 
.vti-transferir:before { content: '\e821'; } 
.vti-anticipo_nomina:before { content: '\e822'; } 
.vti-btn_admin:before { content: '\e823'; } 
.vti-mas:before { content: '\e824'; } 
.vti-minus:before { content: '\e825'; } 
.vti-descargar:before { content: '\e826'; } 
.vti-detalle_cuenta:before { content: '\e827'; } 
.vti-cuentas:before { content: '\e828'; } 
.vti-editar_columnas:before { content: '\e829'; } 
.vti-pagos:before { content: '\e82a'; } 
.vti-notificacion:before { content: '\e82b'; } 
.vti-mesa_dinero:before { content: '\e82c'; } 
.vti-imprimir:before { content: '\e82d'; } 
.vti-linea-credito:before { content: '\e82e'; } 
.vti-estados-cuentas:before { content: '\e82f'; } 
.vti-imagen-1:before { content: '\e830'; } 
.vti-caret-left:before { content: '\e831'; } 
.vti-caret-right:before { content: '\e832'; } 
.vti-hardtoken:before { content: '\e833'; } 
.vti-pago-sat:before { content: '\e834'; } 
.vti-imagen:before { content: '\e835'; } 
.vti-cambio:before { content: '\e836'; } 
.vti-checklist:before { content: '\e837'; } 
.vti-cambio-pass:before { content: '\e838'; } 
.vti-info:before { content: '\e839'; } 
.vti-cambiar_ajuste:before { content: '\e83a'; } 
.vti-editar:before { content: '\e83b'; } 
.vti-trash:before { content: '\e83c'; } 
.vti-limpiar-filtro:before { content: '\e83d'; } 
.vti-icon-clock:before { content: '\e83e'; } 
.vti-todas-cuentas:before { content: '\e83f'; } 
.vti-comprobante:before { content: '\e840'; } 
.vti-personalizar-alias-menu:before { content: '\e841'; } 
.vti-transf-pagos-menu:before { content: '\e842'; } 
.vti-segur-acceso-menu:before { content: '\e843'; } 
.vti-historial-trx-menu:before { content: '\e844'; } 
.vti-cuentas-dest-menu:before { content: '\e845'; } 
.vti-reponer:before { content: '\e846'; } 
.vti-reportar:before { content: '\e847'; } 
.vti-user-cancel:before { content: '\e848'; } 
.vti-user-ok:before { content: '\e849'; } 
.vti-inversion:before { content: '\e84a'; } 
.vti-user-risk-block:before { content: '\e84b'; } 
.vti-user-risk-unblock:before { content: '\e84c'; } 
.vti-user-unblock:before { content: '\e84d'; } 
.vti-cambio-1:before { content: '\e84e'; } 
.vti-editar2:before { content: '\e84f'; } 
.vti-reenviar-pass:before { content: '\e850'; } 
.vti-user-block:before { content: '\e851'; } 
.vti-check-circulo:before { content: '\e852'; } 
.vti-inversiones:before { content: '\e853'; } 
.vti-cancelar-banca:before { content: '\e854'; } 
.vti-star:before { content: '\e855'; } 
.vti-hardtoken1:before { content: '\e856'; } 
.vti-recibo:before { content: '\e857'; } 
.vti-recontratar:before { content: '\e858'; } 
.vti-user-new:before { content: '\e859'; } 
.vti-banca-movil:before { content: '\e85a'; } 
.vti-editar-mancomuna:before { content: '\e85b'; } 
.vti-portabilidad-cancel:before { content: '\e85c'; } 
.vti-portabilidad:before { content: '\e85d'; } 
.vti-config-params:before { content: '\e85e'; } 
.vti-admin-tdc:before { content: '\e85f'; } 
.vti-liberacion-cheques:before { content: '\e860'; } 
.vti-imprimir_formato:before { content: '\e861'; } 
.vti-cerrar_grupo:before { content: '\e862'; } 
.vti-editar_comision:before { content: '\e863'; } 
.vti-banca-digital:before { content: '\e864'; } 
.vti-otros:before { content: '\e865'; } 
.vti-activar_grupo:before { content: '\e866'; } 
.vti-cuentas_vista_TDN:before { content: '\e867'; } 
.vti-icon_filter:before { content: '\e868'; } 
.vti-checklist-1:before { content: '\e869'; } 
.vti-coins:before { content: '\e86a'; } 
.vti-servicios_empresariales:before { content: '\e86b'; } 
.vti-cambio-pass-1:before { content: '\e86c'; } 
.vti-info-1:before { content: '\e86d'; } 
.vti-editar-1:before { content: '\e86e'; } 
.vti-trash-1:before { content: '\e86f'; } 
.vti-coins-1:before { content: '\e870'; } 
.vti-limpiar-filtro-1:before { content: '\e871'; } 
.vti-icon-clock-1:before { content: '\e872'; } 
.vti-todas-cuentas-1:before { content: '\e873'; } 
.vti-comprobante-1:before { content: '\e874'; } 
.vti-personalizar-alias-menu-1:before { content: '\e875'; } 
.vti-transf-pagos-menu-1:before { content: '\e876'; } 
.vti-segur-acceso-menu-1:before { content: '\e877'; } 
.vti-historial-trx-menu-1:before { content: '\e878'; } 
.vti-cuentas-dest-menu-1:before { content: '\e879'; } 
.vti-reponer-1:before { content: '\e87a'; } 
.vti-reportar-1:before { content: '\e87b'; } 
.vti-user-cancel-1:before { content: '\e87c'; } 
.vti-user-ok-1:before { content: '\e87d'; } 
.vti-user-risk-block-1:before { content: '\e87e'; } 
.vti-user-risk-unblock-1:before { content: '\e87f'; } 
.vti-lateral_contrata:before { content: '\e880'; } 
.vti-user-unblock-1:before { content: '\e881'; } 
.vti-reenviar-pass-1:before { content: '\e882'; } 
.vti-user-block-1:before { content: '\e883'; } 
.vti-check-circulo-1:before { content: '\e884'; } 
.vti-inversiones-1:before { content: '\e885'; } 
.vti-cancelar-banca-1:before { content: '\e886'; } 
.vti-star-1:before { content: '\e887'; } 
.vti-hardtoken1-1:before { content: '\e888'; } 
.vti-recibo-1:before { content: '\e889'; } 
.vti-recontratar-1:before { content: '\e88a'; } 
.vti-user-new-1:before { content: '\e88b'; } 
.vti-banca-movil-1:before { content: '\e88c'; } 
.vti-img_icono_export_pdf:before { content: '\e88d'; } 
.vti-portabilidad-cancel-1:before { content: '\e88e'; } 
.vti-portabilidad-1:before { content: '\e88f'; } 
.vti-config-params-1:before { content: '\e890'; } 
.vti-admin-tdc-1:before { content: '\e891'; } 
.vti-liberacion-cheques-1:before { content: '\e892'; } 
.vti-cancelar-cheques:before { content: '\e893'; } 
.vti-cheques-new-menu:before { content: '\e894'; } 
.vti-banca-digital-1:before { content: '\e895'; } 
.vti-portabilidad-2:before { content: '\e896'; } 
.vti-tarjetas-new-menu:before { content: '\e897'; } 
.vti-creditos-megamenu:before { content: '\e898'; } 
.vti-saldo-disponible:before { content: '\e899'; } 
.vti-btn_delete:before { content: '\e89a'; } 
.vti-servicios_empresariales-1:before { content: '\e89b'; } 
.vti-tarjeta_negocios:before { content: '\e89c'; } 
.vti-cuentas_vista_TDN-1:before { content: '\e89d'; } 
.vti-admin-usuarios:before { content: '\e89e'; } 
.vti-icon_deshacer:before { content: '\e89f'; } 
.vti-cep_lote:before { content: '\e8a0'; } 
.vti-reporte_transf:before { content: '\e8a1'; } 
.vti-detalle_transf:before { content: '\e8a2'; } 
.vti-icon_upload:before { content: '\e8a3'; } 
.vti-editar2-1:before { content: '\e8a4'; } 
.vti-send:before { content: '\e8a5'; } 
.vti-img_icono_export_xls:before { content: '\e8a6'; } 
.vti-img_icono_export_txt:before { content: '\e8a7'; } 
.vti-ayuda-encabezado:before { content: '\e8a8'; } 
.vti-simular-saldo:before { content: '\e8a9'; } 
.vti-movs-grupo:before { content: '\e8aa'; } 
.vti-vti-quitar-2:before { content: '\e8ab'; } 
.vti-vti-quitar:before { content: '\e8ac'; } 
.vti-cuenta_conecta_icon:before { content: '\e8ad'; } 
.vti-financiamiento_icon:before { content: '\e8ae'; } 
.vti-icon_alta_destinos:before { content: '\e8af'; } 
.vti-icon_nomina:before { content: '\e8b0'; } 
.vti-icon_tarjetas_debito_negocios:before { content: '\e8b1'; } 
.vti-icon_obtener_cep_lote:before { content: '\e8b2'; } 
.vti-icon_reenviar_notificaciones:before { content: '\e8b3'; } 
.vti-icon_reporte_transferencias:before { content: '\e8b4'; } 
.vti-icon_volver_cargar_transferencia:before { content: '\e8b5'; } 
.vti-icon_cancelar_transferencia_archivo:before { content: '\e8b6'; } 
.vti-ver-movs:before { content: '\e8b7'; } 
.vti-ver-saldos:before { content: '\e8b8'; } 
.vti-download-file:before { content: '\e8b9'; } 
.vti-delete-employee:before { content: '\e8ba'; } 
.vti-update-employee:before { content: '\e8bb'; } 
.vti-money-ops:before { content: '\e8bc'; } 
.vti-saldo:before { content: '\e8bd'; } 
.vti-ver-todos:before { content: '\e8be'; } 
.vti-atras:before { content: '\e8bf'; } 
.vti-movimientos:before { content: '\e8c0'; } 
.vti-opciones-1:before { content: '\e8c1'; } 
.vti-icon_desbloquear:before { content: '\e8f5'; } 
.vti-vti-user:before { content: '\eae6'; } 
.vti-vti-burbuja-de-chat:before { content: '\eae7'; } 
.vti-opciones:before { content: '\f142'; } 


.pointer {cursor: pointer;}


/* ---------- Manejo de Errores ---------- */

.lbl-txt {
    font-size: 14px;
    color: #4d4d4d;
}

.lbl-show {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.5s linear;
}

.lbl-hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.1s, opacity 0.1s linear;
}

.lbl-h-auto {
    height: auto !important;
    min-height: 20px;
}

.border-error {border: 1px solid #E51100 !important;}

.border-normal {border: 1px solid #ced4da !important;}

.ipt-txt-error {color: #e51100;}

.ipt-txt-normal {color: #767676;}

.ipt-txt-error {color: #e51100;}

.ipt-txt-normal {color: #767676;}

.hint-white::placeholder {color: #fff;}

.line-height-20pt {line-height: 20pt;}


/* Estilos generales */

.panel-height-auto {
    height: auto !important;
}

.panel-content-auto {
    height: calc(100vh - 100px);
}

.panel-content {
    height: calc(100vh - 100px);
}

.panel-left {
    border-radius: 8px 0 0 8px;
    max-width: 635px;
}

.panel-right, .panel-right-no-height {
    border-radius: 8px;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.5);
    max-width: 724px;
}

.panel-right {
    height: auto !important;
    min-height: 500px;
}

.panel-max-width {
    max-width: 450px !important;
}

.panel-login {
    border-radius: 8px;
    height: auto;
    max-width: 410px;
    min-height: 416px;
    width: 100%;
}

.field-underline:after {
    background-color: #D4D3D3;
    content: "";
    margin-top: 12px;
    height: 1px;
    display: block;
    width: 100%;
}

.user-form-container {
    opacity: 0;
}

.infoLogin::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
    vertical-align: middle;
}

.display-none{
     display: none !important;
}

/* Se adiciona para ocultar de entrada el menu hamburguesa */
.header .link.vticon {
    display: none !important;
}

.tit-login{ 
    color: #FFC107;
}


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .panel-content:not(.fit-screen) {
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
    }
    .panel-left {
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 90%;
    }
    .panel-right, .panel-right-no-height {
        max-width: 100% !important;
        padding-left: 40px;
        padding-right: 40px;
        width: 100%;
    }
    .panel-botones {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 90% !important;
    }
    .panel-botones .btn {
        margin-bottom: 6px;
        margin-top: 6px;
        width: 100% !important;
     }
     .panel-boton {
         width: 90% !important; 
     }
     .panel-left .btn {
         margin-bottom: 16px;
         margin-top: 16px;  
     }
    .form-steps {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
        width: 100% !important;
    }
    .form-step {
        height: 35px !important;
        width: 35px !important;
    }
    .step {
        font-size: 20px;
    }
    .wrap-input-label {
        width: 90% !important;
     }
    .header .link.vticon {
        display: block !important;
        transform: translateY(-50%);
    }
    .header.panel-header {
        flex-direction: column !important;
        justify-content: flex-start !important;
        position: absolute;
        z-index: 120;
        display: none !important;
        height: auto !important;
    }
    .header.panel-header.show {
        display: block !important;
        top: 50px;
        left: 0;
    }
    .header.panel-header .link {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        padding: 10px 16px;
    }
    .header.panel-header .link .vticon {
        margin-right: 18px !important;
    }
    .header .link.vti-responsive_menu {
        font-size: 18px !important;
    }
    .header .link.vti-cerrar_alerta {
        font-size: 20px !important;
    }

    #pnlSlider
    {
        width: 320px !important;
    }

    #dtgSliderImg tr td
    {
        width: 50px !important;
        height: 50px !important;
    }

    #dtgSliderImg tr td img
    {
        width: 50px !important;
        height: 50px !important;
    }

    .loginMensajeInfMedia{
	width: 100% !important;
        margin-left: 0px !important;
    }

}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
    .panel-content:not(.fit-screen) {
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
    }
    .panel-left {
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        height: auto;
        width: 90%;
    }
    .panel-right, .panel-right-no-height {
        max-width: 100% !important;
        width: 100%;
    }
     .panel-left .btn {
         margin-bottom: 16px;
         margin-top: 16px;  
     }
    .header .link.vticon {
        display: block !important;
        transform: translateY(-50%);
    }
    .header.panel-header {
        flex-direction: column !important;
        justify-content: flex-start !important;
        position: absolute;
        z-index: 120;
        display: none !important;
        height: auto !important;
    }
    .header.panel-header.show {
        display: block !important;
        top: 50px;
        left: 0;
    }
    .header.panel-header .link {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        padding: 10px 16px;
    }
    .header.panel-header .link .vticon {
        margin-right: 18px !important;
    }
    .header .link.vti-responsive_menu {
        font-size: 18px !important;
    }
    .header .link.vti-cerrar_alerta {
        font-size: 20px !important;
    }

     .loginMensajeInfMedia{
	width: 100% !important;
        margin-left: 0px !important;
    }

}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    .panel-content:not(.fit-screen) {
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
    }
    .panel-left {
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        height: auto;
        width: 60%;
    }
     .panel-left .btn {
         margin-bottom: 16px;
         margin-top: 16px;  
     }
    .panel-right, .panel-right-no-height {
        max-width: 100% !important;
        width: 80%;
    }
    .header .link.vticon {
        display: block !important;
        transform: translateY(-50%);
    }
    .header.panel-header {
        flex-direction: column !important;
        justify-content: flex-start !important;
        position: absolute;
        z-index: 120;
        display: none !important;
        height: auto !important;
    }
    .header.panel-header.show {
        display: block !important;
        top: 50px;
        left: 0;
    }
    .header.panel-header .link {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        padding: 10px 16px;
    }
    .header.panel-header .link .vticon {
        margin-right: 18px !important;
    }
    .header .link.vti-responsive_menu {
        font-size: 18px !important;
    }
    .header .link.vti-cerrar_alerta {
        font-size: 20px !important;
    }
    
     .loginMensajeInfMedia{
	width: 100% !important;
        margin-left: 0px !important;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .panel-left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel-right {
        width: 52% !important;
    }

     .header.panel-header .link .vticon {
        margin-right: 10px !important;
    }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
     .header.panel-header.fpn-row-nowrap-between-center
    {
        max-width: 1400px !important;
    }
}

@media (max-height: 690px) {
     .panel-content-auto
    {
        height: auto;
    }
}

/* Vertical media querie
     Soluciona el solapamiento de los bloques con el footer
*/
@media (max-height: 600px) {
    .panel-content
    {
        height: auto;
    }
}

/* Estilos para resoluciones móviles por debajo de 450 px */

@media (max-width: 450px)
{
    #pnlSlider
    {
        width: 210px !important;
    }

    #dtgSliderImg tr td
    {
        width: 50px !important;
        height: 50px !important;
    }

    #dtgSliderImg tr td img
    {
        width: 50px !important;
        height: 50px !important;
    }
}

.landing-modal {
    background-color: rgba(216, 216, 216, 0.75) !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 150 !important;
}

.modal-container {
    border-radius: 8px;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
    max-width: 400px;
}

.modal-container-m {
    border-radius: 8px;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
    max-width: 580px;
}

.modal-container-l {
    border-radius: 8px;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
    max-height: 90%;
    max-width: 660px;
    min-width: 600px;
    overflow-y: auto;
    padding: 20px;
}

.link4-disabled {
    pointer-events: none;
    cursor: default;
    color: #767676 !important;
}

.hoverMenu:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.selectedMenu {
    background-color: rgba(255, 255, 255, 0.4);
}

#vtAlert {
    max-width: 500px;
    margin: 0 auto;
    height: auto;
    text-align: left;
    vertical-align: middle;
    background-color: #ffffff;
    border: medium none;
    font-size: 14px;
    color: #fbf8f8;
    padding: 20px;
    border-radius: 3px;
    z-index: 1;
    position: fixed!important;
    box-shadow: 0 3px 11px 0 rgba(117, 117, 117, 0.5);
}

#vtAlert_content {
    text-align: left;
    width: 100%;
    padding: 35px 0px 20px;
    font-size:16px; 
    color:#727272; 
    text-align:center;
    border-radius: 8px;
    font-family: 'Signika', sans-serif !important;
    font-weight: 600;
}

#vtAlert_footer {
    height: 50px;
    padding: 35px 10px;
    text-align: center;
}

#vtAlert_button {
    width:270px; 
    height:38px; 
    border: 1px solid #fff;
    border-radius: 6px;
    background-color:#573B95; 
    color:#fff; 
    font-weight:600;
    float: none!important;

}

#vtAlert hr {
    margin: 0px;
    border-top-width: 0px;
    background-color: #ffffff;
    width: 79%;
    margin: 0px 0px;
}

#vtAlert_content:before {
    content: "Ha ocurrido un error";
    width: 100%;
    display: block;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #D4D3D3;
    color: rgb(87, 59, 149);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    
}

/*Banderas Codigo Pais*/
.flag {width: 16px;height: 16px;background:  url('../../../../api/resources/192/flagsCel') no-repeat;}
._African_Union { background-position: 0 -16px; }
._Arab_League { background-position: 0 -32px; }
._ASEAN { background-position: 0 -48px; }
._CARICOM { background-position: 0 -64px; }
._CIS { background-position: 0 -80px; }
._Commonwealth { background-position: 0 -96px; }
._England { background-position: 0 -112px; }
._European_Union { background-position: 0 -128px; }
._Islamic_Conference { background-position: 0 -144px; }
._Kosovo { background-position: 0 -160px; }
._NATO { background-position: 0 -176px; }
._Northern_Cyprus { background-position: 0 -192px; }
._Northern_Ireland { background-position: 0 -208px; }
._Olimpic_Movement { background-position: 0 -224px; }
._OPEC { background-position: 0 -240px; }
._Red_Cross { background-position: 0 -256px; }
._Scotland { background-position: 0 -272px; }
._Somaliland { background-position: 0 -288px; }
._Tibet { background-position: 0 -304px; }
._United_Nations { background-position: 0 -320px; }
._Wales { background-position: 0 -336px; }
.ad { background-position: 0 -352px; }
.ae { background-position: 0 -368px; }
.af { background-position: 0 -384px; }
.ag { background-position: 0 -400px; }
.ai { background-position: 0 -416px; }
.al { background-position: 0 -432px; }
.am { background-position: 0 -448px; }
.an { background-position: 0 -464px; }
.ao { background-position: 0 -480px; }
.aq { background-position: 0 -496px; }
.ar { background-position: 0 -512px; }
.as { background-position: 0 -528px; }
.at { background-position: 0 -544px; }
.au { background-position: 0 -560px; }
.aw { background-position: 0 -576px; }
.az { background-position: 0 -592px; }
.ba { background-position: 0 -608px; }
.bb { background-position: 0 -624px; }
.bd { background-position: 0 -640px; }
.be { background-position: 0 -656px; }
.bf { background-position: 0 -672px; }
.bg { background-position: 0 -688px; }
.bh { background-position: 0 -704px; }
.bi { background-position: 0 -720px; }
.bj { background-position: 0 -736px; }
.bm { background-position: 0 -752px; }
.bn { background-position: 0 -768px; }
.bo { background-position: 0 -784px; }
.br { background-position: 0 -800px; }
.bs { background-position: 0 -816px; }
.bt { background-position: 0 -832px; }
.bw { background-position: 0 -848px; }
.by { background-position: 0 -864px; }
.bz { background-position: 0 -880px; }
.ca { background-position: 0 -896px; }
.cg { background-position: 0 -912px; }
.cf { background-position: 0 -928px; }
.cd { background-position: 0 -944px; }
.ch { background-position: 0 -960px; }
.ci { background-position: 0 -976px; }
.ck { background-position: 0 -992px; }
.cl { background-position: 0 -1008px; }
.cm { background-position: 0 -1024px; }
.cn { background-position: 0 -1040px; }
.co { background-position: 0 -1056px; }
.cr { background-position: 0 -1072px; }
.cu { background-position: 0 -1088px; }
.cv { background-position: 0 -1104px; }
.cy { background-position: 0 -1120px; }
.cz { background-position: 0 -1136px; }
.de { background-position: 0 -1152px; }
.dj { background-position: 0 -1168px; }
.dk { background-position: 0 -1184px; }
.dm { background-position: 0 -1200px; }
.do { background-position: 0 -1216px; }
.dz { background-position: 0 -1232px; }
.ec { background-position: 0 -1248px; }
.ee { background-position: 0 -1264px; }
.eg { background-position: 0 -1280px; }
.eh { background-position: 0 -1296px; }
.er { background-position: 0 -1312px; }
.es { background-position: 0 -1328px; }
.et { background-position: 0 -1344px; }
.fi { background-position: 0 -1360px; }
.fj { background-position: 0 -1376px; }
.fm { background-position: 0 -1392px; }
.fo { background-position: 0 -1408px; }
.fr { background-position: 0 -1424px; }
.ga { background-position: 0 -1440px; }
.gb { background-position: 0 -1456px; }
.gd { background-position: 0 -1472px; }
.ge { background-position: 0 -1488px; }
.gg { background-position: 0 -1504px; }
.gh { background-position: 0 -1520px; }
.gi { background-position: 0 -1536px; }
.gl { background-position: 0 -1552px; }
.gm { background-position: 0 -1568px; }
.gn { background-position: 0 -1584px; }
.gp { background-position: 0 -1600px; }
.gq { background-position: 0 -1616px; }
.gr { background-position: 0 -1632px; }
.gt { background-position: 0 -1648px; }
.gu { background-position: 0 -1664px; }
.gw { background-position: 0 -1680px; }
.gy { background-position: 0 -1696px; }
.hk { background-position: 0 -1712px; }
.hn { background-position: 0 -1728px; }
.hr { background-position: 0 -1744px; }
.ht { background-position: 0 -1760px; }
.hu { background-position: 0 -1776px; }
.id { background-position: 0 -1792px; }
.mc { background-position: 0 -1792px; }
.ie { background-position: 0 -1808px; }
.il { background-position: 0 -1824px; }
.im { background-position: 0 -1840px; }
.in { background-position: 0 -1856px; }
.iq { background-position: 0 -1872px; }
.ir { background-position: 0 -1888px; }
.is { background-position: 0 -1904px; }
.it { background-position: 0 -1920px; }
.je { background-position: 0 -1936px; }
.jm { background-position: 0 -1952px; }
.jo { background-position: 0 -1968px; }
.jp { background-position: 0 -1984px; }
.ke { background-position: 0 -2000px; }
.kg { background-position: 0 -2016px; }
.kh { background-position: 0 -2032px; }
.ki { background-position: 0 -2048px; }
.km { background-position: 0 -2064px; }
.kn { background-position: 0 -2080px; }
.kp { background-position: 0 -2096px; }
.kr { background-position: 0 -2112px; }
.kw { background-position: 0 -2128px; }
.ky { background-position: 0 -2144px; }
.kz { background-position: 0 -2160px; }
.la { background-position: 0 -2176px; }
.lb { background-position: 0 -2192px; }
.lc { background-position: 0 -2208px; }
.li { background-position: 0 -2224px; }
.lk { background-position: 0 -2240px; }
.lr { background-position: 0 -2256px; }
.ls { background-position: 0 -2272px; }
.lt { background-position: 0 -2288px; }
.lu { background-position: 0 -2304px; }
.lv { background-position: 0 -2320px; }
.ly { background-position: 0 -2336px; }
.ma { background-position: 0 -2352px; }
.md { background-position: 0 -2368px; }
.me { background-position: 0 -2384px; }
.mg { background-position: 0 -2400px; }
.mh { background-position: 0 -2416px; }
.mk { background-position: 0 -2432px; }
.ml { background-position: 0 -2448px; }
.mm { background-position: 0 -2464px; }
.mn { background-position: 0 -2480px; }
.mo { background-position: 0 -2496px; }
.mq { background-position: 0 -2512px; }
.mr { background-position: 0 -2528px; }
.ms { background-position: 0 -2544px; }
.mt { background-position: 0 -2560px; }
.mu { background-position: 0 -2576px; }
.mv { background-position: 0 -2592px; }
.mw { background-position: 0 -2608px; }
.mx { background-position: 0 -2624px; }
.my { background-position: 0 -2640px; }
.mz { background-position: 0 -2656px; }
.na { background-position: 0 -2672px; }
.nc { background-position: 0 -2688px; }
.ne { background-position: 0 -2704px; }
.ng { background-position: 0 -2720px; }
.ni { background-position: 0 -2736px; }
.nl { background-position: 0 -2752px; }
.no { background-position: 0 -2768px; }
.np { background-position: 0 -2784px; }
.nr { background-position: 0 -2800px; }
.nz { background-position: 0 -2816px; }
.om { background-position: 0 -2832px; }
.pa { background-position: 0 -2848px; }
.pe { background-position: 0 -2864px; }
.pf { background-position: 0 -2880px; }
.pg { background-position: 0 -2896px; }
.ph { background-position: 0 -2912px; }
.pk { background-position: 0 -2928px; }
.pl { background-position: 0 -2944px; }
.pr { background-position: 0 -2960px; }
.ps { background-position: 0 -2976px; }
.pt { background-position: 0 -2992px; }
.pw { background-position: 0 -3008px; }
.py { background-position: 0 -3024px; }
.qa { background-position: 0 -3040px; }
.re { background-position: 0 -3056px; }
.ro { background-position: 0 -3072px; }
.rs { background-position: 0 -3088px; }
.ru { background-position: 0 -3104px; }
.rw { background-position: 0 -3120px; }
.sa { background-position: 0 -3136px; }
.sb { background-position: 0 -3152px; }
.sc { background-position: 0 -3168px; }
.sd { background-position: 0 -3184px; }
.se { background-position: 0 -3200px; }
.sg { background-position: 0 -3216px; }
.si { background-position: 0 -3232px; }
.sk { background-position: 0 -3248px; }
.sl { background-position: 0 -3264px; }
.sm { background-position: 0 -3280px; }
.sn { background-position: 0 -3296px; }
.so { background-position: 0 -3312px; }
.sr { background-position: 0 -3328px; }
.st { background-position: 0 -3344px; }
.sv { background-position: 0 -3360px; }
.sy { background-position: 0 -3376px; }
.sz { background-position: 0 -3392px; }
.tc { background-position: 0 -3408px; }
.td { background-position: 0 -3424px; }
.tg { background-position: 0 -3440px; }
.th { background-position: 0 -3456px; }
.tj { background-position: 0 -3472px; }
.tl { background-position: 0 -3488px; }
.tm { background-position: 0 -3504px; }
.tn { background-position: 0 -3520px; }
.to { background-position: 0 -3536px; }
.tr { background-position: 0 -3552px; }
.tt { background-position: 0 -3568px; }
.tv { background-position: 0 -3584px; }
.tw { background-position: 0 -3600px; }
.tz { background-position: 0 -3616px; }
.ua { background-position: 0 -3632px; }
.ug { background-position: 0 -3648px; }
.us {background-position: 0 -3664px;}
.uy { background-position: 0 -3680px; }
.uz { background-position: 0 -3696px; }
.va { background-position: 0 -3712px; }
.vc { background-position: 0 -3728px; }
.ve { background-position: 0 -3744px; }
.vg { background-position: 0 -3760px; }
.vi { background-position: 0 -3776px; }
.vn { background-position: 0 -3792px; }
.vu { background-position: 0 -3808px; }
.ws { background-position: 0 -3824px; }
.ye { background-position: 0 -3840px; }
.za { background-position: 0 -3856px; }
.zm { background-position: 0 -3872px; }
.zw { background-position: 0 -3888px; }


.combo-pais {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}

.input-cel {
border-left-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}

.combo-open .custom-combo-style-2 {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
    height: auto;
    max-height: 300px;
}

.combo-searcher .vti-buscar {
    right: 28px;
}

.combo-searcher .vti-buscar,
.combo-searcher-style-1 .vti-buscar {
    color: #C9B2F1;
    font-size: 24px;
    height: 30px;
    padding-top: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

.custom-combo-style-2 {
    background-color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 0;
    max-height: 0;
    overflow: auto;
    position: absolute;
    top: 76px;
    transition: all 0.3s ease-in;
    z-index: 12;
}

.borde-inf-combo-pais {
    border-bottom-color: rgb(178, 178, 178);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}