@charset "UTF-8";
/* GENERAL */
/*Ajustes panel mensaje debug*/
.notifytiny {
  background-color: #e8e8e8;
  border: 1px solid gray;
  border-radius: 0.5rem;
  padding: 2rem;
  position: fixed;
  top: 2rem;
  left: 7vw;
  z-index: 10;
  width: 80vw;
}

/*Ajustes generales de los botones*/
.btn-primary.disabled,
body button.disabled,
body .btn-default.disabled,
body a.btn-default.disabled,
body button.btn-cancel.disabled,
body input.form-submit.disabled,
body input[type="button"].disabled,
body input[type="submit"].disabled,
body input[type="reset"].disabled,
body #notice .singlebutton + .singlebutton input.disabled,
body .submit.buttons input[name="cancel"].disabled,
.btn-primary[disabled],
body button[disabled],
body .btn-default[disabled],
body a.btn-default[disabled],
body button.btn-cancel[disabled],
body input.form-submit[disabled],
body input[type="button"][disabled],
body input[type="submit"][disabled],
body input[type="reset"][disabled],
body #notice .singlebutton + .singlebutton input[disabled],
body .submit.buttons input[name="cancel"][disabled],
.btn-primary.disabled:hover,
body button.disabled:hover,
body .btn-default.disabled:hover,
body a.btn-default.disabled:hover,
body button.btn-cancel.disabled:hover,
body input.form-submit.disabled:hover,
body input[type="button"].disabled:hover,
body input[type="submit"].disabled:hover,
body input[type="reset"].disabled:hover,
body #notice .singlebutton + .singlebutton input.disabled:hover,
body .submit.buttons input[name="cancel"].disabled:hover,
.btn-primary[disabled]:hover,
body button[disabled]:hover,
body .btn-default[disabled]:hover,
body a.btn-default[disabled]:hover,
body button.btn-cancel[disabled]:hover,
body input.form-submit[disabled]:hover,
body input[type="button"][disabled]:hover,
body input[type="submit"][disabled]:hover,
body input[type="reset"][disabled]:hover,
body #notice .singlebutton + .singlebutton input[disabled]:hover,
body .submit.buttons input[name="cancel"][disabled]:hover {
  text-shadow: none;
  background-image: linear-gradient(to bottom, #d8d8d8 0, #d8d8d8 100%);
  background-color: #d8d8d8;
  border-color: #cccccc;
  color: #aaaaaa;
}

#page form .form-buttons,
#region-main form .form-buttons,
#page form #fgroup_id_buttonar,
#region-main form #fgroup_id_buttonar {
  background-color: white;
  border-top: none;
}

#fitem_id_submitbutton {
  background-color: inherit !important;
  border-top: none;
}

#fitem_id_submitbutton .felement {
  text-align: center;
}

.singlebutton {
  text-align: center;
}

/*Blind y paneles flotantes*/
#blind {
  z-index: 1000;
  background-color: #ccc;
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 0px;
  left: 0px;
}

.panelFlotante {
  z-index: 1001;
  position: fixed;
  padding: 10px;
  width: 35vw;
  height: 250px;
  min-width: 340px;
  max-width: 440px;
  box-sizing: border-box;
  top: calc(50vh - 125px);
  left: calc(50vw - 170px);
  background-color: white;
  border: 2px solid #666;
  box-shadow: 0px 0px 20px #333;
}

.panelFlotante.fullscreen {
  width: 95%;
  height: 95%;
  min-width: inherit;
  max-width: inherit;
  top: 2.5%;
  left: 2.5%;
}

.panelFlotante.cargando {
  height: auto;
  padding: 10px 30px;
}

.panelFlotante.cargando .fa,
.panelFlotante.cargando .fas,
.panelFlotante.cargando .far,
.panelFlotante.cargando .fal,
.panelFlotante.cargando .fab {
  margin-right: 10px;
}

.panelFlotante.upload-file {
  height: auto;
  width: 600px;
  max-width: 340px;
  max-width: 50vh;
  top: calc(50vh - 135px);
  left: calc(50vw - 300px);
  padding: 10px 30px;
}

.panelFlotante.upload-file input[type="file"] {
  width: 100%;
}

/* Mensajes Error, Informativos */
.alert {
  min-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.alert p {
  margin: 0px;
  line-height: 1.3em;
}

.alert .btn {
  margin: 0px 3px;
}

.alert .close {
  top: 6px;
  font-size: 1.6em;
  color: black;
  opacity: 0.6;
}

.alert a.close:hover {
  opacity: 0.3;
}

/* Estilos badge */
@keyframes radarEffect {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.badge-important {
  animation: radarEffect 2s infinite;
}

/* Ventana Modal */
.modal.large {
  width: 80%;
  margin-left: -40%;
}

.modal-header {
  background-color: #00a9a9;
}

.modal-header .modal-title {
  color: white;
  font-size: 1.4em;
  text-shadow: 1px 1px 1px black;
}

.modal-header .close {
  margin-top: 6px;
  font-size: 1.4em;
  opacity: 1;
  box-shadow: none;
  text-shadow: black 0px 1px 0px;
}

.modal-header .close:hover {
  background-color: transparent;
  background-image: none;
}

.modal-header .close .fa,
.modal-header .close .fas,
.modal-header .close .far,
.modal-header .close .fal,
.modal-header .close .fab {
  color: white;
  margin: 0px;
}

.modal-header .close .fa:hover,
.modal-header .close .fas:hover,
.modal-header .close .far:hover,
.modal-header .close .fal:hover,
.modal-header .close .fab:hover {
  color: rgba(255, 255, 255, 0.8);
}

/*
.modal-body{
	max-height: 800px;
}
*/
.modal-footer.center {
  text-align: center;
}

/*Barras de progreso - Mis Cursos - Circulares*/
.progress-chart-container {
  height: 70px;
  width: 70px;
}

.progress-chart-container .progress-doughnut {
  position: relative;
  height: 70px;
  width: 70px;
  background-clip: padding-box;
  border: 15px solid #eee;
  border-radius: 50%;
  box-sizing: border-box;
}

.progress-chart-container .progress-doughnut .progress-text.has-percent {
  color: #f89406;
}

.progress-chart-container .progress-doughnut .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #eee;
}

.progress-chart-container .progress-doughnut .progress-indicator {
  position: absolute;
  top: -15px;
  left: -15px;
  height: 70px;
  width: 70px;
}

.progress-chart-container .progress-doughnut .progress-indicator svg {
  position: relative;
  height: 100%;
  width: 100%;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-12 {
  stroke-dashoffset: 152.24;
}

.progress-chart-container .progress-doughnut .progress-indicator svg .circle {
  stroke-width: 15px;
  stroke: #f89406;
  fill: none;
  stroke-dasharray: 173;
  stroke-dashoffset: 173;
  transform: rotate(-90deg);
  transform-origin: center center;
}

#mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container {
  display: inline-block;
  margin-bottom: 0px !important;
  width: 70px;
  text-align: center;
  vertical-align: middle;
}

#mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container + div {
  display: inline-block;
  width: 28%;
  vertical-align: middle;
}

#mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container .progress-doughnut {
  border-color: #cccccc;
}

#mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container .progress-doughnut .progress-text.has-percent {
  color: rgb(64, 64, 64);
  text-align: center;
  font-weight: 600;
}

#mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container .progress-doughnut .progress-indicator svg .circle {
  stroke: #57c0c0;
}

/*Barras de progreso - Lineales*/
.progress-bar {
  margin: 0.5em 0px;
  height: 17px;
  line-height: 1em;
}

.progress-bar .progreso-bg {
  margin: 0px auto;
  height: 17px;
  background-color: #ccc;
  overflow: hidden;
}

.progress-bar .progreso-bar {
  height: 100%;
  background-color: #57c0c0;
}

.progress-bar .progreso-txt {
  height: 17px;
  text-align: center;
  font-size: 0.8em;
  font-weight: 600;
  position: relative;
  top: -15px;
}

td .progress-table {
  width: 120px;
}

td .progress-bar {
  display: inline-block;
  width: 60%;
  vertical-align: text-bottom;
  margin: 0px;
}

td .progreso-tareas {
  display: inline-block;
  width: 40px;
}

/* HEADER */
header #page-header {
  background-size: cover;
  background-position: inherit;
  background-image: none;
}

/* Barra Navegación */
header #page-header.oldnavbar {
  margin-bottom: 0px !important;
}

header #essentialnavbar {
  position: inherit;
}

header #essentialnavbar.oldnavbar {
  top: 290px;
}

header #essentialnavbar.affix {
  position: fixed;
}

header #essentialnavbar .brand {
  display: none;
}

header .navbar .go-to-botton {
  display: none;
}
header .navbar .moodle-actionmenu {
  display: none !important;
}

header .navbar #essentialmenus {
  max-height: 56px;
  margin-left: 0px;
  background-color: transparent;
}

header .navbar #menus_evo {
  padding: 0px 0.5rem;
  top: -20px;
}

header .navbar .navbarrightitem span.fa-arrow-circle-o-down {
  font-size: 2em;
  margin-top: 2px;
}

header .navbar .nav > li > a {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

header .navbar .navbar-inner .usermenu .dropdown a.dropdown-toggle {
  padding: 8px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9em !important;
}
header .navbar .navbar-inner .usermenu .dropdown img.userpicture {
  max-width: 38px;
  max-height: 38px;
  vertical-align: middle;
}
header .navbar .navbar-inner .custom_menu {
  margin-top: 0.45rem;
  display: inline-block;
}
header .navbar .navbar-inner .custom_menu .dropdown.langmenu .dropdown-toggle .fa:first-child {
  font-size: 1.4rem;
  vertical-align: middle;
  margin-right: 0.8rem;
}

/* Iconos de notificaciones y mensajería en la barra de navegación */
.messagemenu {
  display: initial !important;
}
.messagemenu.navbarrightitem {
  margin-top: 4px;
}
.messagemenu .popover-region-toggle .fa {
  font-size: 1.3rem;
}
.messagemenu #nav-mail-popover-container {
  display: none;
}
.messagemenu #nav-notification-popover-container {
  /* //display: none; */
}

.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;
  background-color: transparent;
}

/*Boton Gestion Campus*/
header .navbar .ultima_conex {
  float: right;
  color: white;
  font-size: 0.75rem;
  width: 140px;
  text-align: center;
  line-height: 1rem;
  position: relative;
  top: 12px;
  padding: 0px 1.2rem;
}

/*Boton Gestion Campus*/
header .navbar #menu_evo_gestion {
  margin: 8px 0px;
}

header .navbar #menu_evo_gestion li.boton {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 0px 0px 5px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

header .navbar #menu_evo_gestion li.boton.config {
  background-image: linear-gradient(to top, #387038, #51a351);
}

header .navbar #menu_evo_gestion li.boton.logout {
  background-image: linear-gradient(to top, #b50000, red);
}

header .navbar #menu_evo_gestion li a {
  display: block;
  padding: 4px 12px;
}

header .navbar #menu_evo_gestion li .fa,
header .navbar #menu_evo_gestion li .fas,
header .navbar #menu_evo_gestion li .far,
header .navbar #menu_evo_gestion li .fal,
header .navbar #menu_evo_gestion li .fab {
  color: white;
  font-size: 1.8em;
  padding: 2px;
}

header .navbar #menu_evo_gestion li.boton.config:hover {
  text-shadow: none;
  background-image: linear-gradient(to top, #387038, #387038);
}

header .navbar #menu_evo_gestion li.boton.logout:hover {
  text-shadow: none;
  background-image: linear-gradient(to top, #b50000, #b50000);
}

header .navbar #menu_evo_gestion li:hover .fa,
header .navbar #menu_evo_gestion li:hover .fas,
header .navbar #menu_evo_gestion li:hover .far,
header .navbar #menu_evo_gestion li:hover .fal,
header .navbar #menu_evo_gestion li:hover .fab {
  color: white;
}
/*Página Perfil Usuario*/
.page-context-header .page-header-image {
  z-index: 100;
  margin: 0px 0.5em;
}
.page-context-header .page-header-headings {
  /* margin-top: 1em; */
}

/*FIN: Boton Gestion Campus*/
/* BLOQUES */
.block {
  padding: 0px;
  background-color: #ececec;
}

.block .header {
  padding: 8px 6px;
}

.block .header .title {
  border-bottom: none;
  padding-left: 6px !important;
}

.block .header .title h2 {
  vertical-align: bottom;
}

.block .content {
  padding: 6px;
}

/*Bloque email - Contactos*/
#contactos ul.listado-contactos {
  margin: 0.6rem 0px 20px 10px;
  font-size: 0.8rem;
}

#contactos ul.listado-contactos li {
  list-style: none;
  margin: 0.7rem 0.3rem 0.7rem 0;
}

#contactos ul.listado-contactos .picture {
  display: inline-block;
  width: 34px;
  vertical-align: middle;
}

#contactos ul.listado-contactos .userpicture {
  width: 30px;
  height: 30px;
  margin: 0px;
}

