/*********************************************Modulo Billing*********************************************/
.section-left-facturas,.section-left-cardtarjet{
	border-right: 2px solid #ddd;
    padding: 0 25px 0 50px;
}

.form-mp-billing-content{
	padding: 0px 16px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.HomeFacturas.contenido-select-card{
	width: 100%;
    height: 870px;
}
.detalle-plan{
	margin: 15px 0;
}
.factura-pay{
	margin: 23px 0px 0px 0px;
    max-width: 338px;
    width: 100%;
}
#IconsBillings {
    position: absolute;
    padding: 10px 0px 0px 0px;
}

.Text_subtitle-limit {
	font-family: "Roboto";
    font-weight: 300;
    font-size: 18px;
    color: #313235;
    padding: 10px 1px 1px 28px;
}

.Text_subtitle-limit span b{
	font-weight: 700;
}

a{
	text-decoration:none;
	color: #337ab7;
}
.datePendingPay {
    font-family: 'Telefonica-Regular';
    font-weight: bold;
    font-size: 19px;
    color: #313235;
}
.datePendingPay-Mobile{
	font-family: 'Telefonica-Regular';
    font-weight: bold;
    font-size: 30px;
    color: #313235;
}

div.ec-pending-existing {
    text-align: center;
    margin: 30px 20px 0px 0px;
    font-size: 20px;
    font-family: 'Telefonica-Light';
}

/*Secion facturas Cuadro de deuda*/

.ec-section-block-deuda,
.ec-Section-History {
    width: 97%;
}

.ec-billing {
    position: relative;
    margin: 0 auto;
}

.card-debt {
    background-color: #0000;
    max-width: 350px;
    width:100%;
    height: 190px;
    border-radius: 9px;
    border: 1px solid #ddd;
    padding: 15px 20px 15px 20px;
}

.divDebt {
    border-radius: 10px;
    background-color: #E6F5FD;
    width: 110px;
}

.facturashome{
	margin-right: 10px
}
.text-debt {
    color: #019DF4;
    padding-left: 10px;
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    font-size: 14px;
}

.ec-card-Debit {
    font-family: 'Telefonica-Regular';
    font-weight: 400;
    font-size: 16px;
    color: #86888C;
}

.ec-card-Debit-Cash {
    font-family: 'Telefonica-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    color: #313235;
}

.btn-pendingPayment {
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #5CB615;
    width: 132px;
    height: 32px;
    border-radius: 32px;
    margin-right: 0px;
    border: none;
}

/*History*/
.ec-data-search {
    display: flex;
    float:right;
    margin:10px;
}

.select-search:hover {
    background: #e5e5e596;
}

.select-search {
	/*border: 1px solid #ddd;
    width: 122px;
    height: 27px;
    text-align: center;
    border-radius: 4px;
    margin: 0px 5px 5px 0px*/
    
    margin: 0px 8px;
    border: 1px solid #D3D4D3;
    width: 150px;
    max-width: 150px;
    height: 36px;
    display: inline-flex;
    border-radius: 4px;
}
.select-Search img{
	margin: 0px 15px 0px 10px;
    width: 18px;
}
.select-Search select,
.select-Search select:focus-visible,
.btnDeleteCard,
.btnDeleteCard:focus-visible,
button:focus-visible {
    border: none;
    background:none;
    outline:none;
    cursor: pointer;
}
.btnDeleteCard{
	padding:0px;
}

.ec-data-History {
	font-family:"Telefonica-Regular";
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 10px 5px 10px 5px;
    width: 100%;
    margin-top: 20px;
}

.ec-table-data {
    width: 96%;
    margin: 0 auto;
}

.ec-table-rows {
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
}

.ec-table_cell-Factura {
    width: 385px;
}

.ec-table_cell {
    position: relative;
 }
.table>tbody>tr>td{
	border-top:none !important;
}
.btnPagarVencido{
	height:32px;
	background: #5CB615;
    border-radius: 32px;
    border: none;
    font-family: 'Telefonica-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    max-width: 117px;
    width:100%;
    
}
#IconInvoice {
    padding-right: 8px;
}

.pendingPay {
    font-family: 'Telefonica-Light';
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    color: #F28D15;
}

.defeated {
    font-family: 'Telefonica-Light';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #FF374A;
}

