body {
	overflow: visible;
}

.ocupa-ancho-completo {
	width: 100%;
}

/* clase que transforma el contenedor de parte en un formulario vertical */
.muestra-contenido-vertical {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

/* Tamanyo minimo para el grafico circular */
#graficoCircular {
	min-width: 300px !important;
}

.selectPartes {
	max-width: 100% !important;
	width: 100% !important;
}

#descripcionTarea {
	height: 38px;
}

#descripcionAnotacion {
	height: 38px;
}

#dialogoAlumnosDiplomas .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #e83e8c;
	background-color: #e83e8c;
}

#dialogoAlumnosDiplomas .custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: #fff;
	background-color: #e694ba;
	border-color: #e694ba;
}

#dialogoAlumnosDiplomas .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(232, 62, 141, 0.26);
	border-color: #e83e8c;
}

#contenidoCovid .custom-control.custom-radio {
	margin-left: 45%;
}

#contenidoCovid .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #e83e8c;
	background-color: #e83e8c;
}

#contenidoCovid .custom-control-input:not(:disabled):active~.custom-control-label::before {
	/*	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);*/
	color: #fff;
	background-color: #e83e8c54;
	border-color: #e83e8c54;
}

#contenidoCovid .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	border-color: #e83e8c;
}

#contenidoCovid select:focus {
	color: #495057;
	background-color: #fff;
	border-color: #e83e8c;
	box-shadow: 0 0 0 0.2rem #e83e8c42;
	outline: 0;
}

#contenidoCovid input:focus {
	box-shadow: 0 0 0 0.2rem #e83e8c42;
	border-color: #e83e8c;
}

i#campanaIncicendias {
	transition: all 1s ease 0s;
}

i#campanaIncicendias:hover {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	transition: all 1s ease 0s;
}

i#campanaIncicendias:not(::before) {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

i#campanaPeticiones {
	transition: all 1s ease 0s;
}

i#campanaPeticiones:hover {
	box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	transition: all 1s ease 0s;
}

i#campanaCOVID {
	transition: all 1s ease 0s;
}

i#campanaCOVID:hover {
	box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	transition: all 1s ease 0s;
}

i#campanaTareas {
	transition: all 1s ease 0s;
}

i#campanaTareas:hover {
	box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	transition: all 1s ease 0s;
}

i#campanaTutorias {
	transition: all 1s ease 0s;
}

i#campanaTutorias:hover {
	box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	transition: all 1s ease 0s;
}

select#selectMiembrosActas,
select#selectParticipantes {
	height: 9em;
}

.text-rosa {
	color: #e83e8c;
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background: #A4A4A4;
	border: 0px none #ffffff;
	border-radius: 14px;
}

::-webkit-scrollbar-thumb:hover {
	background: #999999;
}

::-webkit-scrollbar-thumb:active {
	background: #888888;
}

::-webkit-scrollbar-track {
	background: #f5f5f5;
	border: 0px none #ffffff;
	border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
	background: #f5f5f5;
}

::-webkit-scrollbar-track:active {
	background: #f5f5f5;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

html {
	scrollbar-color: #A4A4A4;
	scrollbar-width: thin;
}

html:hover {
	scrollbar-color: #999999;
	scrollbar-width: thin;
}

html:active {
	scrollbar-color: #888888;
	scrollbar-width: thin;
}



.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}

.cookie-choices-text::-webkit-scrollbar {
	width: 8px;
	/* Tamaño del scroll en vertical */
	height: 8px;
	/* Tamaño del scroll en horizontal */
	/*	display: none;  /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.cookie-choices-text::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.cookie-choices-text::-webkit-scrollbar-thumb:hover {
	background: #b3b3b3;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.cookie-choices-text::-webkit-scrollbar-thumb:active {
	background-color: #999999;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.cookie-choices-text::-webkit-scrollbar-track {
	background: #e1e1e1;
	border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.cookie-choices-text::-webkit-scrollbar-track:hover,
.cookie-choices-text::-webkit-scrollbar-track:active {
	background: #d4d4d4;
}

#cookie {
	z-index: 99;
}

ul.pwd-info {
	padding: 0;
}

ul.pwd-info li {
	list-style: none;
}

.progress-bar {
	transition: background-color 1s, width 1s;
}

#toTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	/*	transition: background-color 1.5s ease 0s, border-color 1.5s ease 0s;*/
}

#divEstadisticas {
	display: none;
}

/*
hr {
	position: relative;
	top: 47px;
	border-color: green;
}
*/
nav {
	transition: background-color 1000ms linear;
}

#frmExistencias>div>div:nth-child(2)>div {
	max-width: 300px;
}

#contenidoTareas *::selection,
#frmConsultaTareas *::selection {
	background-color: #9a6c38;
	color: white;
}

.logo {
	cursor: pointer;
	margin-top: 1em;
}

.linea-menu {
	margin: 0;
}

.navbar-texto {
	position: absolute;
	left: 45%;
}

#tareas {
	background-repeat: no-repeat;
	background-size: 100px;
}

#txtPrincipal>p.text-primary {
	cursor: pointer;
}

#frmConectar #curso {
	max-width: 280px;
}

#frmConectar #claveLogin {
	max-width: 236px;
	margin-right: 0 !important;
}

#frmConectar #btn-ver-clave {
	margin-left: 0 !important;
	background-color: #811198;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	height: 40px;
	border-color: #811198;
}

#frmConectar #btn-ver-clave>i {
	color: white;
}

#frmConectar #btn-ver-clave:focus {
	box-shadow: 0 0 0 0.2rem rgba(100, 9, 93, 0.3);
}

#frmConectar input:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
	border-color: #811198;
}

#frmConectar select:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
	border-color: #811198;
}

#btn-cambiarClave {
	margin-right: 1em;
}

#dialogoConfirmacion {
	display: none;
}