#contactos ul.listado-contactos .datos-contacto {
  display: inline-block;
  width: calc(100% - 91px);
  vertical-align: middle;
  min-height: 32px;
}

#contactos ul.listado-contactos .role {
  font-weight: 600;
  line-height: 0.9rem;
}

#contactos ul.listado-contactos .nombre {
  line-height: 0.9rem;
  color: initial;
}

#contactos ul.listado-contactos .btn-acciones {
  display: inline-block;
  box-sizing: content-box;
  width: 48px;
  vertical-align: middle;
  text-align: right;
}

#contactos ul.listado-contactos .btn-acciones .icono {
  font-size: 1.1rem;
  margin: 0px 0.15rem;
}

#contactos ul.acciones {
  margin: 15px 0px 10px 0px;
  padding: 15px 15px 0px 15px;
  border-top: 1px solid #ccc;
}

#contactos ul.acciones li {
  list-style: none;
  margin: 0.2rem 0px;
}

#contactos ul.acciones li p {
  margin: 0px;
}

#contactos ul.acciones li .fa,
#contactos ul.acciones li .fad,
#contactos ul.acciones li .fas,
#contactos ul.acciones li .far,
#contactos ul.acciones li .fal,
#contactos ul.acciones li .fab {
  margin: 0px;
  margin-right: 8px;
  display: inline-block;
  width: 15px;
  text-align: center;
}

#contactos ul.acciones li.type_custom .fa,
#contactos ul.acciones li.type_custom .fas,
#contactos ul.acciones li.type_custom .far,
#contactos ul.acciones li.type_custom .fal,
#contactos ul.acciones li.type_custom .fab {
  margin: 0px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.2em;
}
#contactos ul.acciones li .item-content-wrap {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: top;
  line-height: 1.2em;
}
#contactos ul.acciones li.nodo {
  margin-left: 4px;
}
#contactos ul.acciones li.nodo ul {
  margin-left: 5px;
}
#contactos ul.acciones li.nodo > p[aria-expanded="true"]::before {
  content: "\f103";
}
#contactos ul.acciones li.nodo > p[aria-expanded="false"]::before {
  content: "\f101";
}
#contactos ul.acciones li.nodo p:hover {
  cursor: pointer;
}

/*Bloque email - Ventanas propias del módulo de correo*/
.mail_form_recipients {
  margin-top: 40px;
}

.mail_all_recipients_actions {
  margin-top: 15px;
}

.mail_form_recipient img {
  display: inline-block;
}
.mail_form_recipient .mail_form_recipient_name {
  display: inline-block;
}
.mail_form_recipient .mail_recipient_actions {
  display: inline-block;
}
.mail_form_recipient .mail_recipient_actions .mail_novisible {
  display: none;
}

/*MIS CURSOS*/
/* Alertas en la página principal de Mis cursos */
.frontpagecontent {
  background-color: #f5e4e4;
  border: 1px solid #af8585;
  margin: 2rem 0px;
  padding: 1rem 1.4rem;
  font-size: 1rem;
  line-height: 1.4rem;
}

/* Pestañas */
#mis-cursos ul.pestanas {
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 10px;
  margin-left: 0px;
}

#mis-cursos ul.pestanas li {
  display: inline-block;
  list-style: none;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  box-shadow: 0 3px 2px #f9f9f9 inset;
  text-shadow: none;
  color: #363636;
  cursor: pointer;
  margin-right: 5px;
  padding: 6px 15px;
  margin-bottom: -1px;
}

#mis-cursos ul.pestanas li.selected {
  border: 1px solid #616161;
  background-color: #616161;
  box-shadow: -3px 3px 2px #616161 inset;
  text-shadow: none;
  color: white;
  cursor: default;
}

#mis-cursos ul.pestanas li.disabled {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  box-shadow: 0 3px 2px #f2f2f2 inset;
  text-shadow: 1px 1px white;
  color: #ccc;
  cursor: auto;
}

/* Categorias */
#mis-cursos .categoria {
  margin: 5px 0px;
  cursor: pointer;
}

#mis-cursos .categoria .titulo-categoria {
  font-size: 1.2em;
  padding: 6px 10px;
}

#mis-cursos .categoria .icono-drop {
  float: right;
  padding: 6px 10px;
  font-size: 1.4em;
  cursor: pointer;
}

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

#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: rgba(255, 255, 255, 0.5);
}

/*Panel Curso*/
#mis-cursos .ancla {
  display: block;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}

#mis-cursos .curso {
  box-sizing: border-box;
  padding: 0px 10px;
  margin: 20px 0px;
}

#mis-cursos .curso.oculto {
  opacity: 0.5;
  font-style: italic;
}

#mis-cursos .curso .panel-imagen {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 5px;
  margin-right: 10px;
}

#mis-cursos .curso .panel-imagen .imagen {
  display: block;
  width: 110px;
  height: 110px;
  background-size: contain;
  background-position: 50% 50%;
  background-color: white;
  background-repeat: no-repeat;
  border-radius: 8px;
}

#mis-cursos .curso .panel-contenido {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px - 10px - 6px);
  padding: 20px;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-size: 0.95em;
  line-height: 1.1em;
}

#mis-cursos .curso .panel-contenido h3 {
  margin: 0px;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 5px;
}

#mis-cursos .curso.oculto .panel-contenido h3::before {
  content: "Oculto";
  margin-right: 0.8rem;
  display: inline-block;
  background-color: red;
  padding: 0rem 0.5rem;
  color: white;
  font-size: 1rem;
  border-radius: 0.3rem;
  vertical-align: bottom;
}

#mis-cursos .curso .panel-contenido .contenido {
  margin-bottom: 20px;
}

#mis-cursos .curso .panel-contenido .profesores,
#mis-cursos .curso .panel-contenido .duracion {
  font-size: 0.9em;
}

#mis-cursos .curso .panel-contenido .profesores ul {
  margin: 0px;
}

#mis-cursos .curso .panel-contenido .profesores li {
  line-height: 1.1em;
  list-style: none;
}

#mis-cursos .curso .panel-contenido .panel-indicadores {
  margin-top: 10px;
}

#mis-cursos .curso .panel-indicadores .info-lista-matriculas .row-fluid {
  margin-bottom: 1em;
}

#mis-cursos .curso .panel-indicadores .bloque-info {
  border-left: 1px solid #cccccc;
  min-height: 100px;
  vertical-align: middle;
  padding: 1em 0.5em;
  margin-left: 0px;
}

#mis-cursos .curso .panel-indicadores .bloque-info:first-child {
  padding-left: 0.7em;
}