.payable {
    font-family: 'Telefonica-Light';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #499110;
    margin-bottom: 0px;
}

.ec-table-factura{
	vertical-align: middle!important;
    width: 50%;
    border-top: none;
}
td.ec-table_cell.ec-table-data__cell-label {
	border:none;
    width: 25%;
    padding: 2px 8px;
    margin: 6px 0px;
}
.ec-table-Interaction {
    display: flex;
    border:none;
 	
}

.btnimgbilling{
	background: transparent;
	border: none;
	font-family: 'Telefonica-Regular';
}

.ec-table_bootom{
	text-align: end;
}

#IconSendBillings {
  	width: 25px;
    margin-top:6px;
}

#IconDownloadBillings {
 	padding: 0;
    width: 26px;
}

#sendFact p,
#sendDowloand p {
    cursor: pointer;
    text-decoration: none;
    outline-width: 0;
    color: #50535A;
}


.BillingsColRigth-Pay {
    height: 670px;
}

.btn-pagarfacturaMPR,#btn-IconsB-paymentMethod,.billing-check-input,.selectcard,.deselectcard{
	cursor: pointer;
}

.container-payment-billing:hover ,.addCard-paymentMethod:hover{
    background: #e5e5e540;
}

#carddeletebilling{
	cursor: pointer;
}
.BillingsColRigth-Pay-Mobile{
    margin-left: -15px;
    height: 200px;
}

.Text-BillingsColRigth {
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    color: #86888C;
    font-size: 14px;
    padding: 25px 1px 1px 10px;
}

.subtext-BillingsColRigth {
	padding-bottom: 10px;
    padding-left: 30px;
    font-family: 'Telefonica-Regular';
    font-weight: 700;
    font-size: 18px;
    color: #313235;
    text-align: justify;
}

#IconsBillings-colLeft {
    margin-left: -25px;
}

.content-BColRigth {
   background: #F6F6F6;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.contpending-BColRigth {
    padding: 15px 15px 0px 15px;
}


.pendingPay-BColRigth {
    margin-top: -11px;
}

.withoutEarrings-BColRigth {
    height: 168px;
    left: 1092px;
    top: 338px;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    padding: 25px 1px 1px 25px;
    margin-top: 15px;
}
.facturas-estables{
	margin:10px 0px;
	max-width: 381px;
	display:none;
}
.factura-pendiente{
	margin:10px 0px;
	max-width: 381px;
   
}

.IconswithoutEarringss-colLeft {
    padding-bottom: 15px;
}

.TextWithoutEarrings-BColRigth {
    font-family: 'Telefonica-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #86888C;
}

.section-right-cardtarjet-Mobile{
	display:none;
}
/*Pago facturacion*/



/*********************************************Formulario Tarjetas*********************************************/
.Button-paymentMethodBack {
    margin: 30px 0px 25px 0px;
    background-color: #0000;
    outline-width: 0;
    border: none;
}

.subtittle-paymentMethod {
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    color: #86888C;
    padding: 10px 1px 1px 0px;
    font-size: 14px;
}

.container-payment-billing{
	margin-top: 10px;
    font-family: 'Telefonica-Regular';
    font-style: normal;
    max-width: 517px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 80px;
    display: grid;
}
.container-bill-cvvform{
    display: grid;
    padding: 25px;
    font-family: 'Telefonica-Regular';
    font-style: normal;
    max-width: 517px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: 15px;
}

.paycardchange{
    width: 96%;
    margin-bottom: 10px;
}

.container-pm-card{
	 margin: auto 0px;
}

.container-pm-card-img{
	margin: 10px 0px;
}
.container-pm-card-info{
	left: 28px;
    display: grid;
    align-items: center;
}
.container-bill-title{
	font-size: 19px;
    line-height: 24px;
    color: #313235;
}
.container-bill-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #86888C;
}

.container-bill-subtitle-delete{
	font-weight: 400;
	font-size: 17px;
	line-height: 24px;
	color: #019DF4;
}
.container-bill-subtitle-delete img{
	margin-top:-5px;
}

.addCard-paymentMethod {
	padding: 1% 0;
    max-width: 517px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 10px 0px;
}

.container-bill-icon {
    align-items: center;
    text-align: center;
    display: grid;
    padding: 0px;
}