#formLogin {
	width: 33.33%;
	height: 100vh;
	float: left;
	overflow-y: overlay;
	overflow-x: hidden;
}

#formLogin ::selection {
	background-color: #811198;
	color: #fff;
}

#tablaIncidenciaDetalles .custom-control-input:focus~.custom-control-label::before,
#tablaIncidenciaDetalles .custom-control-input:valid:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgb(255, 193, 7, .25);
	border-color: #ffc107;
}

#tablaIncidenciaDetalles .custom-control-input:checked~.custom-control-label::before,
#tablaIncidenciaDetalles .custom-control-input:valid:checked~.custom-control-label::before {
	border-color: #ffc107;
	background-color: #ffc107;
}

#tablaIncidenciaDetalles .custom-control-input:active~.custom-control-label::before,
#tablaIncidenciaDetalles .custom-control-input:valid:active~.custom-control-label::before {
	border-color: #ffe493;
	background-color: #ffe493;
}

#guardarCredenciales.custom-control-input:focus~.custom-control-label::before,
#guardarCredenciales.custom-control-input:valid:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
	border-color: #811198;
}

#guardarCredenciales.custom-control-input:checked~.custom-control-label::before,
#guardarCredenciales.custom-control-input:valid:checked~.custom-control-label::before {
	border-color: #811198;
	background-color: #811198;
}

#guardarCredenciales.custom-control-input:active~.custom-control-label::before,
#guardarCredenciales.custom-control-input:valid:active~.custom-control-label::before {
	border-color: #ab62b9;
	background-color: #ab62b9;
}

.navbar.bg-info *::selection {
	background-color: white;
	color: #17a2b8;
}

.navbar.bg-marron *::selection {
	background-color: white;
	color: #9a6c38;
}

#formLogin input {
	height: 40px;
	width: 280px;
}

#formLogin select {
	height: 40px;
	width: 280px;
}

#perfil {
	max-width: 280px;
}

#formLogin .container * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#formLogin .container #usuario,
#formLogin .container #claveLogin {
	text-align: left;
}

/*
div.form-group:nth-child(3) {
	margin: 0;
}
*/

/* APARTADO NUEVO CON EL DIFUMINADO */

/* #loginLateral {
	width: 66.67%;
	height: 100vh;
	float: left;
	background-image: url(BandaDemo.png);
	background-size: contain;
	background-position: top;
	background-repeat: round;
} */

#loginLateral {
	position: relative;
	width: 66.67%;
	height: 100vh;
	float: left;
	background-image: url(melampoBandas.jpg);
	/* background-size: cover; */
	 background-size: cover;   /* Ajusta el tamaño sin recortar */
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.5);
	/* sombra a la izquierda tipo cajón */
}


#loginLateral::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); */
	backdrop-filter: blur(0.5px);
	z-index: 1;
	pointer-events: none;
}

#loginLateral>* {
	position: relative;
	z-index: 2;
}
.esquina-superior-izquierda {
  width: 150px;  /* mismo ancho */
  height: 150px; /* mismo alto */
  overflow: hidden; /* oculta el resto de la imagen */
  border-radius: 50%; /* recorta el contenedor en círculo */
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}
.esquina-superior-izquierda img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* recorta sin deformar */
  border-radius: 0; /* ya está recortada por el contenedor */
}





#imgLogin {
	width: 280px;
}

#conectar {
	width: 100%;
}

#contenidoGLT,
#contenidoGuardias,
#contenidoActividades,
#contenidoPartes,
#contenidoAsistencia,
#contenidoIncidenciasTIC,
#contenidoReservas,
#contenidoActas,
#contenidoCovid,
#contenidoInformes {
	margin-left: 10em;
	margin-right: 10em;
	display: none;
}

#contenidoActas {
	margin-top: 0;
}

#txtPrincipal {
	margin-top: 2em;
}

#divFormularioIncidenciasEntreFechas {
	display: none;
}

/* #divFormularioIncidenciasEntreFechasSecretario{
} */

#fechaSancion,
#fechaEntregaTarea {
	background-color: white;
}

.img-plantilla {
	height: 10em;
	cursor: pointer;
}

#contenidoInformes ::selection {
	background-color: #fd7e14;
	color: white;
}

button {
	/*	width: 150px;*/
	height: 38px;
}

select {
	width: 230px;
	min-width: 230px;
	max-width: 230px;
}

.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


#txtPrincipal *::selection,
#navbar-inicio *::selection {
	background-color: #811198;
	color: white;
}

#guardar {
	margin-right: 0.5em;
}

textarea[disabled] {
	background-color: white;
}

#seleccionarInformePrenotas,
#seleccionarGrupoEstadisticasPrenotas {
	margin-top: -7px;
}

#incidenciasTic {
	border-color: #ffc107;
}

#frmTareaOculta {
	display: none;
}

#frmTutoriaOculta {
	display: none;
}

#contenidoTareas input:focus,
#contenidoTareas textarea:focus,
#contenidoTareas .custom-file-input:focus~.custom-file-label,
#contenidoTareas select:focus {
	border-color: #9a6c38;
	box-shadow: 0 0 0 0.2rem rgba(154, 108, 56, 0.5);
}

#contenidoTareas table,
#tablaConsultaTareas,
#contenidoSancionesNoDesestimadas table,
#tablaSancionesNoDesestimadas {
	background-color: #c78d4b8f;
}

#contenidoTareas table thead,
#tablaConsultaTareas thead,
#contenidoSancionesNoDesestimadas table thead,
#tablaSancionesNoDesestimadas thead {
	background-color: #c58a46;
}

#contenidoTareas td,
#contenidoTareas th,
#tablaConsultaTareas td,
#tablaConsultaTareas th,
#contenidoSancionesNoDesestimadas td,
#contenidoSancionesNoDesestimadas th,
#tablaSancionesNoDesestimadas td,
#tablaSancionesNoDesestimadas th {
	border-color: #9a6c38;
}


