@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Belleza&display=swap");
@font-face {
  font-family: "Sofia Pro";
  src: url("https://campus.tabacaleracigar.com/evoloom/theme/tabacaleracigar/fonts/SofiaProRegular.woff") format("woff");
}
@font-face {
  font-family: "Sofia Pro SemiBold";
  src: url("https://campus.tabacaleracigar.com/evoloom/theme/tabacaleracigar/fonts/SofiaProSemiBold.woff") format("woff");
}
/* 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: "Sofia Pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

body .fa,
.block .icon {
  color: rgb(244, 167, 0);
}

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

/* 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: rgb(230, 230, 220);
}

#mis-cursos .curso .panel-contenido {
  font-size: 1rem;
  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(29, 29, 27);
  font-family: "Sofia Pro SemiBold", sans-serif;
  font-weight: 800;
}

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

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: rgb(29, 29, 27) !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: rgb(43, 42, 36);
}

.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(244, 167, 0) 0, rgb(244, 167, 0) 100%);
  background-color: rgb(244, 167, 0);
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
  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(29, 29, 27) 0, rgb(29, 29, 27) 100%) !important;
  background-color: rgb(29, 29, 27) !important;
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
}

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(244, 167, 0) 0, rgb(244, 167, 0) 100%);
  background-color: rgb(244, 167, 0);
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
}

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(29, 29, 27) 0, rgb(29, 29, 27) 100%) !important;
  background-color: rgb(29, 29, 27) !important;
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
}

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(244, 167, 0) 0, rgb(244, 167, 0) 100%);
  background-color: rgb(244, 167, 0);
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
}

.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(29, 29, 27) 0, rgb(29, 29, 27) 100%);
  background-color: rgb(29, 29, 27);
  font-weight: 500;
}

#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(244, 167, 0) 0, rgb(244, 167, 0) 100%);
  background-color: rgb(244, 167, 0);
  border-color: rgb(244, 167, 0);
  color: #FFFFFF;
  font-weight: 500;
}

#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(29, 29, 27) 0, rgb(29, 29, 27) 100%);
  background-color: rgb(29, 29, 27);
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: none;
}

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

/*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 rgb(29, 29, 27);
  border-bottom: none;
}

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

header #logo-header {
  z-index: 1;
  box-sizing: border-box;
  position: absolute;
  top: 80px;
  float: left;
  padding: 3rem 6rem;
  padding-left: 10rem;
}

header #logo-header img {
  box-sizing: border-box;
  max-height: 156px;
  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: rgb(230, 230, 220);
  border-bottom: 1px solid rgb(230, 230, 220);
}

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

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

header #page-header-mobile .titulo {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
  text-align: right;
}

header #page-header-mobile .titulo h1 {
  color: hsl(0, 0%, 21%);
  font-family: "Sofia Pro SemiBold", 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: linear-gradient(to right, rgba(29, 29, 27, 0.5), rgba(29, 29, 27, 0.7));
}

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: 190px;
  box-sizing: border-box;
  text-align: left;
  width: auto;
  padding-right: 0rem;
  right: 0px;
  text-align: right;
}

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

header #page-header .subtitulo {
  display: block;
  color: #FFFFFF;
  text-shadow: none;
  font-family: "Belleza", sans-serif;
  /*font-style: italic;*/
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 0.9em;
  max-width: 900px;
  width: 40%;
  min-width: 550px;
  margin: auto;
  margin-top: 0rem;
}

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

.navbar,
.navbar-inner {
  background: rgb(29, 29, 27);
}

.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: 500;
  font-family: "Sofia Pro", sans-serif;
  text-transform: uppercase;
  min-width: 70px;
  text-align: center;
  background-color: rgb(29, 29, 27);
  color: #FFFFFF;
  padding: 18px;
}

header .navbar #menus_evo.nav > li > a:hover {
  background-color: rgb(29, 29, 27);
  color: rgb(244, 167, 0) !important;
}

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

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

header .navbar .navbar-inner .usermenu .dropdown ul.dropdown-menu {
  background-color: #FFFFFF;
  border: none;
}

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

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

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: rgb(29, 29, 27);
  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(244, 167, 0) !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(244, 167, 0);
}

.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(29, 29, 27);
}

/* BLOQUES */
*[id^=block-region-] .block {
  border-radius: 0rem;
  border: none;
  background-color: #FFFFFF !important;
  color: rgb(43, 42, 36) !important;
}

*[id^=block-region-] .block .header {
  background-color: rgb(43, 42, 36) !important;
  border-bottom: none;
  border-radius: 0rem 0rem 0px 0px;
  padding: 1.2rem 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(244, 167, 0) !important;
}

