.btn.white{
	background-color: var(--color-generic);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-generic)), color-stop(50%, var(--color-generic)), color-stop(51%, var(--color-primary-light)), color-stop(100%, var(--color-primary-light)));
    background-image: -webkit-linear-gradient(350deg, var(--color-primary-light) 0%, var(--color-primary-light) 50%, var(--color-generic) 50%, var(--color-generic) 100%);
    background-image: -o-linear-gradient(350deg, var(--color-primary-light) 0%, var(--color-primary-light) 50%, var(--color-generic) 50%, var(--color-generic) 100%);
    background-image: linear-gradient(100deg, var(--color-generic) 0%, var(--color-generic) 50%, var(--color-generic) 50%, var(--color-generic) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$end', endColorstr='$start', GradientType=0);
    color: var(--color-dark-blue);
}

.width-add {
    width:150px;
}

@media (max-width: 1024px) {
    .d-flex {
        flex-direction: column-reverse;
        display: flex !important

      }

    .width-add {
        width:100%;
    }
}

a img {
    padding: 0 6px 3px 0;
}

.p-top {
    padding: 21px 0 6px 0;
}

@media (max-width: 768px) {
   .row {
        margin-right: 0px;
        margin-left: 0px;
    }
}

/*tomado de bbva-login.min.css*/
@font-face {
	font-family: bbva-icons-coronita;
	src: url('../fonts/bbva-icons-coronita.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

.main-content select.form-input {
	color: var(--color-border-input)
}

select.form-input option {
	font-family: "BentonSansBBVA Book", sans-serif
}

.main-content .form-input {
	width: 100%;
	color: var(--color-border-input);
	height: 56px;
	border-radius: 8px;
	font-size: 15px;
	padding: 25px 0 10px 20px;
	background-color: #FFFFFF;
	border-style: solid;
    border-color: var(--blurred-color);
	border-width: 2px;
}


select.form-input option {
	font-weight: 350;
	line-height: 24px
}



.main-content .form-group {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	 
}

.form-group select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}


select.form-input option {
	font-family: "BentonSansBBVA Book", sans-serif
}

select.form-input option {
	font-weight: 350;
	line-height: 24px
}

.dropdown-icon {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 24px;
	height: 24px;
	-webkit-transform: rotateZ(0);
	-ms-transform: rotate(0);
	transform: rotateZ(0);
	-webkit-transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
	pointer-events: none
}

.dropdown-icon::before {
	font-family: bbva-icons-coronita;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\6f";
	font-size: 25px;
	color: var(--color-dark-blue)
}

select:focus~.dropdown-icon {
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotate(180deg);
	transform: rotateZ(180deg)
}


select[disabled]~.dropdown-icon {
	opacity: .3;
	pointer-events: none;
	cursor: not-allowed
}



label.control-label {
	color: var(--color-border-input)
}

label.control-label {
	font-size: 15px;
	max-width: 250px;
	top: 17px;
	left: 20px;
	line-height: 24px;
	font-weight: 350;
	position: absolute;
	cursor: text;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.has-value~.control-label {
	top: 6px;
	left: 16px;
	position: absolute;
	font-size: 12px;
	padding: 0 5px;
	overflow: hidden;
	line-height: 16px;
	font-weight: 350
}

@media (min-width:1024px) {
	.form-group .control-label {
		max-width: 250px
	}

	.main-content .form-input {
		width: 546px;
        border-width: 2px;
	}

}

@media (min-width: 769px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	  float: left;
	}
	.col-md-12 {
	  width: 100%;
	}
	.col-md-11 {
	  width: 91.66666667%;
	}
	.col-md-10 {
	  width: 83.33333333%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666667%;
	}
	.col-md-7 {
	  width: 58.33333333%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666667%;
	}
	.col-md-4 {
	  width: 33.33333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.66666667%;
	}
	.col-md-1 {
	  width: 8.33333333%;
	}
	.col-md-pull-12 {
	  right: 100%;
	}
	.col-md-pull-11 {
	  right: 91.66666667%;
	}
	.col-md-pull-10 {
	  right: 83.33333333%;
	}
	.col-md-pull-9 {
	  right: 75%;
	}
	.col-md-pull-8 {
	  right: 66.66666667%;
	}
	.col-md-pull-7 {
	  right: 58.33333333%;
	}
	.col-md-pull-6 {
	  right: 50%;
	}
	.col-md-pull-5 {
	  right: 41.66666667%;
	}
	.col-md-pull-4 {
	  right: 33.33333333%;
	}
	.col-md-pull-3 {
	  right: 25%;
	}
	.col-md-pull-2 {
	  right: 16.66666667%;
	}
	.col-md-pull-1 {
	  right: 8.33333333%;
	}
	.col-md-pull-0 {
	  right: 0%;
	}
	.col-md-push-12 {
	  left: 100%;
	}
	.col-md-push-11 {
	  left: 91.66666667%;
	}
	.col-md-push-10 {
	  left: 83.33333333%;
	}
	.col-md-push-9 {
	  left: 75%;
	}
	.col-md-push-8 {
	  left: 66.66666667%;
	}
	.col-md-push-7 {
	  left: 58.33333333%;
	}
	.col-md-push-6 {
	  left: 50%;
	}
	.col-md-push-5 {
	  left: 41.66666667%;
	}
	.col-md-push-4 {
	  left: 33.33333333%;
	}
	.col-md-push-3 {
	  left: 25%;
	}
	.col-md-push-2 {
	  left: 16.66666667%;
	}
	.col-md-push-1 {
	  left: 8.33333333%;
	}
	.col-md-push-0 {
	  left: 0%;
	}
	.col-md-offset-12 {
	  margin-left: 100%;
	}
	.col-md-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
	  margin-left: 75%;
	}
	.col-md-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
	  margin-left: 50%;
	}
	.col-md-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
	  margin-left: 25%;
	}
	.col-md-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
	  margin-left: 0%;
	}
  }
  @media (min-width: 768px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	  float: left;
	}
	.col-lg-12 {
	  width: 100%;
	}
	.col-lg-11 {
	  width: 91.66666667%;
	}
	.col-lg-10 {
	  width: 83.33333333%;
	}
	.col-lg-9 {
	  width: 75%;
	}
	.col-lg-8 {
	  width: 66.66666667%;
	}
	.col-lg-7 {
	  width: 58.33333333%;
	}
	.col-lg-6 {
	  width: 50%;
	}
	.col-lg-5 {
	  width: 41.66666667%;
	}
	.col-lg-4 {
	  width: 33.33333333%;
	}
	.col-lg-3 {
	  width: 25%;
	}
	.col-lg-2 {
	  width: 16.66666667%;
	}
	.col-lg-1 {
	  width: 8.33333333%;
	}
	.col-lg-pull-12 {
	  right: 100%;
	}
	.col-lg-pull-11 {
	  right: 91.66666667%;
	}
	.col-lg-pull-10 {
	  right: 83.33333333%;
	}
	.col-lg-pull-9 {
	  right: 75%;
	}
	.col-lg-pull-8 {
	  right: 66.66666667%;
	}
	.col-lg-pull-7 {
	  right: 58.33333333%;
	}
	.col-lg-pull-6 {
	  right: 50%;
	}
	.col-lg-pull-5 {
	  right: 41.66666667%;
	}
	.col-lg-pull-4 {
	  right: 33.33333333%;
	}
	.col-lg-pull-3 {
	  right: 25%;
	}
	.col-lg-pull-2 {
	  right: 16.66666667%;
	}
	.col-lg-pull-1 {
	  right: 8.33333333%;
	}
	.col-lg-pull-0 {
	  right: 0%;
	}
	.col-lg-push-12 {
	  left: 100%;
	}
	.col-lg-push-11 {
	  left: 91.66666667%;
	}
	.col-lg-push-10 {
	  left: 83.33333333%;
	}
	.col-lg-push-9 {
	  left: 75%;
	}
	.col-lg-push-8 {
	  left: 66.66666667%;
	}
	.col-lg-push-7 {
	  left: 58.33333333%;
	}
	.col-lg-push-6 {
	  left: 50%;
	}
	.col-lg-push-5 {
	  left: 41.66666667%;
	}
	.col-lg-push-4 {
	  left: 33.33333333%;
	}
	.col-lg-push-3 {
	  left: 25%;
	}
	.col-lg-push-2 {
	  left: 16.66666667%;
	}
	.col-lg-push-1 {
	  left: 8.33333333%;
	}
	.col-lg-push-0 {
	  left: 0%;
	}
	.col-lg-offset-12 {
	  margin-left: 100%;
	}
	.col-lg-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
	  margin-left: 75%;
	}
	.col-lg-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
	  margin-left: 50%;
	}
	.col-lg-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
	  margin-left: 25%;
	}
	.col-lg-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
	  margin-left: 0%;
	}
  }
  
  @media(max-width:768px){
	  [class^="col-lg"]{
		  padding-right:0px !important;
		  padding-left:0px !important;
	  }
  }

