.d-flex {
	display: flex;
}

#imgsServices{
	max-width: 26px;
}

.section-servicios-adicionales {
	display: none;
}

.parentLevel.consumptionCard {
	width: 32%;
}

#exitModal {
	margin-left: 7px;
}

.d-grid {
	display: grid !important;
}a

.cursor-pointer {
	cursor: pointer;
}

#imeiDetail {
	height: 56px
}

#modelDetail {
	height: 56px
}

.page-active {
	border-bottom: 2px solid #019DF4;
	padding-bottom: 15px;
	text-align: center;
	transition: border .5s;
}

.page-inactive {
	border-bottom: 2px solid #EEEEEE;
	padding-bottom: 15px;
	text-align: center;
}

.tarjeta-sin-beneficios {
	display: none;
}

.page-inactive>span {
	color: #86888C
}

.page-active>span {
	color: #019DF4;
}

.borderNone {
	border: none;
}

#dataCalls>table>tbody>tr>td {
	border: none;
}

#dataSMS>table>tbody>tr>td {
	border: none;
}

.titleBlueHist {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
}

/*.contHist {
	position: absolute;
	right: -42%;
	background-color: white;
	width: 250px;
	height: 124px;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	display: none;
	z-index: 1;
}*/

.btn-movistar-green{
	background: #5CB615;
    border-radius: 32px;
    width: 112px;
    border: none;
    height: 32px;
    font-family: 'Telefonica-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.btn-movistar-green:hover,.btn-movistar-green:focus{
	color: #fff;
    background-color: #6CE009;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.detailA {
	cursor: pointer;
	text-decoration: none !important;
	color: #313235 !important;
	font-weight: 400;
	font-size: 18px;
	border-bottom: 2px solid #eee;
}

.prepago-name {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #313235;
}

.detailSecurity {
	margin-left: 39px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #019DF4;
}

.container-flujo, #headerBenefits {
	padding: 0 25px 0px 25px;
}

.tabpanel-cmpt {
	margin-top: 20px;
}

.modal-Security {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-Security-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px 0px;
	border: 1px solid #888;
	width: 90%;
	border-radius: 8px;
}

.title-navs {
	color: #86888C;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 30px;
	font-family: 'Telefonica-Regular';
}

.bg-gray-new {
	background: #f5f5f5;
	border: 1px solid #dddddd;
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
}

.row.benefits {
	margin: 10px 0px;
}

.nuevo-diseno .ec-icon {
	height: 27px;
	width: auto;
}

.nuevo-diseno .ec-card-block__txt,
.nuevo-diseno .ec-card-block__txt-small {
	font-size: 16px;
	font-family: Telefonica-Regular;
	color: #313235;
}

.contenedor-nav-tabs>.nav-tabs>li.active>a,
.contenedor-nav-tabs>.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	border: none;
}

.contenedor-nav-tabs {
	margin: 0 5%;
}

.contenedor-iconos-redes-sociales {
	position: absolute;
	right: 5%;
	display: inline-block;
	text-align: right;
}


.contenido-tarjeta-consumos {
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 37px;
	display: flex;
	align-items: center;
	margin-top: 15px;

}

.fecha-vigencia {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 15px;
	align-items: center;
	color: #313235;
}

.boton-icono-titulo-tarjeta-consumos {
	/*position: absolute;
	right: 8%;*/
	width: 25px;
	height: 29px !important;
}

.icono-titulo-tarjeta-consumos {
	position: absolute;
	top: 14px;
	right: 20px;
	padding: 4%;
}

.icono-titulo-tarjeta-consumosinfo {
	margin-left: 6px;
	margin-bottom: 3px;
}


.icono-red-social-titulo-tarjeta-consumos {
	margin: 0 3px;
	top: 14px;
	width: 24px;
	display: inline-block;
}

.mensaje-inferior-tarjeta-consumos {
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #86888C;
	margin-top: 21px;
}

.nav-tabs li.active {
	border: none;
	border-bottom: 2px solid #019DF4;
}

.nav-tabs li a span.glyphicon.glyphicon-th-list,
.nav-tabs li a span.glyphicon.glyphicon-th-large,
.nav-tabs li a {
	color: #86888C;
}



.nav-tabs li.active a span.glyphicon.glyphicon-th-list,
.nav-tabs li.active span.glyphicon.glyphicon-th-large,
.nav-tabs li.active a {
	color: #313235;
}

.pie-progress-bar {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	position: absolute;
}

.pie-progress-bar-derecha {
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	right: 10px;
	padding: 0 5%;
}

