@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* INI: CORRIGE ERROR THEME MOODLE */
/* Cuando montemos un campus cuyo nombre de dominio contenga la palabra "span",
   es necesario aplicar una regla de estilo como la siguiente para solventar
	 un problema de visualización en todas las pantallas de Moodle.
	 Para más infor: https://moodle.org/mod/forum/discuss.php?d=321478

		body.patriahispana-campusycursos-es{
			float: none;
			min-height: inherit;
			margin-left: inherit;
		}
*/
/* FIN: CORRIGE ERROR THEME MOODLE */
/* GENERAL */
body {
  font-size: initial;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
}

body .fa,
.block .icon {
  color: rgb(40, 0, 255);
}

body .fa:focus,
body .fa:hover {
  color: rgb(0, 0, 0);
}

/* Estilos color fondo páginas si la propiedad está habilitada */
body#page-site-index,
#page-site-index #page,
#page-site-index #page #page-content #region-main,
#page-site-index #page #page-content #region-main > div[role=main],
body#page-course-view-topics,
#page-course-view-topics #page,
#page-course-view-topics #page #page-content #region-main,
#page-course-view-topics #page #page-content #region-main > div[role=main] {
  background-color: #FFFFFF;
}

#mis-cursos .curso .panel-contenido {
  font-size: 0.95rem;
  line-height: 1.3rem;
}

#mis-cursos .curso .panel-imagen,
#mis-cursos .curso .panel-contenido {
  background-color: white;
}

body .course-content ul.topics li.section:first-child {
  margin-top: 0px;
}

body .course-content ul.topics li.section {
  background-color: white;
  box-shadow: none;
  border: none;
}

/* Fin: Estilos color fondo páginas */
h1,
h2,
h3,
h4,
h5,
h6,
#adminsettings h3 {
  color: rgb(252, 77, 16);
  font-family: "Raleway", sans-serif;
  font-weight: 500;
}

a,
a:link,
a:visited,
.btn-link,
.btn-link:visited {
  color: rgb(40, 0, 255);
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: rgb(0, 0, 0) !important;
}

.breadcrumb-nav ul.breadcrumb li {
  font-weight: 600;
}

.breadcrumb-nav ul.breadcrumb.style3 li {
  font-size: 0.8rem;
  text-shadow: none;
}

.breadcrumb-button .btn-success:hover,
.breadcrumb-button .btn-success:focus,
.breadcrumb-button .btn-success:active,
.breadcrumb-button .btn-success.active,
.breadcrumb-button .btn-success.disabled,
.breadcrumb-button .btn-success[disabled],
.breadcrumb-button .btn-danger:hover,
.breadcrumb-button .btn-danger:focus,
.breadcrumb-button .btn-danger:active,
.breadcrumb-button .btn-danger.active,
.breadcrumb-button .btn-danger.disabled,
.breadcrumb-button .btn-danger[disabled] {
  color: #ffffff !important;
}

.modal-header {
  background-color: #000000;
}

.modal-header h4 {
  color: #ffffff;
}

/*Ajustes botones que no se cambian con configuracion de colores del tema*/
body button,
body .btn-default,
body a.btn-default,
body button.btn-cancel,
body input.form-submit,
body input[type=button],
body input[type=submit],
body input[type=reset],
body #notice .singlebutton + .singlebutton input,
body .submit.buttons input[name=cancel] {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0, rgb(0, 0, 0) 100%);
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 600;
  margin: 0.5rem;
}

body button:hover,
body .btn-default:hover,
body a.btn-default:hover,
body button.btn-cancel:hover,
body input.form-submit:hover,
body input[type=button]:hover,
body input[type=submit]:hover,
body input[type=reset]:hover,
body #notice .singlebutton + .singlebutton input:hover,
body .submit.buttons input[name=cancel]:hover,
body button:focus,
body .btn-default:focus,
body a.btn-default:focus,
body button.btn-cancel:focus,
body input.form-submit:focus,
body input[type=button]:focus,
body input[type=submit]:focus,
body input[type=reset]:focus,
body #notice .singlebutton + .singlebutton input:focus,
body .submit.buttons input[name=cancel]:focus,
body button:active,
body .btn-default:active,
body a.btn-default:active,
body button.btn-cancel:active,
body input.form-submit:active,
body input[type=button]:active,
body input[type=submit]:active,
body input[type=reset]:active,
body #notice .singlebutton + .singlebutton input:active,
body .submit.buttons input[name=cancel]:active,
body button.visited,
body .btn-default.visited,
body a.btn-default.visited,
body button.btn-cancel.visited,
body input.form-submit.visited,
body input[type=button].visited,
body input[type=submit].active,
body input[type=reset].visited,
body #notice .singlebutton + .singlebutton input.visited,
body .submit.buttons input[name=cancel].visited {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(252, 77, 16) 0, rgb(252, 77, 16) 100%) !important;
  background-color: rgb(252, 77, 16) !important;
  border-color: rgb(252, 77, 16);
  color: #FFFFFF;
  font-weight: 600;
}