.note-p{
	font-weight: 350;
	color: var(--color-primary-title);
	line-height: 24px;
	/*font-size: 15px;*/
	text-align: left;
	padding-bottom: 5px;
}
.note-div{
	display: flex;
	align-items: baseline;
	gap: 10px;
	align-items: flex-start;
	padding-left: 8px;
}

.note-img-no-end {
	padding-left: 2.5px;
    padding-right: 2.5px;
}

.note-img {
	height: 19px;
    width: 30px;
}

.form-description {
	color: var(--color-primary-title);
}

.form-control {
	-webkit-box-shadow: 0 6px 6px rgb(247, 248, 248) inset;
	box-shadow: 0 6px 6px rgb(247, 248, 248) inset;
	border: solid;
	border-color: var(--blurred-color);
  }

.rel {
	margin-bottom: 0px !important;
}

.select-css {
	display: block;
  	line-height: 1.3;
  	max-width: 100%; 
  	box-sizing: border-box;
  	box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  	background-image: url(../img/Unfold.svg);
  	background-repeat: no-repeat, repeat;
  	background-position: right 1.3em top 50%, 0 0;
  	background-size: .85em auto, 100%;
	border-width: 2px;
}

.error-div-message {
    padding: 0px 0px 7px 0;
}

.error-top-message {
    color: #070E42;
    background-color: #f7dfdc;
    border-radius: 6px;
    font-size: 15px;
    line-height: 24px;
    text-align: start;
    padding: 19px 14px;
	display: flex;
}