.progress {
	height: 7px;
	margin-bottom: 6px;
}

.texto-boton-enlace,
.texto-boton-enlace:hover {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

.moreInformatino {
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.color-blue {
	color: #019DF4;
}

#titulo-consumos {
	line-height: 145px;
	margin-left: 5%;
	font-family: 'Telefonica-Regular';
	font-style: norm300al;
	font-weight: 700;
	font-size: 40px;
	color: #FFFFFF;
}

.tarjeta-consumos {
	box-sizing: border-box;
	margin: 5px 0 16px 0;
	height: 173px;
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 9px;
	padding: 4%;
}

.tarjeta-consumos>.titulo-tarjeta-consumos>.btn {
	padding: 0% 1%;
}

.tarjeta-navegacion {
	background: #5CB615;
	color: #FFFFFF;
	padding: 4%;
}

.tarjeta-recompensas {
	background: #0B2739;
	color: #FFFFFF;
}

.titulo-tarjeta-consumos {
	font-family:'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	align-items: center;
	display: inline-block;
}

#renewals-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

#renewals-section .tarjeta-renovaciones-folio {
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	width: 100%;
	padding: 20px;
	font-family: "Telefonica-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem;
}

#renewals-section>button {
	background: #5CB615;
	border-radius: 25.865px;
	color: white;
	padding: 7px 30px;
	text-align: center !important;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	border: none;
	width: 100%;
}

/* ----- Pagina de paquete caducado y primer recarga ----- */

.container-caducado,
.container-initial {
	text-align: center;
	justify-content: center;
	align-items: center;
	padding-top: 5%;
}

.titulo-primer-recarga-paquete-caducado {
	font-weight: 300;
	font-size: 49.376px;
	line-height: 79px;
	color: #313235;
	margin-top: 34.5px;
}

.titulo-azul-recarga-paquete-caducado {
	font-weight: 300;
	font-size: 49.376px;
	line-height: 79px;
	color: #019DF4;
}

.titulo-azul-primer-recarga-paquete-caducado {
	font-weight: 300;
	font-size: 25px;
	line-height: 31px;
	color: #019DF4;
}

.mensaje-primer-recarga-paquete-caducado {
	font-weight: 300;
	font-size: 25px;
	line-height: 31px;
	color: #313235;
	margin-top: 35px;
}

.boton-primer-recarga-paquete-caducado {
	margin: 56px 0px;
	width: 157px;
	height: 48px;
}

.tarjeta-beneficios {
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	width: 100%;
}

.tarjeta-beneficios>div>img {
	width: 25px
}

#imgsServices {
	padding-left: 0px !important;
}

#imgsServices>img {
	max-width: 50%;
	width: auto;
	height: auto;
	padding: 1px;
}

.tarjeta-serviciosA {
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	width: 100%;
}


.section-servicios-adicionales {
	margin-top: 30px;
}

.content-text {
	margin: 13px 0px;
	width:100%;
	/*max-width: 278px;*/
}

.content-texticon {
	margin: 19px 0px 19px 18px;
	height: 21px;
}

.titulo-tarjeta-beneficios {
	margin-left: 10px;
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #50535A;

}

.content-title {
	margin: 0px;
	padding: 0px;
}

/*Checkbox */
.button-noti-csmp {
	padding-left: 0px;
	padding-right: 6px;
}


.switchonoff {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.switchonoff-checkbox {
	display: none;
}


.switchonoff-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: none;
	border-radius: 20px;
}

.switchonoff-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}


.switchonoff-inner:before,
.switchonoff-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 15px;
	padding: 0;
	line-height: 15px;
	font-size: 14px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.switchonoff-inner:before {
	content: "";
	padding-left: 10px;
	background-color: #B3E1FB;
	color: #B3E1FB;
}


.switchonoff-inner:after {
	content: "";
	padding-right: 10px;
	background-color: #999999;
	color: #ffffff;
	text-align: right;
}