body button.btn:not(.btn-link),
body .btn-default,
body a.btn-default,
body button.btn-cancel,
body input.form-submit,
body input[type=button],
body input[type=submit],
body input[type=reset],
body #notice .singlebutton + .singlebutton input,
body .submit.buttons input[name=cancel] {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0, rgb(0, 0, 0) 100%);
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 600;
}

body button.btn:not(.btn-link):hover,
body .btn-default:hover,
body a.btn-default:hover,
body button.btn-cancel:hover,
body input.form-submit:hover,
body input[type=button]:hover,
body input[type=submit]:hover,
body input[type=reset]:hover,
body #notice .singlebutton + .singlebutton input:hover,
body .submit.buttons input[name=cancel]:hover,
body button.btn:not(.btn-link):focus,
body .btn-default:focus,
body a.btn-default:focus,
body button.btn-cancel:focus,
body input.form-submit:focus,
body input[type=button]:focus,
body input[type=submit]:focus,
body input[type=reset]:focus,
body #notice .singlebutton + .singlebutton input:focus,
body .submit.buttons input[name=cancel]:focus,
body button.btn:not(.btn-link):active,
body .btn-default:active,
body a.btn-default:active,
body button.btn-cancel:active,
body input.form-submit:active,
body input[type=button]:active,
body input[type=submit]:active,
body input[type=reset]:active,
body #notice .singlebutton + .singlebutton input:active,
body .submit.buttons input[name=cancel]:active,
body button.btn:not(.btn-link):visited,
body .btn-default:visited,
body a.btn-default:visited,
body button.btn-cancel:visited,
body input.form-submit:visited,
body input[type=button]:visited,
body input[type=submit]:visited,
body input[type=reset]:visited,
body #notice .singlebutton + .singlebutton input:visited,
body .submit.buttons input[name=cancel]:visited {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(252, 77, 16) 0, rgb(252, 77, 16) 100%) !important;
  background-color: rgb(252, 77, 16) !important;
  border-color: rgb(252, 77, 16);
  color: #FFFFFF;
  font-weight: 600;
}

body button.btn:not(.btn-link) .fa {
  color: #FFFFFF !important;
}

body button.btn:not(.btn-link):hover .fa {
  color: #FFFFFF !important;
}

.path-admin .buttons input[type=submit],
input#id_submitbutton,
input#id_submitbutton2,
input.form-submit,
td.submit input,
.btn-primary {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0, rgb(0, 0, 0) 100%);
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 600;
}

.path-admin .buttons input[type=submit]:hover,
input#id_submitbutton2:hover,
input#id_submitbutton:hover,
input.form-submit:hover,
td.submit input:hover,
.btn-primary:hover {
  background-image: linear-gradient(to bottom, rgb(252, 77, 16) 0, rgb(252, 77, 16) 100%);
  background-color: rgb(252, 77, 16);
  font-weight: 600;
}

#region-main form #fgroup_id_buttonar input[type=submit],
#region-main form #fitem_id_submitbutton input[type=submit],
#region-main form .form-buttons input[type=submit],
#region-main form .fp-content-center form + div input[type=submit],
#region-main form .path-admin .buttons input[type=submit],
#region-main form div.backup-section + form input[type=submit],
#region-main form table#form td.submit input[type=submit] {
  text-shadow: none;
  background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0, rgb(0, 0, 0) 100%);
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: #FFFFFF;
  font-weight: 600;
}

#region-main form #fgroup_id_buttonar input[type=submit]:hover,
#region-main form #fitem_id_submitbutton input[type=submit]:hover,
#region-main form .form-buttons input[type=submit]:hover,
#region-main form .fp-content-center form + div input[type=submit]:hover,
#region-main form .path-admin .buttons input[type=submit]:hover,
#region-main form div.backup-section + form input[type=submit]:hover,
#region-main form table#form td.submit input[type=submit]:hover {
  background-image: linear-gradient(to bottom, rgb(252, 77, 16) 0, rgb(252, 77, 16) 100%);
  background-color: rgb(252, 77, 16);
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: none;
}

.generaltable tbody > tr:nth-child(odd) > td .fa {
  color: rgb(40, 0, 255);
}

/*Ajustes Página SCORM*/
.structurehead {
  color: #303030;
}

