@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/*********************************
 *       BASIC          *
 *********************************/
*{margin:0; padding:0;outline:none;}
 
html{
    box-sizing:border-box
}
body,html{
    height:100%;
    width:100%
}
iframe{
	min-height: 600px;
    min-width: 392px;
}
#iframeDialog{
	height: fit-content !important;
    max-width: fit-content !important;
	top: 5% !important;
	border-color: rgba(0,0,0,.2);
    border-radius: 0.3rem;
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    font-family: "Poppins", sans-serif !important;
}
h1,h1.text-1{
    font-size: 2.1em;
}
h2,h2.text-1{
    font-size: 1.8em;
    margin:10px 0;
}
.text-1{
    color:#034e67;
    margin: 0px 0px 10px;
    line-height:1.2;
    font-weight:300;
    text-transform:none;
    text-align:center;
}

@media (max-width: 340px){
    h1,h1.text-1{
        font-size: 24px;
    }
    .text-1{
        margin: 0 0 12px;
    }
}
@media (max-height: 480px) and (max-width: 640px){

    h1,h1.text-1{
        font-size: 26px;
    }
    .text-1{
        margin: 0px 0 5px!important;
    }
}

.text-3,h3{
    font-size:1.125rem;
    line-height:1.33333;
    font-weight:400;
    text-transform:none
}
.text-4,h4{
    font-size:1.125rem;
    line-height:1.33333;
    font-weight:400;
    text-transform:none
}
.text-5,h5{
    line-height:1.6;
    font-weight:500;
    color:#034e67;
    letter-spacing:-.5px;
    text-align: center;
    margin:0;
}
@media (max-height: 480px) and (max-width: 640px){
    .text-5,h5{
        margin:5px 0 0 -9px;
        width:105%;
        font-size:12.5px;
    }
}
.text-6,h6{
    font-size:.8125rem;
    line-height:1.84615385;
    font-weight:500;
    text-transform:none
}
.text-body,dd,dt,input,label,li,p{
    line-height: 1.5;
    font-weight:400;
    text-transform:none;
    outline:0;
    margin-bottom:5px;
}
input[readonly]{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-weight:600
}

ul,ol{
    padding:0;
    margin:0 0 .8rem 25px
}
ul ul{
    margin-bottom:0
}
li{
    line-height:1.6
}
dl{
    width:100%;
    overflow:hidden;
    margin-bottom: 10px;
}
@media (max-height: 480px) and (max-width: 640px){
    dl{margin-bottom:0}
}


dd,dt{
    display:inline-block;
    vertical-align: text-bottom;
}
dt{
    width: 30%;
    font-weight:500;
    color:#034e67;
    float: left;
}
dd{
    width: 70%;
    text-align:right;
    font-size: 16px;
    color:#000;
    font-weight:600;
    line-height: 1.2;
    clear:right;
    letter-spacing:-.1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
}
/*Cuenta Atras*/
#cuenta_atras{
	display:flex;
	margin:10px 10px 4px;
	text-transform: uppercase;
}
#texto_cuenta{
	flex:7;
	font-size:13px;
	color: #034e67;
	text-align:left;
	font-weight: 500;
	line-height: 1.5;	
}
#cuenta_atras .alfa{
	font-size:15px;
	color:black;
	line-height: 1.2;
    font-weight:600;
}
#dcc{
	text-align: center;
	color: #174e68;
    margin-bottom: 10px;
}
#dccok{
	color: #174e68;
}
#d0, #d2{
    font-size: 1.4rem;
}
 #d1x{
    font-size: 1.3rem;
   	text-align: center;
    margin-top: 20px;
}
#d1l{
	display: inline-block;
    text-align: left;
    margin-bottom: 0px;
}
#d1, #d2ee, #d2er, #d2aExterior, #d2bt, #selDivisa, #d2x, #d3x, #d4x, #d5{
    font-size: 1rem;
}
#cuenta_atras .pocoTiempo{
	color:red;
}

a,a:visited{
    color:#0070ba;
    text-decoration:none;
    font-weight:500;
    outline: none;
}
a:active,a:focus,a:hover{
    color:#005ea6;
    text-decoration:underline
}
li>a,p>a{
    font-weight:500
}
#aviso_contador{
	font-weight:600;
	color:#034e67;

}

#pboton{
	line-height: 3px;
}
.contador{
	color:#2733bf;
	margin-top:20px;
	text-align:center;
}
.btn,.btn-small,button{
    display:inline-block;
    padding: .4rem 0 .9rem;
    margin: 10px 0 5px;
    line-height: 1.6;
    font-weight:500;
    text-align:center;
    text-decoration:none;
    border:1px solid;
    color:#fff;
    transition:all 250ms ease;
    -webkit-font-smoothing:antialiased;
    border-radius:0;
    font-size: inherit;
    height: 50px;
}
.oct{
	padding: 0;
}
.titleDialog{
	font-weight:bold;
}
#btnContinuar, #btnPagar, .btnDialogMail, .btnDialog{
	background-color:#034e67;
	border-color:#034e67;
	
}
#btnLocal, .btnDialogMail, .btnDialog{
	background-color:#034e67;
	border-color:#034e67;
	
}
#btnExterior, .btnDialogMail, .btnDialog{
	background-color:#034e67;
	border-color:#034e67;
	
}