/* css tabla mis sanciones */
#contenidoMisSancionesNoDesestimadas table,
#tablaMisSancionesNoDesestimadas {
	background-color: #e3b8cc;
}

#contenidoMisSancionesNoDesestimadas table thead,
#tablaMisSancionesNoDesestimadas thead {
	background-color: #e83e8c;
	color: white;
}

#contenidoMisSancionesNoDesestimadas td,
#contenidoMisSancionesNoDesestimadas th,
#tablaMisSancionesNoDesestimadas td,
#tablaMisSancionesNoDesestimadas th {
	border-color: #b32c6a;
}

/* fin css tabla mis sanciones */

#contenidoTutorias table thead,
#tablaConsultaTutorias thead {
	background-color: #5a6268;
	color: white;
}

#contenidoTutorias td,
#contenidoTutorias th,
#tablaConsultaTutorias td,
#tablaConsultaTutorias th {
	border-color: #000;
}


.custom-file {
	width: auto;
}

.bg-marron {
	background-color: #9a6c38;
}

.input-verde:focus.custom-file-input:focus~.custom-file-label {
	border-color: #811198;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
}

.sombraVerde {
	box-shadow: 0 0 0 0.4rem rgba(40, 167, 69, .25);
	box-shadow: 0 0 8px 0.6rem rgba(40, 167, 69, .25);
}

.sombraRoja {
	box-shadow: 0 0 0 0.4rem rgba(220, 53, 69, .25);
	box-shadow: 0 0 8px 0.6rem rgba(220, 53, 69, .25);
}

.sombraAzul {
	box-shadow: 0 0 0 0.4rem rgba(0, 123, 255, 0.28);
	box-shadow: 0 0 8px 0.6rem rgba(0, 123, 255, 0.28);
}

.sombraAmarilla {
	box-shadow: 0 0 8px 0.6rem rgb(255, 193, 7, .25);
}

.sombraMorada {
	box-shadow: 0 0 8px 0.6rem rgba(169, 17, 206, 0.25);
}

.sombraCyan {
	box-shadow: 0 0 8px 0.6rem rgba(23, 162, 184, 0.25);
}

.sombraNaranja {
	box-shadow: 0 0 8px 0.6rem rgba(253, 126, 20, 0.25);
}

.sombraRosa {
	box-shadow: 0 0 8px 0.6rem rgba(232, 62, 140, 0.25);
}

.sombraMarron {
	box-shadow: 0 0 8px 0.6rem rgba(154, 108, 56, .5);
}

.sombraGris {
	box-shadow: 0 0 8px 0.6rem rgba(128, 128, 128, .5);
}

.btn-marron {
	background-color: #9a6c38;
	border-color: #9a6c38;
	color: white;
}

.btn-marron:hover {
	background-color: #7d582e;
	border-color: #7d582e;
	color: white;
}

.btn-marron:active {
	background-color: #73512a;
	border-color: #73512a;
	color: white;
}

.btn-marron:focus {
	outline: 0;
	color: white;
	box-shadow: 0 0 0 0.2rem rgba(154, 108, 56, 0.4);
}

.btn-morado {
	border-color: #a911ce;
	background-color: #a911ce;
	color: white;
}

.btn-morado:focus {
	outline: 0;
	color: white;
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
}

.btn-morado:hover {
	color: white;
	text-decoration: none;
	background-color: #8300a3;
}

.btn-morado:active {
	color: white;
	text-decoration: none;
	background-color: #740091 !important;
	border-color: #740091 !important;
}

.btn-naranja {
	background-color: #fd7e14;
	border-color: #fd7e14;
	color: white;
}

.btn-naranja:focus {
	outline: 0;
	color: white;
	box-shadow: 0 0 0 0.2rem rgba(210, 116, 37, 0.55);
}

.btn-naranja:hover:not(:disabled) {
	color: white;
	text-decoration: none;
	background-color: #d2680f;
}

.btn-naranja:active {
	color: white;
	text-decoration: none;
	background-color: #b4580d !important;
	border-color: #b4580d !important;
}

#contenidoInformes select:focus,
#contenidoInformes input[type="text"]:focus,
#contenidoInformes textarea:focus {
	border-color: #fd7e14;
	box-shadow: 0 0 0 0.2rem rgba(210, 116, 37, 0.55);
}

.btn-amarillo {
	background-color: rgb(224, 168, 0);
	border-color: rgb(224, 168, 0);
	color: white;
}

.btn-rosa {
	background-color: #e83e8c;
	border-color: #e83e8c;
	color: white;
}

.btn-rosa:focus {
	outline: 0;
	color: white;
	box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.26);
}

.btn-rosa:hover {
	color: white;
	text-decoration: none;
	background-color: #e71a7a;
}

.btn-rosa:active {
	color: white;
	text-decoration: none;
	background-color: #ce1169 !important;
	border-color: #ce1169 !important;
}

.navbar-text {
	color: white !important;
}

body>div:nth-child(21)>div>div:nth-child(1)[role="header"],
body>div:nth-child(20)>div>div:nth-child(1)[role="header"],
body>div:nth-child(19)>div>div:nth-child(1)[role="header"] {
	/*	background-color: #17a2b8!important;*/
}

.input-cyan:focus {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22);
}

.select-cyan:focus {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22);
}

#frmTipo .nav-link.active {
	background-color: #17a2b8 !important;
}

#frmSector .nav-link.active {
	background-color: #17a2b8 !important;
}

#frmEspacio .nav-link.active,
#frmRecurso .nav-link.active {
	background-color: #a911ce !important;
}

.rotar::after {
	transform: rotate(0deg) !important;
}

.select-morado:focus {
	color: #495057;
	background-color: #fff;
	border-color: #a911ce;
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	outline: 0;
}