.switchonoff-switch {
	display: block;
	width: 22px;
	height: 22px;
	margin-top: -3px;
	background: #019DF4;
	border: none;
	border-radius: 20px;
	position: absolute;
	right: 23px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.switchonoff-checkbox:checked+.switchonoff-label .switchonoff-inner {
	margin-left: 0;
}

.switchonoff-checkbox:checked+.switchonoff-label .switchonoff-switch {
	right: 0px;
}

/*Fin checkbox*/

/*Tarjeta sin beneficios y sin servicios*/
.tarjeta-sin-beneficios,
.tarjeta-sin-servicios {
	margin: 15px 0px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	padding: 24px 15px 45px 15px;
	width: 100%;
}

.title-sin-beneficios {
	margin: 10px 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #313235;
}

.subtitle-sin-beneficios {
	margin: 10px 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #86888C;
}

.button-sin-beneficios {
	font-weight: 400;
	width: 112px;
	height: 32px;
	color: #fff;
	background: #5CB615;
	border-radius: 4px;
	border: none;
}

.button-sin-servicios {
	font-weight: 400;
	width: 203px;
	height: 32px;
	color: #fff;
	background: #5CB615;
	border-radius: 4px;
	border: none;
}

.btnsBenefits {
	padding: 0px 15px 0px 15px;
	height: 32 !important;
	font-size: 16px !important;
}

.container-left-consumos{
	border-right: 2px solid #EEE; 
	
}

/* ----- Ajustes para dispositivos moviles ----- */

@media screen and (max-width:768px) {

	.container-flujo, #headerBenefits {
		padding: 0 15px;
	}

	#titulo-consumos {
		font-size: 28px;
		padding-top: 10px;
		line-height: 30px;
	}



	.fecha-vigencia {
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 15px;
		display: flex;
		align-items: center;
		color: #313235;
	}

	.titulo-tarjeta-consumos {
		font-size: 18px;
		line-height: 22px;
		margin: 0;
	}

	.mensaje-inferior-tarjeta-consumos {
		margin-top: 0;
	}

	.contenido-tarjeta-consumos {
		font-size: 25px;
		line-height: 31px;
		margin: 0;
		margin-top: 4px;
		margin-bottom: 6px;

	}

	.tarjeta-consumos {
		height: 106px;
	}

	.icono-titulo-tarjeta-consumos {
		width: 20px;
		height: 20px;
		margin-right: 4%;
		margin-top: 1%;
		padding: 0;
	}

	.icono-tarjeta-consumos {
		top: 4px;
	}

	.tarjeta-navegacion {
		height: 139px;
	}
	
	.tarj-mobi-llamadas{
		height:140px;
	}

	.tarjeta-recompensas {
		height: 139px;
	}


	.titulo-primer-recarga-paquete-caducado {
		font-size: 35px;
	}

	.mensaje-primer-recarga-paquete-caducado {
		font-size: 20px;
		margin-top: 24px;
	}

	.titulo-azul-primer-recarga-paquete-caducado {
		font-size: 20px;
	}

	.titulo-azul-recarga-paquete-caducado {
		font-size: 35px;
	}

	.boton-primer-recarga-paquete-caducado {
		margin-top: 24px;
	}
}

.snInfCalls, .snInfSms {
	display: none;
}

@media screen and (max-width:992px) {
	.Beneficios-linea {
		display: none;
	}

	.section-servicios-adicionales {
		display: none;
	}

	.contHist {
		right: 10%;
		top: 42%
	}
	
	#contMob {
		width: 100% !important;
	}
	
}

@media screen and (max-width:456px) {
	.titleBlueHist {
		font-weight: 700;
		font-size: 13px;
		line-height: 24px;
	}
}

@media screen and (min-width:992px) {
	#headerBenefits {
		display: none !important;
	}
	
	#renewals-section>button {
		max-width: 308px !important;
	}

	.modal-Security-content {
		margin: auto;
		max-width: 680px;
	}



	#breadMobile {
		display: none !important;
	}

	#breadDesk {
		display: block !important;
	}

	#reciente {
		display: block;
	}

	.Beneficios-linea {
		display: block !important;
		margin-top: 30px !important;
	}

	.section-servicios-adicionales {
		display: block;
	}

	#mobSnBenefits {
		content: url('/images/consumptions/imgSnBenefits.png');
		width: 523px;
	}

	.menuDer {
		padding-left: 2.2rem;
	}

	.tarjeta-beneficios {
		max-width: 308px !important;
	}

	.tarjeta-serviciosA, .tarjeta-renovaciones-folio, .tarjeta-sin-beneficios, .tarjeta-sin-servicios {
		max-width: 308px !important;
	}

	#imeiDetail {
		height: 60px;
	}

	#modelDetail {
		height: 60px;
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	#auchDetail {
		font-weight: 700;
		font-size: 32px !important;
		line-height: 40px;
		margin: 30px 0px 12px;
	}

	.modal-Security-content>.d-grid {
		padding: 0rem 3rem 1.5rem 3rem !important;
	}

	#exitModal {
		margin: 0rem 0rem 1.5rem 1rem
	}


}

.container-flujoHist{
	width: 90%;
	margin: 0 auto;
}