.btn-small:active,.btn-small:focus,
.btn-small:hover,.btn-small:visited,
.btn:active,.btn:focus,.btn:hover,
.btn:visited{
    color:#fff
}
.btn-small:visited,.btn:visited{
    text-decoration:none
}
.btn-small:focus,.btn-small:hover,.btn:focus,.btn:enabled:hover{
    color:#07b2dd;
    background-color:#fff;
    border:1px solid #07b2dd;
    box-shadow:none;
    text-decoration:none
}
.btn-small:focus,.btn:focus{
    outline:0
}
.btn+.btn,.btn+.btn-small,.btn-small+.btn,.btn-small+.btn-small{
    margin-top:10px;
}
.btn-small.btn-block small,
.btn.btn-block small{
    display:block;
    line-height:.5
}
.volverCan, .aceptarBoton{
	display:block;
	line-height:.5;
	margin-top: 9px;
}

.canSmall, .confSmall{
	display:block;
    line-height:.5;
    font-size: 80%;
    font-weight: 400;
}

@media (max-width: 748px){
    .btnGrp{
        margin: 0;
    }
}


.ok .btnGrp{
    display:block
}
.btnGrp button{
    width:calc(50% - 5px);
    flex:1;
}
@media (max-height: 480px) and (max-width: 640px){
    .btnGrp button{
        width:50%;
        margin-left: 10px!important;
        margin: 0;
    }
}
.btnGrp button:first-child{
    margin-left:0;
}
/*********************************
 *       ESTRUCTURA          *
 *********************************/

html,body{
    font-size: 14px;
}
@media (max-height: 480px) and (max-width: 640px){
    html,body{
        letter-spacing: -.4px;
        font-size: 13px;
    }
    p{
        margin-bottom:0;
    }
}


body{
    background-color:#fff;
    background-image:none;
    color:#747678;
}
header{
    display:block;
    max-width:65%;
    margin:0 auto
}
footer{
    display:block;
    max-width:65%;
    margin:0 auto;
    color:#fff
}
/*FORMULARIOS Y GESTION ERRORES*/

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{
    transition:background-color 5000s ease-in-out 5000s
}

.select{
    position:relative;
    display:block
}
select::-ms-expand{
    display:none
}
.select select{
    width:100%;
    margin:0
}
.select select:focus{
    outline:0
}
.select:after{
    font-family:tpv-icons;
    speak:none;
    font-size:1rem;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:0;
    content:"\63";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    top:54%;
    right:15px;
    z-index:2;
    pointer-events:none;
    display:none;
    color: #07b2dd;
}
.has-error .select:after{
    color:#d20000
}

@supports (-webkit-appearance:none) or (appearance:none) or ((-moz-appearance:none) and (mask-type:alpha)){
    .select:after{
        display:block
    }
    .select select{
        padding-right:2.75rem;
        background:#fff;
        border:1px solid #9da3a6;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none
    }
    .select select:focus{
        border-color:#009cde
    }
    .has-error .selectIcon_error:before{
        right:2.2rem
    }
    .has-error select{
        padding-right:4.5rem
    }
    .has-error .select::after {
    }
    .floatLabel_active select{
        position:relative;
        z-index:1;
        height:50px;
        padding:18px 15px 0;
        background:0 0;
        color:#2c2e2f
    }
    .floatLabel_active .select:before{
        position:absolute;
        top:-10px;
        left:0;
        font-size:12px;
        font-weight:500;
        content:attr(data-label-content);
        padding:0 15px;
        line-height:50px;
        margin:1px;
        z-index:0;
        white-space:nowrap;
        overflow:hidden;
        width:100%;
        text-overflow:ellipsis;
        color:#6c7378
    }
    .floatLabel_active.has-error .select:before{
        color:#d20000
    }
    .floatLabel_active.hasFocus .select:after,.floatLabel_active.hasFocus .select:before{
        color:#0070ba
    }
}
@supports ((-moz-appearance:none) and (mask-type:alpha)) or (-ms-ime-align:auto){
    .floatLabel select{
        padding-left:11px
    }
}
.open .select:after{
    content:"\65";
}

.formPagar,.formPagarBack{

}
@media (max-height:1024px) and (max-width: 767px){
 .formPagar,.formPagarBack {
    padding: 15px 25px 0;
  }
    iframe{
		min-height: 600px;
	    max-width: 480px;
	    min-width: fit-content;
	}
	#iframeDialog{
		height: 600px !important;
	    width: fit-content !important;
		top: 5% !important;
		border-color: rgba(0,0,0,.2);
	    border-radius: 0.3rem;
	}
}
}
@media (max-height:1024px) and (max-width:580px){
 .formPagar,.formPagarBack {
    padding: 0 15px 0;
    border: 0;
    width: 100%;
    margin: 0;
  }
}

@media (max-height: 480px) and (max-width: 640px){
  .formPagar,.formPagarBack {
    padding: 12px 12px 0;
  }
  
  .contBotCancelar{width: 100%}
}


.formPagar p strong {
    color: #034e67;
    text-transform: uppercase;
}
.form-control{
    -webkit-transition:border-color .15s;
    -o-transition:border-color .15s;
    transition:border-color .15s;
    box-shadow:none;
}
.form-control:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.form-control:active,.form-control:focus,.form-control:hover{
    border-color:#009cde
}
.form-control[disabled],.form-control[disabled]:active,.form-control[disabled]:hover{
    border-color:#cbd2d6;
    background:#f5f7fa;
    /*color:#6c7378;*/
    cursor:default
}
.form-control-error-icon + span{
    position:absolute;
    font-size:12px;
    display:none;
    bottom:-20px;

}
.form-group{
    padding-top:1em;
    text-align:left
}
.form-group label{
    font-weight:500
}
.form-group[class*="icon-"] {
    padding: 10px 0 0 180px;
    width: 100%;
    background-size: 40px;
    background-position: 15px;
}
input.has-error{
    background:#fff;
    border-color:#d20000
}
.has-error,.has-error input,.has-error label,input.has-error,label.has-error{
    color:#d20000
}
.has-error input,.has-error input:active,.has-error input:hover,.has-error select,input.has-error:active,input.has-error:focus,input.has-error:hover,input:focus input.has-error{
    background:#fff;
    border-color:#d20000
}
.has-error .form-control span{
    display:block;
    color:#d20000
}
.has-error .form-control-error-icon + span{
    display:block;
}