#mis-cursos .curso .panel-indicadores .bloque-info .icono-metric {
  font-size: 1.6em;
  color: #757575;
  margin-bottom: 10px;
}

#mis-cursos .curso .panel-indicadores .bloque-info .value {
  font-weight: bold;
}

#mis-cursos .curso .panel-indicadores .bloque-info .metric {
  color: #757575;
  letter-spacing: -1px;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course-enrole {
  border-left: none;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course-enrole .icono-metric {
  display: inline-block;
  vertical-align: middle;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course-enrole .fechas {
  font-size: 0.95em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8em;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course-enrole .fechas > div:first-child {
  margin-bottom: 4px;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-dedicated-time .icono-metric,
#mis-cursos .curso .panel-indicadores .bloque-info.info-dedicated-time .progress-bar {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-dedicated-time .progress-bar {
  width: 80%;
  max-width: 60px;
  margin-top: 0px;
  margin-left: 5px;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course_status .progress-bar {
  width: 60px;
  margin: 0.5em auto;
}

#mis-cursos .curso .panel-indicadores .bloque-info.info-course_status .label {
  font-size: 1em;
  padding: 0.4em;
  text-shadow: none;
}

#mis-cursos .acciones_automatriculacion {
  text-align: center;
}

/* TODAS LAS PÁGINAS */
/*Título de la página*/
.page-context-header .page-header-headings h1 {
  background-color: #0f515e;
  padding: 5px 10px;
  margin-bottom: 5px;
  color: white;
}

/*Ajuste del contenedor de despues del título de la página*/
#page #page-content #region-main > div[role="main"],
.pagelayout-redirect #page-content #region-main > div[role="main"] {
  /*padding: 0px 1rem;*/
  margin-top: 1rem;
}

/*INICIO: Ajuestes comunes botones navegación y paginación de todas las páginas de actividad*/
/*Oculta el menu de paginación que hay al pie de página de todas las actividades de un curso*/
#page #page-content #region-main #activitynavigation {
  display: none;
}
/*Oculta el botón volver que hay en la parte inferior de cada actividad*/
#page #page-content #region-main .footer-rts {
  display: none;
}
.heading-rts {
  margin-bottom: 1.4rem;
}
/*FIN: Ajuestes comunes botones navegación y paginación de todas las páginas de actividad*/

/*Eliminar area azul de los botones de formularios*/
#page form .form-buttons #fgroup_id_buttonar,
#page form table#form td.submit #fgroup_id_buttonar,
#page form .path-admin .buttons #fgroup_id_buttonar,
#page form #fitem_id_submitbutton #fgroup_id_buttonar,
#page form .fp-content-center form + div #fgroup_id_buttonar,
#page form div.backup-section + form #fgroup_id_buttonar,
#page form #fgroup_id_buttonar #fgroup_id_buttonar,
#page form fieldset:last-of-type.hidden #fgroup_id_buttonar {
  background-color: initial;
  border: none;
}

.heading-rts {
  margin-top: 18px;
  /* margin-bottom: 1.4rem; */
}

/*Color botón activación bloques - Activar edicion*/
.breadcrumb-button input[type="submit"] {
  color: #ffffff;
  background-color: #6eca30;
  background-image: none;
  text-shadow: none;
  font-weight: 600;
  border: 1px solid #3ca506;
}

.breadcrumb-button input[type="submit"]:hover {
  color: #ffffff;
  background-color: #3ca506;
  text-shadow: none;
}
/* Ajustes Foros Rastreto No leidos */
.forumpost.unread .row.header {
  background-color: #c3c3c3;
  border-radius: 0.4rem;
  padding: 0.2rem;
  border-bottom: none;
}
span.unread {
  background-color: transparent;
}

/*Ajustes Página SCORM*/
#intro.generalbox {
  margin-top: 1rem;
  margin-bottom: 2rem;
  background-color: #ececec;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 2rem;
}

.structurehead {
  font-weight: 600;
  font-size: 1.5em;
  margin: 30px 0px 10px 0px;
}

#scorm_layout {
  height: 90vh !important;
}

/* PÁGINA CURSO */
/* Contenedores Módulos */
.bor {
  display: none;
}

#page #page-content #region-main,
#page #page-content div[role="main"],
.pagelayout-redirect #page-content #region-main,
.pagelayout-redirect #page-content div[role="main"] {
  border: none;
}

body .course-content ul li.section.main {
  background: none;
}

body .course-content ul.topics li.section {
  border: 1px solid #e3e3e3;
  margin: 2rem 0px;
}

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

body .course-content ul.topics li.section ul hr {
  margin: 0;
  border: 0;
  border-top: 2px solid #808080;
  border-bottom: none;
}

body .course-content ul.topics li.section .left {
  padding-top: 8px;
}

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

body .course-content ul.topics li.section h3.sectionname,
.course-content .section-summary .section-title,
.course-content .single-section .section-title .title {
  margin: 0px 0px 20px 0px;
  font-size: 1.2em;
  line-height: 1.6rem;
  padding: 0.5rem 1rem;
}

body .course-content .section-summary .section-title a::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f33b";
  font-weight: bold;
  margin-left: 1rem;
}

body .course-content ul.topics li.section.hidden h3.sectionname {
  background-color: #b1b1b1;
}

.course-content ul li.section.hidden .sectionname > span,
.course-content ul li.section.hidden .content > div,
.course-content ul li.section.hidden .activity .activityinstance {
  color: white;
}

body .course-content ul.topics li.section h3.sectionname .icon {
  color: rgba(255, 255, 255, 0.8);
  vertical-align: baseline;
  line-height: 1rem;
}

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

.path-course-view .completionprogress {
  top: -3rem;
  display: none;
}

body .course-content ul.topics li.section .section_availability {
  padding: 0.2rem 1rem;
}

body .course-content .single-section ul.topics li.section .section_availability {
  margin-top: 1rem;
}

body .course-content ul.topics li.section .summary,
body .course-content .section-summary .summarytext {
  margin: 20px 16px 0px 16px;
  font-size: 0.95em;
  line-height: 1.2em;
}

body .course-content .section-summary-activities {
  padding: 0px 1rem;
}

body .course-content ul.topics li.section .section-modchooser {
  margin-right: 10px;
}

body .course-content ul.topics li.section .left,
body .course-content ul.topics li.section .right {
  padding-top: 0.45rem;
}