.input-morado:focus {
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	border-color: #a911ce;
}

#contenidoActas ::selection {
	background-color: #17a2b8;
	color: white;
}

#contenidoActas .form-control[readonly] {
	background-color: #fff;
}

#contenidoActas select:focus,
#contenidoActas input:focus,
#contenidoActas textarea:focus {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22);
}

#divRadioMisReservas,
#divFormularioReservaEntreFechas {
	display: none;
}

#contenidoTareas {
	display: none;
}

#contenidoTutorias {
	display: none;
}


#contenidoIncidenciasTIC select:focus,
.select-verde:focus {
	color: #495057;
	background-color: #fff;
	border-color: #ffc107;
	box-shadow: 0 0 0 0.2rem rgb(255, 193, 7, .25);
	outline: 0;
}

#contenidoIncidenciasTIC input:focus,
#contenidoIncidenciasTIC textarea:focus {
	box-shadow: 0 0 0 0.2rem rgb(255, 193, 7, .25);
	border-color: #ffc107;
}

#contenidoIncidenciasTIC ::selection {
	background-color: #ffc107;
	color: #000;
}

#contenidoReservas .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #a911ce;
	background-color: #a911ce;
}

#contenidoReservas .custom-control-input:not(:disabled):active~.custom-control-label::before {
	/*	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);*/
	color: #fff;
	background-color: #a911ce54;
	border-color: #a911ce54;
}

#contenidoReservas .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	border-color: #a911ce;
}

#contenidoReservas select:focus {
	color: #495057;
	background-color: #fff;
	border-color: #a911ce;
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	outline: 0;
}

#contenidoReservas input:focus {
	box-shadow: 0 0 0 0.2rem rgba(169, 17, 206, 0.26);
	border-color: #a911ce;
}

#contenidoReservas ::selection {
	color: white;
	background-color: #9914b982;
}

#contenidoGLT .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #811198;
	background-color: #811198;
}

#contenidoGLT .custom-control-input:not(:disabled):active~.custom-control-label::before {
	/*	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);*/
	color: #fff;
	background-color: #c5e7cd;
	border-color: #a3d9b0;
}

#contenidoGLT .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

#contenidoGLT select:focus,
.select-verde:focus {
	color: #495057;
	background-color: #fff;
	border-color: #811198;
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
	outline: 0;
}

#contenidoGLT input:focus,
.input-verde:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25);
	border-color: #811198;
}

#contenidoGLT ::selection {
	color: white;
	background-color: #811198;
}

#contenidoGuardias ::selection {
	color: white;
	background-color: #dc3545;
}

.navbar-glt a::selection {
	background-color: white;
	color: #811198;
}

#contenidoGLT option:hover {
	background-color: #811198 !important;
	color: white !important;
}

#contenidoGuardias select:focus,
.select-rojo:focus {
	color: #495057;
	background-color: #fff;
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgba(180, 72, 72, 0.5);
	box-shadow: 0 0 0 0.2rem rgb(239, 164, 171);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
	outline: 0;
}

#contenidoGuardias option:hover {
	background-color: #dc3545 !important;
	color: white !important;
}

#existencias,
#existenciasNuevo {
	text-align: center;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

/*
#frmObservaciones > table > tbody > tr > td:nth-child(1) {
	width: 20rem;
}

#divListaAlumnosGLT > form > table > tbody > tr > td:nth-child(1) {
	width: 20rem;
}

#divListaAlumnosGLT > form > table > tbody > tr > td:nth-child(2) {
	width: 10rem;
}

#divAsignaturasGLT > form > table > tbody > tr > td:nth-child(1) {
	width: 15rem;
}

#divAsignaturasGLT > form > table > tbody > tr > td:nth-child(2) {
	width: 10rem;
}
*/
.contenedor-radio {
	/*	width: 253px;*/
	min-width: 142px;
}

#contenidoGLT .custom-radio {
	float: left;
	clear: both;
}

/*
#divGrupoGLT > form > div > div:nth-child(1) > label {
	margin-left: 1em;
}
*/
.contenedor-select {
	float: left;
	padding-right: 0;
}

.navbar-glt .dropdown-item:active {
	background-color: #811198;
}

.navbar-acta .dropdown-item:active {
	background-color: #ab62b9 !important;
}

.navbar-guardias .dropdown-item:active {
	background-color: #dc3545;
}

.navbar-incidencias .dropdown-item:active {
	background-color: #ffc107;
}

.navbar-actividades .dropdown-item:active {
	background-color: #007bff;
}

/* AÑADIDO BARRA MENU PARTES*/
.navbar-partes .dropdown-item:active {
	background-color: #e83e8c;
}

.navbar-reservas .dropdown-item:active {
	background-color: #a911ce;
}

.navbar-inicio {
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #811198;
}

.navbar-inicio .dropdown-item:active {
	background-color: #811198;
}

.navbar-informes .dropdown-item:active {
	background-color: #fd7e14 !important;
}

.navbar-Covid .dropdown-item:active {
	background-color: #e83e8c !important;
}

.navbar-tareas .dropdown-item:active {
	background-color: #9a6c38 !important;
}


.bg-naranja {
	background-color: #fd7e14;
}

.bg-rosa {
	background-color: #e83e8c;
}

.bg-morado {
	background-color: rgb(169, 17, 206);
}

.bg-amarillo {
	background-color: rgb(224, 168, 0);
}

#collapsibleNavId>ul>li>a {
	color: rgba(253, 255, 255, 0.8);
}

#collapsibleNavId>ul>li>a:hover {
	color: rgba(253, 255, 255);
	font-weight: 400;
}

.fas {
	font-size: large;
}

.select-multiple {
	min-width: 100%;
}

.btn-group-vertical {
	margin-top: 2em;
}

.label {
	width: inherit;
	font-weight: bold;
	display: inline-block;
}