/*CUERPO*/

.content{
    width:528px;
    margin:0 auto;
    background:#fff;
    border-radius:10px;
    position:relative;
    overflow:hidden;
    opacity:1
}

@media all and (max-width:767px){
    .content{
        width:100%;
        margin:0
    }
}

/*ESTRUCTURA PPAL*/
.signup-page-form{
    position:relative;
    margin: 20px auto;
    background-color:#fff;
    padding: 30px 50px 28px;
    border: 1px solid #eaeced;
    border-radius: 25px;
    width: 80%;
    max-width: 525px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.insite-form{
	margin-top:50px !important;
}
.insite-button{
	width:50%;
	margin-left:25%;
}
.insite-tit{
	font-weight:500;
	margin-top:20px;
}
@media (max-height:1024px) and (max-width: 767px){
    .main{
        display: flex;
        min-height: calc(100vh - 74px);
        flex-direction: column;
    }
    .signup-page-form{
        width:100%;
        max-width:525px;
        min-height: auto;
        margin: 5% auto;
        padding: 10px;
        border: 0;
    }
}
@media (max-height:1024px) and (max-width:375px){
    .signup-page-form{
        margin: 2% auto;
        flex: 1;
    }

}
@media (max-height: 480px) and (max-width: 640px){
   .signup-page-form{
        margin:0 auto;
    }
}

@media print{
    .signup-page-footer{
        display:none
    }
    .signup-page-form{
        width:100vw;
        padding:0;
        z-index:9999
    }
    .btnGrp{
        display:none
    }
}
.header{
    margin-bottom:6%
}
.signup{
    padding:30px
}
@media all and (max-width:767px){
    .signup{
        padding:0
    }
}
.signup input:focus{
    outline:0 none
}
.signup select:focus{
    border-color:#57a9d9!important;
    outline:0 none;
    box-shadow:none!important
}
.signup select:active{
    border-color:#57a9d9!important;
    outline:0 none;
    box-shadow:none!important
}
.signup .form-control{
    border-color:#d4d9dc
}
.signup .floatLabel_complex:not(.has-error):not(.has-error){
    border-color:#d4d9dc
}
/*CONTENEDORES*/
.fieldGroupContainerOnce{
    /* display: -webkit-box; */
    /*display: -ms-flexbox;*/
    /* display: flex; */
    /* flex-direction: column; */
    /* flex: 1; */
    position: relative;
}
.fieldGroupContainerTwo{
    display: flex;
    justify-content: space-between;
}
.contTarjetasAmex, 
.tarjetasNoAmex{
    margin: 30px 0 10px;
    text-align: center;
}
.fieldGroupContainerTwo .flex1{
    flex: 2 auto;
}
.fieldGroupContainerTwo .flex2{
    flex: 1 150px;
    /*margin-left: 30px;*/
}

.floatLabel_active{
    position:relative;
    padding:0;
    margin: 10px 0;
    background:#fff;
    text-align:left;
    width: 100%;
}
.floatLabel_active>.form-control{
    position:relative;
    display:table-cell;
}
.floatLabel_active>.form-control input{
    height: 42px;
}
.floatLabel_active>.form-control:after,
.floatLabel_active>.form-control:before{
    content:attr(data-label-content);
    position:absolute;
    padding:0 15px;
    line-height:48px;
    margin:1px;
    transition:opacity .25s ease-out;
    z-index:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#034e67;
}
.floatLabel_active.floatLabel>.form-control:before{
    line-height:50px
}
.floatLabel_active>.form-control:after,
.floatLabel_active:after{
    top: -15px;
    left:0;
    font-size:12px;
    font-weight:600;
    transition:opacity .4s ease-in-out,top .3s ease-out;
}
.floatLabel_active label{
    position:absolute;
    left:-999em
}
.floatLabel_active input{
    position:relative;
    z-index:2;
    padding: 15px 16px 0;
    background:0 0;
    color:#000;
}
.floatLabel_active input.form-control{
    height:50px
}
.floatLabel_active .form-control-icon,
.floatLabel_active .form-control-error-icon {
    vertical-align:middle;
    position:relative;
    font-size:1.5rem
}
.floatLabel_active .form-control-error-icon:before {
    display:none
}
.floatLabel_active .form-control-icon {
    vertical-align:middle
}
.floatLabel_active.has-error .form-control-error-icon:before{
    display:inline
}
.floatLabel_active.has-error{
    border-color:#d20000
}
.floatLabel_active.has-error .form-control{
    border-color:#d20000;
    box-shadow:none
}
.floatLabel_active.has-error .form-control:hover{
    background:0 0
}

.floatLabel_active.has-error.hasFocus>.form-control:after,
.floatLabel_active.has-error.hasFocus:after{
    color:#d20000
}
.floatLabel_active.has-error .form-control-error-icon{
    display:table-cell;
    visibility:visible;
    width:inherit;
    min-width:2.25em;
    color:#d20000;
    text-align:center
}
.floatLabel_active.has-error:after,
.floatLabel_active.has-error:before{
    color:#d20000
}
.floatLabel_active.has-error.hasFocus input{
    color:#2c2e2f
}
.fieldGroupContainerboth{
    margin: 5% auto 0;
    width: 95%;
}
@media (max-height: 480px) and (max-width: 640px){
    .fieldGroupContainerboth{
       margin: 5px auto 0;
    }
    
    .fieldGroupContainerTwo .flex2{
      margin-left: 30px;
  }
}

.fieldGroupContainerboth dt{
    font-size: 13px;
    text-transform: uppercase;
    clear:both;
}

@media all and (min-width:320px){
    .fieldGroupContainerboth dt,
    .fieldGroupContainerboth dd{
        margin-bottom: 4px;
    }
    .fieldGroupContainerboth dd{
        font-size: 15px;
    }
    dd.importe{
        color: #1b9e1b;
    }
}
@media all and (min-width:768px){
   .fieldGroupContainerboth dt{
        width: 40%;
        text-align:left;
        float: left;
    }
    .fieldGroupContainerboth dd{
        width: 58%;
        text-align:right;
        float: right;
        font-size: 16px;
    }
    
}
.fieldGroupContainerboth dd span{
    vertical-align: sub;
}
.floatLabel_active{
    display:inline-block;
    padding:0;
    height:auto;
    border:1px solid #9da3a6;
    text-align:left;
    -webkit-transition:border-color .15s;
    -o-transition:border-color .15s;
    transition:border-color .15s;
}
.floatLabel_active .form-control{
    display:table;
    table-layout:fixed;
    padding:0;
    border:none;
    background:0 0;
    height: 48px;
}
.fieldGroupContainerTwo .floatLabel_active .form-control{
    width:auto;
}
.floatLabel_active .form-control input{
    display:block;
    width:100%;
    border:none;
    background:0 0
}
.floatLabel_active.field-card .form-control  input,
.floatLabel_active .form-control .contFecha input, 
.floatLabel_active .form-control .contCVC input{
    font-size:20px;
    letter-spacing:1px;
}
.floatLabel_active .form-control-icon+.form-control input,.floatLabel_active .form-control-icon+.form-control:after,.floatLabel_active .form-control-icon+.form-control:before{
    padding-left:8px;
    padding-right:8px
}
.floatLabel_active label{
    max-width:1px
}
.floatLabel_active:after,.floatLabel_active:before{
    content:'';
    display:none
}
.floatLabel_active.has-error .form-control:after,
.floatLabel_active.has-error .form-control:before,
.field-card.has-error .cards[class*=" icon-"]:before{
    color:#d20000
}
.floatLabel:before{
    color:#2c2e2f;
    opacity:0
}
.floatLabel input::-webkit-input-placeholder{
    opacity:1
}
.floatLabel input:-moz-placeholder{
    opacity:1
}
.floatLabel input::-moz-placeholder{
    opacity:1
}
.floatLabel input:-ms-input-placeholder{
    opacity:1
}
.floatLabel input:focus::-webkit-input-placeholder{
    opacity:1
}
.floatLabel input:focus:-moz-placeholder{
    opacity:1
}
.floatLabel input:focus::-moz-placeholder{
    opacity:1
}
.floatLabel input:focus:-ms-input-placeholder{
    opacity:1
}
.floatLabel.hasFocus:before{
    opacity:0
}
.floatLabel.hasFocus:before input{
    color:inherit
}
.floatLabel.hasFocus:after{
    opacity:1;
    top:-10px
}
.floatLabel_active input::-webkit-input-placeholder{
    opacity:0
}
.floatLabel_active input:-moz-placeholder{
    opacity:0
}
.floatLabel_active input::-moz-placeholder{
    opacity:0
}
.floatLabel_active input:-ms-input-placeholder{
    opacity:0
}
.floatLabel_active input:focus::-webkit-input-placeholder{
    opacity:1
}
.floatLabel_active input:focus:-moz-placeholder{
    opacity:1
}
.floatLabel_active input:focus::-moz-placeholder{
    opacity:1
}
.floatLabel_active input:focus:-ms-input-placeholder{
    opacity:1
}
.floatLabel_active>.form-control:before,.floatLabel_active:before{
    opacity:1;
    font-size: 14px;
}
.floatLabel_active>.form-control:after,.floatLabel_active:after{
    opacity:0;
}
.floatLabel_active.hasFocus>.form-control:before,.floatLabel_active.hasFocus:before{
    opacity:0
}
@media (max-height: 480px) and (max-width: 640px){
    .floatLabel_active .form-control{
        height:40px;
    }
    .floatLabel_active, .floatLabel_active + .btnGrp{
        /*width: 50%;*/
        margin: 10px 0;
    }
    .floatLabel_active>.form-control:after,.floatLabel_active:after{
       padding:0 10px;
       line-height: 43px;
    }
    #btnCancelar{
        /*display:none;*/
    }
}