body .course-content ul.topics li.section .left .icon,
body .course-content ul.topics li.section .right .icon {
  color: rgba(255, 255, 255, 0.8);
  vertical-align: baseline;
  line-height: 1rem;
}
body .course-content ul.topics li.section .left .icon:hover,
body .course-content ul.topics li.section .right .icon:hover,
body .course-content ul.topics li.section .left .icon:focus,
body .course-content ul.topics li.section .right .icon:focus {
  color: white;
}

body .course-content ul.topics li.section a.textmenu .caret {
  border-top-color: rgba(255, 255, 255, 0.8) !important;
  margin-left: 0.4rem !important;
}

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 {
  color: rgba(255, 255, 255, 0.8);
}

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

body .course-content .icon.spacer {
  display: none;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
  min-width: max-content;
}

/*
.jsenabled .course-content ul.topics li.section .right .section_action_menu {
  margin-top: -12px;
}
*/

/* Estructura de Iconos de Actividades y Recursos*/
.course-content .section li.activity {
  display: inline-block !important;
  width: 25%;
  min-width: 9rem;
  margin: 0px;
  padding: 1em;
  vertical-align: top;
  box-sizing: border-box;
}

.course-content .section li.activity > div {
  padding: 0px;
}

.course-content .section li.activity .mod-indent-outer {
  padding-left: 15px;
  width: 100%;
  text-align: center;
  display: block;
}

.course-content .section li.activity .mod-indent-outer > div {
  text-align: left;
}

.course-content .section li.activity img.activityicon {
  display: block;
  margin: 5px auto;
  text-align: center;
}

.course-content .section li.activity .instancename {
  display: block;
  background-color: #808080;
  padding: 5px 7px;
  border-radius: 8px;
  font-size: 0.95em;
  line-height: 1.15em;
  color: white;
  overflow: hidden;
}

.course-content .section li.activity .actions {
  position: initial;
  display: block;
  width: 100%;
  text-align: center;
}

.course-content .section li.activity .actions ul.menubar {
  display: block;
}

.course-content .section li.activity .actions .autocompletion,
.course-content .section li.activity .actions .togglecompletion {
  position: absolute !important;
  top: 0px;
  right: 0px;
}

.course-content .section li.activity .actions .autocompletion .icon,
.course-content .section li.activity .actions .togglecompletion button {
  margin: 0px;
  padding: 0px;
}

.course-content .section .activity .col-content {
  text-align: center;
}

.course-content .section .activity .activityinstance {
  padding: 0px;
  min-width: 80%;
  max-width: 100%;
}
.course-content .section .activity .activityinstance .unread {
  margin-left: 0px;
  font-size: 0.8em;
  font-style: italic;
  background-color: transparent;
  padding: 1px 0.5rem;
  border-radius: 0.5rem;
}
.course-content .section .activity .activityinstance .unread a::before {
  content: "\f0e0";
  font-family: "FontAwesome";
  position: relative;
  margin-right: 0.3rem;
  top: 1px;
  color: rgba(0, 115, 216, 1);
  font-style: normal;
  font-size: 1.3em;
}
.course-content .section li.activity .activityinstance .progreso-bg {
  width: 85%;
  margin: 5px 0px;
  height: 17px;
  background-color: #ccc;
  text-align: left;
  overflow: hidden;
}

.course-content .section li.activity .activityinstance .progreso-bg .progreso-bar {
  height: 100%;
  background-color: #57c0c0;
  vertical-align: top;
}

.course-content .section li.activity .activityinstance .progreso-txt {
  display: block;
  width: 100%;
  margin: -28px 0px 0px 0px;
  text-align: center;
  font-size: 0.8em;
  font-weight: 600;
}

.course-content .section li.activity .activityinstance .status-bar {
  width: 90%;
  margin: 5px 0px;
  background-color: #0f515e;
  color: white;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.5em;
}

.course-content .section li.activity .activityinstance .cuestionario {
  width: 95%;
  font-size: 0.8em;
  font-weight: 600;
  margin: 5px 0px;
  overflow: hidden;
  line-height: 1rem;
}

.course-content .section li.activity .activityinstance .cuestionario p {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
}

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

.course-content .section li.activity .activityinstance .cuestionario p:last-child {
  background-color: #57c0c0;
  color: #333333;
  width: 39%;
}

.course-content .section li.activity .availabilityinfo {
  font-size: 0.8em;
  font-style: italic;
  margin-left: 0px;
  line-height: 1.3em;
}

.course-content .section li.activity .availabilityinfo .label {
  white-space: inherit;
  color: black;
  background: transparent;
  text-shadow: none;
  font-weight: 600;
}

.course-content .section li.activity .availabilityinfo .label::before {
  content: "\f05a";
  font-family: "FontAwesome";
  position: relative;
  margin-right: 0.3rem;
  top: 1px;
  color: rgba(0, 115, 216, 1);
  font-style: normal;
  font-size: 1.3em;
}

.course-content .section li.activity .inplaceeditable .quickeditlink {
  position: absolute !important;
  top: 0px;
  left: 30px;
}

/* para que los iconos que estan ocultos */
.course-content .section li.activity .dimmed img,
.course-content .section li.activity .dimmed_text img {
  opacity: 0.7;
}

.course-content .section li.activity .dimmed .instancename,
.course-content .section li.activity .dimmed_text .instancename {
  background-color: #f2f2f2;
  color: #a2a2a2;
}

/*En modo edición*/
.dir-ltr.editing .section .activity .activityinstance {
  padding: 0px;
  /*	width: 80%;*/
}

/*Estilos para aumentar el tamaño de celda cuando las actividades muestran la descripción en la pantalla del curso*/
.course-content .section li.activity.expanded-grid {
  width: 100%;
  margin: 0px;
}

.section li.activity.expanded-grid .col-content {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
}

.section li.activity.expanded-grid .activityinstance {
  margin-top: 1.2em;
}

.course-content .section li.activity.expanded-grid .actions {
  position: absolute;
  width: 20%;
}

.section li.activity.expanded-grid .availabilityinfo {
  text-align: center;
}

.section li.activity.expanded-grid .contentafterlink {
  display: inline-block;
  width: 70%;
  margin-left: 0px;
  margin-top: 1.2em;
  text-align: left;
  font-size: 0.9em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  box-sizing: border-box;
}

/*Para que las actividades de tipo label también muestren de forma extendida el grid con el texto*/
.section li.activity.label.expanded-grid .mod-indent-outer {
  padding: 1em 0px;
}

