@font-face {
	font-family: 'Confortaa';
	font-style: normal;
	font-weight: 300;
	src: local('Confortaa Light'), local('Confortaa-Light'), url(../fonts/confortaa/Comfortaa-Light.ttf) format('truetype');
}

@font-face {
	font-family: 'Confortaa';
	font-style: normal;
	font-weight: 400;
	src: local('Confortaa Regular'), local('Confortaa-Regular'), url(../fonts/confortaa/Comfortaa-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Confortaa';
	font-style: normal;
	font-weight: bold;
	src: local('Confortaa Bold'), local('Confortaa-Bold'), url(../fonts/confortaa/Comfortaa-Bold.ttf) format('truetype');
}

html, body, div, p, h1, h2, h3, h4, h5, h6 {
	font-family: 'Confortaa', sans-serif;
}

nav ul a {
	padding: 0 .7em;
}
nav ul a i.right {
	margin-left: 5px;
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after {
    background-color: rgb(255, 138, 6) !important;
}
[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
    border: 2px solid rgb(255, 138, 6) !important;
}

.respuestas ul {
	border: none;
}

.respuestas .collection-item label {
	color: #FFF;
	font-size: 1.1em;
}

.respuestas li span::before {
    color: rgba(255, 255, 255, .5);
	font-size: 3em;
	left: -15px;
	margin-right: .2em;
	border: none !important;
	/* transform: rotate(-30deg); */
}

.respuestas li:nth-child(1) span::before {
	content: 'A';
}
.respuestas li:nth-child(2) span::before {
	content: 'B';
}

.respuestas li:nth-child(3) span::before {
	content: 'C';
}

.respuestas li:nth-child(4) span::before {
	content: 'D';
}

.respuestas .row {
	margin: 0 !important; 
}

[type="radio"]:not(:checked) + span {
	height: auto;
	min-height: 23px;
}

li [type="radio"]:checked {
	background-color:blue;
}

a.categoria-block h5, a.categoria-block p {
	color: #000 !important;
}

a.categoria-block {
    border: 1px solid rgba(255,255,255,0);	
}

a.categoria-block img {
	margin-top: 1em;
	clear: both;
}

a.categoria-block:hover {
	background-color: #EFEFEF;
	border: 1px solid #2196F3;
}

a.categoria-block:hover i {
	color: #009688;
}

.collection .collection-item {
	background-color: transparent;
}

.card-alert .card-content p {
	font-size: .9em;
}

.card-content, .card-content p {
	font-size: 1.2em;
}

.respuestas li span, 
.respuestas li label,
[type="radio"] + span {
	font-size: 1.2rem !important;
}


nav a.sidenav-trigger {
	display: block !important;
}

.seleccionado:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f058 ";
	margin-right: .5em;
	font-size: 120%;
}

.seleccionado-error:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f057 ";
	margin-right: .5em;
	font-size: 120%;
}

.msg {
	width:100%;
	border: 1px solid;
	padding:10px;
	margin: 20px;
	color: grey;
  }
  .msg-error {
	border-color: #d32f2f;
	background-color: #ef5350;
	color: white;
  }
  .msg-alert {
	 border-color: #ef6c00;
	background-color: #ff9800;
	color: white;
  }
  
  .msg-info{
	border-color: #0288d1;
	background-color: #29b6f6;
	color: white;
  }

  .respuestas li {
	  position: relative;
  }

  .respuestas li.acierto {
	background-color: #009688;	  
  }
  .respuestas li.fallo {
	background-color: #f44336;	  
  }  
  .respuestas li span.thumb {
	  color: white;
	  float: right;
  }
  .respuestas li span.thumb::before {
	  content: '';
  }

  .respuestas li::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2em;
    text-align: right;
	float:right;	
	color: white;
	position: absolute;
	top: .7em;
	right: .5em;
  }  
  .respuestas li.acierto::after {
	content: "\f164 ";
  }
  .respuestas li.fallo::after {
	content: "\f165 ";
  }  


#div_loader_lineal .progress {
	margin: 0;
}

.footer-copyright .row {
	margin: 0;
}

#index-banner h1 {
	font-size: 2.5rem;
}

#index-banner h2 {	
	font-size: 2rem;
}

#index-banner h3 {	
	font-size: 1.5rem;
}

#index-banner h1,
#index-banner h2,
#index-banner h3 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

@media (max-width: 768px) {
	#index-banner h1.header, 
	#index-banner h2.header,
	#index-banner h3.header {
		font-size: 1.64rem;
	}

	.footer-copyright  div{ 
		text-align: center;
	}

	#index-banner h1,
	#index-banner h2 {
		text-align: center;
	}

	.card-content, .card-action {
		padding: 1em !important;
	}

	.row50 {
		width: 100% !important;
	}
	
	.login-form	.input-field,
	.login-form	.input-field p {
		text-align: center !important;	
	}
}


.sidenav-trigger:hover {
	cursor: pointer;
}

.sidenav .user-view {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

main {
    flex: 1 0 auto;
  }

.initials {
	position: relative;
	top: 15%;
	margin: 11%;
	font-size: 1.6em; /* 50% of parent */
	color: #fff;
	font-weight: bold;
}

.sidenav .user-view {
	padding: 1.5em;
}

.row50 {
	width: 50%;
	margin: 1em auto;
}

.collection .collection-item {
	padding: 20px;
}

.nomargin {
	margin:0 !important;
}

.nopadding {
	padding:0 !important;
}

.alerta i {
	float: left;
	font-size: 3em;
}

.alerta ul {
	margin-left: 5em;
}

.alerta ul li i {
	font-size: 1em;
}

.alerta .fa-li {
	left: -1.5em;
	top: .2em;
}

.alerta strong {
	font-size: 120%;
	display: block;
}

footer ul:not(.browser-default) > li {
	margin: .6em 0;
}

footer a {
	color: #FFF;
}
footer a.active {
	font-weight: bold;
	background-color: #FFF;
	color: #000;
}

footer a.active:hover {
	color: #FFF;
}

strong {
	font-weight: bold;
}


.caja-pregunta .card-content {
	padding-bottom: 0;
}
.caja-pregunta .card-action {
	padding-top: 0;
}
.caja-pregunta .row {
	margin-bottom: 0;
}

.lowercase {
	text-transform: lowercase;	
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.tabs .tab a:hover, .tabs .tab a.active {
	color: #f44336;
}

.sidenav .user-view .circle {
	margin: 0 auto;
}

.no-border-radius {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

footer .btn {
    font-size: 80%;
    padding: 0 1em !important;
}

.categoria-block {
    height: 14em;
}