.error-top-message-height {
    color: #070E42;
    background-color: #f7dfdc;
    border-radius: 6px;
    font-size: 15px;
    line-height: 24px;
    text-align: start;
    padding: 19px 14px;
	display: flex;
    margin: 18px 0px;
}

.error-p-message {
	margin: 0px;
}

.div-deco{
	width: 100%;
	border: 1px solid;
	border-color: var(--color-border-input);
	border-radius: 10px;
	padding: 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
    margin-top: 8px;
}

.option-a-item {
    padding: 12px 14px;
    border: 5px solid #ffffff;
	background-color: rgb(247, 248, 248);
    font-size: 15px;
	font-family: "BentonSansBBVA Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
	width: 100%;
	border-radius: 13px;
}	

.value-selection{
	white-space: nowrap; 
	width: 100%;
	text-overflow: ellipsis; 
    font-size: 15px;
	font-family: "BentonSansBBVA Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-left: 14px;
	height: 25px;
	padding-top: 9px;
	color: var(--color-border-input);
}

.div-option-list{
	border-radius: 13px;
}

.option-a-item:hover { 
	background-color: #00288f; 
	transition: 0.5s;
	color: #FFFFFF;
}


.input-select-deco, .input-select-deco:focus, .input-select-deco:after {
    background: none !important;
    border-color: #ffffff00;
    outline: none !important;
    color: #656565 !important;
	background-image: url(../img/Unfold.svg) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right 1.9em top 50%, 0 0 !important;
    background-size: 1.2em auto, 100% !important;
	content: '';
}

.control-combo{
	margin: -9px 0px 11px 17px !important;
    font-size: 15px;
}

.has-value-placeholder{
	position: absolute;
	top: 10px;
    left: 0px;
	font-size:12px;
}

.d-flex-reverses{
	display: flex;
	flex-direction: row-reverse;
}

.m-ten {
	margin-top: 10px;
}