.floatLabel_active.hasFocus>.form-control:after,.floatLabel_active.hasFocus:after{
    opacity:1;
    color:#07b2dd
}
.floatLabel_active > .opPago::before {
    left:160px;
}
.floatLabel_active > .opPago > .form-control > span{
    height:48px;
    background-position: 0;
    margin-left:15px;
}

@media (max-height: 480px) and (max-width: 640px){
    .floatLabel_active .form-control input{
        padding: 11px 10px 0px;
        margin-bottom:0;
        /* height: 40px; */
     }
}

.field-card .form-control:before{
    /* padding: 0 15px; */
    /* font-size: 35px; */
}
.field-card .cards>span[class*="icon-visa"]{
    left:8px !important;
    top: 14px !important;
    color: #07b2dd;
}
.field-card .cards>span{
    font-size: 35px;
    position: absolute;
    left:15px;
    top: 6px;
    color: #07b2dd;
}
.has-error.field-card .cards>span{
    color:#d20000;
}
.field-card .cards>span[class*="icon-"]:before{
    display: inline-block;
    font-style: normal;
    position: relative;
    background-repeat: no-repeat;
    height:32px;
    width:49px;
    background-size: contain;
}
.field-card .cards>span:not([class="icon-tarjeta"]):not([class="icon-invalid"]):before{
     content:''; 
     margin-left:0px;
     margin-bottom: 5px;
}
.icon-amex{
	margin-left:-5px;
}
span.icon-visa:before{
   background-image: url(../images_estandarv2/VISA.png);
}
span.icon-visaelectron:before{
   background-image: url(../images_estandarv2/icon-visaElectron.png);
}
span.icon-maestro:before{
   background-image: url(../images_estandarv2/icon-maestro.png);
}
span.icon-mastercard:before{
   background-image: url(../images_estandarv2/mc_vrt_pos.svg);
}
span.icon-ebusiness:before{
   background-image: url(../images_estandarv2/icon-ebusiness.png);
}
span.icon-amex:before{
   background-image: url(../images_estandarv2/amex-logo.svg);
}
span.icon-forbrugsforeningen:before{
	background-image: url(../images_estandarv2/forbrugsforeningen.jpg);
}
span.icon-dinersclub:before{
	background-image: url(../images_estandarv2/dinersclub.jpg);
}
span.icon-discover:before{
	background-image: url(../images_estandarv2/discover.jpg);
}
span.icon-dankort:before{
	background-image: url(../images_estandarv2/dankort.jpg);
}
span.icon-unionpay:before{
	background-image: url(../images_estandarv2/unionpay.jpg);
}
span.icon-jcb:before{
	background-image: url(../images_estandarv2/jcb.jpg);
}