.icon-card-biling{
	margin-left: 47%;
	margin-top:7px;
}

.addContButton-paymentMethod {
    margin: -36px 1px 1px 477px;
    position: absolute;
    background-color: #0000;
    border: none;
}

#ArrowB-paymentMethodMP {
    margin-left: 310px;
}

.labelredMP {
    padding: 9px 1px 1px 10px;
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    font-size: 14px;
    color: #86888C;
}

.Textaddcard-paymentMethod {
    font-family: 'Telefonica-Regular';
    font-weight: 400;
    font-size: 19px;
    color: #313235;
    position: absolute;
   
}

img#IconsB-paymentMethod {
    margin-top: 11px;
    }
.ecare-form-mp{
    padding: 15px 1px 1px 20px;
    max-width: 516px;
    height: 72px;
}

.ec-img-Mp {
    height: 40px;
}


.title-currentdebit-paymentMethod {
    font-family: 'Telefonica-Regular';
    font-weight: 500;
    font-size: 14px;
    color: #86888C;
    padding: 25px 1px 1px 25px;
}


.currentDebt-paymentMethod {
    max-width: 239px;
    margin: 20px 0px 0px 20px;
    height: 130px;
    left: 1092px;
    top: 338px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px 1px 1px 25px;
    margin-left: 15px;
    margin-top: 15px;

}
/*********************************************Formulario Agregar Tarjeta*********************************************/
.content-form-billing{
	width: 100%;
    max-width: 548px;
    margin: 0px 10px;
}

.ecare-form-row {
    margin: 23px 0;
}
.Button-addCardBack {
    margin: 30px 0px 25px 0px;
    background-color: transparent;
    border: none;
}
#IconArrowBack {
    padding-right: 10px;
    margin-top: -1px;
}

.Title-paymentMethod {
	margin: 10px 0px;
    font-family: 'Telefonica-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    color: #313235;
}
.tittle-popRemember {
    padding-top: 11px;
    font-family: 'Telefonica-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
}

.popRemember {
	margin-top: 30px;
    background: #F6F6F6;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 30px;
}
.Text-popRemember {
	font-family: 'Telefonica-Regular';
    font-weight: 400;
    font-size: 15px;
    color: #86888C;
    height: auto;
    line-height: 24px;
    margin-left: 42px;
    margin-top: -22px;
    padding:0px 0px 8px 0px;
}

#IconDivRecuerda {
    margin: 0px 5px 0px 12px;
    width: 22px;
}

.ecare-form-billing {
    position: relative;
   
}
.label-form-billing {
    display: block;
    outline: none;
}
input:focus{
	outline:none;
}

.content-dateexp-flap{
	padding-left: 0px;
	padding-right: 0px;
}
.content-cv-flap{
	padding-right: 17px;
}
input::placeholder{
	color:#fff;
}
.label-form-billing input{
	width: 95%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    height: 65px;
    background-color: #fff;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    padding-left: 19px;
    padding-top: 8px;
    caret-color: #019DF4;
}

.ec-form__grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
     margin: 0 -4px;
}

.icon-form-card {
    float: right;
    position: absolute;
    margin: 11px 0px 0px -54px;
}
.icon-form-card-black {
    float: right;
    position: absolute;
    margin: 19px 0px 0px -39px;
}
.icon-form-card-blackmp {
    float: right;
    position: absolute;
    margin: 19px 0px 0px -42px;
}
.ecare-form-item {
    padding-left:0px;
}
.payment-billing-floating>label{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    color: #86888C;
    line-height: 20px;
    font-size: 18px;
}
.payment-billing-floating>.form-control{
	font-family: Roboto;
    font-size: 18px;
}
.payment-billing-floating>.form-control:focus{
	border-color:#ddd;
	box-shadow: none;
}

.payment-billing-floating>.form-control:focus~label, 
.payment-billing-floating>.form-control:not(:placeholder-shown)~label{
	color:#019DF4;
	opacity:1;
}

.payment-billing-img-mp{
	top:1px;
	padding-right: 17px;
}

.payment-billing-img{
	top:17px;
	padding-right: 17px;
}
.payment-billing-img-info{
	max-width: 70px;
    padding-right: 1px;

}
.payment-billing-check input:checked {
    background-color: #019df4;
    border-color: #019df4;
}
.payment-billing-check label{ 
	font-family: 'Telefonica-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #313235;
}

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