/********************/
/*Ocultar BLOQUE NAVEGACION PARA SACAR LA PARTE DE MI CORREO SOLO EN LA VENTANA DE MAIL*/
.block_navigation {
  display: none;
}

#contactos ul.acciones li.nodo p {
  color: red;
}

/*
#page-local-mail-view .block_navigation{
	display: initial;
}

#page-local-mail-view .block_navigation p.mail_root + ul{
	background-color: red;
}
*/
/********************/
/* HEADER */
header #page-header {
  border-top: 6px solid hsl(0, 0%, 3%);
  border-bottom: none;
}

header #page-header.nologo {
  padding: 0px 0px;
  height: 340px;
  max-height: 340px;
  margin-top: 56px;
}

header #logo-header {
  display: none;
  z-index: 1;
  box-sizing: border-box;
  position: absolute;
  top: 50px;
  float: left;
  padding-left: 10rem;
}

header #logo-header img {
  box-sizing: border-box;
  max-height: 120px;
  padding: 0rem;
}

header #page-header-mobile {
  display: none; /* Se muestra cuando el tamaño del dispositivo es pequeño ver Media Querys*/
  padding: 0.3rem 0.5rem;
  background-color: hsl(0, 0%, 100%);
  border-bottom: 1px solid hsl(0, 0%, 100%);
}

header #page-header-mobile .logo {
  display: block;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 2rem;
}

header #page-header-mobile .logo img {
  max-height: 5.7rem;
}

header #page-header-mobile .titulo {
  display: none;
  width: 0%;
  vertical-align: middle;
  text-align: right;
}

header #page-header-mobile .titulo h1 {
  color: hsl(0, 0%, 21%);
  font-family: "Raleway", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  text-shadow: none;
  line-height: 1.8rem;
}

header #page-header #banner-header {
  overflow: hidden;
  height: 340px;
  max-height: 340px;
  background-image: url(./imagenes/bg-header.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
}

header #page-header #banner-header:before {
  content: "";
  position: absolute;
  top: 62px;
  bottom: 0;
  left: 0;
  right: 0;
  height: inherit;
  background: rgba(255, 255, 255, 0);
}

header #page-header #banner-header video {
  display: none;
}

header #page-header #banner-header #video_blind {
  display: none;
}

header #page-header .titulo {
  z-index: 1;
  position: absolute;
  top: 200px;
  box-sizing: border-box;
  text-align: center;
  width: auto;
  padding-left: 0rem;
}

header #page-header .titulo h1 {
  display: none;
  color: hsl(215, 100%, 34%);
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 5.4rem;
  text-shadow: 1px 1px 1px #000000;
  line-height: 0.9em;
}

header #page-header .subtitulo {
  display: none;
  color: #3d3d3f;
  text-shadow: none;
  font-family: "Raleway", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 0.9em;
  max-width: 700px;
  width: 30%;
  min-width: 500px;
  margin: auto;
  margin-top: 0rem;
}

/* Barra Navegación */
header #essentialnavbar.oldnavbar {
  position: fixed;
  top: 0px;
}

.navbar,
.navbar-inner {
  background: #000000;
}

.navbar .navbar-inner .nav > li.dropdown a:hover,
.navbar .navbar-inner .nav > li > a:hover,
.navbar .navbar-inner .nav > li.dropdown a:focus,
.navbar .navbar-inner .nav > li > a:focus,
.navbar .navbar-inner .popover-region-toggle:hover,
.navbar .navbar-inner .popover-region-toggle:focus {
  color: white !important;
  background-color: transparent;
}

.navbar .navbar-inner .search-input-wrapper > div .fa:hover, .navbar .navbar-inner .search-input-wrapper > div .fas:hover, .navbar .navbar-inner .search-input-wrapper > div .far:hover, .navbar .navbar-inner .search-input-wrapper > div .fal:hover, .navbar .navbar-inner .search-input-wrapper > div .fab:hover, .navbar .navbar-inner .search-input-wrapper > div .fa:focus, .navbar .navbar-inner .search-input-wrapper > div .fas:focus, .navbar .navbar-inner .search-input-wrapper > div .far:focus, .navbar .navbar-inner .search-input-wrapper > div .fal:focus, .navbar .navbar-inner .search-input-wrapper > div .fab:focus {
  color: white;
  background-color: transparent;
}

header .navbar #menus_evo.nav > li > a {
  font-size: 1.05rem;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  min-width: 70px;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  padding: 18px;
}

header .navbar #menus_evo.nav > li > a:hover {
  background-color: #000000;
  color: rgb(252, 77, 16) !important;
}

.navbar .navbar-inner .nav > li.dropdown .dropdown-menu li > a {
  color: rgb(40, 0, 255);
}