#txtPrincipal {
	text-align: justify;
}

#seleccionarGrupoGLT {
	margin-top: 0;
}

#seleccionarGrupoPrenotas {
	/*	margin-top: 2em;*/
	margin-top: -7px;
}

.btn-outline-light:hover {
	color: #ffffff;
	background-color: #0069d9;
}

#tablaCursosDiplomas .btn-outline-light:hover {
	color: #ffffff;
	background-color: #e83e8c;
}

.btn-outline-light:active {
	color: #007bff !important;
}

#tablaCursosDiplomas .btn-outline-light:active {
	color: #e83e8c !important;
	background-color: white;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.top {
	/*
	position: relative;
	top: 10em;
	margin-top: 3rem!important;*/
	margin-right: 10em;
	margin-left: 10em;
}

.fa-check {
	color: #811198;
}

.fa-times {
	color: #dc3545;
}

.logo {
	width: 75px !important;
	height: 75px !important;
	clear: both;
	background-size: 50px !important;
	border-width: 7px !important;
	margin-top: 1em !important;
}

#divAlumno {
	display: none;
}

.contenedor {
	margin: 1em;
	margin: 15px;
	padding: 0.5em;
	border-radius: 1em;
}

/* css especifico para poder mostrar la visual vertical correctamente */
.contenedor-partes,
.contenedor-guardias,
.contenedor-asistencia {
	margin: auto;
	width: min-content;
	padding: 3em;
	margin-top: 15px;
}

.custom-control-label {
	cursor: pointer;
}

.nav-link.active {
	background-color: #811198 !important;
}

.nav-link {
	color: #811198;
	max-width: 300px;
}

.nav-link:hover {
	color: #ab62b9;
}

.btn-volver,
.btn-volver-tutorias,
.btn-borrar-usuario,
.btn-borrar-asignatura {
	margin-left: 1em;
}

#btn-borrar {
	margin-left: 1em;
}

.icono {
	font-size: 1.5em;
	cursor: pointer;
	font-weight: bold;
}

.verde {
	color: #811198;
	margin-right: 1em;
}

.naranja {
	color: #fa6705;
	margin-right: 1em;
}

.celeste {
	color: #007bff;
	margin-right: 1em;
}

.rojo {
	color: #ff0000;
	color: #dc3545;
	margin-right: 1em;
}

.amarillo {
	color: rgb(224, 168, 0);
	margin-right: 1em;
}

.azul {
	color: #007bff;
}

/*!
* Custom Style: Cookie-Choices v1.0.1
* by zkreations
*/
/*Reset cookie-choices.css*/
body .cookie-choices-info,
body .cookie-choices-info .cookie-choices-button,
body .cookie-choices-info .cookie-choices-buttons,
body .cookie-choices-info .cookie-choices-inner,
body .cookie-choices-info .cookie-choices-text {
	position: initial;
	margin: initial;
	left: initial;
	right: initial;
	bottom: initial;
	width: initial;
	top: initial;
	color: initial;
	padding: initial;
	background: initial;
	text-transform: initial;
	font-size: initial;
	max-width: initial;
	text-align: center;
}

/*Contenedor principal*/
body .cookie-choices-info {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	/*tamaño de la fuente del aviso*/
	-webkit-animation: cookies 1s backwards;
	animation: cookies 1s backwards;
}

body .cookie-choices-info .cookie-choices-inner {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body .cookie-choices-info .cookie-choices-buttons {
	padding-top: 1em;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
	padding: 1.5em;
	/*Relleno*/
	background: #263238;
	/*Color del fondo*/
}

/*Texto*/
body .cookie-choices-info .cookie-choices-text {
	color: #fff;
	/*Color del texto*/
	padding: 0 1em;
}

/*Botones*/
body .cookie-choices-info .cookie-choices-button {
	color: #fff;
	/*Color del texto de los botones*/
	margin-left: .5em;
	padding: .8em 1em;
	/*Relleno de los botones*/
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	/*Color de fondo de los botones*/
	border-radius: 3px;
	font-size: .9em;
	-webkit-transition: background .3s;
	transition: background .3s;
}

/*Hover => botones*/
body .cookie-choices-info .cookie-choices-button:hover {
	background: rgba(0, 0, 0, 0.75);
	/*Color de hover de los botones*/
}

/*Contenedor principal*/
body .cookie-choices-info {
	bottom: 1em;
	/*Separacion inferior*/
	right: 1em;
	/*Separacion derecha*/
	left: auto;
}

body .cookie-choices-info .cookie-choices-text {
	display: block;
	text-align: center;
	padding-bottom: 1rem;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
	max-width: 400px;
}

#cookie {
	transition: cubic-bezier(0.6, 0.14, 0, 0.99), 1s;
	transform: translateY(20em);
}

#contenidoActas .custom-control-input:checked~.custom-control-label::before {
	border-color: #17a2b8;
	background-color: #17a2b8;
}

#contenidoActas .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: rgba(23, 162, 184, 0.25);
	border-color: rgba(23, 162, 184, 0.25);
}

#contenidoActas .custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22)
}

#contenidoActas .custom-control-input:focus~.custom-control-label::before {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22)
}

#datepickerReserva:read-only {
	background-color: #fff;
}

.tabla-roja {
	background-color: #ff001812;
}

.tabla-roja th,
.tabla-roja thead th,
.tabla-roja td {
	border-color: #dea4aa;
}

.tabla-amarilla {
	background-color: #ffc10730;
}

#frmObservaciones .tabla-roja td {
	border-top: 0px solid #bd4e4e !important;
	width: 350px;
}

#frmConsultaActas .custom-select:focus {
	border-color: #00BCD4;
	box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.22);
}

.tabla-verde {
	background-color: #d7f9df3d !important;
}

.tabla-verde td {
	border-top: 0px solid #811198 !important;
}

