/*****   PÁGINA ACCESO AL CAMPUS *****/

.fondo {
	background-color:#004A98 !important; /*color centro*/
	color: #333333 !important; /*Si encaja el color del centro aplicar aquí también*/
}

.fondo-login {
	background-color:#004A98 !important; /*color centro*/
}

.text-login {
	color: #ffffff !important; /*Si encaja el color del centro aplicar aquí también*/
}

.fondo-btn {/* color botón conectar */
	background-color: #595959     !important;
    border-color: #595959     !important;
	color: #ffffff!important;
}

.fondo-btn:hover {/* color botón conectar cuando te colocas encima */
	background-color: #009FE3!important;
    border-color: #009FE3!important;
	color: #000000!important;
}

.color-background{/* Color fondo donde se encuentra el login */
	background-color:#004A98;
}

/*****  FIN PAGINA ACCESO AL CAMPUS *****/


/*****   MENU LISTADO AULAS/MENU DENTRO DEL AULA  *****/

@media (min-width: 992px) {
	.navbar ul.navbar-nav>li .dms-item-menu:hover, .navbar ul.navbar-nav>li a:hover { /* Color menú cuando estás encima */
		background-color: #595959  !important;
	}
	
	.navbar ul.navbar-nav>li .dms-item-menu, .navbar ul.navbar-nav>li a { /* Colores menú desplegable */
		background-color: #004A98     !important;
		color: white !important;
	}
	
	.navbar ul.navbar-nav>li>ul {/* Color fondo menú desplegable */
		background-color: #004A98     !important;
	}
}

.navbar-dark .navbar-nav .nav-link { /* Color texto menú principal */
    color: white !important;
}

#menuToolsNew { /* Fondo menú */
	background-color: #004A98     !important;
}

.nav-item.focused > nav-link { /* Color fondo para cada elemento del menú, colocar mismo color que el fondo del menú */
	background-color: #004A98     !important;
}

.dropdown-item:hover { /*Color hover submenú móvil/tablet*/
    background-color:  #595959 ;
}

.navbar-dark .navbar-nav .nav-link:hover {/* Color fondo menu principal en móvil/tablet cuando te colocas encima */
    background-color: #595959 ;
}

.navbar .dropdown-menu a { /* Color texto submenú en vista móvil */
    color: #fff !important;
}


/***** FIN MENU LISTADO AULAS/MENU DENTRO DEL AULA *****/


/*****   CONFIGURACIONES GLOBALES *****/

/* Color scroll */
::-webkit-scrollbar-thumb {
	background: #0F3252 !important;
}

/* Color checkbox  */
input[type="checkbox"]:checked::after, input[type="checkbox"]:checked::before {
	background-color: #004A98  ;
}
input[type="checkbox"]::after, input[type="checkbox"]::before {
	border-color: #004A98  ;
}

/* Color radiobuttons */
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #004A98;
	background-color:    #004A98;
}

/* Color fondo de la barra de herramientas de los administradores */
.bg-aulatools {
	background-color: #004A98      ;
}

/* Color texto interior de los campos, ejemplo: glosario-> buscar termino */
::placeholder { color: #004A98       !important; }

/* Barra superior */

.dms-top-bgcolor { /* Linea de la cabecera con el nombre del aula */
    background-color: #004A98 !important; 
	color: #fff !important; /* Botón close */
}

.popBarTxt {
	color: #fff !important; /* Texto nombre del aula */
} 

/* Color fondo botón admin (inicio Académica, Biblioteca, Actualizaciones, Faqs, Noticias...).*/
.botonAdmin {
	background: #004A98   !important;
	border-color: #004A98     !important;
}

/* Color fondo botón admin cuando pasas por encima (inicio Académica, Biblioteca, Actualizaciones, Faqs, Noticias...).*/
.botonAdmin:hover {
    background: #E6E6E6     !important;
    border-color: #004A98       !important;
    color: black !important;
    
}

/* Fondo numeración en las plantillas de los ejercicios TIPO B */
.bg-dark {
	background-color: #0F3252    !important;
}

/*   FRANJA LATERAL DENTRO DEL AULA  */
#main-dms-lateral{
	background-color: #ffffff!important;
}


/*   LISTADO DE AULAS  */
.dms-lateral{ /* FRANJA LATERAL EN EL LISTADO DE AULAS */
	background-color: #ffffff!important;
}

/* Color principal de TODOS los textos */
.text-primary{004A98
	color: black !important;
}

/*  BOTÓN CONECTAR Y OCULTAR TODOS  */
.btn-primary{
    color: #fff;
    background-color: #004A98  !important;
    border-color: #004A98     !important;
}

 /* DENTRO DEL AULA */ 