.navbar .navbar-inner .nav > li.dropdown .dropdown-menu li > a:hover {
  color: #ffffff;
  background-color: rgb(40, 0, 255);
}

header .navbar .navbar-inner .usermenu .dropdown ul.dropdown-menu {
  display: none !important;
  background-color: #FFFFFF;
  border: 1px solid hsl(0, 0%, 82%);
}

header .navbar .navbar-inner .usermenu .dropdown ul.dropdown-menu em {
  font-style: normal;
}

header .navbar .navbar-inner .usermenu span.fa-caret-right {
  display: none;
}

header .navbar .navbar-inner .custommenus {
  padding: 0px 0.5rem;
  box-sizing: border-box;
}

header .navbar .navbar-inner .btn-navbar {
  margin-top: 8px;
}

header .navbar .navbar-inner .usermenu .dropdown a.dropdown-toggle {
  padding: 8px 0px !important;
  max-width: initial !important;
  width: initial !important;
  cursor: auto;
}

header .navbar .navbar-inner .usermenu .nav li.dropdown.open > .dropdown-toggle {
  background-color: transparent;
}

header .navbar .navbar-inner .usermenu .dropdown img.userpicture {
  border-radius: 50%;
  max-width: 38px !important;
  max-height: 38px !important;
  position: inherit !important;
}

/* Iconos de notificaciones y mensajería en la barra de navegación */
.messagemenu {
  display: none;
}

/*FOOTER*/
footer#page-footer {
  color: white;
  background: #000000;
  border: none;
  padding: 1rem;
  box-sizing: border-box;
}

footer#page-footer .footerblocks {
  display: none;
}

footer#page-footer .legal {
  font-size: 0.9em;
  font-weight: 600;
  text-align: right;
}

footer#page-footer a {
  color: #FFFFFF;
  text-decoration: underline;
}

footer#page-footer a:hover {
  color: rgb(252, 77, 16) !important;
  text-decoration: underline;
}

/*Botón back to top page*/
.back-to-top {
  font-size: 2em;
}

.back-to-top .fa, .back-to-top .fas, .back-to-top .far, .back-to-top .fal, .back-to-top .fab {
  color: rgb(40, 0, 255);
}

.back-to-top:hover {
  background-color: #525252;
}

.back-to-top:hover .fa, .back-to-top:hover .fas, .back-to-top:hover .far, .back-to-top:hover .fal, .back-to-top:hover .fab {
  color: rgb(0, 0, 0);
}

/* BLOQUES */
*[id^=block-region-] .block {
  border-radius: 0.5rem;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: #FFFFFF !important;
  color: rgb(40, 0, 255) !important;
}

*[id^=block-region-] .block .header {
  background-color: #FFFFFF !important;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0px 0px;
  padding: 1.5rem 1rem 1rem;
}

*[id^=block-region-] .block .header .title .fa, *[id^=block-region-] .block .header .title .fas, *[id^=block-region-] .block .header .title .far, *[id^=block-region-] .block .header .title .fal, *[id^=block-region-] .block .header .title .fab {
  color: rgb(252, 77, 16) !important;
}

*[id^=block-region-] .block .header .title h2 {
  color: rgb(252, 77, 16) !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: none !important;
}

*[id^=block-region-] .block .content {
  background-color: #FFFFFF !important;
  border-radius: 0px 0px 0.5rem 0.5rem;
  padding: 1.2rem 1rem;
}

*[id^=block-region-] .block a,
*[id^=block-region-] .block a:visited,
*[id^=block-region-] .block .fa,
*[id^=block-region-] .block p.tree_item.branch,
*[id^=block-region-] .block p.tree_item.leaf {
  color: rgb(40, 0, 255) !important;
}

*[id^=block-region-] .block p.tree_item.branch:before {
  color: rgb(40, 0, 255);
}

*[id^=block-region-] .block a:focus,
*[id^=block-region-] .block a:hover,
*[id^=block-region-] .block .fa:focus,
*[id^=block-region-] .block .fa:hover,
*[id^=block-region-] .block p.tree_item.branch:focus,
*[id^=block-region-] .block p.tree_item.branch:hover,
*[id^=block-region-] .block p.tree_item.branch:focus > a,
*[id^=block-region-] .block p.tree_item.branch:hover > a,
*[id^=block-region-] .block p.tree_item.leaf:focus > a,
*[id^=block-region-] .block p.tree_item.leaf:hover > a,
*[id^=block-region-] .block p.tree_item.leaf:focus > a > .fa,
*[id^=block-region-] .block p.tree_item.leaf:hover > a > .fa {
  color: #000000 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: rgb(250, 220, 210);
  background-image: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: rgb(250, 220, 210);
  background-image: none;
}