.tabla-verde tbody tr td:first-child {
	width: 250px;
}

.tabla-verde tbody tr td:last-child {
	width: 480px;
	width: 30em;
}

.tabla-verde tbody tr td:nth-child(2) {
	text-align: center;
	width: 14em;
}

.tabla-verde textarea:focus {
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5) !important;
	border-color: #811198 !important;
}

.tabla-azul {
	background-color: #b8daff47 !important;
}

.tabla-azul tr {
	transition: background-color .25s, color .25s;
}

.tabla-azul td {
	border-top: 0px solid #007bff !important;
}

.fila-activa {
	transition: background-color .25s, color .25s;
	background-color: #007bff !important;
	color: white;
}

.fila-activa:hover {
	background-color: #007bffb0 !important;
	color: white !important;
}

#tablaCursosDiplomas tr.fila-activa {
	background-color: #e83e8c !important;
}

#tablaCursosDiplomas tr.fila-activa:hover {
	background-color: #ce1169 !important;
}

#guardias {
	background-image: url('../img/MelampoPrenotas.svg');
	background-position: center 80%;
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 90px;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#tutorias {
	background-image: url('../img/users-solid.svg');
	background-position: center 80%;
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 90px;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#comportamiento {
	background-image: url('../img/user-minus-solid.svg');
	background-position: center 80%;
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 90px;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#asistenciaProfesorado {
	background-image: url('../img/MelampoPrenotas.svg');
	background-position: center 80%;
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 80px;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#actas {
	background-image: url('../img/MelampoActas.svg');
	background-position: center 80%;
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 90px;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#melampoGLT {
	background-image: url('../img/MelampoGLT.svg');
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 80%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#actividades {
	background-image: url('../img/autobus2.svg');
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 80%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#informesPendientes {
	background-image: url('../img/peticiones.svg');
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 90%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}


#covid {
	background-image: url('../img/Covid.svg');
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 80%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

/* PARTES AGOSTO 2022 */
#partes {
	background-image: url('../img/partes.svg');
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 80%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#tareas {
	border-style: solid;
	border-width: 10px;
	border-radius: 10%;
	border-color: #A4A4A4;
	width: 150px;
	height: 150px;
	background-size: 100px;
	background-position: center 80%;
	background-repeat: no-repeat;
	transition: border-color 0s ease 0s, all 2s ease 0s;
}

#contenidoGuardias .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #E91E63;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.15);
}

.fa-times-circle {
	color: #dc3545;
	margin-right: 0.5em;
}

.fa-check-circle {
	color: #811198;
	margin-right: 0.5em;
}

.fa-plus-circle {
	color: #007bff;
	margin-right: 0.5em;
}

.fa-adjust {
	color: #fa6705;
	margin-right: 0.5em;
}

.fa-ban {
	color: #e0a800;
	margin-right: 0.5em;
}

.fa-book {
	color: #007bff;
}

#frmTareaOculta {
	margin-left: 2em;
}

.alert-marron {
	color: white;
	background-color: #bd9d78;
	border-color: #bd9d78;
}

.alert-marron button {
	color: #73512a;
}

.alert-morado {
	color: white;
	background-color: #a811ce;
	border-color: #a811ce;
}

.alert-morado button {
	color: inherit;
}

.alert-rosa {
	color: white;
	background-color: #e83e8d;
	border-color: #e83e8d;
}

.alert-rosa button {
	color: inherit;
}

.alert-naranja {
	color: white;
	background-color: #ff9800;
	border-color: #ff9800;
}

.alert-naranja button {
	color: inherit;
}

.alert {
	position: fixed;
	top: -4em;
	transition: width 2s, height 2s, transform 2s;
	left: 10%;
	z-index: 20;
	width: 80%;
}

.alert button {
	width: 20px;
	height: 0;
}

.alert-danger {
	color: #721c24;
	font-weight: bold;
	z-index: 9999;
}

.negro {
	color: #000 !important;
}

#selectDpto {
	display: inherit;
}

#divDepartamentos {
	display: none;
}

#frmBorrarRoles select {
	display: inherit;
}

#frmAsignarAsignaturas select {
	display: inherit;
}

#frmAsignarRoles select {
	display: inherit;
}

#frmAlumnos select {
	display: inherit;
}

#frmAsignaturas select {
	display: inherit;
}

#frmAsignaturas .fa-check {
	color: white;
}

#frmProfesor select {
	display: inherit;
}

#frmLibros select {
	display: inherit;
}

#frmLibros .fa-check {
	color: white;
}

#frmDepartamentos .fa-check {
	color: white;
}

#frmAsignarDpto select {
	display: inherit;
}

/*
button > i {
	margin-left: 0.5em;
}
*/
.btn-cerrar {
	float: right;
	max-width: 10px;
	position: relative;
	top: -0.2em;
	display: contents;
}

/*
.fa-times {
	margin-top: 0.3em;
	color: #fff;
}
*/
.fa-search {
	font-size: medium;
}

.fa-question-circle {
	cursor: help;
}

#formLogin [readonly] {
	outline-color: #811198 !important;
}

#datosContacto {
	margin-top: 6em;
	margin-left: -1em;
	margin-bottom: 2em;
}

#datosContacto>div:nth-child(2) {
	margin-bottom: 0;
}

body>div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable>div.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	color: white !important;
}

.ui-datepicker,
.ui-datepicker-material-header {
	font-family: 'Roboto';
}

.ui-datepicker-material-header {
	display: block;
	background-color: #284B72;
	color: white;
	text-align: center;
	width: 325px;
}

.ui-datepicker-material-header .ui-datepicker-material-day {
	background-color: #1F3A58;
	padding: 10px;
	font-size: 1rem;
}