.bg-primary{/* Color fondo iconos notificaciones listado aulas, color fondo titulos chat: mensajes, chat privado. Color fondo lupas listado aulas*/
    background-color: #004A98  !important;;
}
/* Color fondo de los botones y enlaces que son texto al colocarse encima esta relacionado con bg-primary*/
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #595959!important;
    color: #fff;
}


/* Color fondo de los botones al colocarse encima */
.btn-primary:hover {
    color: #000000 !important;
    background-color: #D1DBFF   !important;
    border-color: #004A98   !important;
}

/*  BOTONES DE CERRAR FORMULARIOS  */
.btn-secondary{
    color:#fff;
	background-color:#004A98;
	border-color:#004A98;
}

/*  BOTONES DE CERRAR FORMULARIOS AL COLOCARSE ENCIMA */
.btn-secondary:hover {
    color:#000000;
	background-color:#D1DBFF;
	border-color:#004A98;
}


/* Color fondo boton cerrar glosario */
.btn-glosario-cerrar {
    color: white;
	background-color:#004A98;
	border-color:    #004A98;
}
/* Color fondo del boton cerrar glosario al colocarse encima*/
.btn-glosario-cerrar:hover {
    color: black;
	background-color:#E5ECFF;
	border-color:    #004A98;
}


/* Color fondo boton convertir FAQ */
.btn-outline-warning {
    color: #fff;
	background-color:#004A98;
	border-color:#004A98;
}
/* Color fondo del boton cerrar glosario al colocarse encima*/
.btn-outline-warning:hover {
    color: #fff;
	background-color:#004A98;
	border-color:    #004A98;
}



a{ /* COLOR DE TEXTO PARA ENLACES QUE NO SON BOTONES (ACCESOS DIRECTOS) */
   color: #004A98;
}

a:hover {
    color: #000000;
}

/* COLOR DE FONDO DE LA FRANJA DEL MENÚ CONTENIDOS, ALUMNOS,...¿al colocarte encima del submenú? */
#servSubMenu, #autoTools {
    background-color: #004A98!important;
    color: #fff !important;
}

/* COLOR DE FONDO DE ICONOS DE ADMIN ENCIMA DEL INDICE */
#temarioHerramientasDiv {
    background-color: #004A98;
    color: #fff;
}



/* PARA LOS PAGINADORES */
.page-item.active .page-link {

    background-color: #E6E6E6  !important;
    border-color: #004A98!important;

}

/* Color paginador */
.page-link:not(:disabled):not(.disabled) {
    color: #004A98!important;
}

/*Color texto no hay FAQs*/
.red {
    color: #004A98!important;
}

/* BOTONES DE BUSCAR, VER TODAS, GESTIÓN DE FOROS,... */
.btn-outline-primary {
    color: #004A98;
    border-color: #004A98;
}

.btn-outline-primary:hover {
    color: #004A98 ;
    background-color: #E6E6E6 ;
    border-color: #004A98;

}


/* Número de tutorías, correos en LISTADO DE AULAS NOVEDADES. Fechas de tablones y foros */
.badge-primary {
    color: #fff;
    background-color: #004A98;
}


/* TOOLTIP DE LOS SERVICIOS DEL AULA */
.tooltip-inner {
    background-color: #009FE3!important;
    border-radius: .15rem;
	color: black !important;
}

/* TOOLTIP DE ADMIN COLOR DE FONDO Y COLOR DE TEXTO */
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip.tooltip-top .tooltip-inner::before {
    border-top-color: #009FE3   !important;
	color: black !important;
}



/* Para cambiar TODOS los textos en blanco afectados por la clase de bootstrap text-white */
.text-white{
    color: #000000 !important;   
}


/* Para cambiar TODOS los textos en NARANJA afectados por la clase de bootstrap text-warning */
.text-warning{
    color: #740B11 !important;   
}


/* para cambiar color a enlaces dentro de la barra dms-lateral*/
.dms-lateral a {
    color: #000000  !important;   
}


/***** NOTICIAS *****/


/* Para los títulos de las noticias */
.dms-header {
	color: #004A98  ;
}

/* Color fecha listado noticias */
.fecha {
	color: #000000 
}
/* Color fecha listado noticias al pasar por encima */
.noticia-listado:hover .fecha {
	color: #004A98;
}
/* Color fecha listado noticias de la noticia seleccionada */
.menuActivo .fecha {
	color: #004A98   ;
}

/* Color fondo noticia seleccionada en la pantalla de inicio. Cuando clicas sobre ella */
.menuActivo {
    background-color: #E5ECFF;
}

/* Color título noticia seleccionada */
.menuActivo a {
    color: #004A98 !important;
}

/* Color texto título noticias cuando te colocas encima */
.noticia-listado:hover > a {
    color:  black;
}

/* Hover para los enlaces de las noticias (cuando te colocas sobre el título de una noticia y sin pinchar sobre ella) en la pantalla de inicio */
.dms-lateral .nav .noticia-listado a:hover, .noticia-listado:hover {
	background-color: #C9C9C9 !important;
}