.section li.activity.label.expanded-grid .col-content {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

.section li.activity.expanded-grid .contentwithoutlink {
  text-align: left;
  padding: 0px 1em;
}

.section li.activity.expanded-grid .contentwithoutlink p:first-child {
  margin-top: 1.2em;
}

/* Ajustes para actividades de tipo Tarea */
.fileuploadsubmissiontime {
  margin: 0px 2rem;
  font-style: italic;
  font-weight: 300;
}

/* FOOTER */
#page-footer .themecredit {
  display: none;
}

#page-footer .footerlinks .helplink {
  display: none;
}

#page-footer .footerlinks hr {
  display: none;
}

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

#page-footer .tool_usertours-resettourcontainer {
  display: none;
}

/*********************************************************/
/*       AUTOMATRICULACIÓN - Página intermedia de Moodle */
/*********************************************************/
#page-enrol-index .box.generalbox.info {
  margin-top: 2rem;
}
#page-enrol-index .box.generalbox .coursename {
  margin-bottom: 1rem;
}
#page-enrol-index .box.generalbox .coursename a::before {
  display: none;
}
#page-enrol-index .coursebox {
  padding: 1rem;
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}
#page-enrol-index .coursebox .content .summary {
  width: 65%;
}
#page-enrol-index .coursebox .content .courseimage {
  width: 30%;
}

/************************************************/
/*       AREA PERSONAL                          */
/************************************************/
.block_myoverview {
  border: none !important;
}
.block_myoverview .dashboard-card-footer .progress {
  margin-top: 0.3rem;
}
.block_myoverview .dashboard-card-footer .progress .progress-bar {
  margin: 0px;
}
.block_myoverview .dashboard-card-footer .small {
  font-size: 0.9rem;
  margin-top: 0.3rem;
}

@media (min-width: 1680px) {
  body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
    width: calc(50% - 0.5rem);
  }
  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
    width: calc(50% - 0.5rem);
  }
}

/************************************************/
/*       PAGINAS DESARROLLADAS A MEDIDA         */
/*																              */
/* Funcionalidades comunes a todos los clientes */
/************************************************/
/* GENERAL */
.custom .fa,
.custom .fas,
.custom .far,
.custom .fal,
.custom .fab {
  margin-right: 10px;
}

.custom table td .accion {
  margin-right: 5px;
  margin-left: 5px;
}

.custom .fa-circle.green {
  color: #00c300 !important;
}

.custom .fa-circle.red {
  color: red !important;
}

.custom .fa-circle.grey {
  color: #ccc !important;
}

.custom table .fa-circle {
  margin: 0px;
}

.custom .fa-filter {
  margin: 0px;
}

.custom-page {
  padding: 0px 10px;
  margin: 20px 0px;
}

.custom .contenedor {
  margin: 30px 0px;
}

div.botonera + div.contenedor {
  margin: 10px 0px;
}

.custom .contenedor-scroll {
  overflow: auto;
  max-height: 70vh;
  position: relative;
}

.custom .contenedor.filtro {
  position: relative;
  z-index: 10;
  top: 38px;
  left: 0px;
}

.custom .contenedor.filtro label.columnSelectorButton {
  padding: 4px 8px;
  font-size: 1.2em;
  border: none;
  border-radius: 0px;
}

.custom .contenedor.filtro .columnSelector {
  width: 40%;
  border: 1px solid #888888;
  background: #f1f1f1;
}

.custom .contenedor.filtro .columnSelector label:nth-child(1) {
  border-bottom: none;
}

.custom .contenedor.filtro .columnSelector input {
  margin-right: 5px;
}

.custom label.lbl-filtro {
  font-weight: 600;
  vertical-align: middle;
  padding: 10px;
}

/* Error campos formularios */
.custom .error select,
.custom .error textarea,
.custom .error input[type="text"],
.custom .error input[type="password"],
.custom .error input[type="datetime"],
.custom .error input[type="datetime-local"],
.custom .error input[type="date"],
.custom .error input[type="month"],
.custom .error input[type="time"],
.custom .error input[type="week"],
.custom .error input[type="number"],
.custom .error input[type="email"],
.custom .error input[type="url"],
.custom .error input[type="search"],
.custom .error input[type="tel"],
.custom .error input[type="color"] {
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  color: #b94a48;
}

/*Tablas*/
.custom .no-overflow > .generaltable {
  min-height: inherit;
}

.custom table thead tr.cabecera1 {
  background-color: #555555;
  color: white;
  font-size: 1.1em;
}

.custom table thead tr.cabecera2 {
  background-color: #747474;
  color: white;
  font-size: 1em;
}

.custom table thead tr.cabecera3 {
  background-color: #7e7e7e;
  color: white;
  font-size: 0.8em;
}

.custom table thead tr.cabecera-especial {
  background-color: white;
}

.custom table thead tr th,
.custom table thead tr td {
  vertical-align: middle;
  border: 1px solid white;
  line-height: 1em;
  font-weight: bold;
}

.custom table tbody tr td {
  vertical-align: middle;
  padding: 6px 8px;
  font-size: 0.95em;
  line-height: 1em;
}

.custom table tbody tr.subcabecera td {
  border: 1px solid white;
  background-color: #a9b8d2;
  color: #212529;
  font-weight: 600;
}

.custom table tbody tr.subcabecera td span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6rem;
}

.custom table tfoot tr td {
  background-color: #ececec;
  font-weight: 500;
}

.custom table .badge {
  padding: 0.3rem 0.4rem;
  border-radius: 0.3rem;
  line-height: 0.6rem !important;
  font-size: 0.8rem;
  font-weight: 600;
}

.custom table th.center,
.custom table td.center {
  text-align: center;
}

.custom table th.left,
.custom table td.left {
  text-align: left;
}

.custom table th.right,
.custom table td.right {
  text-align: right;
}

.custom table th.nowrap,
.custom table td.nowrap {
  white-space: nowrap;
}

.custom table th.rotate,
.custom table td.rotate {
  vertical-align: bottom;
  padding: 0px 15px;
}

.custom table th.rotate span,
.custom table td.rotate span {
  display: block;
  transform: rotate(-90deg);
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  width: 0px;
}

.custom table th.ellipsis > div,
.custom table td.ellipsis > div {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.3em;
}

/* Ordenación en tablas */
.custom table.tablesorter thead tr th.tablesorter-header {
  cursor: pointer;
}

.custom table.tablesorter thead tr th.tablesorter-header.sorter-false {
  cursor: initial;
}

.custom table.tablesorter thead tr th.tablesorter-headerDesc,
.custom table.tablesorter thead tr th.tablesorter-headerAsc {
  background-color: #3399ff;
}

.custom table.tablesorter thead tr th .tablesorter-header-inner {
  display: inline;
}

