#stepContainer {
	padding: 0 calc((100% - 600px) / 2);
	position: relative;
}

div#inputPhoneContainer div.row.mx-auto {
	max-width: 500px;
}

#systemErrorViewContainer div.col-12.col-sm-6.order-1,
 #paymentErrorViewContainer div.col-12.col-sm-6.order-1{
    align-content: center;
}

.ec-header_entretenimiento{
	font-family: 'Telefonica-Regular';
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	text-align: center;
	color: #313235;
}
.cargandoMessage h2 {
	font-family: 'Telefonica-Regular';
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	color: #313235;
}

.contTerms{
	padding: 0 calc((100% - 600px) / 2);
}

.terms-title {
	font-size: 18px;
	font-family: 'Telefonica-Regular';
	font-weight: 300;
	padding: 24px;
	margin:24px 8px  8px;
	color: #6B6C6F;
}

.terms-text {
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 500;
	color: #6B6C6F;
}

.terms-text a {
	color: #019BEF;
}

.cargandoMessage p {
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #6B6C6F;
}

.step-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	color: #019BEF;
}

.btn-monto {
	width: 100%;
	height: 64px;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #313235;
	background: #DDDDDD;
	border-radius: 8px;
	border: 1px#DDDDDD;
	margin-bottom: 8px;
	align-items: center;
	justify-content: center
}

.btn-monto-selected {
	width: 100%;
	height: 64px;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #FFFFFF;
	background: #019BEF;
	border-radius: 8px;
	border: 1px #019BEF;
	margin-bottom: 8px;
	align-items: center;
	justify-content: center;
}

.nextStepBtn {
	font-family: 'Roboto';
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	max-width: 343px;
	width: 100%;
	height: 40px;
	border: 1px #5CB615;
	border-radius: 60px;
	background-color: #5CB615;
	color: #FFFFFF;
	transition: max-width 0.3s ease, transform 0.3s ease;
}


#stepContainer div.row {
	margin-left: 0;
	margin-right: 0;
}

.terms-payment-link{
	color: #019DF4;
	text-decoration: none
}

div.card-payment__option div.payment-option__description div.row:not(div.payment-option__preview),
div.card-payment__option div.payment-option__description div.row:not(div.payment-option__preview) {
	color: #737578;
}

div.card-payment__option div.payment-option__arrow button {
	background: none;
	border: none;
}

#paymentContainer>div h2,
#inputPhoneContainer>div h2,
#chooseTopupTypeContainer>div h2,
#chooseTopupTypeContainer>div h2,
#amountContainer>div h2 {
	font-family: 'Telefonica-Bold';
	color: #019BEF;
	font-size: 2rem;
}

#paymentContainer div.card-payment__option {
	min-height: 82px;
}

#paymentContainer div.card-payment__option {
	font-size: 16px;
	font-family: 'Telefonica-Regular';
}

#paymentContainer div.card-payment__option.mb-md-2 div.payment-option__description div.payment-option__preview,
#paymentContainer div.card-payment__option.mt-md-2 div.payment-option__description div.payment-option__preview {
	font-size: 18px;
}

#paymentContainer div.card-payment__option.mb-md-2 div.topup-amount__resume,
#paymentContainer div.card-payment__option.mt-md-2 div.topup-amount__resume {
	font-weight: bold;
}

#paymentContainer hr {
	width: 90%;
}



#chooseTopupTypeContainer>div.row div.topup-option,
#chooseTopupTypeContainer>div.row div.topup-option {
	border: 1px solid #DDDDDD;
	border-radius: 8px;
}

.topup-type__description div.row:nth-child(1),
.credit-card-form__legend {
	font-size: 18px;
	font-family: 'ROBOTO';
	font-weight: bold;
}

.topup-type__description div.row:nth-child(1) p {
	font-size: 16px;
	font-family: 'ROBOTO';
}

.topup-type__description div.row:nth-child(2) p span {
	color: #019BEF;
	font-weight: 700;
}

button.nextStepBtn.mx-auto.mx-sm-0 {
	max-width: 100%;
}


a.btn-green-standard.mx-auto.d-flex.align-items-center{
		max-width: 100%;
	}

@media (min-width: 576px) {
	button.nextStepBtn.mx-auto.mx-sm-0 {
		max-width: 140px;
	}
	
	/*a.btn-green-standard.mx-auto.d-flex.align-items-center{
		max-width: 136px;
	}*/

}

label[for="inputPhoneNumber"] {
	font-family: 'ROBOTO';
	font-size: 18px;
	color: #6B6C6F;
}

#cards-container div:not(.btn-monto-selected):hover {
	opacity: .6;
}

form#formFlap2 label[for] {
	font-size: 16px;
	font-family: 'Roboto';
	color: #6B6C6F;
}

div#stepContainer label {
	font-weight: normal;
}

button.btn-green-standard {
	width: 100%;
	background: #5CB615;
	border: 1px solid #5CB615;
	border-radius: 60px;
	color: white;
	height: 40px;
	font-size: 1rem;
	max-width: 350px;
}

button.btn-green-standard:not([disabled]):hover {
	background-color: #6CE009;
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

button.btn-green-standard[disabled='true'],
button.btn-green-standard[disabled] {
	opacity: 50%;
}

a.btn-green-standard {
	text-decoration: none;
	width: 100%;
	background: #5CB615;
	border: 1px solid #5CB615;
	border-radius: 60px;
	color: white;
	height: 40px;
	font-size: 1rem;
	max-width: 350px;
}

a.btn-green-standard:not([disabled]):hover {
	background-color: #6CE009;
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

a.btn-green-standard[disabled='true'],
a.btn-green-standard[disabled] {
	opacity: 50%;
}

/*Errores*/
div.validation__error  label[for],
div.validation__error  a
 {
	color: red !important;
}

div.validation__error input,
div.validation__error input:focus {
	border: 1px solid rgba(255, 0, 0, .25) !important;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(255, 0, 0, .25);
}

div.validation__error span.invalid-feedback {
	display: block !important;
}

/************* SUCCESS **********/
#successViewContainer>div:nth-child(1),
#successViewContainer>div:nth-child(2) {
	background: #5CB615;
}

.success-folio__container div h2,
.success-folio__container div h5 {
	color: white;
	font-family: 'Telefonica-Regular';
}

.topup-resume__container,
.choose-you-service__container {
	font-family: 'Roboto';
}

.go-service-button__container {
	font-family: 'Telefonica-Regular';
}



.loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    z-index: 12;
    justify-content: center;
    display: flex;
    max-width: 600px;
    align-items: center;
}


.loader-topups {
    width: 65px;
    height: 65px;
    border: 5px solid #FFF;
    border-bottom-color: #019BEF;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

@media (min-width: 576px) {
    .go-service-button__container button {
        width: 136px;
    }
}

#statusContainer {
    background: #F6F6F6;
    display: none;
}

@media (max-width: 767px) {
    .topups-lp-title__container {
		background: #019DF4 !important;
	}
	
	p#topups-lp__title {
		color: white !important;
	}

	.topups-lp-title__container > div {
		border: none !important;
	}
}

.topups-lp-title__container {
	background-color: white;
}

p#topups-lp__title {
    font-family: 'Telefonica-Regular';
	font-family: 'Telefonica-Regular';
	font-weight: 400;
}