/* 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;
}

.horizontal-scroll {
  display: flex;
  justify-content: flex-start;
  flex-wrap: inherit;
  align-items: flex-start;
  overflow: auto;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 600px) {
  .horizontal-scroll {
    justify-content: center;
  }
}

.mr-1{
  margin-right: 5px;
}

.ml-1{
  margin-left: 5px;
}
.pointer{
  cursor: pointer;
}

/* 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;
}