.ui-datepicker-material-header .ui-datepicker-material-date {
	padding: 20px;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
	padding: 5px;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month {
	font-size: 2rem;
	text-transform: uppercase;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num {
	font-size: 4.5rem;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
	font-size: 1.8rem;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.4);
}

.ui-datepicker {
	padding: 0;
	border: none;
	box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
	width: 325px;
}

.ui-corner-all {
	border-radius: 0;
}

.ui-widget-header {
	border: 0;
}

.ui-datepicker-header {
	text-align: center;
	background: white;
	padding-bottom: 15px;
	font-weight: 300;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
	border: none;
	outline: none;
	margin: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
	border: none;
	outline: none;
	background: #b4cbe5;
}

.ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	text-align: center;
	height: 33px;
	width: 33px;
	line-height: 36px;
}

.ui-datepicker-calendar .ui-state-highlight {
	color: #284B72;
}

.ui-datepicker-calendar .ui-state-active {
	border-radius: 50%;
	background-color: #284B72;
	color: white;
}

.ui-datepicker-calendar thead th {
	color: #999999;
	font-weight: 200;
}

.ui-datepicker-buttonpane {
	border: none;
}

.ui-datepicker-buttonpane .ui-state-default {
	background: white;
	border: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
	background: white;
	color: #284B72;
	text-transform: uppercase;
	border: none;
	opacity: 1;
	font-weight: 200;
	outline: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
	background: #b4cbe5;
}

#fechaActa[readonly],
#to[readonly],
#from[readonly],
#horaSalida[readonly],
#horaLlegada[readonly] {
	background-color: #ffffff;
}

.top .col-3.col-md-3 {
	padding: 0;
}

.top .col.col-md {
	padding: 0;
}

.top .col-3 {
	margin-top: 1em;
}

.top .col {
	margin-top: 1em;
}


