@import url(./prado-fonts.css);
:root {
    --c-primario: #ae192d;
    --c-secundario: #ae192d;
    --c-texto-super-claro: #dddddd;
    --c-complementario-azul: #1976d2;
    --c-complementario-amarillo: #f0ad4e;
    --c-success: #0c0;
    --f-hoefler-text: "Hoefler Text A", sans-serif;
}

/* estilos basic dropdown */
.basic-dropdown.dropdown-menu .item-dropdown .material-icons-outlined { padding-right: 10px; }
/**/


/* CUSTOM SCROLL CSS BAR*/
.custom-css-scroll::-webkit-scrollbar { width: 6px;}
.custom-css-scroll { scrollbar-width: thin; scrollbar-color: var(--c-texto-claro) rgba(0,0,0,0.08);}
.custom-css-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.08); border-radius: 0;}
.custom-css-scroll::-webkit-scrollbar-thumb { background-color: var(--c-texto-claro) ; border-radius: 0; border: none; }
/**/



/* COLORES */
.texto-claro { color: var(--c-texto-super-claro); }
.texto-negro { color: var(--c-texto) !important; }
/**/



/* FUENTES Y TEXTOS */
.font-weight-regular { font-weight: 500; }
/*  */



/*BOTONES REDONDOS CON ICONO*/
.round-icon-button { text-decoration: none !important; border-radius: 50% !important; user-select:none; color: var(--c-texto);cursor: pointer; margin-left: 10px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; }
.round-icon-button:hover { opacity: 0.9; }
/*  */



/* BOTONES */
.btn { border-radius: 2px; }

.btn-light-grey { background-color: var(--c-gris-fondo); font-size: 0.9rem; color: var(--c-texto-claro); padding: 0 10px; height: 32px; }
.btn-link,
.btn-link:hover { color: var(--c-secundario); }

.btn span.material-icons-outlined { padding-right: 10px; }
/*  */


/* HEADER */
header .row .col.col03 > ul { justify-content: flex-end; }

header .row .col.col03 > ul li.usuario { width: auto; }

header .row .col.col03 > ul > li.dropdown { }
header .row .col.col03 > ul > li.dropdown > a { color: var(--c-blanco); display: flex; align-items: center; text-decoration: none; }
header .row .col.col03 > ul > li.dropdown > a > .icon { padding-right: 10px; }
header .row .col.col03 > ul > li.dropdown > a::after { display: none; }
header .row .col.col03 > ul > li.dropdown > .dropdown-menu { width: 280px; padding: 30px 20px 10px 20px;  }
header .row .col.col03 > ul > li.dropdown > .dropdown-menu .btn-link { font-size: 1rem; padding: 0; margin-top: 10px; }
header .row .col.col03 > ul > li.dropdown > .dropdown-menu .formulario-valoracion { margin-bottom: 0; }
header .row .col.col03 > ul > li.dropdown > .dropdown-menu .formulario-valoracion .btn { margin-top: 10px; margin-left: 26px; }
header .row .col.col03 > ul > li.dropdown .progress-loader .progress-loader-label { font-size: 1rem; line-height: 15px; font-weight: bold; white-space: nowrap; margin-bottom: 5px; }
header .row .col.col03 > ul > li.dropdown .progress-loader .progress-text { margin-bottom: 5px; }
header .row .col.col03 > ul > li.dropdown .progress-loader .progress-text > span { font-weight: bold; }
header .row .col.col03 > ul > li.dropdown .progress-loader .progress { height: 4px; border-radius: 4px; }
header .row .col.col03 > ul > li.dropdown .progress-loader .progress .progress-bar { background-color: var(--c-secundario); }

@media (min-width: 1200px) {
    header .row .col.col03 > ul > li.nuevo .btn { color: var(--c-secundario); }
    body:not(.scrolling) header .row.community-row .community-menu-wrapper { padding-left: 54px;}
}

@media (max-width: 1199px){
    header .row .col.col03 { min-width: 425px; }
    header .row .col.col03 > ul li.usuario { margin-left: 20px; }

    header .row .col.col03 ul li.nuevo .btn { height: 55px; width: 55px; }
    header .row .col.col03 ul li.nuevo .btn,
    header .row .col.col03 ul li.nuevo-mensaje .btn { background-color: var(--c-secundario); border-color: var(--c-secundario); }
}

@media (max-width: 991px){
    header .row .col.col03 { min-width: 130px; }
}

@media (max-width: 767px){
    header .row .col.col03 > ul > li.dropdown > a { font-size: 0; }
    header .row .col.col03 > ul > li.dropdown > a > .icon { padding-right: 0; }
}

@media (max-width: 575px){
    header .row .col.col03 > ul > li.dropdown { display: none; }
}
/* */



/* BREADCRUMBS */
.col-breadcrumb { }
.col-breadcrumb ul > li { font-size: 12px; }
.col-breadcrumb ul > li:last-child { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 200px; }
.col-breadcrumb ul > li > a { font-size: 12px; color: var(--c-secundario); }
/* */



/* COMMON LOGO AND NAME SECTIONS */
.menu-logo-wrapper a { font-size: 1.4rem;}
#header .menu-logo-wrapper .logo-wrapper a { display: block; font-size: 0; text-indent: -9999em; background: url("./resources/logotipos/logo-unikemia.png"); background-repeat: no-repeat; height: 16px; width: 78px; }
#header .menu-logo-wrapper .logo-wrapper.logo-unikoi a {background: url("./resources/logotipos/logo-unikoi-blanco.png");background-repeat: no-repeat; height: 30px; width: 78px;}
.menuLateral .header .menu-toggle { padding-right: 10px; }
.menuLateral .header .menu-logo-wrapper a { font-size: 1.1rem; }
/*  */

/* MODIFICAR FUENTES DEL LOGO PRINCIPAL (mediante la funcion modifyLogo del community.js) */
#header .col.col01 .menu-logo-wrapper .logo-wrapper a { font-weight: 300; text-transform: uppercase; max-width: calc(100dvw - 270px);}
#header .col.col01 .menu-logo-wrapper .logo-wrapper a span {font-weight: 700; }
/*  */


/* NAV TABS */
.nav-tabs .nav-item .nav-link { opacity: 0.6; }
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:hover { font-family: var(--f-hoefler-text); }
.nav-tabs .nav-item .nav-link:hover { opacity: 1; }
.nav-tabs .nav-item .nav-link.active { border-bottom: 4px solid var(--c-secundario); color: var(--c-secundario); opacity: 1 }
/* */



/* FILTRO RAPIDO */
.filtroRapido .icon { color: var(--c-texto-claro); }
/* */


/* FACETAS */
/* Quitamos el fondo gris de las facetas, lo mantenemos en mensajes */
.facetas-wrap .listadoFacetas li.applied { background-color: transparent; }
.mensajes .facetas-wrap .listadoFacetas li.applied { background-color: var(--c-gris-fondo); }
/**/


/* FORMULARIOS GENÉRICOS */
/* Inputs texto */
.form-group { position: relative; }
.form-group .tag-list { margin-top: 5px; }

.form-group.edit-titulo { }

.form-group.edit-date { }
.form-group.edit-date .form-control { padding-left: 55px; }
.form-group.edit-date::after { content: 'event'; font-family: 'Material Icons'; font-size: 24px; position: absolute; top: 40px; left: 16px; color: var(--c-texto-claro); }
.edicionTarea .form-group.edit-date { max-width: 200px; }

.form-control { font-family: var(--f-hoefler-text); color: #616161; }
.form-control option { color: var(--c-texto); }
.form-control option[value=""],
.form-control:invalid { color: var(--c-texto-claro); }

.form-check { margin-right: 25px; user-select: none; }
.form-check-label { color: #b5b5b5; cursor: pointer; }
.form-check-input { display: inline-block; height: 16px; width: 16px; border: 1px solid var(--c-gris-borde); cursor: pointer; position: relative; -webkit-appearance: none; border-radius: 8px; margin-right: 10px !important; }
.form-check-input::after { content: ''; display: block; height: 12px; width: 12px; border-radius: 8px; position: relative; }
.form-check-input:checked::after { background-color: #8a8a8a; top: 1px; left: 1px; }
.form-check-input:checked + .form-check-label { color: #616161; }

.form-group.error { border: 1px solid var(--c-error); }
.form-group.error .form-check { padding-left: 6px; }
.form-group.success .form-check-label,
.form-group.error .form-check-label { display: flex; align-items: center; }
.form-group.success .form-check-label::after,
.form-group.error .form-check-label::after { font-family: 'Material Icons'; font-size: 1.6rem; padding-left: 10px; }
.form-group.success .form-check-label::after { content: 'check'; }
.form-group.error .form-check-label::after { content: 'clear'; color: var(--c-error); }
.form-group.success .form-check-label { color: var(--c-success) !important; }
.form-group.success .form-check-input { border-color: var(--c-success); }
.form-group.success .form-check-input:checked:after { background-color: var(--c-success); }

.form-icons-wrap { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 12px 25px; display: flex; }
.form-icons-wrap span { color: var(--c-texto-claro); padding-left: 20px; cursor: pointer; user-select: none; }
.form-icons-wrap span:hover { color: var(--c-texto); }

.form-actions .btn-primary { background-color: var(--c-secundario) !important; border: 1px solid var(--c-secundario); }

/* Checkbox y radio button */
.custom-checkbox.success,
.custom-checkbox.error { display: flex; align-items: center; }
.custom-checkbox.success::after,
.custom-checkbox.error::after { content: ''; font-family: 'Material Icons'; font-size: 1.6rem; padding-left: 10px; }
.custom-checkbox.success .custom-control-label { color: var(--c-success); }
.custom-checkbox.success .custom-control-label::before,
.custom-checkbox.success .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--c-success); }
.custom-checkbox.success::after { content: 'check'; color: var(--c-success); }
.custom-checkbox.error::after { content: 'clear'; color: var(--c-error); }
/* */

/* CUSTOM */
.custom-radio.themed.circular { padding-left: 25px; min-height: auto;}
.custom-radio.themed.circular .custom-control-input~.custom-control-label {line-height: normal;}
.custom-radio.themed.circular .custom-control-input~.custom-control-label::before { background: transparent; left: -25px; border: 1px solid var(--c-texto-claro); height: 16px; width: 16px; }
.custom-radio.themed.circular .custom-control-input~.custom-control-label::after { content: ""; background: var(--c-texto); display: none; background-image: none; top: 1px; left: -22px; width: 10px; height: 10px; border-radius: 50%; }
.custom-radio.themed.circular:hover .custom-control-input:not(:checked)~.custom-control-label::before {display: block;}
.custom-radio.themed.circular:hover .custom-control-input:not(:checked)~.custom-control-label::after { display: none;}
.custom-radio.themed.circular .custom-control-input:checked~.custom-control-label { color: var(--c-texto)}
.custom-radio.themed.circular .custom-control-input:checked~.custom-control-label::before { display: block; border-color: var(--c-texto);}
.custom-radio.themed.circular .custom-control-input:checked~.custom-control-label::after { display: block;}

/* */

/* FORMULARIOS EDICION */
.formulario-edicion .input-wrap .icon { left: inherit; right: 15px; }
/* */



/* MODIFICACIONES CABECERA LISTADO */
.listado.scrolling header .row .col.col03 ul li.nuevo .btn,
.listado.scrolling header .row .col.col03 ul li.nuevo-mensaje .btn { background-color: var(--c-secundario); border-color: var(--c-secundario); }
/**/

#footer .wrapCol {
    margin-bottom: 20px;
}

#footer .logos-financiacion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
}

#footer .logos-financiacion .logo-prtr img,
#footer .logos-financiacion .logo-eu img,
#footer .logos-financiacion .logo-museo img {
    height: 50px;
    object-fit: cover;
}

#footer .logos-financiacion .logo-eu img {
    width: 210px;
    filter: invert(1);
}

#footer .logos-financiacion .logo-prtr img {
    width: 180px;
    filter: invert(1);
}

#footer .logos-financiacion .logo-museo img {
    width: auto;
    height: 30px;
    filter: invert(1);
}

/* LAYOUT PANEL LATERAL  */
.panel-lateral { display: none; width: 420px; background-color: var(--c-blanco);  transform: translateX(-8px);}
.panel-lateral-activo .con-panel-lateral { display: flex; }
.panel-lateral-activo .panel-lateral { display: block; }
.con-panel-lateral .cerrar { cursor: pointer; }
.con-panel-lateral #footer { margin-left: -8px; margin-right: -8px; }

.fichaItinerario .con-panel-lateral > .container { height: calc(100vh - 100px); overflow: auto; }

.panel-lateral .header { position: relative; }
.panel-lateral .header .icon { color: var(--c-secundario); cursor: pointer; }
.panel-lateral .header .icon.menu { padding-right: 14px; }
.panel-lateral .header .icon.cerrar,
.panel-lateral .header .icon.arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.panel-lateral .header .btn.edit { font-size: 1rem; line-height: 18px; font-weight: 500; height: 24px; }

