body{
	font-size: 0.95rem;
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* body.index{
	background-image: url(../../params/imagenes/fondo2.jpg);
	background-size: cover;
	background-position: 50% 50%;
    background-repeat: none;
} */

/* .page-content{
  background: rgba(255,255,255,.5);
} */ 
ol,ul {
	list-style:none;
}
.row{
	color: white;
}
.table{
	color:white;
}
.table td, .table th {
    padding: .5rem;
}

h6{
	background-color: #FF00F3;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 20px;
	padding: 5px;
}

.card{
	background: none;
	background:rgba(0,255,255,.55);
	margin-top: 0px;
	padding: 30px;
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.8);
}
.card-body{
	padding-top: 0;
}


.row-ciudad a{
	background-color: #8c8cf9;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	margin: 5px 0px;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
}
.row-ciudad a:hover{
	background-color: #4028ea;
	text-decoration: none;
}



.row-sucursal a, .row-categorias a, .row-planes a, .atras a{
	background-color: #8c8cf9;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	margin: 0px 0px;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
}
.row-sucursal a:hover, .row-categorias a:hover, .row-planes a:hover{
	background-color: #4028ea;
	text-decoration: none;

}



.txt-categoria{
	display: inline-flex;
}

.atras{
	font-size: 20px;
	text-align: center;
}

.atras a{
	background-color: #8c8cf9;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	margin: 0px 0px;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	margin-top: 10px;
}
.atras a:hover{
	background-color: #4028ea;
	text-decoration: none;

}

.w-150px{
	width: 150px
}
.w-200px{
	width: 200px
}
.card-body, .card-header{
		padding-left: 0px;
		padding-right: 0px;
	}
@media (max-width: 767px) { 
    .index .card{
		padding: 0px;
	}
	.card-info{
		padding: 15px !important;
	}
	.atras{
		margin-bottom: 10px;
	}
	.card-body, .card-header{
		padding-left: 5px;
		padding-right: 5px;
	}
	.p-respv-5px{
		padding-left: 5px;
		padding-right: 5px;
	}
	.card-info{
		margin-top: 0px !important;
	}
}

@media (min-width: 767px) { 
	.tabla-planes{
		display: table;
	}
}

.white{
	color:white;
}
.font-20{
	font-size: 20px;
}
.p-lr-15px{
	padding-left: 15px;
	padding-right: 15px;
}
#form_registro label{
	justify-content: left;
}

.login h5{
	padding-left: 15px;
	margin-bottom: 15px;
	margin-top: 25px;
	width: 100%;
}

.login #form_registro input[type="text"], .login #form_registro input[type="password"]{
	width: 100%;
}
#modal .mensaje, #modal .mensaje-error-email{
	color: #212529 !important;
}
#modal .mensaje-rut{
	color: #212529 !important;
}
#modal h5{
	margin-top: 0;

margin-bottom: 0;
}
#form_login .invalid{
	width: 100% !important;
}
#form_recuperar .invalid{
	width: 100% !important;
	color: #212529 !important;
}

