/* Your app custom styles here */
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Italic'), local('Poppins-Italic'),
       url('../fonts/poppins-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('../fonts/poppins-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
       url('../fonts/poppins-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Poppins Black'), local('Poppins-Black'),
       url('../fonts/poppins-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/poppins-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
       url('../fonts/poppins-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v13-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v13-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v13-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v13-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */
}



* {
	font-family: 'Poppins', Arial, sans-serif;
}

/* GENERAL */

.justify-content-center{
  justify-content: center;
}

.oculto{
  display: none !important;
}

.escondido{
  visibility: hidden;
}

.imagenYTexto{
  align-items: center;
  justify-content: center;
}

.fotoPerfilPanel {
  margin: 0 !important;
  width: 80px !important;
  height: 80px !important;
}

.panel a {
  color: #FFF;
}

.boldText{
  font-weight: 600;
}

.destacado{
  color:var(--f7-theme-color);
}

.smallerFont{
  font-size: smaller;
}

.xlargeFont{
  font-size: x-large;
}

.italic{
  font-style: italic;
}

.size-22{
  font-size: 22px;
}

/* Primer inicio */
.elegirCarreraTitulo {
  margin-top: 30px;
}

.elegirCarreraTitulo .f7-icons{
  font-size: 22px;
}

.listaPrimerInicio{
  margin:0;
}

#botonPrimerInicio {
  margin-top: 50px;
}


/* HOME */

.range-slider{
  pointer-events: none;
}

#iconoCorredor{
  position: absolute;
}

#contenedorCorredor{
  height: 20px;
}

/* AGREGAR MATERIA */

#contenedorNombreMateria,#contenedorNombreMateriaFinalDesaprobado, #contenedorNombreMateriaRegular{
  padding: 0;
}

#contenedorNombreMateria .item-after,#contenedorNombreMateriaFinalDesaprobado .item-after,#contenedorNombreMateriaRegular .item-after{
  margin:0 !important;
  padding: 0 !important;
}

/* LISTADO MATERIAS */

.headerAnioMateriaPendiente{
  margin-top: 10px !important;
}
.block-title.title-strong {
  font-weight: 600;
}
.tab-link{
  font-size: 0.7em;
}
.noHayMaterias {
  color: #cecece;
  text-align: center;
}
.noHayMaterias i {
  font-size: 2em;
}

/* DETALLE MATERIA */

.estadoMateriaIcon{
  font-size: 60px;
}
.contenedorEstadoMateria{
  background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px;
}

/* MI PERFIL */
.fotoPerfil{
    border-radius: 50%;
    border: 2px solid #4cd964;
    width: 150px;
    background-image: url();
    height: 150px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    position: relative;
}
#miPerfilContenedorFoto {
  position: relative;
}
#botonSubirFotoPerfil {
  position: absolute;
  bottom: -15px;
  left: calc(50% - 15px);
  background-color: #4cd964;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
#iconoSubirFotoMiPerfil {
  line-height: 30px;
}

.contenedorInputFile {
  border: 1px solid #4cd964;
  border-radius: 3px;
  padding: 10px;
  margin: 30px 0;
}

/* MIS MEDALLAS */

.linkMedalla{
  width: 100%;
}

.medallaContenedor{
  width: 100%;
  border-radius: 10px;
}

.medallaContenedor h3{
  margin:0;
}

.medallaContenedor img{
  width: 80%;
  max-width: 80px;
}

.medallaTitulo {
  font-size: x-small;
}

/* ESTADISTICAS */
.contenedorEstadisticas svg{
  border-radius: 30px !important;
}

text {
  fill: #555!important;
}

.estadisticaIcono {
  font-size: 2em;
  color: #d0d0d0;
}

/* COMENTARIOS */
.comentarioFoto{
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
.comentariosMateriaSubtitulo{
  text-align: center;
  color: #c5c5c5;
  font-style: italic;
}
.estrellaPuntajeMateria{
  color:var(--f7-theme-color);
}
.far:active, .fas:active {
  color:var(--f7-theme-color);
}
#botonEliminarComentario{
  display: none;
}

/* Facebook cards (comentarios) */
.demo-facebook-card .card-header {
  display: block;
  padding: 10px;
}
.demo-facebook-card .demo-facebook-avatar {
  float: left;
}
.demo-facebook-card .demo-facebook-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}
.demo-facebook-card .demo-facebook-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}
.demo-facebook-card .card-footer {
  background: #fafafa;
}
.demo-facebook-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}
.demo-facebook-card .card-content img {
  display: block;
}
.demo-facebook-card .card-content-padding {
  padding: 15px 10px;
}
.demo-facebook-card .card-content-padding .likes {
  color: #8e8e93;
}

/* Notificaciones */
.notificacion{
  display: none;
}

.contenedorNotificaciones .card-content, .contenedorNotificaciones .card-header {
  color: #000;
}

/* TUTORIAL */
.swiper-wrapper {
  height: 100%;
}

.swiper-container {
  height: 100%;
}

.contenedorImagenTutorial img {
    height: 100%;
}
.contenedorImagenTutorial {
    height: 65%;
    text-align: center;
    margin-top: 10px;
}

.swiper-slide p {
  margin: 10px;
  text-align: center;
}