.field-card.floatLabel_active.hasFocus .form-control:after{
    padding-left:65px;
}
.field-card.floatLabel_active:after,
.field-card .form-control[data-label-content*="Tar"]{
    padding-left:50px;
}
.field-card .form-control[data-label-content*="Kre"]{
    padding-left:50px;
}
.field-card .form-control[data-label-content*="Cre"]{
    padding-left:50px;
}
.field-card .form-control[data-label-content*=" "]{
    padding-left:50px;
}
.field-card .form-control[data-label-content*="Car"]{
    padding-left:50px;
}
/*DESPLEGABLE*/
.dropdown.select{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    z-index:5;
    width:100%
}
.dropdown.select .dropdown-toggle{
    width:100%;
    background:0 0;
    border:0;
    height:100%;
    outline:0;
    z-index:4
}
.dropdown.select .dropdown-menu{
    margin: -1px auto 0;
    z-index:5;
    display:none;
    min-width:160px;
    padding:0;
    text-align:left;
    list-style:none;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    width:100%;
    border: 0;
    border-bottom:1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow:hidden;
    border-radius: 0;
}
.open .dropdown.select>.dropdown-menu{
    display:block
}
.dropdown.select .dropdown-menu li{
    display: block;
    min-height:58px;
    border-top: 1px solid #cfcfcf;
}
.dropdown.select .dropdown-menu li:first-child{
    border-top:0;
}
.dropdown.select .dropdown-menu li>a {
    display: table-cell;
    padding:10px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 58px;
    vertical-align: middle;
    width: 100vw;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background:none;
}

/*ICONOS DROP MENU*/
.conAmex,
.opcionAmex,
.opcionNoAmex,
.opcionBizum,
.drop-tarjetero_e6000,
.drop-cards,
.drop-masterpass,
.drop-bizum {
    display: inline-block;
    font-style: normal;
    position: relative;
    background-repeat: no-repeat;
    height:32px;
    width: 150px;
    background-size: contain;
    padding: 5px;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: 5px;
}
.sinAmex{
	display: inline-block;
    font-style: normal;
    position: relative;
    background-repeat: no-repeat;
    height:32px;
    width: 150px;
    background-size: contain;
    padding: 5px;
    vertical-align: middle;
    margin-right: 15px;
}
.drop-cards {
    background-image: url(../images_estandarv2/drop-cards.png);
}
.drop-cards.sinAmex{
	background-image: url(../images_estandarv2/tarjetas.PNG);
	background-size:140px;
}
.drop-tarjetero_e6000 {
    background-image: url(../images_estandarv2/drop-tarjetero_e6000.png);
}
.drop-masterpass {
    background-image: url(../images_estandarv2/drop-masterpass.png);
}
.drop-bizum {
    background-image: url(../images_estandarv2/drop-bizum.png);
}
.opcionBizum {
    background-image: url(../images_estandarv2/drop-bizum.png);
}

.icon35x35 {width:35px;height: 35px;}
.icon37x37 {width:37px;height: 37px;}
.icon39x35 {width:39px;height: 35px;}
.icon56x50 {width:56px;height: 50px;}
.icon50x50 {width:50px;height: 50px;}

/*INFO Y TEXTOS*/
.description, .nextStep {
    font-weight: 400;
    font-variant: normal;
    font-size: .95em;
    line-height: 1.5em;
    color: #2c2e2f;
}
.description strong{
    display:block;
    margin: 15px 0;
    color:#07b2dd;
}
.description strong:before{
    font-size: 1.5rem;
    margin-right: 10px;
    vertical-align: middle;
}