#contMob {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	width: 70%;
	margin: 0 auto;
	margin-top: 25px;
}

.giftBalanceDetail {
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #86888C;
}

@media screen and (max-width:1080px) {
	#contMob {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.container-flujo {
		border-right: none !important;
	}

	.container-flujoHist {
		border-right: none !important;
	}

}

@media only screen and (min-width: 811px) and (max-width: 1080px) {
	.contHist {
		right: 10%;
		top: 34%
	}

	#renewals-section {
		width: 100%
	}
}

/*Section two*/

#packageDetailTitle {
	margin-top: 20px;
	margin-bottom: 10px;
}

#breadDesk > span {
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
}

#returnConsumos {
	display: inline-block;
}

#returnConsumptions {
	margin-top: 25px;
	width: max-content;
}

#dataSMS {
	display: none;
	max-width: 950px;
	margin: 20 auto;
}
#dataCalls {
	max-width: 950px;
	margin: 20 auto;
}
#cards-principal {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

#packageDetailSeparator {
	border: 1px solid gray;
	width: 92%;
	margin: 0 auto;
}

#planNameContainer {
	padding-left: 10px;
}

#planNameContainer > span{
	font-size: 16px;
}

.parentLevel.consumptionCard {
	background: #0B2739;
	color: #FFFFFF;
}

#levelConsumptionPercent, navigationConsumptionPercent {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

#smsMinButtonContext {
	background: #5CB615;
 	border-radius: 4px;
 	border: none;
 	height: 32px;
 	font-family: 'Telefonica-Regular';
 	font-size: 18px;
 	line-height: 24px;
 	color: #FFFFFF;
}

.consumptionCard {
	flex: 1 30%;
	max-width: 430px;
	height: 173px;
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 9px;
	padding: 10px 20px;
	overflow: hidden;
}

.parentNetwork.consumptionCard {
	background: #5CB615;
	color:#FFFFFF;
}

.titleCard {
	margin: 0;
	font-family: 'Telefonica-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	align-items: center;
	display: inline-block;
}

@media screen and (max-width: 768px) {
  	.consumptionCard {
		height: 137px !important;
	}
}

@media screen and (max-width: 991px) {
	
	#cards-saldos {
		display: inline !important;
		margin: 5px 0 16px 0;
	}
	
	#cards-principal {
		display: inline !important;
	}
	
	.consumptionCard {
		max-width: 100% !important;
		margin: 5px 0 16px 0;
	}
	
	.parentLevel.consumptionCard {
		width: 100%;
	}
	
}

/*Section Grids*/
/*Detalle menu izquierdo*/
.parent {
	display: grid;
	grid-template-columns: .1fr 2fr .1fr;
	grid-template-rows: .5fr .1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	align-items: center;
}

.parent .div1 { grid-area: 1 / 1 / 2 / 2; }
.parent .div2 { grid-area: 1 / 2 / 2 / 3; }
.parent .div3 { grid-area: 1 / 3 / 2 / 4; }
.parent .div4 { grid-area: 2 / 1 / 3 / 4; }