/* MIS CURSOS */
/* Categorias */
#mis-cursos .categoria .titulo-categoria {
  background-color: hsl(0, 0%, 65%);
  color: #FFFFFF;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  padding: 8px 10px;
}

#mis-cursos .categoria[data-nivel="1"] .titulo-categoria {
  background-color: hsl(0, 0%, 28%);
  color: #FFFFFF;
}

#mis-cursos .categoria[data-nivel="2"] .titulo-categoria {
  background-color: hsl(219, 75%, 42%);
  color: #FFFFFF;
}

#mis-cursos .categoria[data-nivel="3"] .titulo-categoria {
  background-color: hsl(219, 100%, 57%);
  color: #FFFFFF;
}

#mis-cursos .categoria[data-nivel="4"] .titulo-categoria {
  background-color: hsl(213, 71%, 67%);
  color: #FFFFFF;
}

#mis-cursos .categoria .titulo-categoria .fa, #mis-cursos .categoria .titulo-categoria .fas, #mis-cursos .categoria .titulo-categoria .far, #mis-cursos .categoria .titulo-categoria .fal, #mis-cursos .categoria .titulo-categoria .fab {
  color: #FFFFFF;
  margin-right: 10px;
}

#mis-cursos .categoria .icono-drop .fa, #mis-cursos .categoria .icono-drop .fas, #mis-cursos .categoria .icono-drop .far, #mis-cursos .categoria .icono-drop .fal, #mis-cursos .categoria .icono-drop .fab {
  color: #FFFFFF;
}

#mis-cursos .categoria .icono-drop:hover .fa, #mis-cursos .categoria .icono-drop:hover .fas, #mis-cursos .categoria .icono-drop:hover .far, #mis-cursos .categoria .icono-drop:hover .fal, #mis-cursos .categoria .icono-drop:hover .fab {
  color: #FFFFFF;
  opacity: 0.7;
}

.block-myoverview.block-cards [data-region=filter] > div:not(:first-child) {
  display: none !important;
}

/*Panel Cursos*/
#mis-cursos a {
  color: rgb(40, 0, 255);
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}

#mis-cursos a:hover {
  color: rgb(0, 0, 0) !important;
}

#mis-cursos ul.pestanas li {
  font-family: "Raleway", sans-serif;
}

/* TODAS LAS PÁGINAS */
/*Título de la página*/
.page-context-header .page-header-headings h1 {
  background-color: #FFFFFF;
  color: rgb(252, 77, 16);
  font-weight: 600;
  font-size: 2rem;
  text-shadow: none;
  line-height: 1em;
  padding: 1rem 0px;
  border-bottom: 0px;
}

/*Pestañas en ventanas varias*/
.nav-tabs > li > a {
  background-color: rgb(40, 0, 255);
}

/* PÁGINA CURSO */
body .course-content ul.topics li.section .left .moodle-actionmenu a .icon,
body .course-content ul.topics li.section .right .moodle-actionmenu a .icon {
  color: rgb(40, 0, 255);
}

body .course-content ul.topics li.section .left .moodle-actionmenu a:hover .icon,
body .course-content ul.topics li.section .right .moodle-actionmenu a:hover .icon {
  color: #000000;
}

body .course-content ul.topics li.section .left a.textmenu,
body .course-content ul.topics li.section .right a.textmenu,
body .course-content ul.topics li.section .left a.textmenu:link,
body .course-content ul.topics li.section .right a.textmenu:link,
body .course-content ul.topics li.section .left a.textmenu:visited,
body .course-content ul.topics li.section .right a.textmenu:visited,
body .course-content ul.topics li.section a.textmenu .caret {
  color: rgb(40, 0, 255);
}

body .course-content ul.topics li.section .left a.textmenu:hover,
body .course-content ul.topics li.section .right a.textmenu:hover,
body .course-content ul.topics li.section .left a.textmenu:focus,
body .course-content ul.topics li.section .right a.textmenu:focus {
  color: #000000 !important;
}

body .course-content ul.topics li.section .menubar a.textmenu .caret {
  border-top-color: rgb(40, 0, 255) !important;
}

body .course-content ul.topics li.section .menubar a.textmenu:hover .caret,
body .course-content ul.topics li.section .menubar a.textmenu:focus .caret {
  border-top-color: #000000 !important;
}

body .course-content ul.topics li.section .actions .menubar a.textmenu .caret {
  border-top-color: rgb(40, 0, 255) !important;
}

body .course-content ul.topics li.section .actions .menubar a.textmenu:hover .caret {
  border-top-color: rgb(0, 0, 0) !important;
}