.payment-billing-link:hover
.payment-billing-link:focus {
	color: #019DF4;
	text-decoration: none
}

/*Acepto Terminos y Condiciones*/

.btn-form-billing {
	text-align: center;
	margin-right: 20px;
}

.btnAddCardFlap {
    width: 100%;
}

.btnCerrarAddCardFlap {
	margin: 15px 0px;
    color: #019DF4;
    border: none;
    background-color: transparent;
    margin-bottom: 40px;
}

/*Modales*/
.title-modal-billing{
	font-family: 'TELEFONICA-BOLD';
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    color: #313235;
    margin: 26px 0px 25px 0px;
}

.span-modal-billing{
	position: absolute;
    left: 58px;
    font-family: Roboto;
   	font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #86888C;
}
.btn-enviar-email{
	width: 136px;
    height: 48px;
    background: #5CB615;
    border-radius: 32px;
    margin: 30px 15px 0px 1px;
    color: #fff;
    font-size: 16px;
    border: none;
}
.btn-cancelar-email{
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-decoration: underline;
	color: #019DF4;
}

.subtitle-modal-billing{
	display:none;
}

.btncardsaved{
	width:96% !important;
}

.ec-arrow-back{
	cursor:pointer;
}

.contenedor {
   	position: relative;
	float: left;
	left: 81%;
}

.contenedor img {
  position: absolute;
  left: 0;
  transition: opacity 0.4s ease-in-out;
}

.cb{
	width:49px;
	top:17px;
	left:-34px !important;
}

.cbh{
	top:10px;
	cursor:pointer;
}
@media (max-width: 1200px) {
	.form-mp-billing-content{
		padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;
	}
		}
@media (max-width: 995px) {
			.tarjetmobile{
				margin-left:-47px;
			}
		}
@media screen and (max-width: 992px){
	.section-left-facturas,.section-right-cardtarjet{
	    width: 100%;

	 }
	 .section-left-cardtarjet{
		width: 100%;
        padding: 0% 5%;
        border-right: none;
	}
	 .section-right-facturas{
		display:none;
	}
	.section-left-facturas{
	    border-right: none;
	    padding: 0 6px 0 22px;
	}

	.section-right-cardtarjet{
		display:none;
	}
	.section-right-cardtarjet-Mobile{
		display:block;
	}
	.title-currentdebit-paymentMethod {
    	padding: 0px 1px 1px 22px;
	}	
	.currentDebt-paymentMethod {
    	max-width: 516px
    }
}
@media (max-width: 765px) {
	.Text_subtitle-limit {
   		font-size: 16px;
    }
}
@media (max-width: 460px) {
	.datePendingPay {
	    font-size: 14px;
	 	margin-bottom: -6px !important;
	}
	.defeated,.payable,.pendingPay {
	    font-size: 15px;
	}
	.btnPagarVencido {
	    height: 29px;
	    font-size: 14px;
	    max-width: 65px;
	}

	td.ec-table_cell.ec-table-data__cell-label{
		padding: 8px 0px!important;
	}
	.ec-table-Interaction {
	    width: 95px;
	}
	#IconDownloadBillings {
	    width: 20px;
	}
	#IconSendBillings {
	    width: 23px;
	    margin-top: 6px;
	}
	
	#IconSendBillings {
	    width: 17px;
	    margin-top: 6px;
	}
	.section-left-facturas {
	    padding: 0 0px 0 10px 
	}
	.select-search {
	   margin: 0px 7px;
	   width: 100%;
	}
	.select-Search img {
	    margin: 0px 0px 0px 4px;
	    width: 18px;
	}
	.btnimgbilling {
	    font-size: 12px;
	}
	.ec-section-block-deuda, .ec-Section-History {
	    width: 100%;
	}
	.Title-paymentMethod {
	  font-size: 23px;
	}
	.container-pm-card-info {
	    left: 43px;
	}
	
	.container-bill-title,.tittle-popRemember {
	    font-size: 17px;
	}
	
	.contButton-paymentMethod {
	    margin: 11px 0px 0px 14px;
	}
	
	.container-pm-card {
		padding: 0px;
	}

}