.custom table.tablesorter thead tr th.tablesorter-headerDesc:after,
.custom table.tablesorter thead tr th.tablesorter-headerAsc:after,
.custom table.tablesorter thead tr th.tablesorter-header:after {
  font-family: FontAwesome;
  margin: 0px 0px 0px 5px;
}

.custom table.tablesorter thead tr th.tablesorter-header:after {
  content: "\f0dc";
}

.custom table.tablesorter thead tr th.tablesorter-header.sorter-false:after {
  content: none;
}

.custom table.tablesorter thead tr th.tablesorter-headerDesc:after {
  content: "\f0de";
}

.custom table.tablesorter thead tr th.tablesorter-headerAsc:after {
  content: "\f0dd";
}

/*Filtro búsqueda tablesorter*/
.custom table.wgfiltrado tr.tablesorter-filter-row td {
  padding: 0px;
  text-align: center;
}

.custom table.wgfiltrado tr.tablesorter-filter-row td input.tablesorter-filter {
  width: calc(100% - 10px);
  box-sizing: border-box;
  height: 2em;
  margin: 5px 0px;
}

.tablesorter-filter-row {
  background-color: white;
}

/*Botoneras*/
.custom .botonera {
  margin: 10px 0px;
}

.custom .botonera.right {
  text-align: right;
}

.custom .botonera.center {
  text-align: center;
}

.custom .botonera.left {
  text-align: left;
}

/* Actividad Carpeta */
.box.generalbox.foldertree {
  margin-bottom: 2rem;
}

/* FAQ y AVISO LEGAL*/
.custom.tipo-directorio ul.directorio {
  margin: 30px 0px;
  padding: 0px 40px;
}

.custom.tipo-directorio ul.directorio li {
  list-style: none;
  font-size: 1.1em;
  margin-bottom: 4px;
}

.custom.tipo-directorio ul.directorio li .fa,
.custom.tipo-directorio ul.directorio li .fas,
.custom.tipo-directorio ul.directorio li .far,
.custom.tipo-directorio ul.directorio li .fal,
.custom.tipo-directorio ul.directorio li .fab {
  font-size: 1.2em;
  vertical-align: middle;
  margin-right: 5px;
}

.custom.tipo-directorio .apartado {
  margin: 0px 20px 0px 40px;
}

.custom.tipo-directorio .apartado h2 {
  font-size: 1.3em;
  border-bottom: 1px solid #ccc;
  margin-top: 0rem;
  margin-bottom: 1rem;
  line-height: 1.3em;
}

.custom.tipo-directorio .apartado h3 {
  margin: 10px 0px;
  text-decoration: underline;
  font-size: 1.1em;
  margin-bottom: 0px;
}

.custom.tipo-directorio .apartado .contenido {
  padding: 0px 25px;
  line-height: 1.2em;
}

.custom.tipo-directorio .apartado .contenido p {
  margin: 0px 0px 8px 0px;
}

.custom.tipo-directorio .apartado .contenido ul {
  margin: 0px 0px 8px 45px;
}

/* VENTANA - POLICY Aceptación de políticas del position
   Ocultación de cabecera y pie de pagina del Aviso Legal cuando se cargan
	 las politicas del sitio para aceptarlas o rechazarlas.
*/
body#page-user-policy #notice {
  text-align: center;
  font-size: 1.2em;
  margin-top: 1em;
  background-color: #cdcdcd;
  padding: 1em;
}

/*
body[id*='-aviso-legal'].frame header, body[id*='-aviso-legal'].frame #page-navbar, body[id*='-aviso-legal'].frame #aviso-legal h1, body[id*='-aviso-legal'].frame footer{
	display: none;
}
*/
/* INFORME DE SEGUIMIENTO*/
#mod_informe_seguimiento_detalle table tbody tr td {
  font-size: 0.9em;
}

#mod_informe_seguimiento_detalle table tbody tr td .areaObservaciones {
  width: 300px;
}

#mod_informe_seguimiento_detalle table tbody tr td .areaObservaciones br {
  mso-data-placement: same-cell;
}

#mod_informe_seguimiento_detalle table tbody tr td:last-child .fa,
#mod_informe_seguimiento_detalle table tbody tr td:last-child .fas,
#mod_informe_seguimiento_detalle table tbody tr td:last-child .far,
#mod_informe_seguimiento_detalle table tbody tr td:last-child .fal,
#mod_informe_seguimiento_detalle table tbody tr td:last-child .fab {
  float: right;
}

#observaciones h3 {
  font-size: 1.1em;
  font-weight: 600;
  margin: 0px;
  line-height: 1.1em;
}

#observaciones hr {
  border: 1px solid #333;
  margin: 5px 0px;
}

#observaciones textarea {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #333;
  padding: 5px;
  font-size: 0.9em;
  color: #333;
  line-height: 1.1em;
}

/* CONFIGURACIÓN DIPLOMAS*/
#mod_diploma_config input[type="number"] {
  width: 60px;
}

#mod_diploma_config input[type="color"] {
  width: 50px;
  padding: 1px;
  height: 30px;
  box-sizing: border-box;
}

#mod_diploma_config .nota {
  font-size: 0.8em;
  font-style: italic;
  vertical-align: middle;
}

#mod_diploma_config #pag1_texto + .icono.accion,
#mod_diploma_config #pag2_texto + .icono.accion {
  margin-top: 7px;
}

#page-evoloom-mod_diplomas-configuracion-diploma .panelFlotante,
#page-evoloom-mod_diplomas-configuracion-plantilla .panelFlotante {
  min-width: inherit;
  max-width: inherit;
  max-height: 95vh;
}

#page-evoloom-mod_diplomas-configuracion-diploma #fedit {
  border: none;
}

/* GESTION CAMPUS - INDEX*/
#gestion_campus_index section {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  box-sizing: border-box;
  margin: 20px 0px;
  padding: 0px 25px;
}

#gestion_campus_index section h2 {
  font-size: 1.3em;
  line-height: normal;
  margin: 6px 0px;
  border-bottom: 1px solid;
}

#gestion_campus_index section ul {
  margin: 0px 10px;
}

#gestion_campus_index section li {
  list-style: none;
}

/* GESTION CAMPUS - Configuración de Capabilities*/
/* Comunes a las dos ventanas: Clientes y Plantilla */
#mod_clientes_capabilities_clientes #FormFiltroCliente label,
#mod_admin_general_plantilla_capabilities #FormFiltroCliente label {
  font-weight: 600;
  vertical-align: middle;
  padding: 10px;
}