/*NOTIFICACION*/
.notification{
  margin:25px 0 20px;
 }
 .notification .container {
  padding: 100px 0 0 0;
  display: inline-block;
  width: 100%;
  border: 0;
}
.notification .box {
  width: 100%;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  padding:15px 20px 10px;
  min-height: 62px;
}
.notification .message {
  margin-left: 20px;
}
.notification .message::before {
  box-sizing: border-box;
  content: '';
  height: 25px;
  width: 25px;
  display: block;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
  position: absolute;
}
.notification .msgContainer {
  padding-left: 30px;
  display: inline-block;
  width: 85%;
}
.notification .box.error {
  border-color: #c72e2e;
  background-color: #FFF7F7;
  color:#c72e2e;
}
.notification .box.success .icon, .notification .box.error .icon {
    font-size: 2rem;
    vertical-align: middle;
}
.notification .box.success {
  border-color: #1b9e1b;
  background-color: rgba(27, 158, 27,0.2);
  color: #1b9e1b;
}
.notification .box.success span,
.notification .box.error span{
  margin-left: 10px;
}
@media (max-width:580px){
    .seals{
        margin: 0;
        overflow: hidden;
        height: 60px;
    }
    .seals img{
        margin-top: -3px;
        max-width:100px;
    }
}
@media (max-height: 480px) and (max-width: 640px){
    .seals{
        margin: 0;
        overflow: hidden;
        height: 62px;
    }
    .seals img{
        margin-top: -3px;
        max-width:100px;
    }
}
/*modal*/
.moreInfo{
    position: absolute;
    top: 8px;
    right: 10px;
}


.moreInfo a{
    display:block;
    text-indent: -9999px;
    width: 35px;
    height: 25px;
    background:transparent;
    padding: 0 5px 5px;
}
.moreInfo a:before{
    float: left;
    font-size: 25px;
    line-height: 16px;
    margin: 0;
    text-indent: 0;
    display: block;
}
.modal{
    background:#fff;
    position:absolute;
    padding: 40px;
    overflow:auto;
    height: 93%;
    top: 14px;
}
@media (max-height: 480px) and (max-width: 640px){
    .modal{
       position:fixed;
       padding: 40px 25px;
    }

}

.modal.in{display:block;}

.modal::-webkit-scrollbar{width: 14px;}
.modal::-webkit-scrollbar-track  {background: #dedede;border-radius: 0px;}
.modal::-webkit-scrollbar-thumb  {-webkit-border-radius: 0px;border-radius: 0px;background: #747678;}
.modal::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:window-inactive  {background: #034e67;}

.modal strong{
    display: block;
    color: #034e67;

}

.modal .cerrar{
    width:25px;
    height:25px;
    vertical-align:middle;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 12px;
}





/*PIE*/

.signup-page-footer{
    position:absolute;
    bottom:0;
    width:90%;
    max-width:700px;
    padding-top:15px;
    border-top:1px solid #034e67;
    margin:30px auto;
    left:0;
    right:0;
}
@media (max-width: 820px){
     .signup-page-footer{
        position:relative;
        margin:10px auto;
    }
}

@media (max-height:820px) and (min-width:748px){
    .signup-page-footer{
        position:relative;
    }
}


.signup-page-footer a{
    color:inherit;
    font-weight:inherit;
    color:#4c5356;
    margin-left: 12px;
}
.signup-page-footer a:first-child{
    margin-left:0
}
.text-legal{
    font-size: 12px;
    line-height:1.38461538;
    font-weight:400;
    text-transform:none;
    color:#034e67;
}

/*LOADER*/
.loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.8);
    display:none
}
.loader-wrapper .loader{
    display:block;
    position:relative;
    top:calc(50% - 80px);
    left:50%;
    z-index:9999;
    width:80px;
    height:80px;
    margin-left:-40px;
    transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    text-align:center;
    vertical-align:middle
}
.loader-wrapper .loader.top{
    top:8%
}
.loader-wrapper .loader #strabs{

    display:block;
    width:300px;
    margin-top:20px;
    position: relative;
    left: -110px;
    text-transform: uppercase;
}
/*RECURSOS*/
svg path{
    fill:#034e67
}
.not-active {
  pointer-events: none;
  cursor: default;
}
.icon-error-critical:before{font-size:20px;}
.icon-error-critical span{margin-left:10px;vertical-align:4px;}
.error{color:#c72e2e!important;}
.ok{color:#1b9e1b!important;}
.hide{display:none;}
button.print:focus{outline: none;}
button.print{background-color:transparent;color:#034e67;border:0;}
button.print span{margin-left:10px;vertical-align:2px;}

/*PAE*/
.oculto{display:none;}
.contPAE .contTipoAplazamiento label{display:inline-flex;max-width: 130px;}
.contPAE .check{border:1px solid #ccc;margin:5px;-webkit-flex: 1 6 20%;flex: 1 6 20%;}
.contPAE .check .tipoAplazamiento{background-color:#fff; cursor:pointer;min-height:90px;min-width:115px;padding:10px;}
.contPAE .check .tipoAplazamiento .cuota{font-size:14px;font-weight:bold;}
.contPAE .check .tipoAplazamiento .plazo{font-size:18px;font-weight:bold;}
.contPAE .check input[type="checkbox"], .contPAE .check input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    line-height: normal;
    margin: 4px 0 0;
    display: none;
}
.contPAE .check input[type="checkbox"]:checked + .tipoAplazamiento, .contPAE .check input[type="radio"]:checked + .tipoAplazamiento{
	background-color:#ccc;
}
.contPAE input[type="checkbox"]{margin:0 5px 0 0;vertical-align:middle;}
.contPAE .cuotasDiferentes .desglose{border-top:1px solid #000;font-size:10px;padding-top:2px;}
.contPAE .cuotasDiferentes .check .tipoAplazamiento{min-height:115px;padding-bottom:2px;}

.avisoFinanciacion .resumen{color:#034e67;text-transform:uppercase;font-size:13px;}
.avisoFinanciacion .resumen span{font-weight: bold;}
.avisoFinanciacion p{margin-top:10px;font-size:11px;}
.aviso{color:#f00;font-size:13px;margin-top:5px;margin-left:20px;}
#paginaPae{
	max-width: 660px;
}

.dropdown-toggle::after{display:none;}

.imgPpal{
	width: 25%;
	cursor: pointer;
}

/*IDIOMA*/
.conIdioma{position:absolute;top:24px;right:15px;width:75px;}
@media (max-width: 767px){
	.conIdioma{top:-4px;}
}

/* Click to pay */
#c2pMarcar{
	display: flex;
    align-items: baseline !important;
}

.labelc2p{
	margin-left: 7px;
    text-align: justify;
    color: black;
}

#moreDialog{
	border-width:2px;
}

#logoc2p{
	margin-left:-18px;
}

#logoSinAmex{
	margin-left:-10px;
}

dialog{
	top:18%;
	margin: 0 auto;
	width:78%;
	max-width:335px;
}
#errorDialog div[class='input-group']{
	margin-top: 12px !important;
}
#emailDialog, #errorDialog{
	border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
}
#emailc2p, #buscarTarjetasInput, #nTelefonoTar, #nTelefonoEmail{
	width: 100%;
    height: 30px;
    color: black !important;
}
#nTelefonoTar, #nTelefonoEmail{
	margin-top:20px;
}
#buscarTarjetasDialog{
	border:none;
}
.modal-footer{
	justify-content: center !important;
}
.btnDialog{
	width: 95px;
	height: 40px;
	margin-left:33%;
}
.btnDialogMail{
	width: 95px;
	height: 40px;
	margin-left:33%;
}
.logoEmailConAmex{
	margin-left: -58px;
}
.logoEmailSinAmex{
	margin-left: -58px;
}
#btnCerrar{
	margin-top: -22px;
}
.titleDialog{
	margin-top: 23px;
    margin-bottom: 10px;
}
src-card {
  --src-card-preview-brand-font-size: '25px';
  --src-color-foreground: 'blue';
  --src-card-preview-number-font-size: '15px';
  --src-card-art-width: '115px';
  --src-card-art-height: '75px';
  --src-card-preview-subtext-color: 'red';
  margin-left:20px;
}
src-card-list {
  --src-color-gray-lowest: blue;
  --src-color-foreground: green;
  --src-card-art-width: 100px;
  --src-card-art-height: 60px;
  --src-card-preview-brand-font-size: 20px;
  --src-card-preview-number-font-color: red;
  --src-card-preview-subtext-font-size: 20px;
  --src-card-preview-subtext-color: purple;
  --src-card-preview-error-color: green;
  --src-card-preview-error-font-size: 16px;
  --src-radio-item-icon-border-color-checked: purple;
  --src-accessibility-outline: 2px solid red;
  --src-accessibility-outline-offset: 2px;
}
.spanmail{
	color:red;
	text-align: justify;
	font-size: 12 px;
}