.noty_text{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
a.recuperar{
	color: gold;
	font-weight: 500;
}
a.link-contrato{
	background: none !important;
}

.pronto-envio{
	color: gold;
	font-weight: 500;
}
.img-exito, .img-error{
	width: 80px;
}
.tb-exito, .tb-error{
	font-size: 18px;
}
.tb-titulo h6{
	background-color: #4E9A06;
}
.tb-titulo .error{
	background-color: #FF2F2B;
}

.manito{
	display:none;
}
@media (max-width: 580px) { 
	.manito{
		display:block;
		position: absolute;
		left: 10%;
		z-index: 99999;
		width: 25%;
		margin-top:40px;
		animation-duration: 1s;
		animation-name: slidein;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slidein {
	  from {
		margin-left: 40%;
	  }

	  to {
		margin-left: 15%;
	  }
	}
}

.link-contrato{
	cursor: pointer;
}
.emoti{
	width:30px;
	opacity: 0.9;
}
.descuento{
	color: gold;
	font-weight:500;
}
.powered{
	color:#0099E8;
	text-align:center;
	font-weight: bold;
	background:rgba(0,0,0,.75);
	margin-top: 5px;
	padding: 5px 0 15px;
}
.powered a{
	color:#0099E8;
}
.info-ver{
	color: #212529;
}
.tabla-info-sedes{
	color: #212529;
}
.tabla-info-sedes td, .tabla-info-sedes th {
    padding: 1px;
    font-size: 14px;
}
.tabla-info-sedes .badge{
	padding: 4px 10px;
}
.tr-descuento{
	color: gold;
	font-size: 18px;
	font-weight: bold;
}
.desactivado{
	opacity: 0.6;
}
.gold{
	color: gold;
}

/* .hot-sale{
	background-image: url(../../params/imagenes/hot4.png);
	background-repeat: no-repeat;
	width: 115px;
	padding-left: 20px !important;
	
	color: white;
	background-position-y: 7px;
} */

.tabla-planes th:nth-child(4n), .tabla-planes th:nth-child(5n), .tabla-planes th:nth-child(6n) {
    width: 130px;
}

.hot-sale {
    font-weight: 500;
    background-color: white;
    padding: 5px 15px;
    border-radius: 20px;
	-webkit-animation:colorchange 6s infinite alternate;
}

   @-webkit-keyframes colorchange { 
      0% {
        background-color:#DB2730;
        color: white;
      }
      
    10% {
        
        background-color:rgba(219,39,48,0.4);
        color: white;
      }
			
	20% {
        background-color:#DB2730;
        color: white;
      }
      
      30% {
        
         background-color:rgba(219,39,48,0.4);
        color: white;
      }
			
			40% {
        background-color:#DB2730;
        color: white;
      }
      
      50% {
        
         background-color:rgba(219,39,48,0.4);
        color: white;
      }
			
			60% {
        background-color:#DB2730;
        color: white;
      }
      
    70% {
        
        background-color:rgba(219,39,48,0.4);
        color: white;
      }
			
			80% {
        background-color:#DB2730;
        color: white;
      }
      
      90% {
        
        background-color:rgba(219,39,48,0.4);
        color: white;
      }
			
			100% {
        background-color:#DB2730;
        color: white;
      }
      

    }
.card{
	padding: 30px 10%;
}	
.card-info{
	background:rgba(0,0,0,.25);
	//height: 90vh;
}	
	
	
.div-plan{
	//background-color: rgba(255,255,255,.8); 
	padding: 0;
	//border-radius: 15px 15px 10px 10px;
	box-shadow: 0 0 10px #000; 
	cursor: cursor;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(4,27,49,.9);
	border: 1px solid #fff;
}

.div-seleccionar{
	background: #008000;
	background: #ee047e;
	background: #009BDB;

	border-radius: 100px;

	padding: 5px 30px;
	display: -webkit-inline-box;
	margin-top: 20px;
	
	font-weight: 600;
	text-shadow: 0 0 2px #000;
	font-size: 1.1rem;
}

.div-titulo-plan{

	border-radius: 0px 0px 50px 50px; 
	padding: 30px 0;
	
	font-size: 1.8rem;
	text-transform: uppercase;
	
	font-weight: 500;
	
	font-size: 2rem;
	line-height: 1.8rem; 
} 

.contenedor-plan{
	padding: 20px; 
	transition: padding .2s; 
}

.contenedor-plan:hover{
	padding: 0px 10px 10px 10px;
}


.descripcion-plan{
	color: #f5f5f5; 
	//padding: 30px 10px;
	padding: 0; 
	text-transform: uppercase; 
	font-size: 1.0rem;  
	line-height: 1.4rem;
}

.contenedor-plan-seleccionado{ 
	padding: 0px 10px 10px 10px;
}
.contenedor-plan-seleccionado .div-plan{
	background-color: rgb(4, 27, 49);
	border-color: #009BDB;
	border-width: 7px; 
}


.precio-destacado{ 
	color: #DAA900;
	font-size: 3rem;
	font-weight: bold;
	line-height: 3.1rem;
}  

.precio-matricula{ 
	color: #DAA900;
	font-weight: 600;
} 

.precio-referencia{ 
	font-weight: 600;
} 

.mt-20{
	margin-top: 20px;
}
.mt-10{
	margin-top: 10px; 
}

.info-matricula{
    font-size: .8rem;
    margin-top: 20px; 
}

.info-descuento{
	font-size: 1.5rem;
	color: #DAA900;  
} 

.btn-comprar{
	cursor: pointer;
}

.ml-auto{
	margin-left: auto;
}
.mr-auto{
	margin-right: auto;
}
.m-auto{
	margin: auto;
}

.modal label{
	color: #2D2A26;
}

.btn-tab{
    border-bottom: 3px solid #ccc;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.modal-btn-tab-seleccionado{
    border-bottom: 3px solid #356BAE;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.titulo-div label{
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 1.1rem;
}

.titulo-confirme{
    display: block;
    color: #333;
	font-size: 1.2rem;
	width: 100%;
	text-align: center;
}

.tabla-confirmacion{
	font-size: 1.3rem; 
}

.precio-confirmacion{
	color: #DAA900;
	font-weight: 600;
	font-size: 1.4rem; 
}

.txt-valor-total{
	font-size: 1.8rem; 
} 
.precio-final{ 
	color: #DAA900;
	font-weight: bold;
	font-size: 2rem; 
}

.card-info-confirmacion {
    background: rgba(0,0,0,.8);
    min-height: 90vh;
}
.fecha-inicio{
	margin: auto;
	max-width: 200px;
	float: right;
	font-size: 1.2rem;
	font-weight: 500; 
}
.info-confirmacion{
	font-size: 1.3rem; 
}

.tabla-fecha td, .tabla-fecha th{
	border-bottom: 1px solid #dee2e6;
}

.icono-resultado { 

    max-width: 70px;
    margin: 10px;

}

.top{
	background-color: #fff;
	text-align:center;  
	padding: 10px 10px 20px;
}

.invalid{
	color: #ff0000 !important;
	font-size: .8rem;
}

.txt-nombre-usuario, .txt-nombre-usuario a{
	color: #0076BC;
	font-size: 1rem; 
	font-weight: 500;
}

.bold{
	font-weight: 700;
}


.card {
    padding: 30px 1%;
}
.div-titulo-plan{
	font-size: 1.8rem;
}
.precio-destacado{
	font-size: 2.8rem;
}
.desc-inbody{ 
	text-transform: none;
}

.convenio-empresa{
	color: #005d93;
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 500;
}

.div-plan .convenio-empresa {
	color: #fff;
	font-size: 0.8rem;
	font-weight: normal;
  }