#mod_clientes_capabilities_clientes table#matriz #hueco,
#mod_admin_general_plantilla_capabilities table#matriz #hueco,
#mod_clientes_capabilities_clientes table#matriz-sticky #hueco,
#mod_admin_general_plantilla_capabilities table#matriz-sticky #hueco {
  min-height: 100px;
  height: 190px;
  background-color: #0f515e;
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
}

#mod_clientes_capabilities_clientes table#matriz tbody td:first-child,
#mod_admin_general_plantilla_capabilities table#matriz tbody td:first-child {
  color: #00a9a9;
  font-size: 0.8em;
}

#mod_clientes_capabilities_clientes table#matriz tbody tr.modulo td,
#mod_admin_general_plantilla_capabilities table#matriz tbody tr.modulo td {
  background-color: #00a9a9;
  color: #0f515e;
  font-size: 1em;
  font-weight: 600;
}

/* Para la ventana de capabilities para clientes*/
#mod_clientes_capabilities_clientes table tbody tr .fa-circle {
  cursor: pointer;
}

#mod_clientes_capabilities_clientes table tbody tr .fa-circle.grey {
  cursor: auto;
}

/* Para la ventana de Plantilla de capabilities*/
#mod_admin_general_plantilla_capabilities table tbody tr td.editable .fa,
#mod_admin_general_plantilla_capabilities table tbody tr td.editable .fas,
#mod_admin_general_plantilla_capabilities table tbody tr td.editable .far,
#mod_admin_general_plantilla_capabilities table tbody tr td.editable .fal,
#mod_admin_general_plantilla_capabilities table tbody tr td.editable .fab {
  float: right;
  margin-left: 10px;
}

#mod_admin_general_plantilla_capabilities table tbody tr .fa-circle {
  cursor: pointer;
}

#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fa,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fas,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .far,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fal,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fab {
  margin-right: 0px;
}

#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fa:first-child,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fas:first-child,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .far:first-child,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fal:first-child,
#mod_admin_general_plantilla_capabilities table thead tr.cabecera-especial .fab:first-child {
  margin-bottom: 5px;
}

/* FUNDAE - Listado Correos Tutor-Alumnos*/
#interacciones-tutor-alumno-localmail #FormFiltroTutor label {
  font-weight: 600;
  vertical-align: middle;
  padding: 10px;
}

#interacciones-tutor-alumno-localmail table td.usuarios {
  max-width: 15vw;
  width: 15vw;
}

#interacciones-tutor-alumno-localmail table td.texto-msg {
  max-width: 30vw;
  width: 30vw;
}

#interacciones-tutor-alumno-localmail .listado-detalle-correos .media {
  background-color: #f2f2f2;
  padding: 1em;
  margin-bottom: 2em;
}

#interacciones-tutor-alumno-localmail .media .pull-left .fa,
#interacciones-tutor-alumno-localmail .media .pull-left .fas,
#interacciones-tutor-alumno-localmail .media .pull-left .far,
#interacciones-tutor-alumno-localmail .media .pull-left .fal,
#interacciones-tutor-alumno-localmail .media .pull-left .fab {
  font-size: 1.5em;
  color: #00a9a9;
}

#interacciones-tutor-alumno-localmail .media h4 {
  color: #00a9a9;
}

#interacciones-tutor-alumno-localmail .media hr {
  margin: 0px;
  margin-bottom: 1em;
  border-top: 1px solid #b1b1b1;
  border-bottom: 0px;
}

/* FUNDAE - Consulta tiempo dedicacion diaria curso*/
#consulta-tiempos-dedicacion-diaria ul {
  margin: 0px;
}

#consulta-tiempos-dedicacion-diaria ul li {
  list-style: none;
}

/* Informe Dinamizador*/
#mod_informe_dinamizacion_detalle #comunicaciones-tutor .col-datos {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0.8rem;
  line-height: 1rem;
}

#mod_informe_dinamizacion_detalle #comunicaciones-tutor .col-icono {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
}

/* Verificación Diplomas */
#verifica-diploma .g-recaptcha {
  width: 60%;
  margin-left: 265px;
}

/* Estilos para VideoJS */
.video-js .vjs-big-play-button {
  border: none;
  width: 4.2rem;
  border-radius: 0.4em;
}

.video-js:hover .vjs-big-play-button {
  background-image: linear-gradient(to bottom, red 0, red 100%);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-weight: 700;
}

.video-js .vjs-control {
  border-radius: 0px;
  box-shadow: none;
}

.video-js button.vjs-control:hover,
.video-js button.vjs-control:focus,
.video-js button.vjs-control:active {
  background-image: linear-gradient(to bottom, #2b364c 0, #2b364c 100%);
  background-color: #2b364c;
  border-color: #2b364c;
}

/* Estilos para pluggin de Atto: morefontcolors y morebackcolors */
.atto_morefontcolors_button .atto_menuentry a[role="menuitem"] {
  background-image: none;
  background-color: white;
}
.atto_morebackcolors_button .atto_menuentry a[role="menuitem"] {
  background-image: none;
  background-color: white;
}

/* RESPONSIVE CSS */
@media (max-width: 960px) {
  header .navbar .navbar-inner .custom_menu {
    float: left;
    clear: both;
  }
}

@media (max-width: 767px) {
  header .navbar #menus_evo {
    top: inherit;
  }
  .modal.large {
    width: 80%;
    margin-left: -40%;
    width: inherit;
    margin-left: inherit;
  }
  #mis-cursos .curso .panel-contenido .bloque-info {
    border-left: none;
    border-top: 1px solid #cccccc;
    display: inline-block;
    padding-bottom: 0px;
    width: calc(50% - 2px);
  }
  #mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container {
    zoom: 80%;
  }
  #mis-cursos .curso .panel-indicadores .info-course_status .progress-chart-container + div {
    width: 100%;
    margin-top: 0.5em;
  }
  /*Ajuste label última conexión*/
  header .navbar .ultima_conex {
    /*
    float: none;
    text-align: left;
    padding: 0px;
    */
    display: none;
  }
}
@media (max-width: 480px) {
  header .navbar .gotobottom {
    display: none;
  }
}
@media (max-width: 424px) {
  #mis-cursos .curso .panel-imagen {
    display: none;
  }
  #mis-cursos .curso .panel-contenido {
    width: 100%;
  }

  /*Ajuste del menú de navegaciónlabel última conexión*/
  header .navbar .custommenus .pull-right {
    min-width: 230px;
  }
  header nav.affix .navbar .ultima_conex {
    display: none;
  }
}

@media (max-width: 360px) {
  header .navbar .navbar-inner .custommenus {
    padding: 0px 5px !important;
  }
}