.buscarTarjetasInput{
	border-color: red;
	
}
#listaTarjetas{
	margin-top:25px;
	background-color: #d3d3d329;
}
#listaTarjetas ul{
	margin-left:0;
	list-style:none;
	margin-top:22px;
}
#logoLista{
	margin-left:-14px;
}
#listaTarjetas li{
    border-bottom: solid 1px;
    border-bottom-color: #c7c3c3;
    margin-top: 20px;
}
input[name='inputTarc2p']{
	margin-left:20px;
}
.eleTarjeta{
	display: flex;
    margin-left: 20px;
    background-color: #d3d3d300;
    border:none;
    margin-bottom:10px;
}
.eleTarjeta img{
	height: 35px;
    width: 55px;
}
.eleTarjeta div{
	margin-left: 12px;
    font-size: 12px;
    color: black;
}
.eleTarjeta label{
	font-size:14px;
}
.eleTarjeta a{
	color:black;
}
.botonLista{
	font-size: 12px;
    margin-left: 20px;
    display: block;
    margin-top: 5px;
    color: black;
    text-decoration: underline;
    background-color: #d3d3d300;
    border:none;
}
#verTodas{
	margin-left:86px !important;
	margin-bottom: 12px;
}
#otraTarjeta{
    height: 40px;
}
.botonLista a{
	color: black;
}	
.amexC2p{
	margin-top: 0 !important;
}
#logoConAmex{
	margin-left: -31px !important;
}
.errorTarjeta{
	display: block;
	color: red;
	font-size: 11px;
}
.tarjetaDeshab{
	opacity: 0.6;
}
.contadorInf{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top:-7px;
}
#min{
	margin-left:5px;
}
#botonPagarC2p{
    display: flex;
    background-color: #034e67;
    justify-content: center;
    align-items: center;
    color: white;
    height:100%;
}
#botonPagarC2p:hover{
	color:#c9c6c6e8;
	text-decoration:underline;
	cursor:pointer;
}
#divPagarC2p{
	height: 48px;
	margin-left: 10%;
    padding-bottom: 15px;
    width: 80%;
}
.elementoLista{
	display:flex;
	align-items:baseline;
}
.numeroTelefonoC2p{
	display:flex;
}
.numeroTelefonoC2p option{
	background-color:white;
}
.numeroTelefonoC2p select{
	height: 30px;
    margin-top: 20px;
    background-color: #80808042;
    border: none;
}


/**********************************
Modificaciones estandarv3
**********************************/
.ocultar{
    display:none;
}