body .course-content ul.topics li.section h3.sectionname,
body .course-content .section-summary .section-title,
body .course-content .single-section .section-title .title {
  background-color: #FFFFFF;
  color: rgb(40, 0, 255);
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.5rem 0rem;
  text-shadow: none;
  border-bottom: 1px solid rgb(151, 151, 151);
}

body .course-content .section-summary .section-title a,
body .course-content ul.topics li.section h3.sectionname a {
  color: rgb(40, 0, 255) !important;
  font-family: "Raleway", sans-serif !important;
}

body .course-content .section-summary .section-title a:hover,
body .course-content ul.topics li.section h3.sectionname a:hover {
  color: #000000 !important;
  font-family: "Raleway", sans-serif !important;
}

body .course-content ul.topics li.section h3.sectionname a .icon {
  color: rgb(40, 0, 255);
}

body .course-content ul.topics li.section h3.sectionname a:hover .icon,
body .course-content ul.topics li.section h3.sectionname a:focus .icon {
  color: #000000;
}

body .course-content .section-summary .section-title a::after {
  color: rgb(40, 0, 255);
}

body .course-content .section-summary .section-title a:hover {
  opacity: 0.8;
}

body .course-content ul.topics li.section h4 {
  color: hrgb(40, 0, 255);
  font-weight: 400;
  background-color: #FFFFFF;
  padding: 0.3rem 0px;
  margin-bottom: 0rem;
  font-size: 1.2rem;
}

body .course-content ul.topics li.section ul hr {
  border-top: 2px solid rgb(40, 0, 255);
}

.course-content .section li.activity .instancename {
  padding: 5px 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 1rem;
  background-color: #3b3b3b;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.course-content .section li.activity img.activityicon {
  height: 6rem;
  width: 6rem;
}

.course-content .section li.activity .activityinstance .cuestionario {
  border-radius: 1rem;
}

.course-content .section li.activity .activityinstance .cuestionario p:first-child {
  background-color: #5e5e5e;
  color: #FFFFFF;
}

.course-content .section li.activity .activityinstance .cuestionario p:last-child {
  background-color: #CCC;
  color: #000000;
}

.course-content .section li.activity .activityinstance .progreso-bg .progreso-bar {
  background-color: #ffb59c;
  color: #000000;
}

.course-content .section li.activity .activityinstance .progreso-bg {
  background-color: #CCC;
  color: #000000;
  border-radius: 1rem;
}

/***********************************************/
/*       PERSONALIZACIÓN  AREA PERSONAL        */
/***********************************************/
.block_myoverview .dashboard-card-deck .dashboard-card {
  overflow: hidden;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e3;
}

.block_myoverview .dashboard-card-img {
  min-height: 18rem;
}

.block_myoverview .dashboard-card-footer .progress .progress-bar {
  background-color: #ffb59c;
  background-image: none;
}

/***********************************************/
/*       PAGINAS DESARROLLADAS A MEDIDA        */
/*																             */
/* Funcionalidades especificas de este cliente */
/***********************************************/
/* GENERAL */
.custom .fa, .custom .fas, .custom .far, .custom .fal, .custom .fab {
  color: rgb(40, 0, 255);
}

.custom .fa:hover, .custom .fas:hover, .custom .far:hover, .custom .fal:hover, .custom .fab:hover {
  color: rgb(40, 0, 255);
}

.custom .fa.accion, .custom .fas.accion, .custom .far.accion, .custom .fal.accion, .custom .fab.accion {
  color: rgb(40, 0, 255) !important;
  font-size: 1.2em;
}

.custom .fa.accion:hover, .custom .fas.accion:hover, .custom .far.accion:hover, .custom .fal.accion:hover, .custom .fab.accion:hover {
  cursor: pointer;
  color: #000000 !important;
}

.custom .fa.accion-cabecera, .custom .fas.accion-cabecera, .custom .far.accion-cabecera, .custom .fal.accion-cabecera, .custom .fab.accion-cabecera {
  float: right;
  color: hsl(21, 100%, 50%) !important;
  font-size: 1.1em;
}

.custom .fa.accion-cabecera:hover, .custom .fas.accion-cabecera:hover, .custom .far.accion-cabecera:hover, .custom .fal.accion-cabecera:hover, .custom .fab.accion-cabecera:hover {
  cursor: pointer;
  color: #FFFFFF !important;
}

.custom button .fa, .custom button .fas, .custom button .far, .custom button .fal, .custom button .fab {
  vertical-align: baseline;
  color: #FFFFFF;
  font-size: 1.1em;
  line-height: inherit;
}

.custom button:hover .fa, .custom button:hover .fas, .custom button:hover .far, .custom button:hover .fal, .custom button:hover .fab {
  color: #FFFFFF;
}