/*Navegacion*/
.parentNetwork {
	display: grid;
	grid-template-columns: repeat(4, 1fr) repeat(1, .3fr);
	grid-template-rows: repeat(3, .5fr) .3fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentNetwork .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentNetwork .div2 { grid-area: 1 / 3 / 2 / 4; }
.parentNetwork .div3 { grid-area: 1 / 4 / 2 / 5; }
.parentNetwork .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentNetwork .div5 { grid-area: 2 / 1 / 3 / 6; }
.parentNetwork .div6 { grid-area: 3 / 1 / 4 / 6; }
.parentNetwork .div7 { grid-area: 4 / 1 / 5 / 2; }
.parentNetwork .div8 { grid-area: 4 / 2 / 5 / 6; }

/*Sociales*/
.parentSocial {
	display: grid;
	grid-template-columns: repeat(2, 1fr) repeat(1, .3fr);
	grid-template-rows: repeat(3, .5fr) .3fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentSocial .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentSocial .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentSocial .div5 { grid-area: 2 / 1 / 3 / 6; }
.parentSocial .div6 { grid-area: 3 / 1 / 4 / 6; }
.parentSocial .div7 { grid-area: 4 / 1 / 5 / 2; }
.parentSocial .div8 { grid-area: 4 / 2 / 5 / 6; }

/*Minutos y SMS*/
/*.parentSMSMinutes, .parentMinutes, .parentSMS {
	display: grid;
	grid-template-columns: repeat(2, 1fr) repeat(3, .3fr);
	grid-template-rows: repeat(2, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentMinutes .div1, .parentSMS .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentMinutes .div2, .parentSMS .div2 { grid-area: 1 / 3 / 2 / 4; }
.parentMinutes .div3, .parentSMS .div3 { grid-area: 1 / 4 / 2 / 5; }
.parentMinutes .div4, .parentSMS .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentMinutes .div5, .parentSMS .div5 { grid-area: 2 / 1 / 3 / 6; }*/

.parentSMSMinutes {
	display: grid;
	grid-template-columns: repeat(2, 1fr) repeat(1, .3fr);
	grid-template-rows: repeat(3, .5fr) .3fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentSMSMinutes .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentSMSMinutes .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentSMSMinutes .div5 { grid-area: 2 / 1 / 3 / 6; }
.parentSMSMinutes .div6 { grid-area: 3 / 1 / 4 / 6; }
.parentSMSMinutes .div7 { grid-area: 4 / 1 / 5 / 2; }
.parentSMSMinutes .div8 { grid-area: 4 / 2 / 5 / 6; }
#smsMinButtonContext::after {
	content:none;
}

.parentMinutes {
	display: grid;
	grid-template-columns: repeat(2, 1fr) repeat(3, .3fr);
	grid-template-rows: repeat(3, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentMinutes .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentMinutes .div2 { grid-area: 1 / 3 / 2 / 4; }
.parentMinutes .div3 { grid-area: 1 / 4 / 2 / 5; }
.parentMinutes .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentMinutes .div5 { grid-area: 2 / 1 / 3 / 6; }
.parentMinutes .div6 { grid-area: 3 / 1 / 4 / 6; }
							
.parentSMS {
	display: grid;
	grid-template-columns: repeat(2, 1fr) repeat(3, .3fr);
	grid-template-rows: repeat(3, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentSMS .div1 { grid-area: 1 / 1 / 2 / 3; }
.parentSMS .div2 { grid-area: 1 / 3 / 2 / 4; }
.parentSMS .div3 { grid-area: 1 / 4 / 2 / 5; }
.parentSMS .div4 { grid-area: 1 / 5 / 2 / 6; }
.parentSMS .div5 { grid-area: 2 / 1 / 3 / 6; }
.parentSMS .div6 { grid-area: 3 / 1 / 4 / 6; }

/*Saldo disponible*/
.parentAvailable {
	display: grid;
	grid-template-columns: repeat(3, 1fr) .5fr;
	grid-template-rows: repeat(3, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentAvailable .div1 { grid-area: 1 / 1 / 2 / 4; }
.parentAvailable .div2 { grid-area: 1 / 4 / 2 / 5; }
.parentAvailable .div3 { grid-area: 2 / 1 / 3 / 5; }
.parentAvailable .div4 { grid-area: 3 / 1 / 4 / 3; }
.parentAvailable .div5 { grid-area: 3 / 3 / 4 / 5; }

/* Saldo congelado/Recargado */
.parentFreeze {
	display: grid;
	grid-template-columns: repeat(3, 1fr) .5fr;
	grid-template-rows: repeat(3, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
	
.parentFreeze .div1 { grid-area: 1 / 1 / 2 / 4; }
.parentFreeze .div2 { grid-area: 1 / 4 / 2 / 5; }
.parentFreeze .div3 { grid-area: 2 / 1 / 3 / 5; }
.parentFreeze .div4 { grid-area: 3 / 1 / 4 / 3; }
.parentFreeze .div5 { grid-area: 3 / 3 / 4 / 5; }

/* Saldo regalado */
.parentGift {
	display: grid;
	grid-template-columns: repeat(3, 1fr) .5fr;
	grid-template-rows: repeat(3, .5fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
	
.parentGift .div1 { grid-area: 1 / 1 / 2 / 4; }
.parentGift .div2 { grid-area: 1 / 4 / 2 / 5; }
.parentGift .div3 { grid-area: 2 / 1 / 3 / 5; }
.parentGift .div4 { grid-area: 3 / 1 / 4 / 5; }

/* Nivel */
.parentLevel {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(3, .5fr) .3fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.parentLevel .div1 { grid-area: 1 / 1 / 2 / 6; }
.parentLevel .div2 { grid-area: 2 / 1 / 3 / 6; }
.parentLevel .div3 { grid-area: 3 / 1 / 4 / 6; }
.parentLevel .div4 { grid-area: 4 / 1 / 5 / 4; }
.parentLevel .div5 { grid-area: 4 / 4 / 5 / 6; }