.wrapper{
    padding:0;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

/*CABECERA*/

.signup-page-header {
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 35px;
    width: 80%;
    margin: 0 auto 35px auto;
}



.cont-logo-comercio {
    display: flex;
    align-items: center;
    max-height: 70px;
    min-height:20px;
    min-width: 150px;
    max-width: 200px;
}

.cont-logo-comercio img {
    /*height: auto;*/
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
 .cont-logo-entidad{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

 .cont-logo-entidad img {
    max-width: 200px;
 }

@media (max-height: 768px){
    .signup-page-header{
        top: 15px;
    }
}

dd.importe:after{
 	content: attr(data-codigo);
}
dd.importe[data-codigo="EUR"]:after{
	content:'\20AC'
}
dd.importe[data-codigo="USD"]:after{
	content:''
}
dd.importe[data-codigo="USD"]:before{
	content:'\24'
}
dd.importe[data-codigo="GBP"]:after{
    content:''
}
dd.importe[data-codigo="GBP"]:before{
    content:'\A3'
}
dd.importe[data-codigo="JPY"]:after{
    content:''
}
dd.importe[data-codigo="JPY"]:before{
    content:'\A5'
}


@media (max-height: 480px) and (max-width: 640px){
   .signup-page-header{
        margin:0 auto;
        padding: 0;
        top: 10px;
  }
  .cont-logo-comercio{
       width: 150px;
       height: 25px;
  }

}

/*CUERPO*/
#contenedor_error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 25px;
}

#contenedor_OK {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 25px;
}

#error_ico, #ok_ico {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.opNoAut, .opExito {
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.3rem;
}

.opNoAut {
	display: flex;
	justify-content: space-around;
    flex-direction: column;
}

.contenedor_importe {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.importe {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    color: #333;
}

#contenedor_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
    width: 75%;
    max-width: 600px;
    margin: 0 auto;
}

#contenedor_info_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
    width:100%
    max-width: 600px;
    margin: 0 auto;
}

.resaltado {
    color: #0366b3;
    font-weight: bold;
}

.imagenes {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

#visa_ico {
    height: 20px;
    width: auto;
    position: relative;
    top: 1px;
}

#mc_ico, #discover_ico, #unionPay_ico {
    height: 37px;
    width: auto;
    position: relative;
}

#bizum_ico {
    height: 80px;
    width: auto;
    position: relative;
}

.contBotCancelar {
    width: 70%;
    max-width: 800px;
    margin: 30px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#btnCancelar, #btnAceptar, #btnContinuar, .btnVolverComercioPrimario  {
    width: 100% !important;;
    border: solid 1px rgba(0, 0, 0, 0.2);
    color: #ffffff !important;
    padding: 12px 20px;
    background: #0366b3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    height: 50px;
}

#btnCancelar:hover{

}

.texto-negrita {
    font-weight: bold;
    color: black;
}

.btnGrp{
    margin: 5px 0 0;
    display: flex;
    flex-direction: column;
    width:100%;
    align-items: center;
    justify-content: center;
}

.btnVolverComercioSecundario {
    width: 100% !important;
    border: solid 1px rgba(0, 0, 0, 0.2);
    color: #0366b3;
    padding: 12px 20px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

#volverComercio, .comerVolver, .confirmarPago{
	line-height:.5;
    font-weight: 400;
}

#min, #seg, #ceroCont{
    font-weight: bold;
	font-weight: 400;
}

main{
	padding: 30px 20px 20px;
}

.contenedorError {
	word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

@media (max-width: 550px) {
    .signup-page-form{border: none !important; box-shadow: none !important;}
    .wrapper{display: flex;}
    .contBotCancelar{width: 90%;}
}

.txtError {
	font-weight: 100 !important;
}

.absoluteFooter {
    position:absolute;
    bottom:0;
}

botonera {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #ffffff;
}

.botonera > * {
    flex-basis: 100%;
}

.botonera a {
    width: auto;
    border: solid 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 8px 20px;
    background: #0366b3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    margin: 0.5em;
}

.absoluteFooter {
    position:absolute;
    bottom:0;
}

.mgt {
  margin-top: 20px;
}

.entrada_lbl input {
  max-width: 100%;
  padding: 10px;
  border: 1px solid black;
  border-radius: 5px;
  font-size: 16px;
  outline: none;
  background: white;
}

.entrada_lbl label {
  position: absolute;
  top: -7px;
  left: 7px;
  background: white;
  color: black;
  padding: 0 5px;
  font-size: 12px;
  font-family: "Poppins", sans-serif !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.entrada_lbl {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
position: relative;
}

#pago_bizum {
  margin: 0px;
    margin-top: 0px;
  padding: 0px;
  width: 100%;
}

.ayuda-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 5px;
  max-width: 600px;
  margin-left: -5px;
}

#ayuda {
  display: inline-flex;
  align-items: center;
  font: 11px Arial;
  color: #808080;
  padding: 0px 0px 10px 18px;
  cursor: pointer;
  height: 18px;
  text-decoration: none;
  background: none !important;
}

a#pagar-bizum {
 border-radius: 25px;
}

#contenedor_info_content.ocultar, #pago_bizum.ocultar {
    display: none;
}

input[type="tel"].invalido {
    border-color: red;
}

 .ico-input {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 20px;
    z-index: 2;
}

 .tick, .cross {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    z-index: 2;
    top: 50%;
    transform: translateY(-70%);
}

.tick::after {
    content: '\2713';
    color: #2FC0C7;
    font-weight: bold;
    font-size: 18px;
}

.cross::after {
    content: '\2716';
    color: red;
    font-weight: bold;
    font-size: 18px;
}

#impBizum {
    margin-left: 0.3em;
}

#logo_empresa_alt{width: 280px; font-size: 14px; text-align: right; font-weight: bold;}