body:not(.panel-lateral-activo) .panel-lateral-itinerario { position: fixed; left: 8px; top: 100px; z-index: 801; width: 60px; height: 100%; display: block; }
body.scrolling:not(.panel-lateral-activo) .panel-lateral-itinerario { top: 60px; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header p { font-size: 0; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header .icon { display: none; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header .icon.menu { display: block; transform: rotate(180deg); padding-left: 20px; padding-right: 0; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header .btn.edit { display: none; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .body { display: none; }

@media (max-width: 1800px) and (min-width: 992px){
    .panel-lateral-activo .con-panel-lateral > .container {  max-width: calc(100vw - 450px); padding: 0;}
}

@media (max-width: 1400px){
    .panel-lateral-activo.edicionRecurso .col-edicion .formulario-edicion { padding: 40px; }

    body:not(.panel-lateral-activo) .panel-lateral-itinerario { display: none; }
}

@media (max-width: 991px){
    .con-panel-lateral {padding: 0;}
    .panel-lateral { display: none; width: 100%; height: 100vh;  transform: translateX(0px);}
    .panel-lateral-activo .panel-lateral { position: fixed; top: 0; left: 0; z-index: 800; width: 90%; }
    .panel-lateral-activo .con-panel-lateral::before { content: ''; position: fixed; top: 0; left: 0; z-index: 800; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); }
    .con-panel-lateral .container { padding: 0; }
}
/*  */



/* PANEL LATERAL FIXED */
.panel-lateral-fixed { position: fixed; left: 0; top: 100px; /*z-index: 801;*/z-index: 799; width: 60px; height: 100%; background-color: var(--c-blanco); border-right: 1px solid var(--c-gris-borde); }
/* .scrolling .panel-lateral-fixed { top: 60px; } */

.panel-lateral-fixed-activo { overflow: hidden; }
.panel-lateral-fixed-activo .panel-lateral-fixed { width: 420px; }

.panel-lateral-fixed .header { position: relative; }
.panel-lateral-fixed .header .icon { color: var(--c-secundario); cursor: pointer; }
.panel-lateral-fixed .header .icon.menu { padding-right: 14px; }
.panel-lateral-fixed .header .icon.cerrar,
.panel-lateral-fixed .header .icon.arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }

.panel-lateral-fixed .body { height: calc(100% - 155px); overflow-y: auto;}
.scrolling .panel-lateral-fixed .body { height: calc(100% - 115px); }

.sin-crear-recurso .btn-fixed-panel-lateral { right: 26px !important; }

body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .header p { font-size: 0; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .header .icon { display: none; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .header .icon.menu { display: block; transform: rotate(180deg); padding-left: 20px; padding-right: 0; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .module-title { display: flex; align-items: center; justify-content: center; padding-left: 0; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .component-header-wrap { padding-left: 0; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .component-header-content { display: none; }
body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .module-title p { display: none; }

@media (max-width: 1199px){
    .panel-lateral-fixed { display: none; }
    .panel-lateral-fixed-activo .panel-lateral-fixed { display: block; }
}

@media (max-width: 767px){
    .panel-lateral-fixed-activo .panel-lateral-fixed { display: block; top: 0; }
    .panel-lateral-fixed .body { height: calc(100% - 55px); }
}

@media (max-width: 575px){
    .panel-lateral-fixed-activo .panel-lateral-fixed { width: 100%; }
}
/* */


/* BOTON PANEL LATERAL */
.btn-fixed-panel-lateral { display: flex; position: fixed; bottom: 20px; right: 20px; z-index: 200; background-color: var(--c-secundario); color: var(--c-blanco); height: 50px; width: 50px; border-radius: 26px; cursor: pointer; }
.btn-fixed-panel-lateral::after { content: 'menu_open'; font-family: 'Material Icons'; font-size: 24px; }
.edicionItinerario .btn-fixed-panel-lateral::after { content: 'home_repair_service'; }
.fichaCurso .btn-fixed-panel-lateral { display: none; }

@media (max-width: 1199px){
    .fichaRecurso .btn-fixed-panel-lateral { right: 100px; bottom: 26px; }
    .fichaRecurso.invitado .btn-fixed-panel-lateral { right: 20px; }

    .btn-fixed-panel-lateral { height: 55px; width: 55px; }
}

@media (max-width: 1400px){
    .btn-fixed-panel-lateral,
    .fichaCurso .btn-fixed-panel-lateral { display: flex; }
}
/* */


/* MENU HERRAMIENTAS */
.herramientas-toggle { position: fixed; top: 0; left: 0; background: var(--c-primario); z-index: 999; }
.herramientas-toggle-wrap { height: 59px; padding-left: 15px; display: flex; align-items: center; justify-content: center; }
.herramientas-toggle-wrap a { cursor: pointer; user-select: none; width: 70px; }
.herramientas-toggle-wrap a:hover { color: var(--c-blanco); text-decoration: none; }
.herramientas-toggle-wrap.desplegado { display: none; width: auto; justify-content: flex-start; }
.herramientas-toggle-wrap.desplegado .left { flex: 1;  }
.herramientas-toggle-wrap.desplegado .left .menu-title { font-size: 1.1rem; transform: translateY(-4px); display: inline-block; font-weight: bold; padding-left: 10px;}
.herramientas-toggle-wrap.desplegado a { display: flex; align-items: center; width: 40px; }

.menu-herramientas-tabs .nav-tabs { display: flex;}
.menu-herramientas-tabs .nav-item { flex: 1;}
.menu-herramientas-tabs .nav-link { display: flex; justify-content: center; align-items: center; padding: .9rem .5rem; font-family: "Gotham SSm A" !important; }
.menu-herramientas-tabs .nav-link span { font-size: 1.2rem; line-height: 16px; padding-right: 10px; }
.menu-herramientas-tabs .tab-content { padding: 15px; height: calc(100vh - 150px); overflow: auto; }

.panel-lateral-activo .herramientas-toggle { min-width: 420px; position: static; width: 420px; /*transform: translateX(-8px);*/}
.panel-lateral-activo .herramientas-toggle-wrap.plegado { display: none; }
.panel-lateral-activo .herramientas-toggle-wrap.desplegado { display: flex; height: 60px; padding: 15px; }
.panel-lateral-activo .panel-lateral .herramientas-toggle { display: none; }
.panel-lateral-activo .panel-lateral .herramientas-toggle-wrap.desplegado { padding-left: 15px; }

.new-resource-dropdown { position: relative; }
.new-resource-dropdown a { font-family: var(--f-hoefler-text); }
.new-resource-dropdown .dropdown-toggle { width: 100%; }
.new-resource-dropdown .dropdown-toggle::after { position: absolute; right: 15px; }
.new-resource-dropdown .dropdown-menu { left: 0 !important; right: 0 !important; max-height: calc(100vh - 225px); overflow: auto; }

.acciones-modulos-relacionados .round-icon-button,
.acciones-lecciones-relacionadas .round-icon-button,
.acciones-recursos-relacionados .round-icon-button { background-color: var(--c-texto-super-claro); color: var(--c-blanco); }
.acciones-modulos-relacionados .default-action-link.active,
.acciones-lecciones-relacionadas .default-action-link.active,
.acciones-recursos-relacionados .default-action-link.active { background-color: var(--c-complementario-azul); }
.acciones-modulos-relacionados .default-action-link span,
.acciones-lecciones-relacionadas .default-action-link span,
.acciones-recursos-relacionados  .default-action-link span { color: var(--c-blanco); }
.acciones-modulos-relacionados .default-action-clone.active,
.acciones-lecciones-relacionadas .default-action-clone.active,
.acciones-recursos-relacionados .default-action-clone.active { background-color: var(--c-complementario-amarillo);  color: var(--c-blanco);  }
.acciones-modulos-relacionados .default-action-clone span,
.acciones-lecciones-relacionadas .default-action-clone span,
.acciones-recursos-relacionados .default-action-clone span { color: var(--c-blanco); font-size: 20px; }

@media (max-width: 991px){
    .herramientas-toggle { display: none; }

    .panel-lateral-activo .panel-lateral .herramientas-toggle { min-width: auto; display: block; width: 100%; transform: translateX(0px);}

    .menu-herramientas-tabs .component > .component-header-wrap .component-icon::before { display: none; }

    .menu-herramientas-tabs .component-actions { display: flex; }
    .menu-herramientas-tabs .component-actions > li { margin-bottom: 0 !important; }
    .menu-herramientas-tabs [data-link-type="link"] > .component-header-wrap .component-actions .action-link,
    .menu-herramientas-tabs [data-link-type="clone"] > .component-header-wrap .component-actions .action-clone,
    .menu-herramientas-tabs .component-actions .action-edit,
    .menu-herramientas-tabs .component-actions .action-delete,
    .menu-herramientas-tabs .component-actions .action-collapse,
    .menu-herramientas-tabs .component-actions .action-more-desktop,
    .menu-herramientas-tabs .component-actions .action-more,
    .menu-herramientas-tabs .component-sortable { display: none; }
    .menu-herramientas-tabs .component-actions .action-add { display: flex; }
}

/*  */



/* LISTAS ORDENABLES */
.component-wrap {}

.component-sortable { order: 2; cursor: move; cursor: -webkit-grabbing; display: flex; }
.component-sortable .sortable-icon { color: var(--c-texto-super-claro); font-size: 1.9rem; }
.component-header-wrap { padding: 7px 8px 7px 12px; flex-direction: column; display: flex; margin-bottom: 3px; border: 1px solid var(--c-gris-borde);}
.component-header { flex: 1; overflow: hidden; display: flex; align-items: center;}
.component-header-content { order: 1; flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; }
.component-header-left { display: flex; flex: 1; min-width: 0; }
.component-header-right { display: flex; }
.component-name-wrap { align-items: center; display: flex; flex: 1; min-width: 0; padding-right: 15px; }
.component-name { font-family: var(--f-hoefler-text); font-size: 1rem; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }
.component-content { padding-left: 0; display: none;}
.component.show-content > .component-content { display: block; }

.component-details { display: none; padding: 10px 10px 10px 33px; }
.component-details-img { height: 100px; width: 140px; flex: 0 0 140px; padding-right: 15px;}
.component-details-img img { height: 100%; width: 100%; object-fit: cover;}
.component-details-description { color: var(--c-texto-claro); }
.formulario-edicion .component.show-details > .component-header-wrap .component-details { display: flex; }
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description ul,
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description ol,
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description img,
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description iframe,
.formulario-edicion .component.show-details > .component-header-wrap .component-details-description table { display: none; }
#id-presentation-resources-list > .component-wrap > .component > .component-header-wrap .component-details-img { display: none; }

.component-actions { display: none; }
.component-actions .action-collapse { background-color: var(--c-texto-super-claro); }
.type-resource > .component-header-wrap .action-collapse { visibility: hidden; pointer-events: none; }
.type-lesson.question > .component-header-wrap .action-collapse { visibility: hidden; pointer-events: none; }
.component-wrap > .component.show-content > .component-header-wrap .action-collapse span{ transform: rotate(180deg); }

.component-icon { padding-right: 10px; }
.component-icon:after { content: "article"; font-family: "Material Icons"; font-size: 22px; font-weight: 300;}
.type-module > .component-header-wrap .component-icon::after { content: 'folder'; font-family: 'Material Icons Outlined'; }
.type-module .type-module > .component-header-wrap .component-icon::after {content: 'list_alt';}
.type-module .type-module > .component-header-wrap span.step-progress-fixed-circle { text-indent: -10000px; }
.panel-lateral-itinerario.panel-lateral-curso .type-module  > .component-header-wrap .component-icon {display: none;}
.panel-lateral-itinerario.panel-lateral-curso .type-module .type-module  > .component-header-wrap .component-icon {display: block;}
/* .type-lesson > .component-header-wrap .component-icon::after { content: 'folder'; font-family: 'Material Icons Outlined';} */
.type-video > .component-header-wrap .component-icon::after { content: 'videocam'; font-family: 'Material Icons';}
[data-type="lesson"] > .component-header-wrap .component-icon::after,
[data-component-type="lesson"] > .component-header-wrap .component-icon::after { content: 'folder'; font-family: 'Material Icons Outlined'; }
[data-resource-type="encuesta"] > .component-header-wrap .component-icon::after { content: 'poll'; font-family: 'Material Icons Outlined'; }
[data-resource-type="moduleQuestion"] > .component-header-wrap .component-icon::after {content: 'poll'; font-family: 'Material Icons'; }
[data-resource-type="valorationQuestion"] > .component-header-wrap .component-icon::after { content: 'radio_button_checked'; font-family: 'Material Icons';}
[data-resource-type="openQuestion"] > .component-header-wrap .component-icon::after { content: 'playlist_add_check'; font-family: 'Material Icons';}
[data-resource-type="quizz"] > .component-header-wrap .component-icon::after { content: 'list_alt'; font-family: 'Material Icons'; }
[data-resource-type="task"] > .component-header-wrap .component-icon::after { content: 'task'; font-family: 'Material Icons';}
[data-resource-type="gnossresourceagrupation"] > .component-header-wrap .component-icon::after { content: 'source'; font-family: 'Material Icons';}
[data-resource-type="gnossresource|nota"] > .component-header-wrap .component-icon::after { content: 'article'; font-family: 'Material Icons';}
[data-resource-type="gnossresource|adjunto"] > .component-header-wrap .component-icon::after { content: 'description'; font-family: 'Material Icons'; }
[data-resource-type="gnossresource|link"] > .component-header-wrap .component-icon::after { content: 'link'; font-family: 'Material Icons'; }
[data-resource-type="gnossresource|pregunta"] > .component-header-wrap .component-icon::after { content: 'live_help'; font-family: 'Material Icons';}
[data-resource-type="gnossresource|debate"] > .component-header-wrap .component-icon::after { content: 'question_answer'; font-family: 'Material Icons';}
[data-resource-type="gnossresource|encuesta"] > .component-header-wrap .component-icon::after { content: 'poll'; font-family: 'Material Icons'; }
[data-resource-type="gnossresource|video"] > .component-header-wrap .component-icon::after { content: 'play_circle_outline'; font-family: 'Material Icons';}
[data-resource-type="aulavirtual"] > .component-header-wrap .component-icon::after,
[data-resource-type="aulaVirtual"] > .component-header-wrap .component-icon::after { content: 'voice_chat'; font-family: 'Material Icons';}
[data-resource-type="scorm"] > .component-header-wrap .component-icon::after { content: 'videocam'; font-family: 'Material Icons'; }
#id-related-presentation-list > .component-wrap > .component > .component-header-wrap .component-icon,
#id-presentation-resources-list > .component-wrap > .component > .component-header-wrap .component-icon { display: none; }

.component-actions .action-link { background-color: var(--c-complementario-azul); color: var(--c-blanco); display: none; }
.component-actions .action-link span { color: var(--c-blanco); }
.component-actions .action-clone { background-color: var(--c-complementario-amarillo);  color: var(--c-blanco); display: none; }
.component-actions .action-clone span { color: var(--c-blanco); font-size: 20px; }
.component-actions .action-add { background-color: var(--c-complementario-azul); color: var(--c-blanco); display: none; }
.component-actions .action-more-desktop { color: var(--c-texto-super-claro); }
/*20221219. eramirez. añadido para icono cadena en recursos sugeridos */
.component-actions-wrap .action-more-desktop { color: var(--c-texto-super-claro); }
.component-actions .action-more { display: none; }
.component-actions .action-more::after { display: none; }
.component-actions .action-more span { color: var(--c-texto-super-claro); }
.component-actions-wrap .dropdown-menu { font-family: var(--f-hoefler-text); padding: 14px 12px; }
.component-actions .dropdown-menu { padding: 14px 12px; }
.component-actions .dropdown-menu .dropdown-title { padding-left: 0; }
.component-actions .dropdown-more { }
.component-actions .dropdown-more ul { }
.component-actions .dropdown-more ul > li { }
.component-actions .dropdown-more ul > li > a,
.component-actions .dropdown-more-desktop ul > li > a { width: 100%; margin-left: 0; justify-content: flex-start; white-space: nowrap; }
.component-actions .dropdown-more ul > li > a.action-link,
.component-actions .dropdown-more ul > li > a.action-clone { background: none; color: var(--c-texto); }
.component-actions .dropdown-more ul > li > a.action-link > span,
.component-actions .dropdown-more ul > li > a.action-clone > span { color: var(--c-texto); }
.component-actions .dropdown-more ul > li > a > span,
.component-actions .dropdown-more-desktop ul > li > a > span { margin-right: 10px; }
[data-link-type="link"] > .component-header-wrap .component-actions .action-link { display: flex; }
[data-link-type="clone"] > .component-header-wrap .component-actions .action-clone { display: flex; pointer-events: none; }
.component-actions .dropdown-link { top: -40px !important; }
.component-actions .dropdown-link .link-list { padding-right: 10px; max-height: 250px; overflow: auto; max-width: 275px;}

.component-actions .action-teacher { background-color: var(--c-texto-super-claro); width: 60px; border-radius: 6px !important; display: none; }
.component-actions .action-teacher.loaded { display: flex; }
.component-actions .action-teacher { color: var(--c-texto-medio); }
.component-actions .action-teacher .number { font-weight: 500; padding-left: 8px; }
.component-actions .dropdown-teacher { padding: 10px; min-width: 250px; }
.component-actions .dropdown-teacher .dropdown-title { display: none; }
.component-actions .dropdown-teacher legend { font-size: .8rem !important; font-weight: 500 !important; color: var(--c-texto); display: flex; align-items: center; margin-bottom: 15px !important; }
.component-actions .dropdown-teacher legend .material-icons { padding-right: 12px; }
.component-actions .dropdown-teacher legend .number { padding-left: 7px; }
.component-actions .dropdown-teacher .filtroRapidoProfesores { position: relative; }
.component-actions .dropdown-teacher .filtroFaceta { font-size: .933rem; height: 32px; width: 100%; padding: 8px; }
.component-actions .dropdown-teacher .searchButton { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 100; }
.component-actions .dropdown-teacher .searchButton::before { content: 'search'; font-family: 'Material Icons'; font-size: 1.6rem; color: var(--c-texto-super-claro); }
.component-actions .dropdown-teacher .panContenedorInvitados { margin-top: 15px; }
.component-actions .dropdown-teacher .panContenedorInvitados ul { list-style: none; padding: 0; margin: 0; }
.component-actions .dropdown-teacher .panContenedorInvitados ul li { }
.component-actions .dropdown-teacher .panContenedorInvitados ul li p { font-size: .8rem; font-weight: 300; margin-bottom: 0; align-items: center; justify-content: space-between; }
.component-actions .dropdown-teacher .panContenedorInvitados ul li .material-icons { color: var(--c-texto-medio); text-decoration: none; cursor: pointer; }
.component-actions .dropdown-teacher .ac_results { width: 100% !important; }
.component-actions .dropdown-teacher .ac_results ul { }
.component-actions .dropdown-teacher .ac_results ul li { font-size: .8rem; font-weight: 400; padding: 0; }

.new-component-list {}
.new-component-list .component-header-wrap { border-color: var(--c-secundario); background-color: var(--c-secundario);}
.new-component-list .component-actions .action-add { background-color: rgba(0, 0, 0, 0.2); }
.new-component-list .component-sortable .sortable-icon,
.new-component-list .component-name,
.new-component-list .component-icon { color: var(--c-blanco);}

.presentacion-itinerario .component-header-wrap:hover {  background-color: #f5f5f5; }

.formulario-edicion .modulos-itinerario { position: relative; }
.formulario-edicion .component-wrap.drag-over > .component-content { display: block; }
.formulario-edicion .component-actions { display: flex; }
.formulario-edicion .component-name { font-size: 1rem;}
.formulario-edicion .placeholder-list { display: none; }
.formulario-edicion .placeholder-list p { padding: 13px 25px; background: var(--c-gris-fondo); border: 2px dashed var(--c-texto-claro)}
.formulario-edicion .js-added-modules-list:empty { min-height: 54px; width: 100%; position: absolute;}
.formulario-edicion .js-added-lessons-list:empty { margin-left: 5px; margin-right: 5px; margin-top: 3px;}
.formulario-edicion .js-added-resources-list:empty { margin-left: 30px; margin-right: 5px; margin-top: 3px;}

.formulario-edicion .modulos-itinerario > .btn.btn-outline-secondary { display: none; }
.formulario-edicion .modulos-itinerario .component-header-wrap {margin-bottom: 0; }
.formulario-edicion .modulos-itinerario .component-header-wrap:hover {  background-color: #f5f5f5; }
.formulario-edicion .modulos-itinerario .type-module { border: 1px solid #ddd; margin-bottom: 5px; }
.formulario-edicion .modulos-itinerario .type-module .component-header-wrap { border: none; }
.formulario-edicion .modulos-itinerario .type-lesson > .component-header-wrap { padding-left: 25px; }
.formulario-edicion .modulos-itinerario .type-resource > .component-header-wrap { padding-left: 50px; }
.formulario-edicion .modulos-itinerario .type-module .component-content .component-header-wrap { border-top: 1px solid #ddd; }

.component.type-resource .component-name { font-weight: 500; }

.component-dropdown { display: none; }
.component-dropdown .dropdown-toggle { user-select: none; cursor: pointer; display: flex; align-items: center; height: 50px; line-height: 50px; border: 1px solid var(--c-gris-borde); padding: 16px 22px; color: var(--c-texto); text-decoration: none; font-size: 1rem; font-weight: 400; }
.component-dropdown .dropdown-toggle .material-icons,
.component-dropdown .dropdown-toggle .material-icons-outlined { padding-right: 10px; }
.component-dropdown .dropdown-toggle .texto { padding-right: 80px; }
.component-dropdown .dropdown-menu { margin-top: 0; left: -5px !important; width: 100%; }
.component-dropdown .dropdown-menu ul > li a { width: 100%; margin-left: 0; justify-content: flex-start; white-space: nowrap; }
.component-dropdown .dropdown-menu ul > li a > span { margin-right: 10px; }

@media (min-width: 1200px){
    .formulario-edicion .component-wrap .component-list:empty { height: 40px; border: 1px dashed #b8b04d; background: #fffcd2; margin-bottom: 3px;}
    .formulario-edicion .component-wrap .component-list:empty:after { content: "Arrastra y suelta aquí para añadir"; font-size: 14px; height: 40px; display: flex; align-items: center; justify-content: center; color: #887f00;}
    .formulario-edicion .component-list:empty + .placeholder-list { display: block; }
}

@media (max-width: 991px){
    .component > .component-header-wrap .component-icon { position: relative; }
    .component > .component-header-wrap .component-icon::before { display: block; height: 12px; width: 12px; border-radius: 50%; position: absolute; top: 0; right: 5px; }
    .component[data-link-type="link"] > .component-header-wrap .component-icon::before { content: ''; background-color: var(--c-complementario-azul); }

    .component-actions .action-more { display: flex; }
    .component-actions .action-edit,
    /*.component-actions .action-delete,*/
    .component-actions .action-more-desktop,
    [data-link-type="link"] > .component-header-wrap .component-actions .action-link,
    [data-link-type="clone"] > .component-header-wrap .component-actions .action-clone { display: none; }

    .component-actions .dropdown-more { }
    .component-actions .dropdown-more .action-edit,
    .component-actions .dropdown-more .action-delete,
    [data-link-type="link"] > .component-header-wrap .component-actions .dropdown-more .action-link,
    [data-link-type="clone"] > .component-header-wrap .component-actions .dropdown-more .action-clone { display: flex; }

    .formulario-edicion .modulos-itinerario { position: relative; }
    .formulario-edicion .modulos-itinerario > p { margin-bottom: 30px; }
    .formulario-edicion .modulos-itinerario > .btn.btn-outline-secondary { display: inline-flex; position: absolute; top: 0; right: 0; }
    .formulario-edicion .modulos-itinerario.actions-active { }
    .formulario-edicion .modulos-itinerario.actions-active [data-link-type="link"] > .component-header-wrap .component-actions .action-link,
    .formulario-edicion .modulos-itinerario.actions-active [data-link-type="clone"] > .component-header-wrap .component-actions .action-clone { display: flex; }
}

@media (max-width: 575px){
    .component-details { padding: 10px; }
    .component-details-img { height: 50px; width: 50px; flex: 0 0 65px; }

    .component-dropdown .dropdown-toggle .texto { display: none; }
    .component-dropdown .dropdown-menu { width: auto; }
}
/* */



/* ACCIONES ITINERARIO */
.acciones-itinerario {}
.acciones-itinerario .ver-detalles {}
.acciones-itinerario .ver-detalles .ver {}
.acciones-itinerario .ver-detalles .ocultar { display: none; }
.acciones-itinerario .ver-detalles.show-details .ver { display: none; }
.acciones-itinerario .ver-detalles.show-details .ocultar { display: inline; }
/* */



/* SORTABLE STYLES */
.sortable-ghost { opacity: 0.5;}
/*  */



/* MODAL */
.modal .pop-up-list { padding-left: 0; }
.modal .pop-up-list > li { padding: 7px 8px 7px 12px; margin-bottom: 3px; border: 1px solid var(--c-gris-borde); font-size: 0.9rem; color: var(--c-texto); cursor: pointer; }
.modal .modal-content .modal-header .modal-title { font-family: var(--f-hoefler-text); }
.modal .modal-content .modal-header .modal-title .component-name { font-size: inherit; }

.modal .formulario-edicion .form-group { position: relative; }
.modal .formulario-edicion .form-group #file_component { width: calc(100% - 110px); }
.modal .formulario-edicion .form-group .btn.btn-adjunto { position: absolute; top: 25px; right: 0; }
.modal .formulario-edicion .form-actions a { font-family: var(--f-hoefler-text); }

.modal.modal-contenido .modal-dialog,
.modal.modal-modulo .modal-dialog,
.modal.modal-seccion .modal-dialog { transform: none !important; }
.modal.modal-seccion .modal-content,
.modal.modal-modulo .modal-content { height: 100vh; }
.modal.modal-seccion .modal-body,
.modal.modal-modulo .modal-body { max-height: calc(100% - 128px); }
.modal.modal-seccion .formulario-edicion .modulo-edit-modal { display: none; }
.modal.modal-modulo .formulario-edicion .seccion-edit-modal { display: none; }
.modal.modal-seccion .formulario-edicion .panelBotonera,
.modal.modal-modulo .formulario-edicion .panelBotonera { position: fixed; bottom: 0; background-color: var(--c-blanco); padding: 15px; display: flex; }
.modal.modal-modulo .formulario-edicion .panelBotonera .btn { font-family: var(--f-hoefler-text); margin-right: 5px; }
.modal.modal-modulo .formulario-edicion .panelBotonera .btn-link { order: 2; }
.modal.modal-modulo .formulario-edicion .panelBotonera .btn-secondary { order: 1; }
.modal.modal-contenido .modal-dialog { position: relative; height: 100%; }
.modal.modal-contenido .cerrar { position: absolute; top: 15px; right: 37px; z-index: 1049; color: var(--c-blanco); cursor: pointer; pointer-events: all; }

.modal.modal-full-width .modal-dialog { max-width: 100%; }
.modal.modal-full-width .modal-content { height: 100vh; }
.modal.modal-full-width .modal-header .modal-title { font-size: 1.266rem; line-height: 23px; color: #fff; }
.modal.modal-full-width .modal-header .material-icons { color: #fff; }
.modal.modal-full-width .modal-header .modal-subtitle { font-weight: 300; padding-left: 16px; display: flex; align-items: center; color: #fff !important; }
.modal.modal-full-width .modal-header .modal-subtitle::before { content: 'chevron_right'; font-family: 'Material Icons'; font-size: 24px; padding-right: 16px; }
.modal.modal-full-width .modal-body { padding: 0; }
.modal.modal-full-width .modal-body iframe { width: 100%; height: 100%; }
/* */



/* EDICION RECURSO */
/* páginas que simulan un modal */
.edicionItinerario { overflow: hidden; }

.edicionRecurso .header-tipo-modal{ background-color: var(--c-primario); }
.edicionRecurso .header-tipo-modal::before { content: ""; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.edicionRecurso:not(.panel-lateral-activo) .header-tipo-modal .modal-header { padding-left: 70px; }

.edicionRecurso .col-edicion .formulario-edicion legend { font-size: 1rem; line-height: 21px; font-weight: 700; margin-bottom: 20px; }

.edicionRecurso #footer { display: none; }

.edicionRecurso .fieldset .mediumLabels .fila { margin-bottom: 3rem; }
.edicionRecurso .fieldset .mediumLabels .fila label { font-size: 0.9rem; font-weight: 500; letter-spacing: 0.5px; margin-bottom: .5rem; }

.edicionRecurso .edit-image > div > input { display: block; margin-top: 1rem; }
.edicionRecurso .edit-attachedFile > div > input,
.edicionRecurso .edit-image > div > input,
.edicionRecurso .edit-source > div > input { height: 38px; padding: 0 25px; font-size: 0.875rem; color: var(--c-primario); background-color: var(--c-blanco); border: 1px solid var(--c-primario); border-radius: .125rem; }
.edicionRecurso .confirmar > .pregunta > input { height: 38px; padding: 0 15px; font-size: 0.875rem; color: var(--c-primario); background-color: var(--c-blanco); border: 1px solid var(--c-primario); border-radius: .125rem; }
.edicionRecurso .cont_source input { height: 38px; padding: 0 15px; font-size: 0.875rem; color: var(--c-primario); background-color: var(--c-blanco); border: 1px solid var(--c-primario); border-radius: .125rem; }

.edicionRecurso #divContPanelBotonera p { display: flex; margin-bottom: 0; }
.edicionRecurso #divContPanelBotonera .btn { text-transform: uppercase; margin-right: 5px; }
.edicionRecurso #divContPanelBotonera .btn-danger { color: var(--c-secundario); background-color: var(--c-blanco); border-color: transparent; order: 2; }
.edicionRecurso #divContPanelBotonera .btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); }

.edicionRecurso #seleccionarRecurso p { margin-bottom: 3rem; }
.edicionRecurso #seleccionarRecurso label { display: block; font-size: 0.9rem; font-weight: 500; }
.edicionRecurso #seleccionarRecurso input { color: #616161; border-radius: 0; height: 45px; padding: 10px 20px; font-size: 1rem; border: 1px solid var(--c-gris-borde); width: 100%; }

.edicionRecurso .form-group .control-label { font-family: var(--f-hoefler-text); font-size: 16px; margin-bottom: 15px; }
.edicionRecurso .form-group .control-label span { display: block; color: var(--c-texto-claro); font-weight: 400; }
.edicionRecurso #panAgregarMiembros { max-width: 650px; }
.edicionRecurso #panAgregarMiembros .btn-outline-primary { border-color: var(--c-texto-claro); color: var(--c-texto-claro); font-weight: 500; }

.edicionRecurso .form-group.campomultievaluado .form-control { padding-right: 45px; }
.edicionRecurso .form-group.campomultievaluado .remove { position: absolute; bottom: 3px; right: 16px; text-decoration: none; }
.edicionRecurso .form-group.campomultievaluado .remove::after { color: var(--c-texto); }

.edicionCurso #panAgregarMiembros { max-width: 100%; }
.edicionCurso #panAgregarMiembros .input-wrap { max-width: 100%; }
.edicionCurso #panAgregarMiembros .input-wrap .icon { right: 0; }
.edicionCurso #panAgregarMiembros .input-wrap input { padding-right: 50px; }

.edicionCurso.gestionarProfesores .formulario-edicion {padding: 20px;}
.edicionCurso.gestionarProfesores .formulario-edicion #panAgregarMiembros .guardarProfesores { display: none; }

.edicionItinerario .col-edicion .formulario-edicion { height: calc(100vh - 60px); overflow: auto; }
.edicionItinerario main[role="main"] > .container { max-width: 100% !important; }

.edicionItinerario .col-edicion .formulario-edicion > div { position: relative; }
.edicionItinerario .col-edicion .formulario-edicion > div h2 { font-size: 22px; }
.edicionItinerario .col-edicion .formulario-edicion > div a { font-family: var(--f-hoefler-text); font-size: 16px; }
.edicionItinerario .acciones-itinerario { position: absolute; top: 0; right: 0; }
.edicionItinerario .acciones-itinerario a { font-family: var(--f-hoefler-text); }
.edicionItinerario .component-actions .action-more-desktop { margin-left: 0; }

.page-modal .header-tipo-modal .modal-header .modal-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.page-modal .header-tipo-modal .modal-header .modal-title .community-name { font-size: 1rem; line-height: 16px; padding-left: 20px; }
.edicionEncuesta.page-modal .header-tipo-modal .modal-header .modal-title .community-name,
.edicionTest.page-modal .header-tipo-modal .modal-header .modal-title .community-name { font-size: 1.4rem; font-weight: 300; }
.page-modal .area-grab-menu-clonado { display: none; }
.page-modal.layout04 main > .container {margin-top: 0; padding: 0;}
.page-modal main > .container {margin-top: 0; padding: 0;}

.edicionRecurso.edicionItinerario .step-progress { width: 50%; }

@media (max-width: 1199px){
    .edicionItinerario .acciones-itinerario { position: relative; margin-bottom: 20px; }
}

@media (max-width: 991px){
    .edicionItinerario .con-panel-lateral > .wrapCol.container { padding-left: 0; padding-right: 0; }

    .edicionRecurso .step-progress { width: 100%; }

    .edicionRecurso:not(.panel-lateral-activo) .header-tipo-modal .modal-header { padding-left: 20px; }
}

@media (max-width: 600px){
    .edicionCurso #panAgregarMiembros .btn-outline-primary { padding: 0; width: 40px; }
    .edicionCurso #panAgregarMiembros .btn-outline-primary .material-icons { padding: 0; }
    .edicionCurso #panAgregarMiembros .btn-outline-primary .texto { display: none; }

}
/*  */



/* FORMULARIO PREGUNTAS */
.formulario-preguntas { margin-bottom: 80px; position: relative; }
.formulario-preguntas .btn-outline-secondary { padding: 24px 16px; margin-right: 18px; margin-bottom: 3px; }

.formulario-preguntas .form-group { width: 100%; }
.formulario-preguntas .form-group .form-control { height: 50px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.formulario-preguntas .form-group.edit-titulo .form-control { padding-right: 55px; }
.formulario-preguntas .form-group.edit-respuesta .form-control { padding-right: 110px; }
.formulario-preguntas .form-group.edit-titulo .form-icons-wrap { top: calc(50% + 17px); }

.formulario-preguntas legend { margin-bottom: 10px !important; }
.formulario-preguntas .component-list { margin-bottom: 20px; }
.formulario-preguntas .component-list#id-questions-list > .component-wrap { border: 1px solid #ddd; margin-bottom: 30px; }
.formulario-preguntas .component-list#id-questions-list > .component-wrap > .component > .component-header-wrap { border: none; margin-bottom: 0; }
.edicionTest .formulario-preguntas legend { position: absolute; }
.edicionTest .formulario-preguntas > .component-list {  margin-top: 56px; }
.formulario-preguntas .component-header { overflow: inherit; }
.formulario-preguntas .component-header-wrap { background-color: #fafafa; padding-top: 17px; padding-bottom: 17px; }
.formulario-preguntas .component-name-wrap { display: block; color: var(--c-texto-medio); order: 2; }
.formulario-preguntas .component-name-wrap span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.formulario-preguntas .component-name-wrap span.texto { display: flex; align-items: center; }
.formulario-preguntas .component-name-wrap .points { }
.formulario-preguntas .component-name-wrap .points::before { content: '|'; padding: 0 8px; }
.formulario-preguntas .component-name { font-weight: 500; margin-bottom: 10px; color: var(--c-texto); }
.formulario-preguntas .component-type { font-weight: 400; color: var(--c-texto-claro); }
.formulario-preguntas .component-type .material-icons,
.formulario-preguntas .component-type .material-icons-outlined { display: none; }
.formulario-preguntas .component-sortable { order: 1; padding-right: 15px; }
.formulario-preguntas .component-sortable .sortable-icon { color: var(--c-texto); width: 18px; display: flex; align-items: center; justify-content: center; }
.formulario-preguntas .component-dropdown { order: 2; }

.formulario-preguntas .component.show-content .component-header-wrap { background-color: inherit; }
.formulario-preguntas .component.show-content .component-header-wrap > .component-details { display: flex; flex-wrap: wrap; padding-right: 40px; margin-left: 33px; padding-left: 0; padding-bottom: 0; }
.formulario-preguntas .component.show-content .component-dropdown { display: block; }
.formulario-preguntas .component.show-content > .component-header-wrap .component-name-wrap { display: none; }

.formulario-preguntas .component.show-content > .component-content { margin-left: 45px; }
.formulario-preguntas .component.show-content > .component-content .component-header-wrap { border: 0; padding-left: 0; padding-bottom: 0; padding-top: 0; margin-bottom: 8px; }

.formulario-preguntas .component-wrap .gdd-wrap { margin-left: 45px; margin-top: 8px; margin-bottom: 3px; }

.formulario-preguntas .component.show-content > .component-content > .gdd-wrap { margin-left: 35px; margin-bottom: 16px; max-width: calc(100% - 130px); }

.formulario-preguntas .component.show-content.type-radio,
.formulario-preguntas .component.show-content.type-multiple { margin-bottom: 3px; }
.formulario-preguntas .component.show-content.type-radio > .component-header-wrap,
.formulario-preguntas .component.show-content.type-multiple > .component-header-wrap { border: none; }

.component-image { height: 52px; width: 62px; margin-right: 20px; }
.component-image img { height: 100%; width: 100%; object-fit: cover; }

.component-section { padding-top: 30px; padding-right: 50px; margin-top: 30px; border-top: 1px solid var(--c-gris-borde); }
.component-section > p { font-weight: 700; text-transform: uppercase; }
.component-section .nav-tabs { border-bottom: none; }
.component-section .tab-content { padding-top: 16px; padding-bottom: 0; }
.component-section.answers { padding-right: 0; }
.component-section.answers .form-group { display: flex; }
.component-section.answers .form-group .control-label { margin-bottom: 0; margin-right: 30px; }
.component-section.answers .component-name-wrap { display: none; }
.component-section.answers .component-name { margin-bottom: 0; margin-right: 20px; }
.component-section.evaluation .form-group .form-control { width: 25%; }

@media (max-width: 1199px) {
    .formulario-preguntas .component.show-content > .component-content { margin-left: 20px; }

    .formulario-preguntas .component-wrap .component-list:empty:after { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px dashed var(--c-gris-borde); }
}

@media (max-width: 767px) {
    .component-section.evaluation .form-group .form-control { width: 100%; }
}

@media (max-width: 575px) {
    .formulario-preguntas .component.show-content .component-header-wrap > .component-details { padding-right: 10px; }
}
/**/



/* MARCADOR */
.marcador-wrap { position: absolute; top: 0; right: 0; display: flex; }
.marcador-wrap span { font-size: 0.866rem; color: var(--c-texto-claro); }
.marcador-wrap .marcador { margin-left: 40px; }
.marcador-wrap .numResultado { display: block; font-size: 1rem; font-weight: 700; color: var(--c-texto); }
/**/



/* PUNTUACION */
.puntuacion-wrap { display: flex; align-items: center; margin-right: 15px; }
.puntuacion-wrap span { color: var(--c-texto-claro); }
/**/



/* PROGRESS BAR */
.step-progress { }

.step-progress__bar { height: 24px; background: var(--c-gris-fondo); position: relative; }
.step-progress__bar.active { background: var(--c-secundario); }
.step-progress__bar::after,
.step-progress__bar::before { content: ''; height: 100%; width: 12px; background: var(--c-gris-fondo); position: absolute; top: 0; z-index: 500; }
.step-progress__bar::after { left: -12px; }
.step-progress__bar::before { right: -12px; }
.step-progress__bar.active::after,
.step-progress__bar.active::before { background: var(--c-secundario); }

.step-progress__circle { z-index: 501; }
.step-progress__circle:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.step-progress__circle:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.step-progress__circle.active { background: var(--c-gris-fondo); }
.step-progress__circle::before { content: ''; height: 100%; width: 100%; border-radius: 50%; background: #dbdbdb; }
.step-progress__circle.active::before { background: #CB003B; }
.step-progress__circle.done { background: var(--c-secundario); }
.step-progress__circle.done::before { content: ''; background: #CB003B; }
.step-progress__circle.done span { color: var(--c-secundario); }

.step-progress__text { font-family: var(--f-hoefler-text); font-size: 15px; visibility: visible; color: #dbdbdb; left: 50%; transform: translateX(-50%); }
.step-progress__circle:first-child .step-progress__text { transform: translateX(0); }
.step-progress__circle:last-child .step-progress__text { left: inherit; transform: translateX(0); }
.step-progress__text.current { color: var(--c-secundario); }

@media (max-width: 991px){
    .edicionRecurso .step-progress { width: 100%; }
}

@media (max-width: 500px){
    .step-progress__circle .step-progress__text { font-size: 10px; }
}

@media (max-width: 400px){
    .step-progress__circle .step-progress__text { font-size: 9px; }
}

@media (max-width: 350px){
    .step-progress__circle .step-progress__text { font-size: 8px; }
}
/* */



/* USUARIO */
.menuLateral.usuario .usuarioWrapper .nombre { font-size: 1rem; }
.menuLateral.usuario .cabeceraUsuario .nombre-usuario .nombre,
.menuLateral.usuario .menuUsuario .group-collapse ul li a { font-family: var(--f-hoefler-text); }

.edicionRecurso .menuLateral.clonado {display: none; }
.fichaItinerario .menuLateral.usuario.clonado { display: none; }
.fichaCurso .menuLateral.usuario.clonado { display: none; }
.muroClase .menuLateral.usuario.clonado { display: none; }
.biblioteca .menuLateral.usuario.clonado { display: none; }
.listadoPersonas .menuLateral.usuario.clonado { display: none; }
/**/



/* INTERACCIONES RECURSO */
.interacciones-recurso > div { padding-right: 25px; }
.interacciones-recurso > div:hover span,
.interacciones-recurso > div.activo span { color: var(--c-secundario); }

.seguir-usuario:hover span { color: var(--c-secundario); }
/**/



/* PROGRESS BAR ITINERARIO */
.step-progress-fixed { width: 40px; height: 20px; display: flex; align-items: center; justify-content: center; position: absolute; left: 8px; }
.step-progress-fixed-circle { display: block; height: 20px; width: 20px; background: var(--c-gris-borde); border-radius: 50%; font-size: .8rem; color: var(--c-blanco); /*display: flex; align-items: center; justify-content: center;*/ z-index: 5; position: relative; }
.step-progress-fixed-circle.active { background-color: var(--c-secundario); }

.step-progress-fixed-circle-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.step-progress-fixed-circle-half { display: block; height: 10px; width: 20px; }
.step-progress-fixed-circle-top-half { background: var(--c-secundario); border: 1px solid var(--c-secundario); border-radius: 10px 10px 0 0; }
.step-progress-fixed-circle-bottom-half { background: var(--c-gris-borde); border: 1px solid var(--c-gris-borde); border-radius: 0 0 10px 10px; }

.step-progress-fixed-bar { }
.step-progress-fixed-bar::before,
.step-progress-fixed-bar::after { content: ''; height: 4px; transform: rotate(90deg); position: absolute; left: -5px; z-index: -1; }

.step-progress-fixed-bar::after { width: 50px; background-color: var(--c-gris-borde); top: 8px; z-index: 3; }

.step-progress-fixed-bar::before { width: 50px; top: -12px; left: -5px; background-color: var(--c-gris-borde); z-index: 4; }
.step-progress-fixed-bar.active::before { background-color: var(--c-secundario); }
.step-progress-fixed-bar.active::after { display: none; }
/* */



/* INTERACCIONES SOCIALES RECURSO */
.accion-tipo-recurso { display: flex; align-items: center; margin-right: 25px; }
.accion-tipo-recurso .round { margin-left: 0; margin-right: 7px; }
.accion-tipo-recurso .action-link { background-color: var(--c-complementario-azul); color: var(--c-blanco); }
.accion-tipo-recurso .action-clone { background-color: var(--c-complementario-amarillo); color: var(--c-blanco); }
.accion-tipo-recurso .dropdown-link .dropdown-title .action-link { margin-left: 0; margin-right: 20px; height: 30px; width: 30px; }
.accion-tipo-recurso .dropdown-link .dropdown-title .action-link .material-icons { font-size: 20px; }
.accion-tipo-recurso .dropdown-link .link-list { height: 350px; overflow: auto; }
.accion-tipo-recurso .dropdown-link .link-list > li { margin-bottom: 30px; }
.accion-tipo-recurso .dropdown-link .link-list > li:last-child { margin-bottom: 0; }
.accion-tipo-recurso .dropdown-link .link-list > li > p { width: 350px; }
/**/



/* CIRCLE WRAP */
.question-circle-wrap { margin-right: 15px; }
.question-circle-wrap .circle { display: block; height: 32px; width: 32px; border-radius: 50%; background-color: var(--c-gris-fondo); }
/**/



/* ENLACE ADJUNTO */
.enlace_adjunto { display: inline-flex; align-items: center; text-decoration: none !important; padding: 20px 0; color: var(--c-secundario); }
.enlace_adjunto:focus,
.enlace_adjunto:hover { color: var(--c-secundario); }
.enlace_adjunto .material-icons { font-size: 1.6rem !important; padding-right: 10px; }
.enlace_adjunto .texto { }
/**/

/* FICHAS */
/*.fichaRecurso h2 { font-size: 1.5rem !important; }
.fichaRecurso h3 { font-size: 1.375rem !important; }
.fichaRecurso h4 { font-size: 1.250rem !important; }
.fichaRecurso h5 { font-size: 1.125rem !important; }
.fichaRecurso h6 { font-size: 1.0rem !important; }

.fichaRecurso h2,
.fichaRecurso h3,
.fichaRecurso h4,
.fichaRecurso h5,
.fichaRecurso h6 { font-weight: 400; }*/

/* .fichaRecurso .col-contenido .contenido h1, h2, h3 { font-weight: 700; } */

.fichaRecurso .area-grab-menu-clonado { display: none; }

.fichaRecurso .header-resource .upper-wrap .user-miniatura {
    width: 100%;
    display: flex;
}

.fichaRecurso [style*="float:left"] { margin-right: 20px; }
.fichaRecurso [style*="float:right"] { margin-left: 20px; }
.fichaRecurso img[style*="float:left"],
.fichaRecurso img[style*="float:right"] { overflow: auto; }
.fichaRecurso div[style*="text-align:center"] { display: flex; align-items: center; justify-content: center; clear: both; }

.fichaRecurso .contenido dl,
.fichaRecurso .contenido ol,
.fichaRecurso .contenido ul { overflow: hidden; padding-left: 20px; }

.fichaRecurso .contenido table { }
.fichaRecurso .contenido table > tr { }
.fichaRecurso .contenido table > thead > tr > th { padding: 4px; }
.fichaRecurso .contenido table > tbody > tr > td { padding: 4px; }

.fichaRecurso figure { display: table !important; }
.fichaRecurso figure > figcaption { display: table-caption; caption-side: bottom; padding: 10px; text-align: center; }

.fichaRecurso .col-contenido .acciones-recurso-wrapper { margin-bottom: 20px; padding-bottom: 25px; }
.fichaRecurso .col-contenido ul.acciones-recurso > li { border: 1px solid var(--c-gris-borde); background: none; border-radius: 2px; }
.fichaRecurso .col-contenido ul.acciones-recurso > li.destacada { border: 1px solid var(--c-gris-borde); background: none; }
.fichaRecurso .col-contenido ul.acciones-recurso > li.destacada a { height: 40px; }
.fichaRecurso .col-contenido ul.acciones-recurso > li .btn-primary { background: var(--c-secundario) !important; color: var(--c-blanco); }
.fichaRecurso .col-contenido ul.acciones-recurso > li { border-radius: 0; }
.fichaRecurso .col-contenido ul.acciones-recurso > li > a { font-size: 12px; font-weight: 400; }

.fichaRecurso .header-resource .user-miniatura .nombre-usuario-wrap .nombre-completo { display: none; }

.fichaRecurso .info-recurso .group.compartida .group-title { padding-top: 5px; }
.fichaRecurso .info-recurso .group .btn { margin-left: 20px; height: 30px; }
.fichaRecurso .info-recurso .group .btn .material-icons { font-size: 20px; }
.fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li { background-color: #fcfcfc; padding-right: 10px; margin-bottom: 3px; }
.fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li span.eliminar { font-size: 20px; padding-left: 10px; padding-right: 0; margin-left: 10px; }

.fichaRecurso .contenido::after { content: ""; clear: both; }
.fichaRecurso .contenido iframe { width: 100%; max-width: 100%; }
.fichaRecurso .contenido .grupo .titulo { font-size: .866rem; font-weight: 400; line-height: 15px; color: var(--c-texto-claro); margin-bottom: 10px; }
.fichaRecurso .contenido .grupo iframe { max-height: 100%; width: 100%; margin-bottom: 15px; }
.fichaRecurso .contenido .grupo p { font-weight: 400; }

.fichaRecurso .contenido .btn,
.fichaRecurso .contenido .material-icons,
.fichaRecurso .contenido .material-icons-outlined,
.fichaRecurso .contenido .texto { color: var(--c-blanco); }
.fichaRecurso .contenido .btn { padding: 0 14px; }
.fichaRecurso .contenido .material-icons,
.fichaRecurso .contenido .material-icons-outlined { font-size: 24px; }

.fichaRecurso .contenido .enlace_adjunto { padding: 0; }

.fichaRecurso .formulario-edicion { }
.fichaRecurso .formulario-edicion fieldset { margin-bottom: 40px; }
.fichaRecurso .formulario-edicion legend { font-size: 1rem; line-height: 21px; font-weight: 700; margin-bottom: 20px; }
.fichaRecurso .formulario-edicion .component-name { font-size: .733rem; color: var(--c-texto-super-claro); text-transform: uppercase; }
.fichaRecurso .formulario-edicion .btn.btn-secondary { color: #fff !important; }

.fichaRecurso .info-collapse { background: #f5f5f5; border: 1px solid var(--c-gris-borde); padding: 18px 50px !important; margin-bottom: 20px; }
.fichaRecurso .info-collapse > p { color: var(--c-texto) !important; margin-bottom: 8px; }
.fichaRecurso .info-collapse .moreResults { margin-top: 20px; }
.fichaRecurso .info-collapse .moreResults .ver-mas,
.fichaRecurso .info-collapse .moreResults .ver-menos { align-items: center; color: var(--c-secundario); text-decoration: none; }
.fichaRecurso .info-collapse .moreResults a:after { display: inline-block; text-decoration: none !important; content: '\E313'; font-family: 'Material Icons'; font-size: 1.5rem; padding-left: 14px; font-weight: 300; }
.fichaRecurso .info-collapse .moreResults .ver-menos:after { content: '\e316'; }
.fichaRecurso .info-collapse .group-collapse { margin-bottom: 20px; }
.fichaRecurso .info-collapse .group-collapse p { font-size: 16px; color: var(--c-texto); margin-bottom: 20px; }
.fichaRecurso .info-collapse .group-collapse .title { font-size: .866rem; color: var(--c-texto-claro); margin-bottom: 14px; }

.fichaRecurso .info-recurso .group:not(.redes-sociales) ul li a:hover { color: var(--c-secundario); }

.fichaRecurso.poll .form-actions { padding: 10px 0; }
.fichaRecurso.poll .form-actions .btn { font-size: 0.8rem; font-weight: 500; padding: 9px 13px; /*border: none; background-color: var(--c-secundario);*/ }

.fichaRecurso .actionButtons { clear: both; }
.fichaRecurso .actionButtons > a { display: block; font-size: 1rem; line-height: 52px; height: 52px; color: var(--c-negro); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
.fichaRecurso .actionButtons > a::after,
.fichaRecurso .actionButtons > a::before { font-family: 'Material Icons'; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); color: #707070; }
.fichaRecurso .actionButtons > a.btn-next { padding-right: 50px; background-color: #ccc; margin-left: 20px; }
.fichaRecurso .actionButtons > a.btn-next::after { content: 'arrow_forward_ios'; right: 20px; }
.fichaRecurso .actionButtons > a.btn-prev { padding-left: 50px; background-color: #eee; }
.fichaRecurso .actionButtons > a.btn-prev::before { content: '\e5e0'; left: 20px; }
.fichaRecurso .actionButtons > a.btn-secondary { padding-left: 50px; color: var(--c-blanco); }
.fichaRecurso .actionButtons > a.btn-secondary .component-icon { position: absolute; left: 15px; }
.fichaRecurso .actionButtons > a.btn.oculto { /*display: block !important;*/ visibility: hidden; }

.fichaRecurso .encuesta .custom-control { margin-bottom: 0 !important; }
.fichaRecurso .encuesta .custom-radio.themed .custom-control-input ~ .custom-control-label { font-size: 19px !important; border-bottom: 1px solid var(--c-gris-borde); padding-bottom: 25px; margin-bottom: 25px; }
.fichaRecurso .encuesta .custom-radio.themed .custom-control-input ~ .custom-control-label::before { top: 0; width: 24px; height: 24px; background-color: var(--c-gris-fondo); border-color: var(--c-gris-fondo); }
.fichaRecurso .encuesta .custom-radio.themed .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--c-secundario); border-color: var(--c-secundario); }
.fichaRecurso .encuesta .custom-radio.themed .custom-control-input ~ .custom-control-label::after { top: 0; width: 24px; height: 24px; color: transparent; font-size: 18px; }
.fichaRecurso .encuesta .custom-radio.themed .custom-control-input:checked ~ .custom-control-label::after { color: #fff; }
.fichaRecurso .encuesta .viewPollResults,
.fichaRecurso .encuesta .viewPollResults * { color: var(--c-secundario) !important; }

@media (min-width: 1366px) {
    .comunidad-unikemia .col-contenido { padding: 0; padding-right: 8px; }
}

@media (max-width: 767px) {
    .fichaRecurso .contenido table { width: 100% !important; }

    .fichaRecurso .info-recurso .group .btn { flex: 0 0 auto; margin-left: 0; margin-top: 5px; }
}

@media (max-width: 575px) {
    /* .fichaRecurso .actionButtons > a { width: 100%; max-width: 100%; } */
    .fichaRecurso .actionButtons > a.btn.oculto { display: none !important; }
    .fichaRecurso .actionButtons > a.btn-prev { text-align: left; }
    .fichaRecurso .actionButtons > a.btn-next { text-align: right; margin-left: 0; }
    .fichaRecurso .col-contenido .acciones-recurso-wrapper { flex-direction: column; padding-left: 0; margin-bottom: 15px;
        padding-bottom: 15px; }
    .fichaRecurso .col-contenido .acciones-recurso-wrapper .izquierda { padding: 10px 0 20px 0; }
    .fichaRecurso .col-contenido .acciones-recurso-wrapper .derecha { justify-content: flex-end; }
}
/**/



/* FICHA ITINERARIO */
.fichaItinerario { overflow: hidden; }

.fichaItinerario main[role="main"] > .container { max-width: 100% !important; }
.fichaItinerario main[role="main"] > .container > .container > #footer { display: none; }

.fichaItinerario .header-resource { margin-bottom: 10px; }

.fichaItinerario .col-itinerario > .wrapCol > .resource { display: flex; flex-direction: column; min-height: calc(100vh - 250px); }
.fichaItinerario .col-itinerario > .wrapCol > .resource > .actionButtons { flex: 1; align-items: flex-end !important; }

/*.fichaItinerario .contenido { margin-bottom: 45px; display: flex; min-height: calc(100vh - 450px); }*/
.fichaItinerario .contenido img,
.fichaItinerario .contenidoAux img { height: 100%; }

/* para que las imágenes de los módulos, lecciones... no crezcan más del espacio visible*/
.fichaItinerario .contenidoAux img:not([height]),
.fichaItinerario .contenidoAux img[height=""] { width: 100%; }

.fichaItinerario .contenido .grupo { float: left; width: 100%; }
.fichaItinerario .contenido .grupo p { line-height: 21px; color: var(--c-texto-medio); }
.fichaItinerario .contenido .grupo ul > li,
.fichaItinerario .contenido .grupo ol > li,
.fichaItinerario .contenido .grupo dl > li { line-height: 21px; color: var(--c-texto-medio); }
.fichaItinerario .contenido .grupo .btn { font-size: .933rem; font-weight: 500; padding: 9px 13px; }

.fichaItinerario .panel-lateral { border-right: 1px solid var(--c-gris-borde); }

.fichaItinerario .col-itinerario ul.acciones-recurso { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; margin-bottom: 20px; }
.fichaItinerario .col-itinerario ul.acciones-recurso > li { height: 40px; border: 1px solid var(--c-gris-borde); display: flex; align-items: center; cursor: pointer; }
.fichaItinerario .col-itinerario ul.acciones-recurso > li > a { font-size: .933rem; color: var(--c-texto-claro); font-weight: 500; text-decoration: none; padding: 9px 13px; display: flex; align-items: center; border: none; }
.fichaItinerario .col-itinerario ul.acciones-recurso > li.destacada { background: var(--c-primario); border-color: var(--c-primario); }
.fichaItinerario .col-itinerario ul.acciones-recurso > li.destacada a { color: var(--c-blanco); }

.fichaItinerario .actionButtons > a.btn.oculto { display: block !important; }

.panel-lateral-itinerario { }
.panel-lateral-activo .panel-lateral-itinerario { height: calc(100vh - 60px); }
.panel-lateral-activo.scrolling .panel-lateral-itinerario { height: 100%; }
.panel-lateral-activo.scrolling .panel-lateral-itinerario .body { height: 100vh; }
.panel-lateral-itinerario .header { padding: 15px; border-bottom: 1px solid var(--c-gris-borde); }
.panel-lateral-itinerario .header p { font-size: 1rem; line-height: 18px; font-weight: 500; color: var(--c-secundario); margin-bottom: 0; }
.panel-lateral-itinerario .header .cerrar { color: #666; }

.panel-lateral-itinerario .body { height: calc(100% - 55px); overflow: auto; }
.panel-lateral-itinerario .module-title { font-size: .935rem; padding: 15px; border-bottom: 1px solid var(--c-gris-borde); text-transform: uppercase; }
.panel-lateral-itinerario .component-header-wrap { border-top: 0; border-left: 0; border-right: 0; margin-bottom: 0; cursor: pointer; height: 49px; padding-left: 15px; }
.panel-lateral-itinerario .component-name { font-size: 1.065rem; }
.panel-lateral-itinerario .component-actions { display: flex; }
.panel-lateral-itinerario .component-actions .action-collapse { background: none; }
.panel-lateral-itinerario .component-content { padding-left: 0; }
/*editado para solucion de MF5-201*/
/*editado por Evelio Ramirez*/
/*2021-12-17*/
/*
.panel-lateral-itinerario .component .component-header-wrap.active { background-color: #f6f6f6; }
*/

/*editado para solucion de MF5-201*/
/*editado por Evelio Ramirez*/
/*2021-12-16*/
/*
.panel-lateral-itinerario .component-header-wrap.active .component-name { font-weight: 700 !important; }
*/

/* .panel-lateral-itinerario .component.show-content > .component-content .component > .component-content .component .component-header,
.panel-lateral-curso .component.show-content > .component-content .component > .component-content .component .component-header { padding-left: 32px; } */
.panel-lateral-itinerario .component .component-name { font-weight: 700; }
.panel-lateral-itinerario .component > .component-content .component .component-name { font-size: 1rem; font-weight: 500; }
/* .panel-lateral-itinerario .component > .component-content .component > .component-content .component .component-icon { display: none; } */
.panel-lateral-itinerario .component > .component-content .component > .component-content .component .component-name { font-weight: 300; }

.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="quizz"] > .component-header-wrap .component-icon,
.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="task"] > .component-header-wrap .component-icon,
.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="gnossresource|debate"] > .component-header-wrap .component-icon,
.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="gnossresource|encuesta"] > .component-header-wrap .component-icon,
.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="aulavirtual"] > .component-header-wrap .component-icon,
.panel-lateral-itinerario .component > .component-content .component > .component-content [data-resource-type="aulaVirtual"] > .component-header-wrap .component-icon { display: block; }

/*editado para solucion de CORE-3393*/
/*editado por Evelio Ramirez*/
/*2021-12-08*/
/*
.edicionRecurso.page-modal .cerrar.texto-blanco { display: none; }
*/
@media (min-width: 991px){
    .fichaItinerario main[role="main"] > .container { padding: 0; }
}

@media (max-width: 991px){
    .fichaItinerario .contenido .grupo iframe { height: 200px; margin-bottom: 20px; }
    .fichaItinerario .actionButtons > a { margin-bottom: 5px; }

    .panel-lateral-activo .panel-lateral-itinerario { height: 100%; }
}
/* */



/* FICHA ENCUESTA */
.fichaEncuesta { }

.fichaEncuesta .formulario-edicion .component-header-wrap { padding-left: 42px; }
.fichaEncuesta .formulario-edicion .component-details { display: block; padding-top: 0; padding-left: 0; }
.fichaEncuesta .formulario-edicion .component-details .control-label { font-size: 1rem; }
.fichaEncuesta .formulario-edicion .component-header-wrap.success { border-left: 10px solid var(--c-success); padding-left: 32px; }

.fichaEncuesta .formulario-edicion .component-header-wrap.success .question-circle-wrap .circle { background-color: var(--c-success); }
.fichaEncuesta .formulario-edicion .component-header-wrap.success .question-circle-wrap .circle::after { font-weight: bold; color: var(--c-blanco); content: "done"; font-family: "Material Icons"; font-size: 22px; display: flex; justify-content: center; align-items: center; height: 32px; }

@media (max-width: 575px) {
    .fichaEncuesta .formulario-edicion .component-header { padding-left: 10px; }
}
/**/



/* FICHA TEST */
.fichaTest { }

.fichaTest .custom-control-label,
.fichaTest .form-check-label { font-weight: 400 !important; color: var(--c-negro); }

.fichaTest .form-check-input { border-color: var(--c-texto-claro); }
.fichaTest .form-check-input:checked + .form-check-label { color: var(--c-texto); font-weight: 500; }

.fichaTest .formulario-edicion { position: relative; }
.fichaTest .formulario-edicion legend { color: var(--c-negro); margin-bottom: 30px; }
.fichaTest .formulario-edicion .component-header { align-items: flex-start; }
.fichaTest .formulario-edicion .component-header-wrap { padding: 35px 30px; }
.fichaTest .formulario-edicion .component-header-right .marcador-wrap { position: relative; }
.fichaTest .formulario-edicion .component-header-right .marcador-wrap .marcador { text-align: right; }
.fichaTest .formulario-edicion .component-name { margin-bottom: 20px; }
.fichaTest .formulario-edicion .component-name .component-type { display: block; }
.fichaTest .formulario-edicion .component-name .component-title { font-size: 1rem; font-weight: 500; color: var(--c-texto); text-transform: none; white-space: normal; }
.fichaTest .formulario-edicion .component-image-wrap { height: 340px; margin-bottom: 20px; }
.fichaTest .formulario-edicion .component-image-wrap img { height: 100%; width: 100%; object-fit: cover; }
.fichaTest .formulario-edicion .component-details { display: block; padding: 0; }
.fichaTest .formulario-edicion .component-details p { font-weight: 300; }
.fichaTest .formulario-edicion .component-details .form-group { flex: 0 0 calc(33.33% - 8px); margin-right: 8px; }
.fichaTest .form-check { padding: 6px 0; }
.fichaTest .form-respuestas { }
.fichaTest .form-respuestas.horizontal { display: flex; flex-wrap: wrap; }
.fichaTest .form-respuestas:not(.horizontal) .form-group.error { margin-left: -6px; }
.fichaTest .form-image { height: 180px; width: 250px; margin-bottom: 10px; margin-left: 26px; }
.fichaTest .form-image img { height: 100%; width: 100%; object-fit: cover; }
.fichaTest .formulario-edicion .component-details .custom-checkbox { display: flex; flex-wrap: wrap; align-items: center; min-height: 36px; }

.fichaTest .formulario-edicion .component.success .component-details,
.fichaTest .formulario-edicion .component.error .component-details { margin-left: 37px; }

.fichaTest .formulario-edicion .component.success .component-name-wrap,
.fichaTest .formulario-edicion .component.error .component-name-wrap { position: relative; }
.fichaTest .formulario-edicion .component.success .component-name-wrap::before,
.fichaTest .formulario-edicion .component.error .component-name-wrap::before { font-family: 'Material Icons Outlined'; font-size: 1.6rem; position: absolute; left: 0; top: 10px; z-index: 10; }
.fichaTest .formulario-edicion .component.success .component-name-wrap::before { content: 'thumb_up'; color: var(--c-success); }
.fichaTest .formulario-edicion .component.error .component-name-wrap::before { content: 'thumb_down'; color: var(--c-error); }
.fichaTest .formulario-edicion .component.success .component-name .component-title,
.fichaTest .formulario-edicion .component.error .component-name .component-title { padding-left: 35px; }
.fichaTest .formulario-edicion .component.success .component-name .component-title { color: var(--c-success); }
.fichaTest .formulario-edicion .component.error .component-name .component-title { color: var(--c-error); }

.fichaTest .formulario-edicion .component.success,
.fichaTest .formulario-edicion .component.error { margin-bottom: 3px; }
.fichaTest .formulario-edicion .component.success .component-header-wrap,
.fichaTest .formulario-edicion .component.error .component-header-wrap { margin-bottom: 0; }

.component-comment { display: none; background-color: var(--c-gris-fondo); border: 1px solid var(--c-gris-borde); border-top: 0; padding: 21px 68px; }
.component-comment > div > p{ color: var(--c-negro); }
.component-comment p { font-weight: 300; }
.component-comment .form-group { margin-bottom: 0; }
.component-comment .form-check .form-check-label::after { display: none; }

.fichaTest .formulario-edicion .component.success .component-comment,
.fichaTest .formulario-edicion .component.error .component-comment { display: block; }

@media (max-width: 991px) {
    .fichaTest .formulario-edicion .component-details .form-group { flex: 0 0 100%; }
    .fichaTest .form-image { margin-left: 20px; display: flex; }
}

@media (max-width: 767px) {
    .fichaTest .formulario-edicion .component.success .component-details,
    .fichaTest .formulario-edicion .component.error .component-details { margin-left: 0; }

    .component-comment { padding: 21px 30px; }
}

@media (max-width: 575px) {
    .fichaTest .form-image { width: 100%; }
}
/**/



/* INFO RESOURCE */
.info-resource { border: 1px solid var(--c-gris-borde); padding: 15px 30px; margin-bottom: 20px; }
.info-resource div { flex: 0 0 185px; }
.info-resource div p { font-weight: 500; margin-bottom: 0; }
.info-resource div p.titulo { font-size: .866rem; font-weight: 400; color: var(--c-texto-claro); margin-bottom: 3px; }
.info-resource div .enlace_adjunto { padding: 0; }

@media (max-width: 991px) {
    .info-resource div { flex: 0 0 50%; margin-bottom: 5px; }
}

@media (max-width: 767px) {

}

@media (max-width: 575px) {
    .info-resource { padding: 10px 15px 10px; }
    .info-resource div { flex: 0 0 100%; }
}
/**/



/* TAGS */
.tag-list .tag { min-width: 0; }
.tag-list .tag .tag-wrap .tag-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/**/

.resource-list .resource .middle-wrap { display: flex; flex-direction: column; }
.resource-list .resource .middle-wrap .title-wrap { order: 2;  }
.resource-list .resource .middle-wrap .content-wrap { order: 3;  }
.resource-list .resource .middle-wrap .info-wrap { order: 1; }

/* CABECERA CURSO */
.cabeceraCurso { background-color: var(--c-gris-fondo); border: 1px solid var(--c-gris-borde); margin-bottom: 40px; display: flex; }
.cabeceraCurso .imagen-curso { width: 200px; background-position: center; background-size: cover; }
.cabeceraCurso .informacion-curso { padding: 17px 25px 17px 50px; flex: 1; position: relative; }
.cabeceraCurso .informacion-curso .title { font-size: 1.4rem; font-weight: 700; color: var(--c-negro); width: calc(100% - 50px); }
.cabeceraCurso .informacion-curso .acciones { position: absolute; top: 17px; right: 25px; }

@media (max-width: 767px){
    .cabeceraCurso { display: block; }
    .cabeceraCurso .imagen-curso { height: 200px; width: 100%; }
    .cabeceraCurso .informacion-curso { padding: 20px; }
}
/* */



/* LISTADO */
.resource-list .acciones-recurso-listado .dropdown-toggle { margin-left: 10px; }

.resource-list .acciones-recurso-repositorio ul > li > a { color: var(--c-texto-claro); }
.resource-list .acciones-recurso-repositorio .action-link { background-color: var(--c-complementario-azul); color: var(--c-blanco); }
.resource-list .acciones-recurso-repositorio .action-clone { background-color: var(--c-complementario-amarillo); color: var(--c-blanco); }
.resource-list .acciones-recurso-repositorio .action-clone span { font-size: 20px; }
.resource-list .acciones-recurso-repositorio .dropdown-link .dropdown-title .action-link { margin-left: 0; margin-right: 20px; height: 30px; width: 30px; }
.resource-list .acciones-recurso-repositorio .dropdown-link .dropdown-title .action-link .material-icons { font-size: 20px; }
.resource-list .acciones-recurso-repositorio .dropdown-link .link-list { height: 350px; overflow: auto; }
.resource-list .acciones-recurso-repositorio .dropdown-link .link-list > li { margin-bottom: 30px; }
.resource-list .acciones-recurso-repositorio .dropdown-link .link-list > li:last-child { margin-bottom: 0; }
.resource-list .acciones-recurso-repositorio .dropdown-link .link-list > li > p { width: 350px; }

.resource-list .resource .top-wrap.actividad-wrap {padding-bottom: 5px;}
.resource-list .resource .top-wrap .actividad,
.resource-list .resource .top-wrap .actividad a { color: var(--c-secundario); }
.resource-list .resource .top-wrap .actividad { display: flex; font-size: 13px; }
.resource-list .resource .top-wrap .actividad .icon { position: static; }
.resource-list .resource .top-wrap .actividad .icon:after { font-size: 20px; }

.resource-list-cursos .resource .upper-wrap { flex-wrap: wrap; }
.resource-list-cursos .resource .upper-wrap .title-wrap { width: 100%; }
.resource-list-cursos .resource .upper-wrap .title-wrap .resource-title { position: relative; font-size: 1.133rem; font-weight: 500; line-height: 20px; }
.resource-list-cursos .resource .upper-wrap .title-wrap .resource-title:before { font-size: 1.4rem; content: '\ef42'; font-family: 'Material Icons'; position: absolute; top: 0; left: -35px; color: var(--c-texto); }
.resource-list-cursos .resource .upper-wrap .title-wrap .resource-title a { color: var(--c-negro); font-weight: inherit; }
.resource-list-cursos .resource .middle-wrap .user-miniatura { display: none; }

.resource-list-repositorio .resource.itinerario .middle-wrap .title-wrap .resource-title:before { content: 'list'; }
.resource-list-repositorio .resource.leccion .middle-wrap .title-wrap .resource-title:before { content: 'list_alt'; }
.resource-list-repositorio .resource.recurso .middle-wrap .title-wrap .resource-title:before { }
.resource-list-repositorio .resource.video .middle-wrap .title-wrap .resource-title:before { content: 'videocam'; }
.resource-list-repositorio .resource.modulo .middle-wrap .title-wrap .resource-title:before { content: 'folder'; font-family: 'Material Icons Outlined'; }
/**/



/* LISTADO MOSAICO */
.resource-list-cursos.mosaicView .resource { height: 386px; flex: 0 0 33.33%; }
.resource-list-cursos.mosaicView .resource .wrap { display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--c-texto-super-claro); overflow: inherit; }
.resource-list-cursos.mosaicView .resource .upper-wrap { order: 2; padding: 12px 20px 10px 20px; justify-content: flex-start; }
.resource-list-cursos.mosaicView .resource .upper-wrap .autor { font-size: 13px; font-weight: 300; color: var(--c-negro); flex: inherit; }
.resource-list-cursos.mosaicView .resource .upper-wrap .title-wrap .resource-title { font-size: 21px; font-weight: 500; color: var(--c-negro); margin-bottom: 8px;  margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.resource-list-cursos.mosaicView .resource .upper-wrap .title-wrap .resource-title:before { display: none; }
.resource-list-cursos.mosaicView .resource .middle-wrap { order: 1; margin-bottom: 0; position: relative; }
.resource-list-cursos.mosaicView .resource .middle-wrap .user-miniatura { display: block; position: absolute; bottom: -25px; right: 0; }
.resource-list-cursos.mosaicView .resource .middle-wrap .content-wrap .image-wrap { padding-right: 0; }
.resource-list-cursos.mosaicView .resource .middle-wrap .content-wrap .image-wrap .image { width: 100%; height: 220px; }
.resource-list-cursos.mosaicView .resource .middle-wrap .content-wrap .description-wrap { display: none; }
.resource-list-cursos.mosaicView .resource .down-wrap { display: none; }

.resource-list-participantes.mosaicView { display: flex; flex-wrap: wrap; }
.resource-list-participantes.mosaicView .resource { flex: 0 0 33.33%; padding: 0; height: 100%; }
.resource-list-participantes.mosaicView .resource .user-miniatura { display: inline-block; }
.resource-list-participantes.mosaicView .resource .user-miniatura .imagen-usuario-wrap { padding-right: 0; }
.resource-list-participantes.mosaicView .resource .user-miniatura .nombre-usuario-wrap { padding: 10px 0; }

@media (max-width: 991px){
    .resource-list-cursos.mosaicView .resource { flex: 0 0 50%; }
}

@media (max-width: 767px){
    .resource-list-participantes.mosaicView .resource { flex: 0 0 50%; }
    .resource-list-participantes.mosaicView .resource .user-miniatura .acciones-usuario-wrap { padding-top: 0; }
}

@media (max-width: 575px){
    .resource-list.mosaicView .resource { flex: 0 0 100%; }

    .resource-list-cursos.mosaicView .resource .middle-wrap .content-wrap .image-wrap { margin-top: 0; margin-bottom: 0; }

    .resource-list-participantes.mosaicView .resource { padding-bottom: 17px; }
    .resource-list-participantes.mosaicView .resource .wrap { border-bottom: 1px solid var(--c-gris-borde); }
    .resource-list-participantes.mosaicView .resource .user-miniatura { display: flex; }
    .resource-list-participantes.mosaicView .resource .user-miniatura .imagen-usuario-wrap { padding-right: 10px; }
    .resource-list-participantes.mosaicView .resource .user-miniatura .nombre-usuario-wrap { padding: 0; }
}
/* */



/* LISTADO COMPACTO */
.resource-list-participantes.compacView .resource { padding-left: 0; }
.resource-list-participantes.compacView .user-miniatura .imagen-usuario-wrap { display: none; }
.resource-list-participantes.compacView .user-miniatura .nombre-usuario-wrap .nombre-completo { display: none; }
/**/



/* LISTADO LISTA */
.resource-list-participantes.listView .resource .wrap { margin-left: 0; }
/**/



/* LISTADO PERSONAS */
.listadoPersonas .col-buscador { }
.listadoPersonas.scrolling .col-buscador { }
.listadoPersonas .col-contenido { margin: auto; padding-left: 8px; }
.listadoPersonas .col-contenido .wrapCol { padding-left: 0; }

.listadoPersonas .no-participantes.texto-negro { font-weight: 700; }
.listadoPersonas .participantes { display: block; font-size: 1rem; padding-bottom: 20px; margin-top: 25px; margin-bottom: 0; border-bottom: 1px solid #e4e4e4; }
.listadoPersonas #panContenedorSinInvitados { margin-top: 20px; }
.listadoPersonas #panContenedorSinInvitados h3 { font-weight: 700; }
.listadoPersonas #panContenedorSinInvitados p { font-weight: 300; }
.listadoPersonas #panContenedorInvitados { margin: 20px 0; }
.listadoPersonas #panContenedorInvitados > ul > li { padding: 20px 0; border-bottom: 1px solid #e4e4e4; font-weight: 700; }
.listadoPersonas #panContenedorInvitados > ul > li > a.remove { font-size: 14px; font-weight: 400; color: var(--c-texto-claro); float: right; display: block; cursor: pointer; }
/**/



/* LISTADO BOTON FIXED */
.btn-fixed { display: none; position: fixed; bottom: 26px; right: 20px; z-index: 200; background-color: var(--c-secundario); color: var(--c-blanco); height: 50px; width: 50px; border-radius: 26px; cursor: pointer; }
.btn-fixed::after { content: 'group_add'; font-family: 'Material Icons'; font-size: 24px; }

@media (max-width: 767px){
    .btn-fixed { display: flex; right: 100px; }
}
/* */



/* COMENTARIOS */
.comentario .bloque-comentario .col-comentario .comentario-header { justify-content: flex-start; gap: 20px; }
.comentario.usuario-actual .bloque-comentario .col-comentario .comentario-header { justify-content: flex-end; margin-top: 0; }
.comentario.usuario-actual .bloque-comentario .col-comentario .user-miniatura { padding: 5px; }
.comentario .bloque-comentario .col-comentario .comentario-header .nombre-usuario-wrap .nombre { font-size: 17px !important; font-family: var(--f-hoefler-text); color: #525252; }
.comentario .bloque-comentario .col-comentario .comentario-header .user-miniatura .nombre-usuario-wrap { min-width: 100%;  }
.comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido { margin-bottom: 8px;  font-family: var(--f-hoefler-text); font-size: 18px; color: var(--c-texto-claro); }
.comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido p { word-break: break-word; color: var(--c-texto); }
.comentario.usuario-actual > .bloque-comentario .user-miniatura { order: 2; }
.resource-list .resource .comentario .bloque-comentario { background-color: var(--c-gris-fondo); padding: 10px !important; }
.resource-list .resource .comentario .bloque-comentario .col-comentario .comentario-header { margin-top: 0; justify-content: flex-start; }
.resource-list .resource .down-wrap .comentario .user-miniatura .nombre-usuario-wrap .nombre { font-family: "Gotham SSm A"; font-size: 13px !important; font-weight: bold; padding-right: 10px; }
.resource-list .resource .down-wrap .comentario .user-miniatura .nombre-usuario-wrap .fecha-publicacion { line-height: 26px; }
.resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido p { font-size: 15px !important; color: #6c6c6c !important;}
.lista-comentarios { padding-left: 0;}
/**/



/* FICHA CURSO */
.fichaCurso.con-panel-lateral-fixed main[role="main"] > .container { max-width: 100%; }
.fichaCurso.con-panel-lateral-fixed #footer .idiomas { padding-right: 70px; }

.fichaCurso .header-resource { margin-bottom: 10px; }
.fichaCurso .header-resource .upper-wrap { display: none; }
.fichaCurso .col-contenido ul.acciones-recurso { margin-bottom: 15px; }

.fichaCurso .col-contenido .acciones-recurso-wrapper { display: none; }

.fichaCurso .col-contenido > .wrapCol > .resource { display: flex; flex-direction: column; min-height: calc(100vh - 255px); }
.fichaCurso .col-contenido > .wrapCol > .resource > .actionButtons { flex: 1; align-items: flex-end !important; z-index: 6; }
.fichaCurso .col-contenido .contenido .image-wrap { margin-bottom: 20px; }
.fichaCurso .col-contenido .contenido .image-wrap .image { height: 375px; width: 100%; }
.fichaCurso .col-contenido .contenido .image-wrap .image img { height: 100%; width: 100%; object-fit: cover; }

.fichaCurso .contenido img,
.fichaCurso .contenidoAux img { height: 100%; }

/* para que las imágenes de los módulos, lecciones... no crezcan más del espacio visible*/
.fichaCurso .contenidoAux img:not([height]),
.fichaCurso .contenidoAux img[height=""] { width: 100%; }
.fichaCurso .info-recurso .group:not(.redes-sociales) ul li a:hover { color: var(--c-secundario); }

.fichaCurso .comentario .bloque-respuestas { padding-left: 0; }
.fichaCurso .comentario .bloque-respuestas .comentario { padding-left: 60px; }
.fichaCurso .comentario .bloque-respuestas .comentario.usuario-actual .bloque-comentario { padding: 15px 0; }

.fichaCurso .col-panel-lateral,
.fichaCurso .col-comentarios { flex: 0 0 100%; max-width: 100%; }
.fichaCurso .col-comentarios .comentarios-body { max-height: calc(100vh - 250px); overflow-y: auto; }
.fichaCurso .col-comentarios .resource-comentarios { margin-bottom: 15px; margin-top: 30px; position: sticky; top: 70px; }
.fichaCurso .col-comentarios .lista-comentarios { padding-left: 0; }

.fichaCurso .col-respuestas { clear: both; padding-top: 10px; }
.fichaCurso .col-respuestas .lista-comentarios { max-height: 100%; }

/*.fichaCurso .actionButtons { margin-top: 45px; }
.fichaCurso .actionButtons > a { font-size: 1rem; line-height: 21px; color: var(--c-negro); padding: 25px 21px; }
.fichaCurso .actionButtons > a::after,
.fichaCurso .actionButtons > a::before { font-family: 'Material Icons'; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); color: #707070; }
.fichaCurso .actionButtons > a.btn-next { padding-right: 50px; }
.fichaCurso .actionButtons > a.btn-next::after { content: 'arrow_forward_ios'; right: 20px; }
.fichaCurso .actionButtons > a.btn-prev { padding-left: 50px; }
.fichaCurso .actionButtons > a.btn-prev::before { content: '\e5e0'; left: 20px; }*/

.panel-lateral-fixed-activo .mascara-panel-lateral::before { content: ''; position: fixed; top: 0; left: 0; z-index: 799; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); }

.panel-lateral-curso { }
.panel-lateral-curso .header { padding: 15px; border-bottom: 1px solid var(--c-gris-borde); }
.panel-lateral-curso .header p { font-size: 1rem; line-height: 18px; font-weight: 500; color: var(--c-secundario); margin-bottom: 0; }
.panel-lateral-curso .header p .btn { height: 18px; }

.panel-lateral-curso .body { position: relative; }
.panel-lateral-curso .module-title { font-size: 0.875rem; padding: 7px 12px 7px 54px; border-bottom: 1px solid var(--c-gris-borde); text-transform: uppercase; height: 49px; display: flex; }
.panel-lateral-curso .component-header-wrap { border-top: 0; border-left: 0; border-right: 0; margin-bottom: 0; cursor: pointer; height: 49px; padding-left: 54px; }
/* .panel-lateral-curso .component > .component-header-wrap .component-icon,
.panel-lateral-curso .component > .component-content .component-icon.icono,
.panel-lateral-curso .component > .component-content .icon { display: none; } */
.panel-lateral-curso .component-name { font-family: "Gotham SSm A"; font-size: 1rem; font-weight: 300 !important; }
.panel-lateral-curso .component-actions { display: flex; }
.panel-lateral-curso .component-actions .action-collapse { background: none; }
.panel-lateral-curso .component-content { padding-left: 0; }

.panel-lateral-curso .component-header-wrap.component-active { background-color: var(--c-gris-fondo); }
/*editado para solucion de MF5-201*/
/*editado por Evelio Ramirez*/
/*2021-12-16*/
/*
.panel-lateral-curso .component-header-wrap.active .component-name { font-weight: 700 !important; }
*/
.module-title.active .step-progress-fixed .step-progress-fixed-circle { background-color: var(--c-secundario); }
.module-title.active .step-progress-fixed-bar::before { background-color: var(--c-secundario); }
.component-header-wrap.active .step-progress-fixed .step-progress-fixed-circle { background-color: var(--c-secundario); }
.component-header-wrap.active .step-progress-fixed-bar::before { background-color: var(--c-secundario); }

.panel-lateral-curso .component .component-name { font-weight: 500; }
.panel-lateral-curso .component > .component-content .component .component-name { font-weight: 500; }
.panel-lateral-fixed-activo .panel-lateral-curso .component > .component-content .component > .component-content .component .component-header-wrap { padding-left: 84px; }
/* .panel-lateral-curso .component > .component-content .component > .component-content .component .component-icon { display: none; } */
/*mostrar iconos de test tareas scorm y encuestas*/
/*eramirez 2021-11-30*/
/* .panel-lateral-curso .component > .component-content .component > .component-content .component .component-icon.icono { display: inline-block; } */
/*fin de mostrar iconos*/
.panel-lateral-curso .component > .component-content .component > .component-content .component.type-video .component-icon { display: block; }
.panel-lateral-curso .component>.component-content .component>.component-content .component .component-name,
.component>.component-content .component.type-resource .component-name { font-weight: 300; }

#SCO1 .btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); color: var(--c-blanco); padding: 0 14px; margin-bottom: 17px; float: right; }
#SCO1 .btn-primary .material-icons { font-size: 1.6rem; color: inherit; }

@media (max-width: 1199px){
    .fichaCurso.con-panel-lateral-fixed main[role="main"] > .container { padding-left: 16px; }

    .fichaCurso .lista-comentarios { max-height: inherit; }

    .fichaCurso #footer .wrapCol { flex-direction: column; align-items: flex-start; }
    .fichaCurso #footer .enlaces { padding-left: 0; }

    .fichaCurso .comentario .bloque-respuestas .comentario { padding-left: 75px; }
    .fichaCurso .col-comentarios .comentarios-body { max-height: none; }
    .fichaCurso .col-comentarios .resource-comentarios { margin-top: 30px; position: static; }
}

@media (max-width: 767px) {
    .fichaCurso .actionButtons > a { margin-bottom: 5px; width: 30px; font-size: 0; padding: 6px; }
    .fichaCurso .col-contenido > .wrapCol > .resource > .actionButtons { flex-wrap: nowrap !important; }
}
/**/
.js-action-edit-section .modulo-edit-modal {display: none;}
.js-action-edit-component .seccion-edit-modal {display: none;}
.js-action-edit-component .modulo-edit-modal {display: block;}
.js-action-edit-section .seccion-edit-modal {display: block;}

.js-action-edit-lesson .seccion-edit-modal {display: none;}
.js-action-edit-lesson .modulo-edit-modal {display: block;}



/* NUEVO MENSAJE */
.nuevoMensaje #btnSendMensaje { background: var(--c-secundario); border-color: var(--c-secundario); }
/**/



/* CONTEXTOS */
.col-contexto .wrapCol { margin-bottom: 0; }
.col-contexto .resource .hora { font-size: 1rem; font-weight: 700; line-height: 18px; color: var(--c-texto-claro); margin-left: 20px; margin-bottom: 0; }

.col-contexto .resource-curso .wrap { display: flex; flex-wrap: wrap; margin-left: 0; }
.col-contexto .resource-curso .wrap .image-wrap { margin-right: 28px; }
.col-contexto .resource-curso .wrap .image-wrap .image { height: 80px; width: 80px; }
.col-contexto .resource-curso .wrap .image-wrap .image img { height: 100%; width: 100%; object-fit: cover; }
.col-contexto .resource-curso .wrap .content-wrap { flex: 1; }
.col-contexto .resource-curso .wrap .content-wrap .title { margin-bottom: 5px; }

.col-contexto .resource-curso h3 a:hover,
.col-contexto .ver-mas:hover { color: var(--c-secundario); }

.col-contexto .user-miniatura .nombre-usuario-wrap .boton .btn .seguir { display: flex; align-items: center; }

.wrapCursos .ver-mas { padding-left: 108px; }

.grupo-progreso { border: 1px solid var(--c-gris-borde); padding: 28px 20px; margin-bottom: 20px !important; }
.grupo-progreso.progreso-calificables { }
.grupo-progreso.progreso-calificables .progreso-wrapper { width: 100%; font-size: 12px; }
.grupo-progreso.progreso-calificables .progreso-wrapper .font-weight-bold { width: 100%; font-size: 14px; }
.grupo-progreso.progreso-calificables .progress { position: static; height: 24px; width: auto; display: flex; background-color: var(--c-gris-borde); border-radius: 0; margin: 0; margin-top: 2px; }
.grupo-progreso.progreso-calificables .progress-bar { background-color: var(--c-secundario); }

.grupo-personas .resource .nombre-usuario-wrap a { font-size: 20px; line-height: 24px;  font-family: var(--f-hoefler-text); font-weight: normal; }
.grupo-personas .con-borde .resource { margin-bottom: 10px; }
.grupo-personas .con-borde .resource .user-miniatura { border-bottom: none; position: relative; }
.grupo-personas .con-borde .resource .user-miniatura::after { content: ""; height: 1px; border-bottom: 1px solid var(--c-gris-borde); position: absolute; bottom: 0; right: 0; width: calc(100% - 75px); }
.grupo-personas .con-borde .resource:after .user-miniatura { border-bottom: none; }
.grupo-personas .con-borde .resource:last-of-type .user-miniatura::after { display: none; }
.grupo-personas .con-borde .resource .user-miniatura { padding-bottom: 10px; }
/**/


/* Comentarios en columnas laterales (curso, encuesta...) */
.col-comentarios {}
.col-comentarios .lista-comentarios .comentario:after { display: none; }
.col-comentarios .lista-comentarios .comentario .bloque-comentario { }
.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap { flex-wrap: wrap; }
.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .btn { margin-bottom: 3px; padding: 0 10px; }
.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .btn .material-icons { padding-right: 0; }
.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .btn .texto { padding-left: 10px; }
/*.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .eliminar .texto { display: none; }*/
/* .col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .texto { display: none; } */
.col-comentarios .lista-comentarios .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap .eliminar .material-icons { padding-right: 0; }
.col-comentarios .lista-comentarios .comentario .bloque-respuestas .comentario-respuestas .comentario .col-comentario { padding: 0;}
.col-comentarios .lista-comentarios > .comentario { border: 1px solid var(--c-gris-borde); padding-bottom: 0; }
.col-comentarios .lista-comentarios > .comentario > .bloque-comentario { padding: 10px 15px; flex-wrap: nowrap; }
.col-comentarios .lista-comentarios > .comentario > .bloque-respuestas { background-color: var(--c-gris-fondo); }
.col-comentarios .escribir-comentario { padding-left: 0; }
.escribir-comentario { padding-bottom: 20px; }
.escribir-comentario .comentario .bloque-comentario { padding-bottom: 15px; }

@media (max-width: 575px) {
    .col-comentarios .lista-comentarios > .comentario > .bloque-comentario { padding: 10px; }
}
/**/


/* FILE UPLOADER */
.file-uploader { display: flex; flex-wrap: wrap; }
.file-uploader__drop-area { cursor: pointer; flex: 1; background-color: var(--c-blanco); padding: 18px 20px; border: 1px solid var(--c-gris-borde); position: relative; display: flex; align-items: center; }
.file-uploader__info { }
.file-uploader__info p { margin-bottom: 0; font-size: 1rem; color: var(--c-texto-claro); }
.file-uploader__icon { padding-right: 20px; }
.file-uploader__icon span { font-size: 1.6rem; color: var(--c-texto-claro); }
.file-uploader__input { display: none; }
.file-uploader__preview { display: flex; align-items: center; }
.file-uploader__preview .material-icons { padding-left: 10px; cursor: pointer; }
/* */



/* CENTRO DE CALIFICACIONES */
.centro-calificaciones { overflow: hidden;}
.centro-calificaciones .area-grab-menu-clonado { display: none; }

.centro-calificaciones header { box-shadow: none; }
.centro-calificaciones header .upper-row .col01,
.centro-calificaciones header .upper-row .col02 { display: none; visibility: hidden; /*pointer-events: none;*/ }
.centro-calificaciones header .community-row { position: absolute; top: 10px; }
.centro-calificaciones header .community-row #community-menu { display: none; }
.centro-calificaciones header .row.community-row .community-menu-wrapper { padding-left: 5px !important; }
.centro-calificaciones header .row.community-row .community-menu-wrapper > a { display: flex; text-decoration: none !important; }
.centro-calificaciones header .row.community-row .page-name-wrapper { display: flex; }
.centro-calificaciones header .row.community-row .page-name-wrapper .name-centro-calificaciones { white-space: nowrap; font-size: 1.1rem; padding-left: 16px; border-left: 1px solid #fff; }
.centro-calificaciones .menuLateral.usuario.clonado { display: none; }
.centro-calificaciones .container { max-width: 100%; padding: 0 24px; margin-top: 15px !important; }
.centro-calificaciones .col-breadcrumb { display: none; }
@media (max-width: 650px) {
    .centro-calificaciones header .row.community-row .page-name-wrapper .name-centro-calificaciones { display: none; }
}

.header-centro-calificaciones { position: fixed; z-index: 5; left: 0; top: 60px; height: auto; right: 0; padding: 8px 20px; display: flex; align-items: center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }
.header-centro-calificaciones .actions { flex: 1; width: 100%; }
.header-centro-calificaciones .actions .icon,
.header-centro-calificaciones .actions .add-filtros { padding-top: 4px; display: flex; align-items: center; }
.header-centro-calificaciones .actions #add-filter-dropdown > a,
.header-centro-calificaciones .actions #filtros-rapidos { white-space: nowrap;; border-right: 1px solid var(--c-gris-borde); height: 30px; border-radius: 0;font-size: 12px; }
.header-centro-calificaciones .actions #restablecer { color: var(--c-texto-claro);font-size: 12px; }
.header-centro-calificaciones .actions #restablecer:hover .filter-dropdown-title { text-decoration: underline; }
.header-centro-calificaciones .actions #add-filter-dropdown > a .material-icons,
.header-centro-calificaciones .actions #restablecer .material-icons { font-size: 22px; padding-right: 5px; }
.header-centro-calificaciones .vista-columnas { }
.header-centro-calificaciones .vista-columnas #columnas-dropdown-menu { max-height: calc(100vh - 120px); overflow: auto; }
.header-centro-calificaciones .actions-right .btn { border-radius: 0px; }
.header-centro-calificaciones .vista-columnas .dropdown-toggle { padding: 0 10px 0 0; }
.header-centro-calificaciones .vista-columnas .dropdown-toggle span:first-child { display: inline-flex; align-items: center; height: 100%; padding-left: 10px; margin-right: 10px; border-right: 1px solid #ddd; padding-right: 10px; }
.header-centro-calificaciones .vista-columnas .nav-tabs { position: relative; padding-left: 0; padding-right: 20px; border: none; }
.header-centro-calificaciones .vista-columnas .nav-tabs:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; background-color: #ddd; z-index: -1; height: 2px; }
.header-centro-calificaciones .vista-columnas .nav-tabs .nav-item { margin-bottom: 1px; padding: 0 10px 0 15px; }
.header-centro-calificaciones .vista-columnas .nav-tabs .nav-item .nav-link { padding: 10px 0; font-size: 12px; text-transform: uppercase; border-bottom: 2px solid transparent; color: var(--c-texto-claro) !important; }
.header-centro-calificaciones .vista-columnas .nav-tabs .nav-item .nav-link.active { border-color: var(--c-texto-negro); color: var(--c-texto-negro)  !important; }
.header-centro-calificaciones .vista-columnas .tab-content { padding-bottom: 0; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content label::first-letter { text-transform: uppercase; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content p { font-size: 13px; font-weight: 600; margin-bottom: 0; padding-left: 15px; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content ul { padding-left: 0; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content ul li { padding: 0 10px 5px 60px; border-bottom: 1px solid #ddd; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content ul li:first-child { margin-top: 5px; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content ul li:first-child .custom-control-label::first-letter { text-transform: none;  }
.header-centro-calificaciones .vista-columnas #actividades-tab-content ul li .custom-control-label { font-size: 13px; font-weight: 400 !important; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content .fecha-limite-wrap { border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content .fecha-limite-wrap .filtroFecha { max-width: 120px; }
.header-centro-calificaciones .vista-columnas #actividades-tab-content .fecha-limite-wrap .restablecer-fechas { color: var(--c-secundario); font-size: 13px; padding: 10px 0 0 15px; cursor: pointer; display: block; }
.header-centro-calificaciones .vista-columnas .vistas-predeterminadas { margin-top: 11px; border-top: 1px solid var(--c-gris-borde); padding: 10px 15px 1px 15px; background-color: var(--c-gris-fondo); margin-bottom: -10px; }
.header-centro-calificaciones .vista-columnas .vistas-predeterminadas p { font-size: 13px; margin-bottom: 3px; }
.header-centro-calificaciones .vista-columnas .vistas-predeterminadas ul { margin-bottom: 5px; }
.header-centro-calificaciones .vista-columnas .vistas-predeterminadas ul li { cursor: pointer; margin-bottom: 0; font-size: 13px; color: var(--c-secundario); }

.header-centro-calificaciones .vista-columnas .filtro-all .seleccionar-todas .custom-control-label::after { height: 9px; width: 9px; background: #999; background-image: none !important; position: absolute; top: 7px; left: -19px; }

.header-centro-calificaciones .actions .table-search { display: flex; align-items: center; position: relative; }
.header-centro-calificaciones .actions .table-search .material-icons { position: absolute; right: 5px; top: 7px; color: #777; }
.header-centro-calificaciones .actions .table-search input { height: 38px; padding-right: 35px; }
.header-centro-calificaciones .actions .descargar-cuaderno,
.header-centro-calificaciones .actions .abrir-modal-mensaje { width: 38px; padding: 0; }
.header-centro-calificaciones .actions .descargar-cuaderno .material-icons,
.header-centro-calificaciones .actions .abrir-modal-mensaje .material-icons { padding: 0; }
.header-centro-calificaciones .actions #addColumns { height: 38px; width: 38px; padding: 0; justify-content: center; display: flex; }

.header-centro-calificaciones .actions .fechaDesdeHasta { padding: 5px 15px 0 15px; min-width: 260px; display: flex; }
.header-centro-calificaciones .actions .fechaDesdeHasta .form-group { margin-bottom: 0; }
.header-centro-calificaciones .actions .fechaDesdeHasta .form-group:last-child { margin-left: 5px; }
.header-centro-calificaciones .actions .fechaDesdeHasta .form-group input { font-size: 14px; height: 30px; }

.collapse-right-actions .header-centro-calificaciones .actions-right #columnas-dropdown { width: 38px; padding: 0; }
.collapse-right-actions .header-centro-calificaciones .actions-right #columnas-dropdown .material-icons-outlined { margin: 0; padding: 0; border: none; }
.collapse-right-actions .header-centro-calificaciones .actions-right #columnas-dropdown:after { display: none; }
.collapse-right-actions .header-centro-calificaciones .actions-right .btn.descargar-cuaderno { width: 38px; padding: 0; }
.collapse-right-actions .header-centro-calificaciones .actions-right #addColumns { width: 38px; }
.collapse-right-actions .header-centro-calificaciones .actions-right #columnas-dropdown span:last-child { display: none; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search .form-control { display: none; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search .material-icons { cursor: pointer; position: static; background-color: #fff; border: 1px solid #ddd; font-size: 20px; font-family: "Material Icons"; content: 'search'; height: 38px; width: 38px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search.desplegado { position: absolute; right: 20px; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search.desplegado .material-icons { position: absolute; top: 1px; border: none; height: 36px; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search.desplegado .material-icons:after { content: 'close'; position: absolute; background-color: #fff; }
.collapse-right-actions .header-centro-calificaciones .actions .table-search.desplegado .form-control { display: block; }

.tabla-centro-calificaciones-wrap { margin-bottom: 0 !important; border: none !important; padding: 0 !important; margin-top: 60px; }
.tabla-centro-calificaciones-wrap .dt-buttons { position: absolute; top: 0; right: 400px; z-index: 200; width: auto; }
.tabla-centro-calificaciones-wrap .dt-buttons .btn { margin-left: 5px; }

/* Reglas para quitar estilos genéricos del theme.css */
.centro-calificaciones table { border-top: none !important; margin-top: 0 !important; }
.centro-calificaciones > tbody > tr { border-bottom: none; }
.centro-calificaciones .progress-bar { background-color: var(--c-secundario); }
/*  */

.centro-calificaciones .dataTables_filter { display: none; }

.centro-calificaciones .dataTables_scrollHeadInner { border-top: 1px solid var(--c-gris-borde); }
.centro-calificaciones .dataTables_scrollHead { border-left: 1px solid var(--c-gris-borde) !important; }

.centro-calificaciones .dataTables_scrollBody {  }
.centro-calificaciones .dataTables_scrollBody::-webkit-scrollbar { width: 6px; height: 6px;}
.centro-calificaciones .dataTables_scrollBody { scrollbar-width: thin; scrollbar-color: #bbb rgba(0,0,0,0.08);}
.centro-calificaciones .dataTables_scrollBody::-webkit-scrollbar-track { background: rgba(0,0,0,0.08); border-radius: 0; }
.centro-calificaciones .dataTables_scrollBody::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 0; border: none; }
.centro-calificaciones .dataTables_scrollHeadInner > table > thead th.nombrecompleto,
.centro-calificaciones .dataTables_scrollBody > table > tbody td.nombrecompleto { position: -webkit-sticky; position: sticky; left: 0; z-index: 1; }
.centro-calificaciones .dataTables_scrollBody { border-left: 1px solid var(--c-gris-borde); }
.centro-calificaciones .dataTables_scrollBody > table { border-bottom: 1px solid var(--c-gris-borde); }
.centro-calificaciones .dtfc-right-top-blocker { display: none !important; }

.centro-calificaciones .dataTables_info { display: none; }

.centro-calificaciones .DTFC_ScrollWrapper { border: 1px solid var(--c-gris-borde); border-bottom: none;}
.centro-calificaciones .DTFC_ScrollWrapper .dataTables_scrollBody { border: 0; }

.centro-calificaciones table.dataTable>thead>tr>th:not(.sorting_disabled),
.centro-calificaciones table.dataTable>thead>tr>td:not(.sorting_disabled) { padding-right: 10px; }
.centro-calificaciones table.dataTable>thead .sorting:after { display: none !important; }
.centro-calificaciones table.dataTable>thead .sorting:before { right: 2px; bottom: 12px; content: 'arrow_drop_down'; font-family: 'Material Icons'; opacity: 1 !important; font-size: 22px; color: var(--c-texto-claro);}
.centro-calificaciones table.dataTable>thead .sorting_asc:before,
.centro-calificaciones table.dataTable>thead .sorting_desc:before { color: var(--c-negro); }
.centro-calificaciones table.dataTable>thead .sorting_asc:before { content: 'arrow_drop_up'; }

.centro-calificaciones  .opciones-columnas { min-width: 100px; padding: 10px 0; border-radius: 0; border: 1px solid var(--c-gris-borde); background-color: var(--c-blanco);  display: none; position: fixed; z-index: 100; transform: translate(0, 0); }
.centro-calificaciones  .opciones-columnas ul li { padding: 0 15px; line-height: 30px; white-space: nowrap; user-select: none; cursor: pointer; display: flex; align-items: center; color: var(--c-texto-claro); font-size: 0.8rem; }
.centro-calificaciones  .opciones-columnas ul li:hover { background-color: var(--c-gris-fondo); color: var(--c-texto-negro) }
.centro-calificaciones  .opciones-columnas .cerrar-wrapper { display: flex; justify-content: flex-end; margin-right: 3px;}
.centro-calificaciones  .opciones-columnas .cerrar-wrapper .cerrar { user-select: none; color: var(--c-texto-medio); font-size: 18px; justify-content: flex-end; margin-top: -5px; margin-right: 4px; cursor: pointer; }

.tabla-centro-calificaciones  tr { border-bottom: none !important; }
.tabla-centro-calificaciones  tr td,
.tabla-centro-calificaciones  tr th { padding: 0 10px; height: 35px; background: var(--c-blanco); border-right: 1px solid var(--c-gris-borde); }
.tabla-centro-calificaciones  tr td { font-size: 13px !important; font-weight: 400; color: var(--c-texto-medio); box-sizing: border-box; max-width: 200px; border-bottom: 1px solid var(--c-gris-borde); padding: 5px 8px !important; }
.tabla-centro-calificaciones  tr:last-child td { border-bottom: none; }
.tabla-centro-calificaciones  tr th.progreso,
.tabla-centro-calificaciones  tr td.progreso { text-align: center; max-width: 120px; }

.tabla-centro-calificaciones  tr th { border-bottom: 1px solid var(--c-gris-borde); font-size: 12px; color: var(--c-negro); font-weight: 500; }
.tabla-centro-calificaciones  tr th .th-wrapper { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 20px 0 0; }
.tabla-centro-calificaciones  tr th .th-wrapper a { color: var(--c-texto-negro); }
.tabla-centro-calificaciones  tr th .th-wrapper .opciones-columna-trigger { margin-left: 10px; }
.tabla-centro-calificaciones  tr th .th-wrapper .opciones-columna-trigger .material-icons { font-size: 20px;}
.tabla-centro-calificaciones  tr th .th-wrapper .material-icons-outlined { font-size: 22px; margin-right: 10px; position: relative; }

.tabla-centro-calificaciones  tr.cabecera-row .th-wrapper { display: flex; align-items: center; }
.tabla-centro-calificaciones  tr.cabecera-row .th-wrapper a { min-width: 70px; display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
.tabla-centro-calificaciones  tr.cabecera-row .th-wrapper .edit { padding: 0 0 0 10px; }
.tabla-centro-calificaciones  tr.cabecera-row .th-wrapper .edit span { font-size: 18px; color: #555;}

.tabla-centro-calificaciones  tr.nota-media-row th { background: var(--c-gris-fondo); }
.tabla-centro-calificaciones  tr.nota-media-row th .th-wrapper { position: relative; display: flex; justify-content: center; align-items: center; padding: 0; color: var(--c-texto)}
.tabla-centro-calificaciones  tr.nota-media-row th:first-child .th-wrapper { justify-content: flex-start; }
.tabla-centro-calificaciones  tr.nota-media-row th .th-wrapper .nota-media { line-height: 26px; }

.tabla-centro-calificaciones  tr td .nombrecompleto-wrapper { display: flex; align-items: center; justify-content: space-between; }
.tabla-centro-calificaciones  tr td .nombrecompleto-wrapper a { overflow: hidden; text-overflow: ellipsis; }

.tabla-centro-calificaciones  tr .curso { background-color: #ececec; }
.tabla-centro-calificaciones  tr .modulo { background-color: #f1f1f1; }
.tabla-centro-calificaciones  tr .leccion { background-color: #f6f6f6; }
.tabla-centro-calificaciones  tr.nota-media-row .curso,
.tabla-centro-calificaciones  tr.nota-media-row .modulo,
.tabla-centro-calificaciones  tr.nota-media-row .leccion { background-color: #eaeaea;}

.tabla-centro-calificaciones  td.datoAlumno.editable .td-wrapper { cursor: pointer; min-height: 30px; align-items: center; display: flex; }

.tabla-centro-calificaciones  .actividad-wrapper { position: relative; display: flex; align-items: center; justify-content: center;  }
.tabla-centro-calificaciones  .actividad .actividad-wrapper { cursor: pointer;}
.tabla-centro-calificaciones  .actividad .actividad-wrapper .nota-display { position: relative; min-height: 15px; min-width: 32px;}
.tabla-centro-calificaciones  .actividad .actividad-wrapper .nota-display:after,
.tabla-centro-calificaciones  .actividad .actividad-wrapper .nota-display:before { font-family: 'Material Icons Outlined'; position: absolute; top: 0; left: -23px; font-size: 14px; }
.tabla-centro-calificaciones  .actividad[data-estado="sin-iniciar"] .actividad-wrapper .nota-display:before { content: 'schedule'; color: #c4c4c4; }
.tabla-centro-calificaciones  .actividad[data-estado="completada"] .actividad-wrapper .nota-display:before { content: 'check_circle'; color: #00db16; }
.tabla-centro-calificaciones  .actividad[data-estado="iniciada"] .actividad-wrapper .nota-display { color: #0dceff; }
.tabla-centro-calificaciones  .actividad[data-estado="iniciada"] .actividad-wrapper .nota-display:before { content: 'schedule'; color: #0dceff; }
.tabla-centro-calificaciones  .actividad[data-eximir-usuario="true"] .actividad-wrapper .nota-display:before { content: 'error_outline' !important; color: #ff00dd !important; }
.tabla-centro-calificaciones  .actividad[data-comentario] .actividad-wrapper .nota-display:after { content: 'chat_bubble'; color: #999; right: -23px; left: auto;}

.tabla-centro-calificaciones  #footer { display: none; }

.tabla-centro-calificaciones  .curso.no-activa .actividad-wrapper,
.tabla-centro-calificaciones  .modulo.no-activa .actividad-wrapper,
.tabla-centro-calificaciones  .leccion.no-activa .actividad-wrapper,
.tabla-centro-calificaciones  .actividad.no-activa .actividad-wrapper { opacity: 0.35;  }
.tabla-centro-calificaciones  .curso.activa .actividad-wrapper,
.tabla-centro-calificaciones  .modulo.activa .actividad-wrapper,
.tabla-centro-calificaciones  .leccion.activa .actividad-wrapper,
.tabla-centro-calificaciones  .actividad.activa .actividad-wrapper { font-weight: bold; }

.tabla-centro-calificaciones  .progress { position: static; height: 8px; width: auto; display: flex; background-color: var(--c-gris-borde); border-radius: 0; margin: 0; margin-top: 2px; }

@media (max-width: 1365px) {
    .centro-calificaciones .container { padding: 0 16px; }
}

@media (max-width: 1199px) {
    .centro-calificaciones .dataTables_filter { top: 30px; }

    .header-centro-calificaciones { flex-direction: column; align-items: flex-start; }
    .header-centro-calificaciones .title-wrap h1 { margin-bottom: 10px; }

    .tabla-centro-calificaciones-wrap .dt-buttons { right: inherit; top: 28px; left: 160px; }
}

@media (max-width: 767px) {
    .centro-calificaciones .descargar-cuaderno { padding: 0 10px; }
    .centro-calificaciones .descargar-cuaderno .material-icons { padding-right: 0; }

    .centro-calificaciones .dataTables_scrollHeadInner > table > thead th.nombrecompleto,
    .centro-calificaciones .dataTables_scrollBody > table > tbody td.nombrecompleto { position: initial; }

    .tabla-centro-calificaciones-wrap .dt-buttons { left: 60px; }

    .header-centro-calificaciones .actions { flex-wrap: wrap; }
    .header-centro-calificaciones .actions > div { flex: 0 0 100%; }
    .header-centro-calificaciones .actions .actions-right { justify-content: flex-end; margin-top: 20px; }
    .header-centro-calificaciones .actions #add-filter-dropdown > a .filter-dropdown-title,
    .header-centro-calificaciones .actions #filtros-rapidos .filter-dropdown-title { display: none; }
    .header-centro-calificaciones .actions #restablecer .filter-dropdown-title { display: none; }
}

@media (max-width: 575px) {
    .tabla-centro-calificaciones-wrap .dt-buttons { top: 30px; }
}
/* */

/* MODAL AÑADIR ACTIVIDAD CALIFICABLE */
.modal-datos-alumno {}
.modal-datos-alumno .edicion { display: none; }
.modal-datos-alumno.edicion .edicion { display: inline-block;}
.modal-datos-alumno.edicion .creacion { display: none; }
/* */


/* MODAL AÑADIR ACTIVIDAD CALIFICABLE */
.modal-actividad-calificable {}
.modal-actividad-calificable .edicion { display: none; }
.modal-actividad-calificable.edicion .edicion { display: inline-block;}
.modal-actividad-calificable.edicion .creacion { display: none; }
.modal-actividad-calificable .arbol-cursos {}
.modal-actividad-calificable .arbol-cursos .curso .item {padding-left: 25px;}
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little { padding-left: 25px; min-height: auto; margin-bottom: 8px; }
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little .custom-control-label::after { content: "" !important; top: 1px; left: -25px; height: 16px; width: 16px; border: 1px solid var(--c-texto-claro) !important;}
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little .custom-control-label::before { left: -22px; top: 4px; height: 10px; width: 10px; display: none;}
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little .custom-control-input:checked~.custom-control-label { color: var(--c-texto);}
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little .custom-control-input:checked~.custom-control-label::before { content: ""; display: block; background-color: var(--c-texto);}
.modal-actividad-calificable .arbol-cursos .custom-radio.themed.little .custom-control-input:checked~.custom-control-label::after { border: 1px solid var(--c-texto) !important;}
.modal-actividad-calificable.edicion .arbol-cursos { opacity: 0.4; pointer-events: none;  user-select: none; }
/* */

/* MODAL EDITAR CALIFICACION */
.modal-editar-calificacion #input-calificacion-actividad { font-family: inherit !important; }
.modal-editar-calificacion #link-actividad { padding-top: 8px; display: inline-block; color: var(--c-secundario); font-size: 13px; }
.modal-editar-calificacion #eximir-usuario-actividad .content p { font-size: 12px; color: var(--c-texto-claro); }
.modal-editar-calificacion .shell [aria-hidden="true"] { display: none;}
/* */

/* MODAL EDITAR METODO DE CALCULO */
.modal-metodo-calculo .info { display: block; padding-top: 5px; opacity: 0.5; margin-top: 0; }

.modal-metodo-calculo .metodo-calculo-checkbox { font-size: 15px; }
.modal-metodo-calculo .metodo-calculo-checkbox .content { display: none; }
.modal-metodo-calculo .metodo-calculo-checkbox input:checked~.content { display: block;}
.modal-metodo-calculo .metodo-calculo-checkbox .custom-radio { margin-bottom: 20px; }

.modal-metodo-calculo .lista-ponderacion { border-top: 1px solid var(--c-gris-borde); }
.modal-metodo-calculo .lista-ponderacion .item { padding: 5px 0; border-bottom: 1px solid var(--c-gris-borde); display: flex; justify-content: space-between; align-items: center;}
.modal-metodo-calculo .lista-ponderacion .item .title {}
.modal-metodo-calculo .lista-ponderacion .item .form-group { position: relative; margin-bottom: 0;  }
.modal-metodo-calculo .lista-ponderacion .item .form-group:after { content: '%'; position: absolute; right: 10px; top: 12px; font-size: 18px; }
.modal-metodo-calculo .lista-ponderacion .item .form-group .form-control { width: 80px; height: 50px; padding-right: 30px; text-align: right; }
.modal-metodo-calculo .resto { padding-top: 10px; text-align: right; color: var(--c-texto-medio); }
.modal-metodo-calculo .resto.error { color: var(--c-error); font-weight: bold; }
/* */


/* FICHA PERFIL */
.lista-checkbox { padding-left: 0; max-width: 340px; }
.lista-checkbox li { margin-bottom: 0 !important; padding: 7px 15px 5px 40px; border-bottom: 1px solid var(--c-gris-borde); }
.lista-checkbox li.modulo { padding-left: 65px; }
.lista-checkbox li.leccion { padding-left: 90px; }
.lista-checkbox li input { left: 18px; }
.lista-checkbox li .custom-control-input:checked ~ .custom-control-label { font-weight: normal;}
.lista-checkbox li .custom-control-label { font-size: 13px; font-weight: normal;  }
/* */

/* FILTROS  */
.filtros-tabla { display: flex; flex-wrap: wrap; margin-bottom: -5px; }
.filtros-tabla .filter-dropdown:not(.filtro-activo) .custom-control-label::after { display: none; }
.filtros-tabla .filter-dropdown .dropdown-toggle { border-radius: 0; }

.filtro-all .todas-wrap .custom-control-label::after { height: 9px; width: 9px; background: #999; background-image: none !important; position: absolute; top: 7px; left: -19px; }

.filter-dropdown { margin-bottom: 5px; }
.filter-dropdown.seleccionable { display: none; }
.filter-dropdown:not(:first-child) { margin-left: 5px; }
.filter-dropdown.filtro-activo .dropdown-toggle { background-color: #f5f5f5; }
.filter-dropdown .dropdown-toggle { border-radius: 20px; padding: 0 10px 0 15px; }
.filter-dropdown .dropdown-toggle:after { margin-left: 10px; }
.filter-dropdown .dropdown-toggle .filter-dropdown-title:not(:empty) { }
.filter-dropdown .dropdown-toggle .filter-dropdown-primero:not(:empty) { margin-left: 8px; font-weight: bold; color: var(--c-texto-negro); max-width: 100px; text-overflow: ellipsis; overflow: hidden; }
.filter-dropdown .dropdown-toggle .filter-dropdown-extras:not(:empty) { margin-left: 8px; font-weight: bold; padding: 0 8px; height: 30px; color: var(--c-texto-negro); background-color: #ddd; display: inline-flex; align-items: center; border-radius: 15px; }
.filter-dropdown .list-wrap { max-height: calc(100vh - 350px); overflow: auto; }
.filter-dropdown .list-wrap .lista-checkbox { min-width: 200px; margin-bottom: 0; }
.filter-dropdown .actions-wrap { padding: 15px 15px 0 15px; }
.filter-dropdown .actions-wrap a { font-size: 13px; color: var(--c-secundario); cursor: pointer; }
.filter-dropdown .search-wrap { position: relative; }
.filter-dropdown .search-wrap:after { color: var(--c-texto-claro); position: absolute; right: 10px; font-size: 22px; top: 8px; font-family: 'Material Icons'; content: 'search';}
.filter-dropdown .search-wrap .filtro-search { padding-right: 40px; border-top: none; border-right: none; border-left: none; margin-top: -10px; }
.filter-dropdown .search-wrap .filtro-search:focus { border-color: #999; box-shadow: none; }
.filter-dropdown .todas-wrap { }
.filter-dropdown .todas-wrap .custom-checkbox { padding: 7px 15px 5px 40px; border-bottom: 1px solid var(--c-gris-borde); line-height: 2; }
.filter-dropdown .todas-wrap .custom-checkbox label { font-size: 13px; }
.filter-dropdown .todas-wrap .custom-checkbox input { left: 18px; }

.filter-dropdown.add-filter-dropdown { margin-bottom: 0; }
.filter-dropdown.add-filter-dropdown a { color: var(--c-secundario) !important; }
.filter-dropdown.add-filter-dropdown a:after { display: none; }
.filter-dropdown.add-filter-dropdown a .material-icons { font-size: 20px; padding-right: 3px ;}
.filter-dropdown.add-filter-dropdown a:hover .filter-dropdown-title { text-decoration: underline;}
/* */

/* FICHA PERFIL */
.perfil-cabecera .user-miniatura { padding-top: 30px; }
.perfil-cabecera .user-miniatura .acciones-usuario-wrap { margin-top: -70px; }
.perfil-cabecera .acciones-usuario-wrap .btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); }
.perfil-lateral-redes-sociales .group-title { flex: 0 0 88px; margin-bottom: 0; white-space: nowrap; padding-right: 10px; }
/**/

/* FICHA PERFIL ALUMNO */
.fichaPerfilAlumno .info-resource { padding-bottom: 0; }
.fichaPerfilAlumno .info-resource div { flex: 0 0 20%; margin-bottom: 10px; }
.fichaPerfilAlumno .perfil-lateral { margin-bottom: 20px; }
.fichaPerfilAlumno .step-progress-fixed-circle { display: flex; justify-content: center; align-items: center; }
.fichaPerfilAlumno .perfil-cabecera { margin-bottom: 15px; }
.fichaPerfilAlumno .perfil-cabecera #user-description { margin-top: 10px; }
.fichaPerfilAlumno .perfil-cabecera .listado-comunidades .btn { height: 30px; }
.fichaPerfilAlumno .perfil-cabecera .listado-comunidades .btn.ver-mas { font-weight: 400;}
.fichaPerfilAlumno .perfil-lateral .perfil-cabecera,
.fichaPerfilAlumno .progresos-movil { display: none; }

.fichaPerfilAlumno .resource-list.usuarios .user-miniatura { align-items: flex-start; padding-bottom: 15px; }
.fichaPerfilAlumno .resource-list-usuarios {align-items: flex-start; }
.fichaPerfilAlumno .resource-list-usuarios.usuarios { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; grid-auto-rows: 1fr; }
.fichaPerfilAlumno .resource-list-usuarios.usuarios .user-miniatura .boton a span.seguir { display: flex; align-items: center; }
.fichaPerfilAlumno .resource-list-usuarios.usuarios .user-miniatura .boton a span.seguir { display: flex; align-items: center; }
.fichaPerfilAlumno .resource-list-usuarios.usuarios .user-miniatura .acciones-usuario-wrap > ul { display: none; }
.fichaPerfilAlumno .resource-list-usuarios.usuarios .user-miniatura .acciones-usuario-wrap .dropdown-toggle::after { display: none; }

.fichaPerfilAlumno .resource-list.usuarios .user-miniatura .btn-primary {
    color: var(--c-primario);
    background-color: var(--c-blanco);
    border-color: var(--c-primario);
    box-shadow: none;
}

.fichaPerfilAlumno .user-miniatura .nombre-usuario-wrap .lista-redes-sociales { display: none; }

@media (max-width: 1199px){
    .fichaPerfilAlumno .user-miniatura { margin-bottom: 0; }
    .fichaPerfilAlumno .ocultar-movil { display: none; }
    .fichaPerfilAlumno .perfil-cabecera { margin: 0; }
    .fichaPerfilAlumno .col-contenido .perfil-cabecera > *:not(.user-miniatura) { display: none; }
    .fichaPerfilAlumno .perfil-lateral .perfil-cabecera { display: block; margin: 10px 0 0 0;}
    .fichaPerfilAlumno .perfil-lateral .perfil-cabecera .user-miniatura { display: none; }
    .fichaPerfilAlumno .col-lateral .grupo-progreso,
    .fichaPerfilAlumno .info-resource { display: none !important; }
    .fichaPerfilAlumno .progresos-movil { display: block;  border: 1px solid var(--c-gris-borde); margin-bottom: 20px; }
    .fichaPerfilAlumno .progresos-movil .info-resource { display: flex !important; margin-bottom: 0; padding: 20px 20px 0 20px; flex-wrap: nowrap !important; }
    .fichaPerfilAlumno .progresos-movil .info-resource > div { flex: 1; }
    .fichaPerfilAlumno .progresos-movil > div { border: none; }
    .fichaPerfilAlumno .progresos-movil .section-title { font-size:  1rem; margin-bottom: 5px; }
    .fichaPerfilAlumno .progresos-movil .grupo-progreso { padding: 0 20px; }
    .fichaPerfilAlumno .progresos-movil .grupo-progreso .pie-wrapper { height: 170px; width: 170px; }
    .fichaPerfilAlumno .progresos-movil .grupo-progreso.progreso-calificables .progress{ height: 10px; }
}

@media (max-width: 767px) {
    .fichaPerfilAlumno .resource-list-usuarios.usuarios { grid-template-columns: repeat(1, 1fr); }
}

.listado-progreso-wrap { border: 1px solid var(--c-gris-borde); border-bottom: 0; }
.listado-progreso-wrap .header { height: 50px; border-bottom: 1px solid var(--c-gris-borde); padding: 0 8px; }
.listado-progreso-wrap .header .col { font-size: .8rem; font-weight: 700; text-transform: uppercase; color: var(--c-negro); }
.listado-progreso-wrap .header .col.curso { padding-left: 46px; padding-right: 30px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 98px); }
.listado-progreso-wrap .header .col.nota { flex: 0 0 96px; }
.listado-progreso-wrap .header .col.nota a { font-size: 1rem; font-weight: 700; padding-left: 0; color: var(--c-texto); text-decoration: none; }
.listado-progreso-wrap .body { position: relative; overflow: hidden; }
.listado-progreso-wrap .module-title { font-size: 0.875rem; padding: 7px 12px 7px 54px; border-bottom: 1px solid var(--c-gris-borde); text-transform: uppercase; height: 49px; display: flex; color: var(--c-negro); }
.listado-progreso-wrap .component-header-wrap { border-top: 0; border-left: 0; border-right: 0; margin-bottom: 0; height: 49px; padding-left: 54px; }
.listado-progreso-wrap .component.type-lesson > .component-header-wrap,
.listado-progreso-wrap .component.type-module > .component-header-wrap { background-color: var(--c-gris-fondo); }
.listado-progreso-wrap .component-name-wrap { flex: none; max-width: calc(100% - 40px); }
.listado-progreso-wrap .component-name { font-size: 1rem; color: var(--c-negro); }
.listado-progreso-wrap .component-actions { display: flex; flex: 1; }
.listado-progreso-wrap .component-actions .action-collapse { background: none; }
.listado-progreso-wrap .component-content { padding-left: 0; }
.listado-progreso-wrap .component-header-left { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 96px);}
.listado-progreso-wrap .component-header-right { flex: 0 0 90px; }
.listado-progreso-wrap .action-collapse { margin-left: 0; }

.listado-progreso-wrap .component-header-right .nota > a { font-size: 1rem; text-decoration: none; color: var(--c-texto); padding-left: 0; }
.listado-progreso-wrap .component.type-module .component-header-right .nota > a,
.listado-progreso-wrap .component.type-lesson .component-header-right .nota > a { font-weight: 600; }

.listado-progreso-wrap .component-header-wrap.component-active { background-color: var(--c-gris-fondo); }

.listado-progreso-wrap .component .component-name { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline; }
.listado-progreso-wrap .component .component-name > a { color: var(--c-texto); }
.listado-progreso-wrap .component > .component-content .component .component-name { font-weight: 500; }
.listado-progreso-wrap .component > .component-content .component > .component-content .component .component-header-wrap { padding-left: 84px; }
.listado-progreso-wrap .component > .component-content .component > .component-content .component .component-icon { display: none; }
.listado-progreso-wrap .component > .component-content .component > .component-content .component .component-icon.icono { display: inline-block; }
.listado-progreso-wrap .component > .component-content .component > .component-content .component.type-video .component-icon { display: block; }
.listado-progreso-wrap .component > .component-content .component > .component-content .component .component-name { font-weight: 300; }
.listado-progreso-wrap .component .nota { position: relative; min-height: 18px; display: block; }
.listado-progreso-wrap .component .nota:before,
.listado-progreso-wrap .component .nota:after { font-family: 'Material Icons Outlined'; position: absolute; }
.listado-progreso-wrap .component .nota:before { left: -30px; top: 0 }
.listado-progreso-wrap .component .nota:after { right: 40px; top: 0 }
.listado-progreso-wrap .component[data-estado="sin-iniciar"] .nota:before { content: 'schedule'; color: #c4c4c4; }
.listado-progreso-wrap .component[data-estado="completada"] .nota:before { content: 'check_circle'; color: #00db16; }
.listado-progreso-wrap .component[data-estado="iniciada"] .nota:before { content: 'schedule'; color: #0dceff; }
.listado-progreso-wrap .component[data-eximir-usuario="true"] .nota:before { content: 'error_outline' !important; color: #ff00dd !important; }
.listado-progreso-wrap .component[data-comentario] .nota { cursor: pointer; }
.listado-progreso-wrap .component[data-comentario] .nota:after { content: 'chat_bubble'; color: #999; right: -23px; left: auto;}

.tooltip-calificacion .tooltip-inner { max-width: 320px; }
.tooltip-calificacion .titulo { font-size: 12px; color: var(--c-texto-claro); margin-bottom: 10px; }
.tooltip-calificacion .metodo { margin-bottom: 5px; font-weight: 600; }

@media (max-width: 767px) {
    .listado-progreso-wrap .component-header-content { flex: 1; }
}

@media (max-width: 575px) {
    .listado-progreso-wrap .component-header-progress { display: block; flex: none; }
    .listado-progreso-wrap .header .col.estado,
    .listado-progreso-wrap .component-header-progress .estado { display: none; }

    .fichaPerfilAlumno .info-resource div { flex: 0 0 100%; max-width: 100%; }
}
/**/


/* MODAL CATEGORIZAR RECURSOS */
.interaction-list-content {}
.interaction-list-content .header { font-size: 15px; font-weight: bold; color: var(--c-texto) !important; margin-bottom: 8px; }
.interaction-list-content table { border: 1px solid var(--c-gris-borde); }
.interaction-list-content table thead tr,
.interaction-list-content table tbody tr { background-color: var(--c-blanco); }
.interaction-list-content table th,
.interaction-list-content table td { padding: 20px 20px 20px 40px !important; }
.interaction-list-content table thead {}
.interaction-list-content table thead tr {}
.interaction-list-content table thead tr th { font-size: 12px; font-weight: bold; border-bottom: 1px solid var(--c-gris-borde); }
.interaction-list-content table tbody {}
.interaction-list-content table tbody tr td { font-size: 15px;  font-weight: normal; }
.interaction-list-content table tbody tr td a { text-decoration: none !important; }
.interaction-list-content .hueco-falso { display: block; height: 70px; border: 1px solid var(--c-gris-borde); border-top: 0; background-color: var(--c-blanco); }

@media (max-width: 767px){
    .interaction-list-content table th,
    .interaction-list-content table td { padding: 15px !important; }
}

@media (max-width: 575px){
    .interaction-list-content table th,
    .interaction-list-content table td { padding: 10px !important; }
    .interaction-list-content table thead tr th { font-size: 12px !important; }
    .interaction-list-content table tbody tr td,
    .interaction-list-content table tbody tr td a { font-size: 13px !important; }
    .interaction-list-content table tbody tr td span { font-size: 13px !important; }
}
/* */



/* LOGIN y CONTRASENA */
.login main { position: relative; background-image: url('resources/imagenes-pre/imagen-login-1.jpeg'); background-size: cover; padding-bottom: 70px; }
.login main > .container { z-index: 1; max-width: none; width: auto; margin: 0;}
.login main > .container > .row { margin: 0; padding: 0; }
.login main .panel-centrado { margin: 60px 0 0 60px; min-width: 620px; min-height: calc(100vh - 195px); display: flex; align-items: center; }
.login main .panel-centrado > .box { flex: 1; }
.login #footer { margin-left: -17px; margin-right: -17px; display: none; }
.login #footer .wrapCol { background: #fff; margin-top: 0; padding: 25px 60px; border: 1px solid var(--c-gris-borde); border-top: none;}
.panel-centrado .logo-unikemia { margin-left: -34px; max-width: 400px; margin-bottom: 30px; }
.panel-centrado .actionButtons .submit { background-color: var(--c-secundario); border-color: var(--c-secundario); }

.login .carousel-login { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.login .carousel-login .owl-stage,
.login .carousel-login .owl-stage-outer,
.login .carousel-login .owl-item,
.login .carousel-login .owl-item .item ,
.login .carousel-login .owl-item .item .image { height: 100%; }
.login .carousel-login .owl-item .item .image img { height: 100%; width: 100%; object-fit: cover; }
.login .carousel-login .owl-dots { height: 25px; position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; }
.login .carousel-login .owl-dots .owl-dot { margin: 0 5px; height: 20px; width: 20px; border-radius: 50%; background-color: #fff; opacity: 0.5;}
.login .carousel-login .owl-dots .owl-dot.active { opacity: 0.9; }

.login .info-ayuda { position: relative; padding-top: 25px; margin-top: 25px; }
.login .info-ayuda:before { position: absolute; height: 1px; background: var(--c-gris-borde); top: 0; left: -60px; right: -60px; content: ''; }
.login .info-ayuda .ayuda-escribe { font-size: 0.8rem; font-weight: 400; }

@media (max-width: 767px){
    .login main { justify-content: center; }
    .login main .panel-centrado { min-width: auto; margin-left: auto; margin-right: auto; }
}

@media (max-width: 575px){
    .panel-centrado .logo-unikemia { max-width: 100%; margin-left: 0; height: auto; }
    .login .info-ayuda:before { left: -20px; right: -20px; content: ''; }
    .login .panel-centrado { padding: 30px 20px 30px 20px; }
    .login #footer .wrapCol { padding: 20px; }
}
/**/



/* INDICE */
.indice .header-contenido .btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); }
/**/



/*Ajustes edición BACK*/
.edicionRecurso.page-modal h1#htitPag {
	display: none;
}

/*editado para solucion de MF5-184*/
/*editado por Evelio Ramirez*/
/*2021-12-08*/
/*
.edicionRecurso.page-modal ul#myTab {
	display: none;
}
*/
/* .edicionRecurso.page-modal div#PropiedadesDelRecurso {
	display: none;
} */

/*editado para solucion de CORE-3393*/
/*editado por Evelio Ramirez*/
/*2021-12-08*/
/*
.edicionRecurso.page-modal div#panPrivacidadYSeguridad {
	display: none;
}
*/
/*editado para solucion de CORE-3393*/
/*editado por Evelio Ramirez*/
/*2021-12-09*/
/*
.edicionRecurso.page-modal div#panAutoria {
	display: none;
}
*/
/*editado para solucion de CORE-3394*/
/*editado por Evelio Ramirez*/
/*2021-12-08*/
/********************************************************/
/*
.edicionRecurso.page-modal #lbGuardarBorrador {
	display: none;
}
*/
.edicionRecurso.page-modal .cmbSubClass  {
    margin-top: -100px;
	position: absolute;
}


/*Visualización curso*/

.fichaCurso .panel-lateral-itinerario .btn-link {
	display: none;
}
.fichaItinerario .col-comentarios {
	display: none;
}


.formulario-edicion .form-group.error {
    color: red;
}

.formulario-edicion .form-group.error input {
    border: 1px solid red;
}
.formulario-edicion .form-group.error select {
    border: 1px solid red;
}
/* .formulario-edicion .form-group.error textarea { */
    /* border: 1px solid red; */
/* } */
.formulario-edicion .errorEditar {
    color:  red;
}

.edicionRecurso .area-grab-menu-clonado { display: none !important; }


/* Home */
.modulo-bienvenida { font-family: var(--f-hoefler-text);  }
.modulo-bienvenida > div { padding-bottom: 0 !important; margin-bottom: 0 !important; max-width: 850px; margin-left: auto; margin-right: auto; padding-top: 70px !important; }
.modulo-bienvenida p { font-size: 16px !important; color: #6c6c6c !important; }
.modulo-bienvenida p:last-child { margin-bottom: 0;}
.modulo-bienvenida h1 { font-size: 30px !important; font-weight: 500 !important; line-height: 26px; color: #3f3c2d !important; letter-spacing: .46px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
/* */

/* CMS community styles */
.block-title {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
}
.no-cms-border > div{
    border: none !important;
}
.block-title > a { font-family: "Gotham SSm A"; display: flex; font-size: 16px; font-weight: 400; color: #333; letter-spacing: .32px; text-decoration: none; }

@media (max-width: 767px) {
    .block-title > a { width: 100%; flex: 0 0 100%; justify-content: flex-end; }
}
/* */

/* Mis cursos */
.mis-cursos { margin-bottom: 0 !important; padding-bottom: 15px !important; }
.mis-cursos .block-title { font-family: var(--f-hoefler-text); color: #3f3c2d; letter-spacing: .46px; width: calc(100% - 80px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; text-wrap: nowrap; }
/* .mis-cursos .cursos { display: flex; margin: -10px; visibility: hidden; } */
.mis-cursos .cursos.visible { visibility: visible; }
.mis-cursos .cursos .curso { flex-direction: row; flex: 1; margin: 0; border: none; padding: 0 !important;}
.mis-cursos .cursos .curso .card-img-top { height: 260px; width: 415px; border-radius: 0; }
.mis-cursos .cursos .curso .card-body { padding: 0; margin-left: 52px; }
.mis-cursos .cursos .curso .card-title { min-height: 43px; font-size: 21px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; color: #525252; }
.mis-cursos .cursos .curso .card-text { }
.mis-cursos .cursos .curso .card-text p { font-family: var(--f-hoefler-text); font-size: 16px; letter-spacing: .32px; color: #6c6c6c; opacity: .8; }
.mis-cursos .cursos .owl-nav { }
.mis-cursos .cursos .owl-nav .owl-prev,
.mis-cursos .cursos .owl-nav .owl-next { top: -58px; transform: none; }
.mis-cursos .cursos .owl-nav .owl-prev { left: inherit; right: 30px; }
.mis-cursos .cursos .owl-nav .owl-next { right: 0; }
.mis-cursos .cursos .owl-nav .owl-prev::before,
.mis-cursos .cursos .owl-nav .owl-next::before { font-size: 1.5rem; }
.mis-cursos .cursos .owl-nav button { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center;}
.mis-cursos .cursos .owl-nav button.disabled { opacity: .2; }
.mis-cursos .cursos .owl-dots { display: flex; align-items: center; justify-content: center; gap: 20px; }
.mis-cursos .cursos .owl-dots .owl-dot {}
.mis-cursos .cursos .owl-dots .owl-dot span { display: block; height: 21px; width: 21px; border-radius: 50%; background-color: #e5e5e5; }
.mis-cursos .cursos .owl-dots .owl-dot.active span { background-color: #a71c15; }

@media (max-width: 991px) {
    .mis-cursos .cursos .curso .card-body { margin-left: 20px; }
}

@media (max-width: 900px){
    .mis-cursos .cursos { flex-wrap: wrap; }
    .mis-cursos .cursos .curso { flex: 0 0 calc(50% - 20px) }
}

@media (max-width: 767px){
    .mis-cursos .block-title { font-size: 22px; flex-direction: column; align-items: flex-start; width: 100%; }
    .mis-cursos .cursos .owl-nav .owl-prev,
    .mis-cursos .cursos .owl-nav .owl-next { top: -80px; }

    .mis-cursos .cursos .curso .card-title { min-height: auto; }
    .mis-cursos .cursos { margin: 0; }
    .mis-cursos .cursos .curso { flex: 0 0 100%; margin: 0 0 40px 0; }

    .mis-cursos .cursos .curso { flex-direction: column; }
    .mis-cursos .cursos .curso .card-img-top { width: 100%; }
    .mis-cursos .cursos .curso .card-body { margin-left: 0; margin-top: 20px; }
}
/* */

/* Mis comunidades */
.mis-comunidades { padding: 40px; }
.row-background-gris .mis-comunidades>div { border-top: 1px solid #cfcfcf; padding-top: 50px; }
.mis-comunidades .block-title { font-family: var(--f-hoefler-text); line-height: 26px; color: #3f3c2d; letter-spacing: .46px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.mis-comunidades .comunidades { display: flex; flex-wrap: wrap; gap: 20px; }
.mis-comunidades .comunidades .item { flex: 0 0 calc(33.33% - 14px); border-color: #e4e4e4; border-radius: 0; }
.mis-comunidades .comunidades .item img { height: 240px; border-radius: 0; object-fit: cover; }
.mis-comunidades .comunidades .item .card-body .card-title,
.mis-comunidades .comunidades .item .card-body .card-title a { font-family: var(--f-hoefler-text); font-weight: 400; font-size: 20px; color: #525252; letter-spacing: .46px; }
.mis-comunidades .comunidades .item .card-body p,
.mis-comunidades .comunidades .item .card-body ul { display: none; }

@media (max-width: 767px) {
    .mis-comunidades { padding: 20px; }
}

@media (max-width: 575px) {
    .mis-comunidades .comunidades .item { flex: 0 0 100%; }
}
/* */

/* Desarrollo profesional */
.row-desarrollo-profesional { margin: 0; padding: 32px; }
.row-desarrollo-profesional>.col { padding: 0; }
.row-desarrollo-profesional>.col>.col { padding: 0; }
.row-desarrollo-profesional>.col>.row { margin: 0; gap: 30px; }
.row-desarrollo-profesional>.col>.row>.col { flex: 0 0 calc(25% - 30px); padding: 0; }
.row-desarrollo-profesional .block-title { font-family: var(--f-hoefler-text); line-height: 26px; color: #3f3c2d; letter-spacing: .46px; margin-bottom: 20px !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.row-desarrollo-profesional .destacado.horizontal { position: relative; }
.row-desarrollo-profesional .destacado.horizontal .group.image { height: 400px; }
.row-desarrollo-profesional .destacado.horizontal .group.image > div { height: 100%; }
.row-desarrollo-profesional .destacado.horizontal .group.image img { width: 100%; object-fit: cover; }
.row-desarrollo-profesional .destacado.horizontal .box.content { display: flex; flex-direction: column; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.6); height: 190px; padding: 28px 20px; }
.row-desarrollo-profesional .destacado.horizontal .box.content .group.title { order: 2; margin-top: 15px; }
.row-desarrollo-profesional .destacado.horizontal .box.content .group.title span { font-size: 15px; font-weight: 400; letter-spacing: .3px; color: #fff; }
.row-desarrollo-profesional .destacado.horizontal .box.content .title h3,
.row-desarrollo-profesional .destacado.horizontal .box.content .title h3 a { font-family: var(--f-hoefler-text); font-size: 20px; letter-spacing: .46px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.row-desarrollo-profesional .destacado.horizontal .box.content .group.contenido { order: 1; display: flex; flex-wrap: wrap; }
.row-desarrollo-profesional .destacado.horizontal .box.content .group.contenido > p { font-size: 13px; letter-spacing: .26px; padding: 3px 10px; border: 1px solid #fff; margin-bottom: 0; color: #fff; }
.row-desarrollo-profesional .destacado.horizontal .box.content .group.contenido > a { display: none; }

.desarrollo-profesional { padding: 20px 40px 40px 40px; display: flex; margin: -15px; }
.desarrollo-profesional .col.span14 { padding: 0 !important; flex: 1;  margin: 15px; }
.desarrollo-profesional .col.span14 .block {  border: none;}
.desarrollo-profesional .col.span14 .block .image { height: 180px; padding-bottom: 20px ;}
.desarrollo-profesional .col.span14 .block .image a { display: block; height: 100%; }
.desarrollo-profesional .col.span14 .block .image a img { height: 100%; width: 100%; object-fit: contain; }
.desarrollo-profesional .col.span14 .block .box.content { padding: 0; }
.desarrollo-profesional .col.span14 .block .box.content .title { padding: 0;  }
.desarrollo-profesional .col.span14 .block .box.content .title h3 a { font-family: var(--f-hoefler-text); min-height: 43px; font-size: 19px; font-weight: 500; color: var(--c-texto); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; text-align: center; }
.desarrollo-profesional .col.span14 .block .box.content .title p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3;  -webkit-box-orient: vertical;}
.desarrollo-profesional .col.span14 .block .card-title { min-height: 43px; font-size: 19px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; }
.desarrollo-profesional .col.span14 .block .card-text {  }

@media (max-width: 1265px) {
    .row-desarrollo-profesional .destacado.horizontal .box.content { height: 220px; padding: 15px 20px; }
}

@media (max-width: 991px) {
    .row-desarrollo-profesional>.col>.row>.col { flex: 0 0 calc(50% - 30px); }
}

@media (max-width: 900px){
    .desarrollo-profesional { flex-wrap: wrap; }
    .desarrollo-profesional .col.span14 { flex: 0 0 calc(50% - 30px) }
}

@media (max-width: 767px) {
    .row-desarrollo-profesional { padding: 12px; }
    .row-desarrollo-profesional>.col>.row>.col { flex: 0 0 calc(50% - 15px); }
}

@media (max-width: 575px){
    .row-desarrollo-profesional>.col>.row>.col { flex: 0 0 100%; }

    .desarrollo-profesional .col.span14 .block .box.content .title h3 a { min-height: auto; }
    .desarrollo-profesional { margin: 0; }
    .desarrollo-profesional .col.span14 { flex: 0 0 100%; margin: 0 0 40px 0; }
}
/* */

/* Estilos de BACK */

.previewItinerario .col-visualizacion { padding-top: 60px;}
.previewItinerario .panel-lateral-itinerario { /*height: calc(100vh - 60px);*/ top:0 }

.previewItinerario .wrapCol.container.custom-css-scroll { background-color: var(--c-blanco); min-height: calc(100vh - 60px); padding: 50px 100px 50px 100px;}
.component-name-wrap .material-icons { padding-right: 10px; }


.previewItinerario .header-resource {
    padding-left: 0;
}

.fichaItinerario.previewItinerario .header-tipo-modal.con-panel-lateral > .container { height: auto }

.edicionRecurso .formSemEdicion .fila.cont {  padding-bottom: 30px; }

.edicionRecurso .formSemEdicion .fila.cont .control-label { font-size: 0.8rem;  font-weight: 500;   letter-spacing: 0.5px; }

.editarCurso3 .block > div { border: 0; padding: 0; margin-bottom: 0; }

.editarCurso3 .block .header-tipo-modal  p {  color: var(--c-blanco); }



body.comunidad-unikemia #panPrivacidadYSeguridad,
body.comunidad-unikemia #panAutoria,
body.comunidad-unikemia #lbGuardarBorrador,
body.comunidad-curso .edit-categorias,
body.comunidad-curso #panPrivacidadYSeguridad,
body.comunidad-curso #panAutoria,
body.comunidad-curso #lbGuardarBorrador{
	display:none;
}

.formSemEdicion_LearningObjectContent>#Gen_Principal>div>div>h2 {display:none;}
.centro-calificaciones .dataTables_wrapper .dt-buttons {  display: none; }

.fichaRecurso .col-contenido .contenido ol, .fichaRecurso .col-contenido .contenido ul.js-test-list.component-list.no-list-style{
    /* list-style: none;
    padding-left: 0; */
    /* margin-bottom: 0; */
}

.fichaTest .formulario-edicion .component.success .component-name-wrap,
.fichaTest .formulario-edicion .component.error .component-name-wrap
{
    font-size: 15px;
    line-height: 1.5;
}

ul.component-actions li.ac_over { background-color:transparent;}

div.cont_validScore{display: none;}
div.info-collapse a:hover { cursor: pointer; }


/*.panel-lateral-fixed-activo .panel-lateral-curso .component > .component-content .component > .component-content .component .component-header-wrap:not(.clickable) {
    cursor: not-allowed;
}*/
.centro-calificaciones #divContPanelBotonera .btn.btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); }
.grupo #panelBotonera p .btn.btn-primary { background-color: var(--c-secundario); border-color: var(--c-secundario); color: #fff !important; }
.grupo #panelBotonera p .btn.btn-primary span { color: #fff; }


body.perfil-alumno .listado-progreso-wrap .component-header-wrap{ cursor : default}

span.nota-display { display: inline-flex; align-items: center; }

@media (max-width: 991px) {
    .previewItinerario .wrapCol.container.custom-css-scroll { padding: 30px 50px; }
}
a.cke_button.cke_button__htmlinsert { display:none; }
body.html-editor.comunidad-curso a.cke_button.cke_button__htmlinsert,
body.html-editor.comunidad-unikemia a.cke_button.cke_button__htmlinsert {display: inline-block;}
.page-name-wrapper .material-icons.comunidad { display: none; }

.cke_contents { height: 50px; transition: height 0.5s ease !important; }
/* .cke_focus .cke_contents { height: 200px !important; } */

/*2022-05-11*/
.titulo-nombre-usuario { display: none; }
.titulo-destacados.pb-0.mb-0 div, .titulo-nombre-usuario.row .block div  { padding-bottom: 0; margin-bottom: 0;}
.scormPreview a { overflow: hidden; display: flex; margin-bottom: 10px; height: calc(100vh - 420px) !important; position: relative; }
.scormPreview a #panelBotonera { background-color: rgba(0, 0, 0, 1%); transition: background-color 0.2s; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; }
.scormPreview a #panelBotonera .btn { border-radius: 20px; font-size: 16px; }
.scormPreview a img { width: 100%; height: 100%; object-fit: cover; }
.scormPreview a:hover #panelBotonera { background-color: rgba(0, 0, 0, 30%); }
.scormPreview a:hover #panelBotonera .btn { box-shadow: 11px 10px 30px -14px rgba(0,0,0,0.75); }

/*2023-01-24*/
label.label-optional
{
    color: var(--c-secundario);
}
div.actionButtons a.btn.btn-secondary.completado, div.actionButtons a.btn.btn-secondary.centroCalificaciones{
    color: var(--c-blanco);
}

/*2023-02-03*/
.contenidoAux, .contenidoAux .grupo-principal, .contenidoAux .grupo-principal iframe{
    min-height: calc(100vh - 360px);
    width: 100%;
}
.contenidoAux .grupo-principal p,
.contenidoAux .grupo-principal ul li {
    font-family: var(--f-hoefler-text);
    color: rgba(108, 108, 108, .8);
    font-size: 17px;
    line-height: 24px;
    letter-spacing: .38px;
}
.contenidoAux .grupo .btn.btn-secondary {
    color: #fff !important;
}

body.vp-center div#player{
    width: 100%;
}


body, html {
    font-family: "Gotham SSm A";
}

h2 { font-family: var(--f-hoefler-text); font-size: 19px; font-weight: 600; }
h3 { font-family: var(--f-hoefler-text); }

.layout03:not(.fichaRecurso) main { /* background: #fff; */ }
main { background: #f5f5f5; }
main > .container { /* background: #fff; */ padding-left: 20px; padding-right: 20px; }

/* HEADER */
#header { background-color: #fff; box-shadow: none; }
#header .row.upper-row { padding-left: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
#header .row .col.col01 { background-color: var(--c-primario); padding-left: 20px; padding-right: 40px; }
#header .menu-logo-wrapper .logo-wrapper a { background: none !important; font-size: 21px; line-height: 22px; text-indent: 0; height: auto; width: auto;}
#header .menu-logo-wrapper .logo-wrapper a:hover,
#header .menu-logo-wrapper .logo-wrapper a:focus { color: var(--c-blanco); }
#header .menu-logo-wrapper .logo-wrapper a .text-logo { font-weight: 700; line-height: 22px; letter-spacing: 0.84px; }
#header .menu-logo-wrapper .logo-wrapper a .text-logo.last-part { font-weight: 300;}
#header .page-name-wrapper { color: var(--c-texto); text-transform: uppercase; font-size: 21px; line-height: 22px; letter-spacing: 0.84px; }
#header .page-name-wrapper a { color: var(--c-texto); color: var(--c-texto); max-width: 50vw; overflow: hidden; text-overflow: ellipsis; }
#header #menuLateralMetabuscadorTrigger { color: var(--c-texto-claro); }
#header .row .col.col03 > ul > li.dropdown > a { color: var(--c-primario); }

.listado.scrolling #header .row .col.col01 { flex: 0 0 100%; }
.listado.scrolling .col-buscador form .finderUtils .group .findAction { border: 1px solid var(--c-blanco); }

.comunidad.scrolling header .row.community-row .community-menu-wrapper { padding-left: 4px; }
.comunidad.scrolling header .row.community-row .page-name-wrapper { padding-left: 35px; }

.comunidad.scrolling header .upper-row .menu-logo-wrapper,
.comunidad.scrolling header .upper-row .page-name-wrapper { display: none; }

/*
.comunidad.scrolling header .upper-row .menu-logo-wrapper,
.comunidad.scrolling header .upper-row .page-name-wrapper { display: flex; }
.comunidad.scrolling header .row.community-row .page-name-wrapper { display: none; }
.comunidad.scrolling header .row.community-row .community-menu-wrapper { transform: translate(-5px, 31px); }
.comunidad.scrolling header .row.community-row .community-menu-wrapper #menuLateralComunidadTrigger { border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); text-decoration: none !important; background-color: #fff; height: 47px; width: 47px; display: flex; align-items: center; justify-content: center; color: var(--c-texto); } */

header .row .col.col03 > ul li.usuario .user-miniatura .imagen-usuario-wrap .imagen.sinImagen span { color: #9f9798; }

@media (min-width: 1199px){
    header .row .col.col03 > ul > li .btn { white-space: nowrap;}

    .listado.scrolling #header .row.upper-row { padding-right: 0; }
}

@media (max-width: 1199px){
    #header .menu-logo-wrapper .logo-wrapper a .text-logo.last-part { display: none; }
    header .row.community-row .page-name-wrapper { max-width: 85vw; }
    header .row.community-row .community-menu-wrapper > a { display: flex; color: var(--c-texto); text-decoration: none; }
    .scrolling header .row.community-row .community-menu-wrapper > a { color: var(--c-blanco); }

    /* .comunidad.scrolling header .upper-row .menu-logo-wrapper,
    .comunidad.scrolling header .upper-row .page-name-wrapper { display: flex; } */

    .listado.scrolling-up #header,
    .listado.scrolling-down #header { background-color: var(--c-primario); }

    .listado.scrolling #header .row .col.col01 { flex: 1; }
    .listado.scrolling header .col02 { display: block; }
    .listado.scrolling.comunidad header .logo-wrapper { display: block; }
}

@media (max-width: 575px){
    header .row .col.col02 { display: flex; }
}
/* END HEADER */

/* COMMUNITY MENU */
#community-menu ul li a { font-size: 13px; color: var(--c-texto); text-transform: uppercase; text-shadow: none !important; }
#community-menu ul li a:hover { }
#community-menu ul li.active a { font-weight: bold;  }
#community-menu ul ul { background-color: var(--c-blanco); }

#community-menu > ul { align-items: center; }

#community-menu .level01 > ul { background-color: var(--c-blanco); top: 28px !important; }
#community-menu .level01.con-sub-menu > a:after { font-size: 13px; line-height: 10px; text-transform: initial; }

@media (min-width: 1200px){
    body:not(.scrolling) header .row.community-row .community-menu-wrapper { padding-left: 9px; }
}
/* END HEADER */

/* FACETAS */
.col-facetas #panFacetas { border-bottom: 1px solid #ddd; }
.col-facetas .header-facetas { display: none; }

.facetas-wrap .faceta-name { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.facetas-wrap .box.plegado .faceta-name { border-bottom: 0; }
.facetas-wrap .faceta-title { color: #7f7f7f; min-height: 39px; }
.facetas-wrap .listadoFacetas { padding: 10px 0; }
.facetas-wrap .listadoFacetas li { margin-bottom: 12px; }
.facetas-wrap .listadoFacetas li:last-child { margin-bottom: 0; }
.facetas-wrap .listadoFacetas li a { line-height: 15px; }
.facetas-wrap .moreResults { padding-top: 0; }
.facetas-wrap .faceta-dropdown { margin-top: 0 !important; }

.header-listado .h1-container h1 { font-family: var(--f-hoefler-text); font-size: 24px; line-height: 26px; letter-spacing: .48px; }
.header-listado .h1-container .numResultados { opacity: .6; padding-left: 20px; }
/* END FACETAS */

/* LISTADO */
.header-contenido h1 { font-family: var(--f-hoefler-text); font-size: 24px; line-height: 26px; letter-spacing: .48px; }

.resource-list .resource .middle-wrap .title-wrap .resource-title { font-family: var(--f-hoefler-text); font-size: 21px; line-height: 26px; letter-spacing: .42px; }
.resource-list .resource .middle-wrap .content-wrap .description-wrap p { font-family: var(--f-hoefler-text); font-size: 16px; line-height: 21px; letter-spacing: .3px; }

.resource-list .resource .user-miniatura .nombre-usuario-wrap .nombre { font-size: 16px; line-height: 26px; }
.resource-list .resource .user-miniatura .nombre-usuario-wrap .nombre-completo,
.resource-list .resource .user-miniatura .nombre-usuario-wrap .localizacion { font-family: var(--f-hoefler-text); font-size: 16px; line-height: 20px; }
/* END LISTADO */

/* BUSCADOR */
.col-buscador form .finderUtils .group .finderSectionText { height: 45px; }
.col-buscador form .finderUtils .group .findAction { background-color: var(--c-primario); height: 45px; width: 45px; right: 0; }
.col-buscador form .finderUtils .group:before { right: 0; width: 45px; height: 45px; line-height: 45px; color: var(--c-blanco); }
.col-buscador form .btn-filtrar-movil { border: 0; }
/**/

/* COMMON SECTIONS */
.page-name-wrapper .page-name { font-size: 21px; line-height: 22px; font-weight: 300; color: var(--c-texto); }
.listado.scrolling .page-name-wrapper .page-name { color: var(--c-blanco); }
/* END COMMON SECTIONS */

/* MENU CLONADO */
.menuLateral.usuario.clonado { background-color: #fff; }
/* NED MENU CLONADO */

/* PANEL LATERAL*/
.panel-lateral .header .icon { color: var(--c-negro); }
.panel-lateral .header .btn.edit { color: var(--c-negro); }
/* END PANEL LATERAL */

/* PANEL LATERAL ITINERARIO */
.panel-lateral-itinerario .header {  }
.panel-lateral-itinerario .header p { color: var(--c-negro); }
.panel-lateral-itinerario .module-title { border: 0; }
.panel-lateral-itinerario .component-header-wrap { border: 0; }

body:not(.panel-lateral-activo) .panel-lateral-itinerario { left: 20px; height: 47px; width: 47px; background-color: transparent; border-right: 0; }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header { background-color: var(--c-blanco); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 47px; width: 47px; justify-content: center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
body:not(.panel-lateral-activo) .panel-lateral-itinerario .header .icon.menu { padding-left: 0; }
/**/

/* PANEL LATERAL FIXED */
.panel-lateral-fixed { top: 110px; left: 20px; width: 47px; height: fit-content; background-color: transparent; border-right: 0; }
.panel-lateral-fixed .header { justify-content: center; background-color: var(--c-blanco); height: 47px; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.panel-lateral-fixed .header .icon { color: var(--c-negro); }
.panel-lateral-fixed .body { display: none; }

.scrolling .panel-lateral-fixed { top: 80px; }
.scrolling.panel-lateral-fixed-activo .panel-lateral-fixed { top: 60px; }

.panel-lateral-fixed-activo .panel-lateral-fixed { left: 0; top: 100px; background-color: var(--c-blanco); height: 100%; border-top: 1px solid var(--c-gris-borde); }
.panel-lateral-fixed-activo .panel-lateral-fixed .header { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-shadow: none; border-bottom: 0; justify-content: flex-start; padding: 0 20px; }
.panel-lateral-fixed-activo .panel-lateral-fixed .body { display: block; }

.panel-lateral-fixed .module-title { border-bottom: 0; }
.panel-lateral-fixed .component-header-wrap { border-bottom: 0; }

body:not(.panel-lateral-fixed-activo) .panel-lateral-fixed .header .icon.menu { padding-left: 0; }
/* END PANEL LATERAL FIXED */

/* COMENTARIOS */
.escribir-comentario { padding-bottom: 10px; padding-left: 0; }

.col-comentarios .lista-comentarios > .comentario { border: 0; margin: 0; }
.col-comentarios .lista-comentarios > .comentario > .bloque-comentario { padding-left: 0; padding-right: 0; }
.col-comentarios .lista-comentarios > .comentario > .bloque-respuestas { background-color: transparent; }
.col-comentarios .lista-comentarios .comentario .bloque-respuestas .comentario-respuestas .comentario .col-comentario { background-color: var(--c-gris-fondo); padding: 18px 25px; }

.col-comentarios .lista-comentarios .comentario .bloque-comentario { padding: 0; padding-bottom: 30px; }

.escribir-comentario .accion-comentario .btn { background-color: transparent; border: 1px solid var(--c-gris-borde); color: var(--c-secundario);}
.resource-comentarios { padding-top: 20px; }
.resource-comentarios .comentarios-header .seccion-title { padding-left: 60px; font-size: 14px; font-weight: bold; font-family: "Gotham SSm A"; color: #525252; }
.fichaCurso .resource-comentarios { background-color: #fff; padding: 36px; }
.fichaCurso .resource-comentarios .comentarios-header .seccion-title { padding-left: 0; }
.resource-comentarios .comentarios-header .seccion-title span.material-icons { font-size: 19px; color: #000; }
@media (max-width: 767px) {
    .resource-comentarios .comentarios-header { padding-left: 0; }
}
/* END COMENTARIOS */

/* CONTEXTOS */
.col-contexto .resource h3,
.col-contexto .resource h3 a { font-family: var(--f-hoefler-text); font-size: 19px; line-height: 22px; letter-spacing: .38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.col-contexto .resource .fecha,
.col-contexto .resource .autor,
.col-contexto .resource .hora { font-family: var(--f-hoefler-text); font-size: 15px; line-height: 24px; letter-spacing: .3px; }
.col-contexto .resource .resumen { font-family: var(--f-hoefler-text); font-size: 15px;  color: var(--c-texto-claro); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
/* END CONTEXTOS */

/* TITULOS SECCIONES */
.section-title,
.section-title a { font-family: var(--f-hoefler-text); font-size: 19px; line-height: 26px; letter-spacing: .38px; }
/* END TITULOS SECCIONES */

/* FICHAS */
.header-resource { padding-left: 35px; }
.header-resource .title-wrap .title { font-family: var(--f-hoefler-text); font-size: 22px; line-height: normal; font-weight: bold; }
.resource .header-resource .title-wrap .title { font-size: 22px !important; padding-top: 0 !important;}
.header-resource .title-wrap .title:before { top: 2px; }

.header-resource .social { display: flex; }

.fichaRecurso .info-recurso { padding-top: 30px; }

.fichaRecurso .col-contenido .contenidoAux *,
.fichaRecurso .col-contenido .contenido * { font-family: var(--f-hoefler-text); font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: .39px; color: #6c6c6c; }
.fichaRecurso .col-contenido .contenidoAux *:last-child,
.fichaRecurso .col-contenido .contenido *:last-child { margin-bottom: unset;}
.fichaRecurso .col-contenido .contenidoAux > *:last-child,
.fichaRecurso .col-contenido .contenido > *:last-child { margin-bottom: 0; }
.fichaRecurso .col-contenido .contenidoAux p > span,
.fichaRecurso .col-contenido .contenido p > span { color: #6c6c6c !important; }

.fichaRecurso .col-contenido .contenido h1,
.fichaRecurso .col-contenido .contenidoAux h1,
.fichaRecurso .col-contenido .contenido h2,
.fichaRecurso .col-contenido .contenidoAux h2,
.fichaRecurso .col-contenido .contenido h3,
.fichaRecurso .col-contenido .contenidoAux h3,
.fichaRecurso .col-contenido .contenido h4,
.fichaRecurso .col-contenido .contenidoAux h4,
.fichaRecurso .col-contenido .contenido h5,
.fichaRecurso .col-contenido .contenidoAux h5,
.fichaRecurso .col-contenido .contenido h6,
.fichaRecurso .col-contenido .resurce h6 { font-size: 18px; line-height: normal; font-weight: bold; color: var(--c-texto); padding-top: 20px;  }

.fichaRecurso .col-contenido .contenidoAux h1,
.fichaRecurso .col-contenido .contenido h1,
.fichaRecurso .col-contenido .contenidoAux h2,
.fichaRecurso .col-contenido .contenido h2 { font-size: 21px; }
.fichaRecurso .col-contenido .contenidoAux h3,
.fichaRecurso .col-contenido .contenido h3{ font-size: 20px; }
.fichaRecurso .col-contenido .contenidoAux h4,
.fichaRecurso .col-contenido .contenido h4{ font-size: 19px; }

.fichaRecurso .col-contenido .contenidoAux a,
.fichaRecurso .col-contenido .contenido a { color: var(--c-primario); }
.fichaRecurso .col-contenido .contenidoAux .material-icons,
.fichaRecurso .col-contenido .contenido .material-icons { font-family: 'Material Icons'; }
.fichaRecurso .col-contenido .contenidoAux .material-icons-outlined,
.fichaRecurso .col-contenido .contenido .material-icons-outlined { font-family: 'Material Icons Outlined'; }
.fichaRecurso .contenido .grupo p {  }
/* END FICHAS */

/* FICHA CURSO */
.fichaCurso .col-breadcrumb { padding: 0; }

.fichaCurso .col-contenido > .wrapCol > .resource { padding-bottom: 40px; }
.fichaCurso .col-contenido > .wrapCol > .resource > .actionButtons { position: fixed; bottom: 0; padding: 10px 30px; left: 0; right: 0; background: #fff; bottom: 0 !important; width: 100% !important; }
.fichaCurso .col-contenido > .wrapCol > .resource > .actionButtons {  }

.fichaCurso.con-panel-lateral-fixed main[role="main"] > .container { max-width: 1280px; }

.fichaCurso .btn-fixed-panel-lateral { bottom: 80px;}

.fichaCurso .col-comentarios .comentarios-body { max-height: 100%; }

.panel-lateral-curso .header p { font-size: 16px; font-weight: 700; color: var(--c-negro); }

.fichaCurso .comentario .bloque-respuestas .comentario { margin-bottom: 0; }
.fichaCurso .comentario .bloque-respuestas .comentario.usuario-actual .bloque-comentario { padding: 0; padding-bottom: 30px; }

@media (max-width: 767px) {
    .fichaCurso .col-contenido > .wrapCol > .resource { padding-left: 0; padding-right: 0; }

    .fichaCurso .col-comentarios .resource-comentarios { padding-left: 16px; padding-right: 16px; }
}
/* END FICHA CURSO */

/* FICHA ITINERARIO */
.fichaItinerario .col-breadcrumb { padding: 0; }
.fichaItinerario .con-panel-lateral > .container { background-color: var(--c-blanco); }
/* END FICHA ITINERARIO */

.fichaMensaje .page-name-wrapper .page-name:before { content: "\e5e0"; }

/* CENTRO DE CALIFICACIONES */
.centro-calificaciones #header .row .col.col01 .menu-logo-wrapper { display: none; }
.centro-calificaciones header .upper-row .col01 { display: block; visibility: visible; max-width: 60px; }
.centro-calificaciones #header .page-name-wrapper { padding-left: 35px; }
/* .centro-calificaciones header .community-row { left: 412px; } */
/* .centro-calificaciones header .row.community-row .community-menu-wrapper > a { display: none; } */
.centro-calificaciones header .row.community-row .page-name-wrapper .name-centro-calificaciones { font-size: 21px; font-weight: 300; }
/* .centro-calificaciones .page-name-wrapper .page-name { display: none; } */
.centro-calificaciones .container { background-color: #f5f5f5; }

@media (max-width: 1199px) {
    /* .centro-calificaciones header .community-row { left: 148px; } */
}
/* END CENTRO DE CALIFICACIONES */

.icon[data-icon-type="chevron-down"]::before { content: "expand_more"; font-family: "Material Icons"; font-size: 24px; }
.icon[data-icon-type="lesson"]::before { content: "folder"; font-family: "Material Icons Outlined"; font-size: 24px; padding-right: 10px; }
.fa-pen::before,
.fa-pen-to-square::before { content: "edit"; font-family: "Material Icons"; font-size: 24px; }
.fa-trash::before { content: "delete"; font-family: "Material Icons"; font-size: 24px; }
.fa-eye::before { content: "visibility"; font-family: "Material Icons"; font-size: 24px; }
.fa-square-list::before { content: "list_alt"; font-family: "Material Icons Outlined"; font-size: 1.2rem; }
.fa-folder::before { content: "folder"; font-family: "Material Icons Outlined"; font-size: 1.2rem; }
.fa-square-poll-vertical::before { content: "poll"; font-family: "Material Icons"; font-size: 24px; }
.fa-memo::before { content: "poll"; font-family: "Material Icons Outlined"; font-size: 24px; }
.fa-line-columns::before { content: "vertical_split"; font-family: "Material Icons"; font-size: 24px; }
.fa-graduation-cap::before { content: "school"; font-family: "Material Icons"; font-size: 24px; }
.fa-user-plus::before { content: "person_add_alt"; font-family: "Material Icons"; font-size: 24px; }
.fa-user-minus::before { content: "person_remove"; font-family: "Material Icons"; font-size: 24px; }
.fa-paper-plane-top::before { content: "email"; font-family: "Material Icons"; font-size: 24px; }

/* LISTADO COMUNIDADES */
.listado-comunidades #panel-viewBy { display: none; }
.listado-comunidades .resource-list .resource-list-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; grid-auto-rows: 1fr }
.listado-comunidades .resource-list .resource-list-wrap .resource { padding: 0; }
.listado-comunidades .resource-list .resource-list-wrap .resource .box { border: 1px solid rgba(0,0,0,.125); padding: 15px; padding-left: 95px; position: relative; height: 100%;}
.listado-comunidades .resource-list .resource-list-wrap .resource .group.title h3 {  }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.title h3 a { text-decoration: none; font-size: 1.067rem; line-height: 21px; margin-bottom: 0; font-weight: 500; color: var(--c-texto); }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.title .logoComunidad { left: 15px; top: 15px; position: absolute; overflow: hidden; height: 60px; width: 60px; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.title .logoComunidad a { display: block; height: 100%; width: 100%; }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.utils-2 {}
.listado-comunidades .resource-list .resource-list-wrap .resource .group.utils-2 p { margin-bottom: 0; color: #666; }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.utils-2 p a:first-of-type:before { content: ""; display: block; }
.listado-comunidades .resource-list .resource-list-wrap .resource .group.etiquetas,
.listado-comunidades .resource-list .resource-list-wrap .resource .group.categorias,
.listado-comunidades .resource-list .resource-list-wrap .resource .group.content { display: none; }

@media (max-width: 767px){
    .listado-comunidades .resource-list .resource-list-wrap { grid-template-columns: repeat(1, 1fr); }
}
/* END LISTADO COMUNIDADES */

#link_iniciar-sesion { color: var(--c-primario) !important; }

.comunidad-unikemia #header .col.col02 .page-name-wrapper { display: none; }
body.homeComunidad #col01 { background-color: #fff; }

.homeComunidad .h1-container h1 { font-weight: bold; font-family: var(--f-hoefler-text); font-size: 24px; font-weight: 900; }
.homeComunidad .section-title { font-weight: bold; }
.homeComunidad .bloque-resumen-comunidad h2 { font-size: 19px; font-weight: bold; padding-bottom: 5px; font-family: var(--f-hoefler-text); }
.homeComunidad .resumen-comunidad .bloque { padding-right: 15px; }
.homeComunidad .resumen-comunidad .bloque .titulo { font-size: 14px; line-height: normal; }
.homeComunidad .resumen-comunidad .bloque .contenido { font-size: 26px; font-weight: 700; line-height: normal; }

/* AJUSTES COLUMNAS */
.layout02:not(.fichaRecurso) .header-listado { margin-bottom: 20px; padding: 0; }
.layout02:not(.fichaRecurso) .col-contenido { background-color: #fff; padding: 0; }
/* .layout02:not(.fichaRecurso) .col-contenido .wrapCol { padding: 20px; } */
.layout02:not(.fichaRecurso) .col-lateral { padding: 0; }
.layout03:not(.fichaRecurso) .header-listado { margin-bottom: 20px; padding: 0; }
.layout03:not(.fichaRecurso) .col-contenido { background-color: #fff; padding: 0; }
.layout03:not(.fichaRecurso) .col-lateral { padding: 0; }
.solicitarComunidad.layout03 .col-contenido { padding: 32px; }
.solicitarComunidad.layout03 .col-contenido .row { margin: 0; }
.solicitarComunidad.layout03 .col-contenido .row .col { padding: 0; }
.administrarComunidades.layout02 .col-contenido { padding: 32px; }
.administrarComunidades.layout02 .col-contenido .wrapCol { padding-left: 0; }
.administrarComunidades.layout02 .user-miniatura .acciones-usuario-wrap { flex-wrap: wrap; gap: 10px; }
.administrarComunidades.layout02 .user-miniatura .acciones-usuario-wrap button { margin: 0 !important; }
.fichaPerfilAlumno .col-contenido { background-color: #fff; padding: 20px; }
.fichaPerfilAlumno .col-lateral { padding-left: 15px; }
.fichaPerfilAlumno .perfil-lateral { margin-bottom: 15px; background-color: #fff; }
.fichaPerfilAlumno .grupo-personas { padding: 15px; background-color: #fff; }
.fichaPerfilAlumno .perfil-lateral .perfil-lateral-contenido { border: none; }

.homeComunidad  .col-contenido,
.fichaRecurso .col-contenido { background-color: #fff; padding: 48px 28px 15px 28px; }
.homeComunidad  .col-lateral,
.fichaRecurso .col-lateral { padding-left: 15px; }
.homeComunidad  .col-lateral > *,
.fichaRecurso .col-lateral > * { padding: 20px 28px 20px 28px; background-color: #fff; margin-bottom: 15px; border: 1px solid #e4e4e4; }


.background-busqueda { margin-right: 0; margin-left: 0; background: #fff; padding: 40px 15px; }

@media (max-width: 768px) {
    .background-busqueda { padding: 20px 5px;}
}


#panFiltros .borrarFiltros { border: 1px solid var(--c-primario); font-size: 14px; font-weight: 300; color: var(--c-primario); padding: 16px; background-color: transparent; opacity: 1; margin-left: 0; display: flex; }
#panFiltros .borrarFiltros::before,
#panFiltros .borrarFiltros::after { display: none; }

/* COMUNIDADES */
.listado.comunidad #panResultados .resource { /*border-bottom: 1px solid var(--c-gris-borde); margin-bottom: 15px;*/ padding-bottom: 15px; }
.listado.comunidad #panResultados .resource .group.title h3,
.listado.comunidad #panResultados .resource .group.title h3 a { font-size: 21px; line-height: 26px; letter-spacing: .42px; color: var(--c-texto); }
.listado.comunidad #panResultados .resource .logoComunidad { position: absolute; left: 0; height: 160px; width: 180px; }
.listado.comunidad #panResultados .resource .logoComunidad img { object-fit: cover; }
.listado.comunidad #panResultados .resource .group.content,
.listado.comunidad #panResultados .resource .group.utils-2 { font-family: var(--f-hoefler-text); font-size: 16px; line-height: 21px; letter-spacing: .3px; color: var(--c-texto-medio); padding-left: 210px; }
.listado.comunidad #panResultados .resource .group.content { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.listado.comunidad #panResultados .resource .group.utils-2 { height: 76px; padding-top: 10px; margin-bottom: 15px; }
.listado.comunidad #panResultados .resource .group.categorias,
.listado.comunidad #panResultados .resource .group.etiquetas { display: flex; margin-bottom: 8px; }
.listado.comunidad #panResultados .resource .group.categorias p,
.listado.comunidad #panResultados .resource .group.etiquetas p { font-size: 12px; font-weight: 300; line-height: 15px; color: var(--c-texto-claro); margin-bottom: 0; padding-right: 30px; width: 100px; min-width: 90px; }
.listado.comunidad #panResultados .resource .group.categorias ul,
.listado.comunidad #panResultados .resource .group.etiquetas ul { list-style: none; display: flex; flex-wrap: wrap; margin-bottom: 0; padding: 0; }
.listado.comunidad #panResultados .resource .group.categorias ul li,
.listado.comunidad #panResultados .resource .group.etiquetas ul li { display: flex; line-height: 15px; padding-right: 12px; color: var(--c-texto-claro); }
.listado.comunidad #panResultados .resource .group.categorias ul li a,
.listado.comunidad #panResultados .resource .group.etiquetas ul li a { display: block; font-size: 12px; font-weight: 400; color: var(--c-texto-claro); }

.comunidad .resource-list .resource { padding-bottom: 15px }

@media (max-width: 767px) {
    .listado.comunidad #panResultados .resource .logoComunidad { height: 130px; width: 130px; }
    .listado.comunidad #panResultados .resource .group.content,
    .listado.comunidad #panResultados .resource .group.utils-2 { padding-left: 140px; }
}

@media (max-width: 575px) {
    .listado.comunidad #panResultados .resource .group.utils-2 { height: 100%; }
}
/**/

/* USER MINIATURA */
.user-miniatura .nombre-usuario-wrap .text-muted { font-size: 12px; }
/**/