.custom h1 {
  width: 100%;
  border-bottom: 1px solid rgb(252, 77, 16);
}

.custom h1 .fa, .custom h1 .fas, .custom h1 .far, .custom h1 .fal, .custom h1 .fab,
.custom h2 .fa,
.custom h2 .fas,
.custom h2 .far,
.custom h2 .fal,
.custom h2 .fab,
.custom h3 .fa,
.custom h3 .fas,
.custom h3 .far,
.custom h3 .fal,
.custom h3 .fab,
.custom h4 .fa,
.custom h4 .fas,
.custom h4 .far,
.custom h4 .fal,
.custom h4 .fab,
.custom h5 .fa,
.custom h5 .fas,
.custom h5 .far,
.custom h5 .fal,
.custom h5 .fab,
.custom h6 .fa,
.custom h6 .fas,
.custom h6 .far,
.custom h6 .fal,
.custom h6 .fab {
  color: rgb(252, 77, 16);
}

.custom h1 .fa:hover, .custom h1 .fas:hover, .custom h1 .far:hover, .custom h1 .fal:hover, .custom h1 .fab:hover,
.custom h2 .fa:hover,
.custom h2 .fas:hover,
.custom h2 .far:hover,
.custom h2 .fal:hover,
.custom h2 .fab:hover,
.custom h3 .fa:hover,
.custom h3 .fas:hover,
.custom h3 .far:hover,
.custom h3 .fal:hover,
.custom h3 .fab:hover,
.custom h4 .fa:hover,
.custom h4 .fas:hover,
.custom h4 .far:hover,
.custom h4 .fal:hover,
.custom h4 .fab:hover,
.custom h5 .fa:hover,
.custom h5 .fas:hover,
.custom h5 .far:hover,
.custom h5 .fal:hover,
.custom h5 .fab:hover,
.custom h6 .fa:hover,
.custom h6 .fas:hover,
.custom h6 .far:hover,
.custom h6 .fal:hover,
.custom h6 .fab:hover {
  color: rgb(252, 77, 16);
}

.custom table thead tr.cabecera1 {
  background-color: #000000;
  color: white;
}

.custom table thead tr.cabecera2 {
  background-color: rgb(40, 0, 255);
  color: white;
}

.custom table thead tr.cabecera3 {
  background-color: hsl(0, 0%, 45%);
  color: white;
}

.custom table tbody tr:hover > td {
  background-color: rgb(250, 220, 210);
}

.custom table tbody tr:hover > td a {
  background-color: transparent !important;
}

.custom table tbody tr:hover > td .fa.accion:hover, .custom table tbody tr:hover > td .fas.accion:hover, .custom table tbody tr:hover > td .far.accion:hover, .custom table tbody tr:hover > td .fal.accion:hover, .custom table tbody tr:hover > td .fab.accion:hover {
  color: #000000 !important;
}

.custom table #hueco {
  background-color: #000000 !important;
}

/* Ordenación en tablas */
.custom table.tablesorter thead tr th.tablesorter-headerDesc,
.custom table.tablesorter thead tr th.tablesorter-headerAsc {
  background-color: rgb(252, 77, 16);
  color: #212529;
}

/*Icono filtrado en tablas*/
.custom .fa-filter {
  color: white;
}

.custom .fa-filter:hover {
  color: white;
}

.custom .contenedor.filtro label.columnSelectorButton {
  background: #000000;
}

.custom .contenedor.filtro #colSelect1:checked + label {
  background: rgb(252, 77, 16);
}

/* MIS PUESTOS */
#mis-puestos .contenedor {
  text-align: center;
}

#mis-puestos table tbody .fa, #mis-puestos table tbody .fas, #mis-puestos table tbody .far, #mis-puestos table tbody .fal, #mis-puestos table tbody .fab {
  margin: 0px;
}

#mis-puestos .listado-puestos {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 0px 5%;
  text-align: left;
}

#mis-puestos .listado-puestos h2 {
  width: 100%;
  background-color: #000000;
  margin: 0px;
  font-size: 1.2em;
  line-height: 2em;
  color: white;
  padding: 0px 10px;
  box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
}

#mis-puestos .listado-puestos ul {
  margin: 0px;
  background-color: #f2f2f2;
  border: 1px solid rgb(191, 191, 191);
  border-radius: 0px 0px 8px 8px;
  padding: 10px 20px;
  min-height: 120px;
}

#mis-puestos .listado-puestos li {
  list-style: none;
  font-size: 1.2em;
  margin: 8px 0px;
  color: #000000;
}