*[id^=block-region-] .block .header .title h2 {
  color: #FFFFFF !important;
  font-family: "Belleza", 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 0rem 0rem;
  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(43, 42, 36) !important;
}

*[id^=block-region-] .block p.tree_item.branch:before {
  color: rgb(43, 42, 36);
}

*[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: rgb(244, 167, 0) !important;
}

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

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

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

#mis-cursos .categoria[data-nivel="1"] .titulo-categoria {
  background-color: rgb(43, 42, 36);
  color: #FFFFFF;
}

#mis-cursos .categoria[data-nivel="2"] .titulo-categoria {
  background-color: rgb(71, 71, 65);
  color: #FFFFFF;
}

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

#mis-cursos .categoria[data-nivel="4"] .titulo-categoria {
  background-color: rgb(130, 130, 120);
  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;
}

/*Panel Cursos*/
#mis-cursos a {
  color: rgb(244, 167, 0);
  font-family: "Sofia Pro SemiBold", sans-serif;
  font-weight: 800;
}

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

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

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

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

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

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: rgb(244, 167, 0);
}

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: #FFFFFF;
}

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: rgb(244, 167, 0) !important;
}

body .course-content ul.topics li.section .menubar a.textmenu .caret {
  border-top-color: #FFFFFF !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: rgb(244, 167, 0) !important;
}

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

body .course-content ul.topics li.section .actions .menubar a.textmenu:hover .caret {
  border-top-color: rgb(29, 29, 27) !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: rgb(100, 100, 91);
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.8rem 1rem;
  text-shadow: none;
  border-bottom: none;
}

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

body .course-content .section-summary .section-title a:hover,
body .course-content ul.topics li.section h3.sectionname a:hover {
  color: rgb(244, 167, 0) !important;
  font-family: "Sofia Pro SemiBold", sans-serif !important;
}

body .course-content ul.topics li.section h3.sectionname a .icon {
  color: #FFFFFF;
}

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: rgb(244, 167, 0);
}

body .course-content .section-summary .section-title a::after {
  color: #FFFFFF;
}

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

body .course-content ul.topics li.section h4 {
  color: rgb(100, 100, 91);
  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(100, 100, 91);
}

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

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

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

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

.course-content .section li.activity .activityinstance .cuestionario p:last-child {
  background-color: #CCC;
  color: rgb(29, 29, 27);
}

.course-content .section li.activity .activityinstance .progreso-bg .progreso-bar {
  background-color: rgb(244, 167, 0);
  color: rgb(29, 29, 27);
}

.course-content .section li.activity .activityinstance .progreso-bg {
  background-color: #CCC;
  color: rgb(29, 29, 27);
  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: rgb(244, 167, 0);
  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(244, 167, 0);
}

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

.custom .fa.accion, .custom .fas.accion, .custom .far.accion, .custom .fal.accion, .custom .fab.accion {
  color: rgb(244, 167, 0) !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: rgb(43, 42, 36) !important;
}

.custom .fa.accion-cabecera, .custom .fas.accion-cabecera, .custom .far.accion-cabecera, .custom .fal.accion-cabecera, .custom .fab.accion-cabecera {
  float: right;
  color: rgb(244, 167, 0) !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(29, 29, 27);
}

.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(244, 167, 0);
}

.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(244, 167, 0);
}

.custom table thead tr.cabecera1 {
  background-color: rgb(43, 42, 36);
  color: white;
}

.custom table thead tr.cabecera2 {
  background-color: rgb(71, 71, 65);
  color: white;
}

.custom table thead tr.cabecera3 {
  background-color: rgb(100, 100, 91);
  color: white;
}

.custom table tbody tr:hover > td {
  background-color: rgb(235, 235, 225);
}

.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: rgb(43, 42, 36) !important;
}

.custom table #hueco {
  background-color: rgb(43, 42, 36) !important;
}

/* Ordenación en tablas */
.custom table.tablesorter thead tr th.tablesorter-headerDesc,
.custom table.tablesorter thead tr th.tablesorter-headerAsc {
  background-color: rgb(244, 167, 0);
  color: rgb(29, 29, 27);
}

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

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

.custom .contenedor.filtro label.columnSelectorButton {
  background: rgb(43, 42, 36);
}

.custom .contenedor.filtro #colSelect1:checked + label {
  background: rgb(244, 167, 0);
}

/* 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: rgb(43, 42, 36);
  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(130, 130, 120);
  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: rgb(43, 42, 36);
}

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