.input-group {
	min-width: 271px;
	/*	width: fit-content;*/
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	/*	nav {
		background-color: blue;
	}*/
	.esquina-superior-izquierda {
    display: none !important;
  }
	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		background-position: center !important;
	}

	.cookie-choices-text {
		font-size: xx-small !important;
	}

	#tablaConsultaActas button {
		padding: .25rem .5rem;
		font-size: .875rem;
		line-height: 1.5;
		border-radius: .2rem;
	}

	#tablaConsultaActas td {
		vertical-align: inherit;
	}

	#formLogin #email {
		font-size: medium;
	}

	#formLogin #numero {
		font-size: medium;
	}

	.alert {
		font-size: 12px;
	}

	.flex-column {
		flex-direction: inherit !important;
	}

	#v-pills-tabContent {
		margin-top: 1em;
	}

	#divGrupoGLT {
		font-size: 0.9em;
	}

	.logo {
		width: 75px !important;
		height: 75px !important;
		background-size: 50px !important;
		border-width: 7px !important;
		margin-top: 1em;
	}

	#incidenciasTIC,
	#reservas,
	#tareas {
		background-size: 40px !important;
	}

	#guardias {
		background-position-x: 12px;
		background-size: 45px !important;
	}

	.top {
		/*		margin-top: 2.5em;*/
		margin-left: 0;
		margin-right: 0;
	}

	/* PARTES AGOSTO 2022 ACTUALIZACION */
	#actividades,
	#guardias,
	#melampoGLT,
	#incidenciasTIC,
	#reservas,
	#actas,
	#informesPendientes,
	#partes,
	#tareas,
	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		margin-top: 1em;
	}

	/* PARTES AGOSTO 2022 ACTUALIZACION */
	#contenidoGLT,
	#contenidoGuardias,
	#contenidoActividades,
	#divInforme,
	#divConsultar,
	#contenidoIncidenciasTIC,
	#contenidoReservas,
	#contenidoActas,
	#contenidoCovid,
	#contenidoPartes,
	#contenidoAsistencia,
	#contenidoInformes,
	#contenidoComportamiento,
	#contenidoAsistencia,
	#contenidoGrupos {
		margin: 0;
	}

	#contenidoActas {
		margin-top: 3em;
	}

	#divInforme>div {
		margin: 0;
	}

	#divConsultar>div {
		margin: 0;
	}

	table {
		font-size: small;
	}

	#loginLateral {
		display: none;
	}

	#formLogin {
		width: 100%;
	}

	#txtPrincipal {
		font-size: small;
	}

	.label {
		width: inherit;
		;
	}

	select {
		max-width: inherit;
	}

	.fa-times-circle,
	.fa-check-circle,
	.fa-ban,
	.fa-book,
	.fa-plus-circle,
	.fa-adjust {
		display: none;
		margin-right: inherit;
	}

	.fa-circle {
		color: #A4A4A4;
	}

	.multiple {
		display: block;
	}

	textarea {
		font-size: small !important;
	}

	.tabla-verde tbody tr td:first-child {
		width: 40em;
	}

	.tabla-verde tbody tr td:last-child {
		width: 100em;
	}

	.contenedor-radio {
		display: flex;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	/*	nav {
		background-color: rgb(43, 255, 0);
	}*/
	
	
	.cookie-choices-text {
		font-size: x-small !important;
	}

	/* PARTES AGOSTO 2022 ACTUALIZACION */
	#actividades,
	#guardias,
	#melampoGLT,
	#incidenciasTIC,
	#reservas,
	#actas,
	#informesPendientes,
	#covid,
	#partes,
	#tareas,
	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		margin-top: 1em;
	}

	.multiple {
		display: none;
	}

	.top {
		margin-left: 0;
		margin-right: 0;
	}

	.logo {
		width: 115px !important;
		height: 115px !important;
		background-size: 80px !important;
	}

	#tutorias {
		background-position-x: center !important;
	}

	#comportamiento,
	#asistenciaProfesorado {
		background-position-x: 1em !important;
	}

	#incidenciasTIC,
	#reservas,
	#tareas,
	#guardias {
		background-size: 70px !important;
	}

	#tareas {
		background-size: 60px !important;
	}


	#guardias,
	#tareas {
		background-position-x: 20px;
	}

	#loginLateral {
		display: none;
	}

	#formLogin {
		width: 100%;
	}

	select {
		max-width: inherit;
	}

	/* Incluido margen a la hora de desplegar el div de partes */
	#contenidoGLT,
	#contenidoGuardias,
	#contenidoActividades,
	#incidenciasTIC,
	#reservas,
	#contenidoActas,
	#contenidoCovid,
	#contenidoInformes {
		margin-left: 3em;
		margin-right: 3em;
	}

	#contenidoPartes,
	#contenidoAsistencia {
		margin-left: 5em;
		margin-right: 5em;
	}



	.fa-times-circle,
	.fa-check-circle,
	.fa-ban,
	.fa-plus-circle,
	.fa-adjust {
		margin-right: 0.5em;
	}

	.icono {
		font-size: 1.2em;
	}

	.tabla-verde,
	.tabla-roja,
	.tabla-azul {
		font-size: small;
	}

	.tabla-verde tbody tr td:first-child {
		width: 180px;
	}

	.gris {
		color: #A4A4A4;
	}

	.contenedor-radio {
		display: flex;
	}

	/*
	#btnQuitar {
		margin-top: 1em;
	}*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	/*	nav {
		background-color: rgb(255, 0, 0);
	}*/

	/*	.top {
		margin-right: 5em;
		margin-left: 5em;
	}
*/

	#comportamiento,
	#asistenciaProfesorado {
		background-position-x: center !important;
	}

	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		background-size: 70px !important;
	}

	.cookie-choices-text {
		font-size: small !important;
	}

	/* PARTES AGOSTO 2022 ACTUALIZACION */
	#actividades,
	#guardias,
	#melampoGLT,
	#incidenciasTIC,
	#reservas,
	#actas,
	#informesPendientes,
	#covid,
	#partes,
	#tareas,
	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		margin-top: 0;
	}

	#tareas {
		background-size: 60px !important;
	}

	.contenedor-radio {
		display: inherit;
	}

	#loginLateral {
		display: none;
	}

	#formLogin {
		width: 100%;
	}

	select {
		max-width: 230px;
	}

	#contenidoGLT,
	#contenidoGuardias,
	#contenidoPartes,
	#contenidoAsistencia,
	#contenidoActividades,
	#incidenciasTIC,
	#reservas,
	#contenidoActas,
	#contenidoCovid,
	#contenidoInformes {
		margin-left: 3em;
		margin-right: 3em;
	}

	.fa-times-circle,
	.fa-check-circle,
	.fa-ban,
	.fa-plus-circle,
	.fa-adjust {
		margin-right: 0.5em;
	}

	.icono {
		font-size: 1.2em;
	}

	.tabla-verde,
	.tabla-roja,
	.tabla-azul {
		font-size: inherit;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/*	nav {
		background-color: rgb(251, 255, 0);
	}
*/

	#actas {
		background-size: 100px !important;
	}

	#tareas {
		background-size: 70px !important;
	}

	.logo {
		width: 150px !important;
		height: 150px !important;
	}

	#actividades,
	#melampoGLT,
	#actas,
	#informesPendientes,
	#partes {
		border-width: 10px !important;
		background-size: 90px !important;
	}

	#comportamiento,
	#asistenciaProfesorado,
	#tutorias {
		border-width: 10px !important;
		background-size: 90px !important;
	}

	/* PARTES AGOSTO 2022 */
	#partes {
		border-width: 10px !important;
		background-size: 90px !important;
	}

	#guardias,
	#tareas {
		border-width: 10px !important;
		background-position-x: 25px;
	}

	#guardias {
		background-size: 90px !important;
	}

	#incidenciasTIC,
	#reservas {
		background-size: 90px !important;
		border-width: 10px !important;
	}

	#divGrupoGLT {
		font-size: 1em;
	}

	.contenedor-select {
		min-width: 328px;
	}

	#loginLateral {
		display: block;
	}

	#formLogin {
		width: 33.33%;
	}

	#formLogin .container {
		margin-left: 0;
	}

	#contenidoGLT,
	#contenidoGuardias,
	#contenidoActividades,
	#contenidoPartes,
	#contenidoAsistencia,
	#incidenciasTIC,
	#reservas {
		margin-left: 5em;
		margin-right: 5em;
	}

	.fa-times-circle,
	.fa-check-circle,
	.fa-ban,
	.fa-plus-circle,
	.fa-adjust {
		margin-right: 0.5em;
	}

	.icono {
		font-size: 1.4em;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	/*	nav {
		background-color: rgb(162, 0, 255);
	}*/

	.icono {
		font-size: 1.5em;
	}

	#contenidoGLT,
	#contenidoGuardias,
	#contenidoActividades,
	#incidenciasTIC,
	#reservas {
		margin-left: 7em;
		margin-right: 7em;
	}

	/* margen necesario para pantallas grandes CONTINUAR POR AQUI */
	#contenidoPartes,
	#contenidoAsistencia {
		margin-left: 12em;
		margin-right: 12em;
	}

	.tabla-verde tbody tr td:nth-child(2) {
		width: 12em;
	}

	.contenedor-radio {
		display: inherit
	}
}

@media only screen and (min-width: 1350px) {
	.contenedor-radio {
		display: flex;
	}
}

@media only screen and (min-width: 1700px) {
	label {
		width: inherit !important;
	}

	.contenedor-radio {
		display: flex;
	}

	#contenidoGLT select {
		min-width: 260px !important;
	}

	#contenidoGLT,
	#contenidoGuardias,
	#contenidoPartes,
	#contenidoAsistencia,
	#contenidoActividades,
	#incidenciasTIC,
	#reservas {
		margin-left: 15em;
		margin-right: 15em;
	}

}