#mis-puestos .listado-puestos li .fa, #mis-puestos .listado-puestos li .fas, #mis-puestos .listado-puestos li .far, #mis-puestos .listado-puestos li .fal, #mis-puestos .listado-puestos li .fab {
  font-size: 1.2em;
  vertical-align: text-bottom;
}

#mis-puestos .listado-puestos.habilitado li .fa:last-child, #mis-puestos .listado-puestos.habilitado li .fas:last-child, #mis-puestos .listado-puestos.habilitado li .far:last-child, #mis-puestos .listado-puestos.habilitado li .fal:last-child, #mis-puestos .listado-puestos.habilitado li .fab:last-child {
  float: right;
}

#mis-puestos table {
  width: 90%;
  margin: 30px auto;
}

#mis-puestos table .cabecera1 .fa-circle {
  margin-right: 10px;
}

/* MATRIZ EMPLEADOS-PUESTOS */
#matriz-empleados-puestos #FormFiltroCliente label {
  font-weight: 600;
  vertical-align: middle;
  padding: 10px;
}

#matriz-empleados-puestos .listado-puestos {
  width: 100%;
  text-align: left;
  margin: 0px auto;
}

#matriz-empleados-puestos .listado-puestos h2 {
  width: 100%;
  background-color: #000000;
  margin: 0px;
  font-size: 1.2em;
  line-height: 2em;
  color: white;
  padding: 0px 10px;
  box-sizing: border-box;
  border-radius: 8px 8px 0px 0px;
}

#matriz-empleados-puestos .listado-puestos h2 .fa.accion-cabecera, #matriz-empleados-puestos .listado-puestos h2 .fas.accion-cabecera, #matriz-empleados-puestos .listado-puestos h2 .far.accion-cabecera, #matriz-empleados-puestos .listado-puestos h2 .fal.accion-cabecera, #matriz-empleados-puestos .listado-puestos h2 .fab.accion-cabecera {
  margin-top: 9px;
}

#matriz-empleados-puestos .listado-puestos ul {
  margin: 0px;
  background-color: #f2f2f2;
  border: 1px solid rgb(191, 191, 191);
  border-radius: 0px 0px 8px 8px;
  padding: 15px 30px;
  min-height: 120px;
}

#matriz-empleados-puestos .listado-puestos li {
  display: inline-block;
  list-style: none;
  font-size: 1.1em;
  margin: 3px 0px;
  color: #000000;
  width: 33%;
  min-width: 200px;
}

#matriz-empleados-puestos .listado-puestos li .fa, #matriz-empleados-puestos .listado-puestos li .fas, #matriz-empleados-puestos .listado-puestos li .far, #matriz-empleados-puestos .listado-puestos li .fal, #matriz-empleados-puestos .listado-puestos li .fab {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 1.2em;
}

#matriz-empleados-puestos .listado-puestos li .fa:first-child, #matriz-empleados-puestos .listado-puestos li .fas:first-child, #matriz-empleados-puestos .listado-puestos li .far:first-child, #matriz-empleados-puestos .listado-puestos li .fal:first-child, #matriz-empleados-puestos .listado-puestos li .fab:first-child {
  width: 22px;
}

#matriz-empleados-puestos table#matriz .fa, #matriz-empleados-puestos table#matriz .fas, #matriz-empleados-puestos table#matriz .far, #matriz-empleados-puestos table#matriz .fal, #matriz-empleados-puestos table#matriz .fab {
  margin: 0px;
}

#matriz-empleados-puestos table #hueco {
  min-height: 100px;
  height: 100px;
  background-color: #000000;
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
}

/* ACCIONES FORMATIVAS PUESTOS*/
#mod_puestos_acciones_formativas #FormFiltroCliente label {
  font-weight: 600;
  vertical-align: middle;
  padding: 10px;
}

/* GESTION CAMPUS - Configuración de Capabilities*/
/* Comunes a las dos ventanas: Clientes y Plantilla */
#mod_clientes_capabilities_clientes table#matriz tbody tr.modulo td,
#mod_admin_general_plantilla_capabilities table#matriz tbody tr.modulo td {
  background-color: rgb(199, 203, 204);
  color: hsl(187, 0%, 0%);
}

#mod_clientes_capabilities_clientes table#matriz tbody td:first-child,
#mod_admin_general_plantilla_capabilities table#matriz tbody td:first-child {
  color: #000000;
}

/* RESPONSIVE CSS */
@media (max-width: 480px) {
  #mis-cursos ul.pestanas li {
    font-size: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  header #page-header.nologo {
    display: none;
  }
  header #page-header-mobile {
    display: inherit;
  }
  header #essentialnavbar.oldnavbar {
    position: inherit;
  }
}