/* Color fondo noticia dentro del menu noticias cuando te colocas encima */
.dms-lateral-content .noticia-listado:hover a:hover,  .dms-lateral-content .noticia-listado:hover{
	background-color: #E5ECFF !important;
}

/* Color fondo noticia seleccionada dentro del menu noticias. Cuando clicas sobre ella */
.dms-lateral-content .menuActivo {
    background-color: #DBDBDB!important;
}


/* color fechas relativas listado noticias */
.fechas-relativas {
	color:#004A98    !important;
}

/* color fechas absolutas listado noticias */ 
.fechas-absolutas {
	color:black !important;
}


/***** FIN NOTICIAS  *****/



/***** INICIO FRANJA LATERAL *****/

/* Color flecha que oculta la franja */
.dms-lateral .dms-lateral-close span {
	color: red;
}

/* Color títulos franja, ej: Índice, Académica, Convocatoria, etc */
.dms-lateral h1 {
	color: #000000;
}

/* Color texto inicio y fin matrícula */
.texto-matriculacion {
	color:#004A98   ;
}

/* Color de las lupas */
.color-lupa {
	color: #fff;
}

/* Sombreado para los enlaces que se encuentran en la franja lateral. Ejemplo: temario, autoevaluación, actualizaciones. Cuando te colocas sobre un epígrafe del índice, una entrada de la biblioteca, noticias...sin clicar sobre ella */
.dms-lateral .nav .nav-link a:hover, .nav-link:hover {
    background-color: #E5ECFF;
}

/* Sombreado cuando te colocas encima de un listado en la sección de autoevaluacion */
#listado-autoevaluacion .nav-link:hover {
    background-color: #E5ECFF !important;

}

/***** FIN FRANJA LATERAL *****/



/***** AGENDA *****/

/* Color títulos agenda: vista mensual */
.dms-lateral h2 {
	color: #000000 !important;
}

/* Color títulos agenda: Leyendas */
.dms-lateral h4 {
	color: #000000 !important;
}

/* INICIO Color bordes tabla agenda mes */
.tituloAgendac thead th{
	border-bottom: 4px #004A98   ; 
}
.tituloAgendac th {
	border-bottom: 4px #004A98  ;
}

.tituloAgendac th, .tituloAgendac td, .tituloAgendac {
	border: 2px solid black;
}
/* FIN Color bordes tabla agenda mes */


/***** FIN AGENDA *****/

/***** TEMARIO *****/

#ul_temario .nav-link:hover {/* Fondo del bloque completo del índice del temario */
	background-color: #E5ECFF !important;
}

.dms-lateral #ul_temario .nav-link a:hover {/* Color fondo y color del texto cuando te colocas encima del indice del temario */
    background-color: #ffffff;
	color: black !important;
}

/***** FIN TEMARIO *****/

/* Color titulos bloques chat: Mensajes, conectados, privados*/
.titulo-chat {
	color: white;
}


/* Color cabecera tabla tutorias */
.table .thead-dark th, .table .thead-dark th a {
    color: white; /* color texto */
	background-color:#004A98    ; /* color fondo */
	border-color:   #004A98  ; /* color borde */

}

/* Color iconos ordenar en la tabla tutorias */
.icono-ordenar-tutorias {
    color: white;

}

}

/* Todos los enlaces cuando tienen el foco */
a:focus {
}
/* Elementos del menú lateral y sus submenús cuando tienen el foco */ 
.navbar ul.navbar-nav > li .dms-item-menu:focus, .navbar ul.navbar-nav > li a:focus,
.navbar-dark .navbar-nav .nav-link:focus {
}
/* Elementos de la barra de herramientas de autoevaluación y del dms-lateral cuando tienen el foco */
#autoTools a:focus, #aulaTools a:focus {
}


/* Botón Idioma en el menú lateral del registra (Administrador) y en el menú lateral del aula */
#botonIdiomaVisible {
color: white;
background-color: #595959 ;
border-color: #595959 ;

}
/* Botón Idioma en el registra (Alumno) */
#botonIdiomaVisibleA {
color: white;
background-color: #595959 ;
border-color: #595959 ;
}

/* Resaltado sobre el Botón Idioma en el menú lateral del registra (Administrador) y en el menú lateral del aula */
#botonIdiomaVisible:hover {
color: black;
background-color: #C9C9C9;
border-color: #C9C9C9;
}
#botonIdiomaVisibleA:hover {
color: black;
background-color: #C9C9C9;
border-color: #C9C9C9;
}

/* Para cambiar el color al pasar el ratón sobre los elementos de la lista de idiomas (la lista desplegada)*/
.dropdown-item:hover {
color: white;
background-color: #004A98;
}