/* FUENTE */ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /**/ :root { --c-primario: #006efe; --c-primario-highlight: #006eff15; --c-secundario: #ef373f; --c-negro: #000; --c-blanco: #fff; --c-texto: #333; --c-texto-medio: #555; /*--c-texto-claro: #999;*/ --c-texto-claro: #696969; --c-gris-borde: #d5d5d5; --c-gris-fondo: #f5f5f5; --c-complementario: #6ed4e9; --c-error: #ff0000; --c-error-background: #fde7e8; --c-success: #2eb100; --c-success-background: #ecf9ec; --c-info: #0088ff; --c-info-background: #e6f3ff; --c-warning: #eb6b02; --c-warning-background: #fff7e6; } body { background-color: var(--c-blanco); } html, body { font-family: 'Roboto', sans-serif; font-size: 15px; color: var(--c-texto); } @media (max-width: 575px) { html, body { font-size: 17px; } } input, textarea { font-size: 1rem; color: var(--c-texto); } input[type="text"], input[type="password"], textarea { border: 1px solid var(--c-gris-borde); } textarea { padding: 15px; } :focus { outline-color: var(--c-texto-medio); } .not-outline, .not-outline:focus { outline: none; } a, a:focus, a:hover { color: var(--c-primario); } /*img:not(.fullScreen) { max-width: 100%; height: 100%; }*/ .oculto { display: none !important; } /* Bootstrap override */ .text-danger{color: #d10015 !important;} .uppercase { text-transform: uppercase !important; }/* ICONOS GENERALES */ .con-icono-before, .con-icono-after { display: flex; align-items: center;} .con-icono-before:before, .con-icono-after:after { content: ''; font-family: 'Material Icons'; font-size: inherit; color: inherit; font-weight: 500; } .ver-mas-icono.con-icono-before:before, .ver-mas-icono.con-icono-after:after { content: '\e5cc'; } .icono-flecha-abajo.con-icono-before:before, .icono-flecha-abajo.con-icono-after:after { content: '\e5cf'; } .icono-busqueda.con-icono-before:before, .icono-busqueda.con-icono-after:after { content: '\e8b6'; } .icono-recurso.con-icono-before:before, .icono-recurso.con-icono-after:after { content: '\ef42'; } .icono-debate.con-icono-before:before, .icono-debate.con-icono-after:after { content: 'question_answer'; } .icono-pregunta.con-icono-before:before, .icono-pregunta.con-icono-after:after { content: 'quiz'; } .icono-persona.con-icono-before:before, .icono-persona.con-icono-after:after { content: '\e7fd'; } .icono-mundo.con-icono-before:before, .icono-mundo.con-icono-after:after { content: 'language'; } .icono-mail.con-icono-before:before, .icono-mail.con-icono-after:after { content: 'mail'; font-family: 'Material Icons Outlined'; } .icono-mail-leido.con-icono-before:before, .icono-mail-leido.con-icono-after:after { content: 'drafts'; font-family: 'Material Icons Outlined'; } /* Color de fondo para etiquetas cuando se esté editando */ span[contenteditable="true"] { background-color: var(--c-gris-borde); } /* Genera un espacio -> Dejarlo a 24px */ .modal-header a.cerrar, .menu-toggle, .menu-toggle a {height: 24px !important;} /* Alinear categorías con placeholder de Input de búsqueda - Modal y Creación recurso*/ .divCategorias{ margin-left: 20px; } /* Fondo gris a ckeEditor cuando esté maximizado */ .cke_inner.cke_maximized{ background-color: var(--c-gris-borde);} /* No añadir padding right en modales de bootstrap */ .modal {padding-right: 0px !important; } /* Acción comparar versiones - Diferencias */ .cod0{} .cod1{text-decoration:line-through;} .cod2{color: var(--c-success);} /* */ /* SOBREESCRIBIR BOOTSTRAP */ .container-fluid, .container { padding-left: 16px; padding-right: 16px; } .row { margin-left: -16px; margin-right: -16px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 8px; padding-right: 8px; } @media (min-width: 576px) { .container { max-width: none; } } @media (min-width: 768px) { .container { max-width: none; } } @media (min-width: 992px) { .container { max-width: none; } } @media (min-width: 1200px) { .container { max-width: none; } } @media (min-width: 1366px) { .container { max-width:1280px; padding: 0; } } /**/ /* COLORES */ .texto-primario { color: var(--c-primario); } .texto-secundario { color: var(--c-secundario); } .texto-blanco { color: var(--c-blanco); } .texto-negro { color: var(--c-negro); } .texto-gris-oscuro { color: var(--c-texto); } .texto-gris-medio { color: var(--c-texto-medio); } .texto-gris-claro { color: var(--c-texto-claro); } .background-primario { background-color: var(--c-primario); } .background-secundario { background-color: var(--c-secundario); } .background-blanco { background-color: var(--c-blanco); } .background-negro { background-color: var(--c-negro); } .background-gris { background-color: var(--c-gris-fondo); } .circulo-color { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 0.875rem; text-transform: uppercase; color: var(--c-blanco); border-radius: 50%; cursor: pointer; background: #236a86; } /* */ /* SOBREESCRIBIR ALERTAS BOOTSTRAP */ .alert { border-radius: 0; } .alert a { text-decoration: underline; color: inherit; } .alert-warning { color: var(--c-warning); background-color: var(--c-warning-background); border-color: var(--c-warning-background);} .alert-success { color: var(--c-success); background-color: var(--c-success-background); border-color: var(--c-success-background);} .alert-danger { color: var(--c-error); background-color: var(--c-error-background); border-color: var(--c-error-background);} .alert-info { color: var(--c-info); background-color: var(--c-info-background); border-color: var(--c-info-background);} /**/ /* CUSTOMIZAR CMS */ .span11 { flex: 0 0 100%; max-width: 100%; } .span12 { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .span13 { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .span14 { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .span16 { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .span23 { flex: 0 0 calc(100% / 3 * 2); max-width: calc(100% / 3 * 2); } .span34 { flex: 0 0 calc(100% / 4 * 3); max-width: calc(100% / 4 * 3); } .span38 { flex: 0 0 calc(100% / 8 * 3); max-width: calc(100% / 8 * 3); } .span58 { flex: 0 0 calc(100% / 8 * 5); max-width: calc(100% / 8 * 5); } .span56 { flex: 0 0 calc(100% / 6 * 5); max-width: calc(100% / 6 * 5); } @media (max-width: 767px) { .span12, .span13, .span14, .span16, .span23, .span34, .span38, .span58 { flex: 0 0 100%; max-width: 100%; } } /* */ /* CLASES BODY CMS */ .layout04 main > .container { margin-top: 30px; } /**/ /* ESTILOS CMS */ /*Estos estilos se aplicarán a todos los elementos del cms, si se quiere que un componente no se vea afectado por estos estilos habría que ponerle la clase no-cms-style en el campo "Estilos" del componente */ .block:not(.no-cms-style) { /*border: 1px solid var(--c-gris-borde); padding: 40px; margin-bottom: 20px;*/ } .block:not(.no-cms-style) > div { border: 1px solid var(--c-gris-borde); padding: 40px; margin-bottom: 20px; } /* Sin borde en bloques para contextos */ #divContPanGadgets .block:not(.no-cms-style) > div { border: none;} .block:not(.no-cms-style) h1 { font-size: 1.066rem; font-weight: 500; color: var(--c-negro); margin-bottom: 15px; } .block:not(.no-cms-style) h2 { font-size: .933rem; font-weight: 500; color: var(--c-negro); margin-bottom: 15px; } .block:not(.no-cms-style) p { font-size: .933rem; color: var(--c-texto-medio); } .block:not(.no-cms-style) ul { padding-left: 17px; } .block:not(.no-cms-style) ul > li { color: var(--c-texto-medio); } .block:not(.no-cms-style) ul > li > a { } .block:not(.no-cms-style) ol { padding-left: 17px; } .block:not(.no-cms-style) ol > li { color: var(--c-texto-medio); } .block:not(.no-cms-style) ol > li > a { } .block:not(.no-cms-style) table { border-top: 1px solid var(--c-gris-borde); width: 100%; } .block:not(.no-cms-style) table > tbody { } .block:not(.no-cms-style) table > tbody > tr { border-bottom: 1px solid var(--c-gris-borde); } .block:not(.no-cms-style) table > tbody > tr > td { font-size: .933rem; font-weight: 400; padding: 13px 0; } .block:not(.no-cms-style) table > tbody > tr > td:first-child { font-weight: 700; } .block:not(.no-cms-style) img { width: 100%; object-fit: cover; } .block:not(.no-cms-style) figure { } .block:not(.no-cms-style) figure > img { height: 160px; width: 180px; } .block:not(.no-cms-style) figure > figcaption { font-size: .866rem; font-weight: 300; margin-top: 5px; } .block:not(.no-cms-style) .image { } .block:not(.no-cms-style) .image-left { float: left; margin-right: 40px; } .block:not(.no-cms-style) .image-right { float: right; margin-left: 40px; } .block:not(.no-cms-style) .image-lateral img { height: 290px; width: 100%; } /* Actividad reciente */ .block:not(.no-cms-style) .resource-list { margin-top: 0; } .block:not(.no-cms-style) .resource-list .tituloComponente { font-size: 1.066rem; font-weight: 500; line-height: 16px; color: var(--c-negro); } .block:not(.no-cms-style) .resource-list .resource { padding-left: 35px; } /* */ /* Destacado */ .block:not(.no-cms-style) .destacado { padding: 0; } .block:not(.no-cms-style) .destacado .box.content { padding: 40px; } .block:not(.no-cms-style) .destacado img { height: 380px; } /* */ /* Listado usuarios */ .block:not(.no-cms-style) .userList { } .block:not(.no-cms-style) .userList > ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } .block:not(.no-cms-style) .userList > ul > li { margin-right: 5px; } .block:not(.no-cms-style) .userList > ul > li > a { } .block:not(.no-cms-style) .userList > ul > li > a > img { height: 40px; width: 40px; border-radius: 50%; } /* */ /* Formulario */ .block:not(.no-cms-style) .fieldset { } .block:not(.no-cms-style) .fieldset legend { font-size: 1.2rem; font-weight: 500; } .block:not(.no-cms-style) .fieldset .fieldsetContent { } .block:not(.no-cms-style) .fieldset .fieldsetContent .fila { margin-bottom: 20px; } .block:not(.no-cms-style) .fieldset .fieldsetContent label { font-size: .8rem; font-weight: 500; letter-spacing: 0.5px; } .block:not(.no-cms-style) .fieldset .fieldsetContent input[type="text"], .block:not(.no-cms-style) .fieldset .fieldsetContent textarea { width: 100%; padding: 10px 20px; font-size: 1rem; color: var(--c-texto); outline: none; } .block:not(.no-cms-style) .fieldset .fieldsetContent input[type="text"]:focus, .block:not(.no-cms-style) .fieldset .fieldsetContent textarea:focus { border-color: var(--c-texto-claro); box-shadow: none; } .block:not(.no-cms-style) .fieldset .fieldsetContent input[type="text"] { height: 45px; } .block:not(.no-cms-style) .fieldset .fieldsetContent textarea { height: 200px; } .block:not(.no-cms-style) .fieldset .fieldsetContent input[type="button"] { font-size: .867rem; color: var(--c-blanco); background-color: var(--c-primario); border: 1px solid var(--c-primario); height: 38px; padding: 0 25px; border-radius: .125rem; text-transform: uppercase; } /* */ /* Slider */ .block:not(.no-cms-style) .owl-carousel { padding: 0; border: 0; } .block:not(.no-cms-style) .owl-carousel .item { padding: 0 45px; } /**/ /* Página Home del CMS -> Espacio superior */ body.homeComunidad #col01{margin-top: 15px;} @media (max-width: 767px) { .block:not(.no-cms-style) > div { padding: 20px; } .block:not(.no-cms-style) .destacado .box.content { padding: 20px; } } /* */ /* OWL CAROUSEL */ .owl-nav { } .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; } .owl-nav .owl-prev { left: 0; } .owl-nav .owl-next { right: 0; } .owl-nav .owl-prev span, .owl-nav .owl-next span { display: none; } .owl-nav .owl-prev::before, .owl-nav .owl-next::before { font-family: 'Material Icons'; font-size: 3rem; color: var(--c-texto-medio); } .owl-nav .owl-prev::before { content: 'navigate_before'; } .owl-nav .owl-next::before { content: 'navigate_next'; } /**/ /* LIMPIAR ESTILOS LISTAS */ ul.no-list-style { list-style: none; padding-left: 0; margin-bottom: 0; } .component-list ul {list-style: none;} .ui-state-highlight{ background-color: var(--c-gris-borde); opacity: 0.4; border: 1px dashed var(--c-primario); } /* */ /* TITULOS SECCIONES */ .section-title, .section-title a { font-size: 1.067rem; font-weight: 500; line-height: 24px; letter-spacing: .19px; color: var(--c-texto); margin-bottom: 16px; } /* */ /* FORMULARIOS GENÉRICOS */ /* Inputs texto: Usar los forms de bootstrap */ .form-group { margin-bottom: 10px; } .form-control { border: 1px solid var(--c-gris-borde); border-radius: 0; height: 45px; padding: 10px 20px; font-size: 1rem; color: var(--c-texto);} .form-group .control-label { font-size: 0.8rem; font-weight: 500; letter-spacing: 0.5px;} .form-group .form-control:focus { border-color: var(--c-texto-claro); box-shadow: none;} .form-group.invalid .form-control { border-bottom: 3px solid var(--c-error) !important;} .form-group.invalid .control-label { color: var(--c-error);} .form-group .form-control::placeholder { opacity: 0.6; } .form-group .form-control:-ms-input-placeholder { opacity: 0.6; } .form-group .form-control::-ms-input-placeholder { opacity: 0.6; } .form-group .helper { font-weight: 300; font-size: 0.7rem; color: var(--c-texto-claro); padding: 5px 0px; display: block;} /* Inputs con botón pegado */ .form-sticky-button { display: flex; flex-wrap: nowrap; margin-bottom: 15px;} .form-sticky-button .input[type="text"] { border-right: none; } .form-sticky-button .btn { height: 45px; border-radius: 0; } @media (max-width: 575px){ .form-sticky-button .btn { padding: 0 15px; } } /* Checkbox y Radio Button: Usar el custom checkox/radio de bootstrap (https://getbootstrap.com/docs/4.0/components/forms/#custom-forms) */ .custom-control-input { outline: none !important; } .custom-control-label { cursor: pointer; } .custom-checkbox .custom-control-label::before { background-color: transparent; } .custom-checkbox .custom-control-label::before { border: 1px solid var(--c-texto-claro); border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label { font-weight: 500; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--c-blanco); border-color: var(--c-negro); } .custom-checkbox:not(.themed) .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,") !important; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none;} /* Radio-button/checkbox personalizado, añadiendo la clase .themed */ /* Para ponerle el color primario hay que ponerle la clase .primay*/ /* Para que sea de tamaño pequeño la clase .small */ .custom-checkbox.themed, .custom-radio.themed { padding-left: 40px; min-height: 30px; margin-bottom: 10px; } .custom-checkbox.themed .custom-control-label::before, .custom-radio.themed .custom-control-label::before { background: transparent; border: 1px solid var(--c-texto-claro); border-radius: 50%; height: 2rem; width: 2rem; } .custom-checkbox.themed .custom-control-input ~ .custom-control-label, .custom-radio.themed .custom-control-input ~ .custom-control-label { font-size: 0.8rem; line-height: 25px; color: var(--c-texto-claro); font-weight: 500; } .custom-checkbox.themed .custom-control-input ~ .custom-control-label::before, .custom-radio.themed .custom-control-input ~ .custom-control-label::before, .custom-checkbox.themed .custom-control-input ~ .custom-control-label::after, .custom-radio.themed .custom-control-input ~ .custom-control-label::after { top: -2px; left: -40px; width: 2rem; height: 2rem; border-radius: 50%;} .custom-checkbox.themed .custom-control-input ~ .custom-control-label::after, .custom-radio.themed .custom-control-input ~ .custom-control-label::after { font-weight: bold; color: var(--c-blanco); content: "done"; font-family: "Material Icons"; background-image: none; font-size: 22px; display: flex; justify-content: center; align-items: center;} .custom-checkbox.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::before, .custom-radio.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::before { display: none; } .custom-checkbox.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::after, .custom-radio.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::after { content: ""; border: 2px solid var(--c-texto-claro); } .custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label, .custom-radio.themed .custom-control-input:checked ~ .custom-control-label { color: var(--c-texto-medio) } .custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.themed .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--c-texto-medio); border-color: var(--c-texto-medio); } .custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label::after, .custom-radio.themed .custom-control-input:checked ~ .custom-control-label::after { color: var(--c-blanco); } .custom-checkbox.themed.little, .custom-radio.themed.little { padding-left: 34px; margin-bottom: 5px;} .custom-checkbox.themed.little .custom-control-label::before, .custom-radio.themed.little .custom-control-label::before { height: 23px; width: 23px; left: -34px;} .custom-checkbox.themed.little .custom-control-input ~ .custom-control-label::after, .custom-radio.themed.little .custom-control-input ~ .custom-control-label::after { left: -34px; height: 23px; width: 23px; } .custom-checkbox.themed.little .custom-control-input ~ .custom-control-label::after, .custom-radio.themed.little .custom-control-input ~ .custom-control-label::after { font-size: 16px; } .custom-checkbox.themed.little .custom-control-input ~ .custom-control-label, .custom-radio.themed.little .custom-control-input ~ .custom-control-label { line-height: 20px;} .custom-checkbox.themed.primary .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.themed.primary .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--c-primario); border-color: var(--c-primario); } .custom-checkbox.themed.primary .custom-control-input:checked ~ .custom-control-label, .custom-radio.themed.primary .custom-control-input:checked ~ .custom-control-label { color: var(--c-primario) } .form-section-title { font-size: 0.9rem; font-weight: 700; padding-top: 10px; border-top: 1px solid var(--c-gris-borde); } .form-actions { padding: 25px 0;} /* */ /* SELECTS */ .select2-container--default { } .select2-container--default .select2-selection--single {border: 1px solid var(--c-gris-borde); border-radius: 0; height: 45px; padding: 10px 20px; font-size: 1rem; color: var(--c-texto); outline: none; display: flex; align-items: center; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 10px;} .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1rem; color: var(--c-texto-claro); padding-right: 30px; } .select2-container--default .select2-results>.select2-results__options { max-height: 500px; } /* */ /* TOOLTIPS TOGGLE*/ [data-toggle="tooltip"] { color: var(--c-texto-medio); font-size: 23px; padding-left: 10px; cursor: pointer; } .tooltip { padding: 0; opacity: 0; display: none; } .tooltip.show { opacity: 1; display: block; } .tooltip .tooltip-inner { font-family: 'Roboto', sans-serif; background-color: var(--c-blanco); color: var(--c-texto); text-align: left; border-radius: 0; padding: 20px 25px; position: relative; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); } .tooltip .tooltip-inner p.tooltip-title { font-size: 1.2rem; font-weight: 700; color: var(--c-texto); } .tooltip .tooltip-inner p { font-size: .933rem; line-height: 22px; margin-bottom: 0; color: var(--c-texto-claro); } .tooltip .tooltip-inner ul { margin-top: 10px; } .tooltip .tooltip-inner ul li { margin-right: 10px; } .tooltip .tooltip-inner ul li a { font-size: .933rem; color: var(--c-texto-claro); } .tooltip .tooltip-inner ul li a span.numResultados { margin-left: 3px; } .tooltip .tooltip-inner .cerrar { font-size: 20px; position: absolute; top: 8px; right: 10px; color: var(--c-texto-claro); cursor: pointer; } .tooltip.comunidad, .scrolling .tooltip.comunidad { transform: translate3d(160px, 0, 0) !important; } .tooltip.comunidad.show, .scrolling .tooltip.comunidad.show { top: 0 !important; left: 0 !important; } .tooltip.comunidad .tooltip-inner { max-width: 550px; min-width: 550px; } .tooltip.comunidad .tooltip-inner .col-imagen { flex: 0 0 80px; height: 80px; justify-content: center; margin-right: 30px; background-color: var(--c-gris-fondo); font-size: 45px; } .tooltip.comunidad .tooltip-inner .col-imagen img { height: 80px; object-fit: cover; } .tooltip.comunidad .tooltip-inner .col-datos { flex: 1; } .tooltip.comunidad .tooltip-inner .col-datos .tipo-comunidad { display: flex; align-items: center; margin-right: 10px; } .tooltip.comunidad .tooltip-inner .col-datos .tipo-comunidad .material-icons { margin-right: 10px; } .tooltip.comunidad .tooltip-inner .col-datos .btn { height: 28px; } .tooltip.comunidad .tooltip-inner .col-datos .btn.btn-link { font-weight: 500; } .tooltip.comunidad .tooltip-inner .col-datos .btn.btn-link.success { color: var(--c-success); } .tooltip.comunidad .tooltip-inner > div { margin-bottom: 20px; } .tooltip.comunidad .tooltip-inner > a { font-size: .933rem; color: var(--c-texto-claro); display: flex; align-items: center; text-decoration: none; } .tooltip.comunidad .tooltip-inner > a:hover { color: var(--c-texto); } @media (max-width: 767px) { .tooltip.comunidad, .scrolling .tooltip.comunidad { transform: translate3d(0, 0, 0) !important; } } /* */ /* MENSAJES ERROR-EXITO*/ .ko, .ok { display: none; font-size: 0.9rem; padding: 12px 40px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 15px;} .ko p, .ok p { margin: 0; } .ko { background-color: var(--c-error-background); color: var(--c-error); } .ok { background-color: var(--c-success-background); color: var(--c-success); } /**/ /* TAGS */ .tag-list { display: flex; flex-wrap: wrap;} /*.tag-list .tag { display: inline-block; margin: 0 5px 5px 0; } .tag-list .tag .tag-wrap { display: flex; align-items: center; background: var(--c-texto-claro); height: 38px; line-height: 38px; font-weight: 500; color: var(--c-blanco); font-size: 1rem; border: none; } .tag-list .tag .tag-wrap .tag-text { padding: 0 20px; } */ .tag-list .tag { display: inline-block; margin: 0 5px 5px 0; max-width: 100%; } .tag-list .tag .tag-wrap { max-width: 100%; display: flex; align-items: center; background: var(--c-texto-claro); height: 38px; line-height: 38px; font-weight: 500; color: var(--c-blanco); font-size: 1rem; border: none; } .tag-list .tag .tag-wrap .tag-text { padding: 0 20px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .tag-list .tag .tag-wrap .tag-remove { cursor: pointer; display: inline-block; font-size: 1.5rem; color: var(--c-blanco); height: 38px; line-height: 38px; width: 38px; text-align: center; background: rgba(0,0,0,.2); } .tag-list.sugerencias .tag .tag-wrap { background-color: #6ed4e9; } /* */ /* FILTRO RAPIDO */ .filtroRapido { position: relative; } .filtroRapido .form-control { position: relative; } .filtroRapido .icon { position: absolute; top: 0; right: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;} /* */ /* MAIN */ main { padding-top: 60px; display: flex; min-height: 100vh;} main > .container > .row, main .container .row-content > .row { padding-left: 20px; padding-right: 20px; } main .container .row-content { min-height: calc(100vh - 165px); } .comunidad main .container .row-content { min-height: calc(100vh - 205px); } .no-min-height-content main .container > .row-content { min-height: auto !important;} @media (min-width: 1366px){ main > .container > .row, main .container .row-content > .row { padding-left: 8px; padding-right: 8px; } } @media (max-width: 992px){ main > .container > .row, main .container .row-content > .row { padding-left: 15px; padding-right: 15px; } main .container .row-content { min-height: calc(100vh - 255px); } } /**/ /* LAYOUT CONTENIDO Y LATERALS */ .col-contenido { padding-left: 0; } .col-contenido.derecha { } .col-contenido.izquierda { padding-right: 50px;} .col-contenido .wrapCol { padding-left: 8px; } .col-contenido.derecha .wrapCol { padding-left: 25px; } .col-contenido.izquierda .wrapCol { padding-left: 8px; } .col-lateral {} .col-lateral.izquierda {} .col-lateral.derecha {} @media (max-width: 1199px){ .col-contenido { flex: 0 0 100%; max-width: 100%; padding: 0 8px; } .col-contenido.derecha .wrapCol { padding-left: 0px; } .col-contenido.izquierda { padding-right: 8px; } .col-contenido.izquierda .wrapCol { padding-left: 0px; } } /* */ /* BOTONES */ .btn { text-transform: none; display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 25px; line-height: 1; font-size: 0.867rem; text-decoration: none !important; position: relative; } .btn:hover, .btn:focus, .btn:active:focus { outline: none; box-shadow: none; } .btn-primary, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { color: var(--c-blanco); background-color: var(--c-primario); border-color: var(--c-primario); } .btn-secondary, .btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { color: var(--c-blanco); background-color: var(--c-secundario); border-color: var(--c-secundario); box-shadow: none;} .btn-grey, .btn-grey:hover, .btn-grey.focus, .btn-grey:focus, .btn-grey.disabled, .btn-grey:disabled, .btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active, .show>.btn-grey.dropdown-toggle, .btn-grey:not(:disabled):not(.disabled).active:focus, .btn-grey:not(:disabled):not(.disabled):active:focus, .show>.btn-grey.dropdown-toggle:focus { color: var(--c-blanco); background-color: var(--c-texto-claro); border-color: var(--c-texto-claro); box-shadow: none;} .btn-outline-primary, .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary.focus, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus, .btn-outline-primary:focus { color: var(--c-primario); background-color: var(--c-blanco); border-color: var(--c-primario); box-shadow: none;} .btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary.focus, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus, .btn-outline-secondary:focus { color: var(--c-secundario); background-color: var(--c-blanco); border-color: var(--c-secundario); box-shadow: none; } .btn-outline-grey, .btn-outline-grey:hover, .btn-outline-grey.focus, .btn-outline-grey.disabled, .btn-outline-grey:disabled, .btn-outline-grey:not(:disabled):not(.disabled).active, .btn-outline-grey:not(:disabled):not(.disabled):active, .show>.btn-outline-grey.dropdown-toggle, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-grey.dropdown-toggle:focus, .btn-outline-grey:focus { color: var(--c-texto-claro); background-color: var(--c-blanco); border-color: var(--c-gris-borde); box-shadow: none; } .btn-outline-grey:hover { color: var(--c-texto-medio); } .btn-link, .btn-link:hover { color: var(--c-primario); } .btn-round { border-radius: 19px } .btn span.material-icons { padding-right: 10px; } .btn.mas:before { content: '\E145'; font-family: 'Material Icons'; font-size: 1.6rem; position: relative; padding-right: 6px; margin-left: -9px; } .btn-accion { display: inline-flex; align-items: center; justify-content: center; height: 25px; border: 0; background: none; color: var(--c-primario); padding: 0 10px 0 30px; line-height: 1; font-size: 0.813rem; text-decoration: none !important; text-transform: none; position: relative; } .btn-accion:before { content: ''; font-family: 'Material Icons'; font-size: 1.5rem; display: block; line-height: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .btn-accion.megusta:before { content: '\E8DC'; } .btn-accion.comentar:before { content: '\E0B9'; } .btn-accion.compartir:before { content: '\E80D'; } .btn-seguir {} .btn-seguir .seguir, .btn-seguir .no-seguir, .btn-no-seguir .seguir{ display: flex; align-items: center; } .btn-seguir .no-seguir { display: none; } .btn-seguir.siguiendo .seguir { display: none; } .btn-seguir.siguiendo .no-seguir { display: flex; } /**/ /* DROPDOWNS GENÉRICO */ .dropdown-toggle.no-flecha:after { display: none; } /* estilos basic dropdown */ .basic-dropdown.dropdown-menu { padding: 10px 0; border-radius: 0; background-color: var(--c-blanco); } .basic-dropdown.dropdown-menu ul {} .basic-dropdown.dropdown-menu ul li { margin-bottom: 7px; } .basic-dropdown.dropdown-menu ul li:last-child { margin-bottom: 0px; } .basic-dropdown.dropdown-menu .item-dropdown { padding-left: 15px; padding-right: 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; font-weight: normal; } /* item-dropdown simular deshabilitado por CI/CD para DevTools */ .basic-dropdown.dropdown-menu .item-dropdown.disabled { background-color: var(--c-gris-fondo); cursor: default; } .basic-dropdown.dropdown-menu .item-dropdown:hover { background-color: var(--c-gris-fondo); color: var(--c-texto); text-decoration: none; } /* item-dropdown:hover simular deshabilitado por CI/CD para DevTools */ .basic-dropdown.dropdown-menu .item-dropdown:hover { color: var(--c-texto-claro); text-decoration: none; } .basic-dropdown.dropdown-menu .item-dropdown .material-icons { padding-right: 10px; } .basic-dropdown.dropdown-menu .dropdown-title { padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-weight: bold; line-height: 14px; font-size: 0.8rem; } .basic-dropdown.dropdown-menu .cerrar-dropdown { color: var(--c-texto-claro); font-size: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .basic-dropdown.dropdown-menu.dropdown-sobre-toggle { top: -45px !important; } /* Evitar visualización incorrecta en móviles para Crear un recurso */ @media (max-width: 767px){ #menuDropdownCrear{max-width: 90vw;} #menuDropdownCrear span.texto{width: 100%; overflow: hidden; text-overflow: ellipsis; } } /* */ /* 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: 0px;} .custom-css-scroll::-webkit-scrollbar-thumb { background-color: var(--c-texto-claro) ; border-radius: 0px; border: none; } /* END CUSTOM SCROLL CSS BAR*/ /* LOADER */ #mascaraBlanca { background-color: rgba(255,255,255, 0.7); width: 100vw; height: 100vh; position: fixed; display: none; left: 0px; top: 0px; z-index: 10000; } #mascaraBlanca .wrap { flex-direction: column; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;} .mascaraBlancaActiva { overflow: hidden; } .mascaraBlancaActiva #mascaraBlanca { display: block; } .spinner-blue, .spinner-blue-only { border-color: var(--c-primario); } /* */ /* DYMANIC PROGRESS BAR */ .progress-loader { padding: 5px 0;} .progress-loader .progress-loader-label { margin-bottom: 2px; font-size: 0.8rem; color: var(--c-texto); font-weight: normal; } .progress-loader .progress { position: static; height: 12px; width: auto; display: flex; background-color: var(--c-gris-borde); border-radius: 0; margin: 0; } .progress-loader .progress .progress-bar { background-color: var(--c-primario); } /* */ /* PROGRESS BAR */ .progress-loader { padding: 5px 0;} .progress-loader .progress-loader-label { margin-bottom: 2px; font-size: 0.8rem; color: var(--c-texto); font-weight: normal; } .progress-loader .progress { position: static; height: 12px; width: auto; display: flex; background-color: var(--c-gris-borde); border-radius: 0; margin: 0; } .progress-loader .progress .progress-bar { background-color: var(--c-primario); } /* */ /* PROGRESS BAR */ .step-progress { display: inline-flex; align-items: center; padding: 0; margin: 0; margin-bottom: 5px; width: 100%; list-style: none; } .step-progress__circle { position: relative; background: #ddd; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; flex-flow: column nowrap; } .step-progress__bar { flex: 1; height: 5px; background: #ddd;} .step-progress__bar.active, .step-progress__circle.active { background: var(--c-primario); } .step-progress__circle.done:before { content: '\e876'; font-family: 'Material Icons'; font-size: 16px; color: var(--c-blanco); } .step-progress__text { visibility: hidden; top: 30px; white-space: nowrap; position: absolute; color: var(--c-primario); font-weight: 500; font-size: 1.267rem; justify-content: space-between; } .step-progress__text.current { visibility: visible; } .step-progress__circle:first-child .step-progress__text { left: 0; } .step-progress__circle:last-child .step-progress__text { right: 0; } /* */ /* REDES SOCIALES */ .lista-redes-sociales { display: flex; flex-wrap: wrap;} .lista-redes-sociales > li { margin: 0 3px 3px 0;} .lista-redes-sociales > li a { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; padding: 5px; } .lista-redes-sociales > li a:hover { text-decoration: none !important; } .lista-redes-sociales > li a i { color: var(--c-blanco); font-size: 20px; } .lista-redes-sociales > li.whatsapp a { background-color: #25d366; } .lista-redes-sociales > li.facebook a { background-color: #1877f2; } .lista-redes-sociales > li.twitter a { background-color: #1da1f2; } .lista-redes-sociales > li.linkedin a { background-color: #0a66c2; } .lista-redes-sociales > li.reddit a { background-color: #ff4500; } .lista-redes-sociales > li.blogger a { background-color: #ff8000; } .lista-redes-sociales > li.google a { background-color: #fff; } .lista-redes-sociales > li.google a { background-color: #fff; } .lista-redes-sociales > li.google a .google-icon { background-image: url(/img/google-logo.png); background-size: cover; position: relative; background-repeat: no-repeat; height: 100%; width: 100%; } .lista-redes-sociales--registro { flex-direction: column; } .lista-redes-sociales--registro > li { } .lista-redes-sociales--registro > li > a { border: 1px solid var(--c-gris-borde); padding: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; height:48px;} .lista-redes-sociales--registro > li > a > i { flex: 0 0 48px; display: flex; align-items: center; justify-content: center; font-size:30px;} .lista-redes-sociales--registro > li > a > span { border-left: 1px solid var(--c-gris-borde); background: #fff; height: 100%; flex: 1; display: flex; align-items: center; color: var(--c-texto-claro); padding-left: 20px;} /* */ /* MODAL */ .modal { } .modal .modal-dialog { width: 100%; max-width: 848px; } .modal .modal-content { border: 0; } .modal .modal-content .modal-header { display: flex; align-items: center; height: 60px; background-color: var(--c-primario); color: var(--c-blanco); padding: 0 20px; margin: 0; } .modal .modal-content .modal-header .modal-title { font-size: 1.4rem; font-weight: 400; letter-spacing: .32px; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal .modal-content .modal-header .modal-title .material-icons { padding-right: 15px; } .modal .modal-content .modal-header .cerrar { cursor: pointer; } .modal .modal-content .modal-body { margin: 0; padding: 25px 100px; overflow: auto; max-height: calc(100vh - 60px);} .modal .modal-content .modal-footer { } .modal.full-height .modal-content .modal-body { height: calc(100vh - 60px); } .modal-top.modal:before { display: none; } .modal-top.modal .modal-dialog { margin: 0; } .modal--wide-content .modal-content .modal-body { padding: 25px 40px; } @media (min-width: 992px){ .modal-left-corner .modal-dialog { top: 90px; position: absolute; left: 50px; margin-top: 0; } } @media (max-width: 767px){ .modal .modal-dialog { width: 100%; max-width: 100%; } .modal .modal-content .modal-body { padding: 20px; } } /**/ /* TABLAS */ table.table { font-size: 0.85rem; color: var(--c-texto-medio); width: 100% !important; max-width: 100%; } table.table > head { } table.table > thead > tr > th { color: var(--c-texto); border: none; border-bottom: 1px solid var(--c-gris-borde); } table.table > tbody { } table.table > tbody > tr > td { border: none; border-bottom: 1px solid var(--c-gris-borde); } table.table > tbody > tr > td .btn { height: auto; text-align: left; padding: 0;} table.table > tbody > tr > td .btn .material-icons { font-size: 22px; } table.table > tbody > tr > td .custom-control.custom-checkbox { min-height: auto; padding-top: 0; padding-bottom: 0; } table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > th:first-child:before { top: 22px;} table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { font-size: 18px; color: white; border: none; box-shadow: none; text-indent: 0 !important; font-family: "Courier New",Courier,monospace; content: "+"; background-color: var(--c-primario);} table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { background-color: var(--c-primario); } /**/ /* AUTOCOMPLETAR */ .ac_results { z-index: 999; background-color: var(--c-blanco); border: 1px solid var(--c-gris-borde); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .ac_results ul { list-style: none; padding: 15px; margin: 0; } .ac_results ul > li { font-size: 1rem; color: var(--c-texto); padding: 7px; cursor: pointer; font-weight: 300;} .ac_results ul > li:last-child { margin-bottom: 0; } /* AUTOCOMPLETAR:Hover */ .ac_over { background-color: var(--c-primario); color: var(--c-blanco) !important;} /* */ /* AUTOCOMPLETAR TAGS*/ .autocompletar-tags {} /* */ /* NAV TABS */ .nav-tabs { border-bottom: 1px solid var(--c-gris-borde); overflow: auto; overflow-y: hidden; flex-wrap: nowrap; max-width: 100%;} .nav-tabs .nav-item { } .nav-tabs .nav-item .nav-link { white-space: nowrap; border: none; font-weight: 500; font-size: 0.85rem; border-bottom: 4px solid transparent; color: var(--c-texto-claro); } .nav-tabs .nav-item .nav-link:hover { border: none; border-bottom: 4px solid transparent; } .nav-tabs .nav-item .nav-link.active { border: none; border-bottom: 4px solid var(--c-primario);color: var(--c-primario); } .nav-tabs.grey .nav-item .nav-link.active { border: none; border-bottom: 4px solid var(--c-texto-medio);color: var(--c-texto-medio); } .nav-tabs.big-no-padding .nav-item .nav-link { font-size: 1rem; padding: 10px 0 10px 0; } .nav-tabs.big-no-padding .nav-item .nav-link { margin-right: 50px; } .nav-tabs.big-no-padding .nav-item:last-child .nav-link { margin-right: 0px; } .tab-content { padding: 20px 0; } .tab-content .resource-list { margin-top: 0; } @media (max-width: 767px) { .nav-tabs.big-no-padding .nav-item .nav-link { margin-right: 25px; } } /* */ /* POPOVER */ .popover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: 1px solid #e1e1e1; background-color: #fafafa; border-radius: 1px; left: 34px !important; z-index: 798; } .popover .popover-body { font-size: 0.75rem; font-weight: 200; line-height: 18px; letter-spacing: .24px; color: #707070; padding: 13px 23px; } /**/ /* TOAST NOTIFICATIONS */ #toast-container { margin-bottom: 50px; } #toast-container > .toast { padding: 13px 40px 13px 90px; background-image: none !important; position: relative; opacity: 1; box-shadow: none !important;} #toast-container > .toast:before { content: 'priority_high'; font-family: 'Material Icons'; position: absolute; top: 0; left: 0; width: 60px; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.1); font-size: 30px;} #toast-container > .toast.toast-success { background-color: var(--c-success); } #toast-container > .toast.toast-success:before { content: 'done'; } #toast-container > .toast.toast-info { background-color: var(--c-info) } #toast-container > .toast.toast-warning { background-color: var(--c-warning)} #toast-container > .toast.toast-error { background-color: var(--c-error) } #toast-container > .toast .toast-title { font-size: 0.8rem; font-weight: 300;} #toast-container > .toast .toast-message { font-size: 0.933rem; } #toast-container > .toast .toast-close-button { position: absolute; top: calc(50% - 10px); right: 15px; opacity: 1;} #toast-container > .toast .toast-close-button:hover { color: var(--c-blanco); opacity: 1; text-decoration: none; cursor: pointer; } #toast-container > .toast a { text-decoration: underline; } #toast-container > .toast a:hover { opacity: 1; color: currentColor; } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div { width: 630px; max-width: 100%;} @media (max-width: 767px){ #toast-container { margin-bottom: 00px; padding: 0 15px; } } /* */ /* DONUT */ .donut-size { width: 100%; margin: 0 auto; } .pie-wrapper { } /* Visualización incorrecta en Gnoss*/ /*.pie-wrapper .label { top: 50%; left: 50%; bottom: inherit; right: inherit; transform: translate(-50%, -50%); line-height: inherit; color: var(--c-texto); text-align: left; }*/ .pie-wrapper .label {top: 50%;left: 50%; bottom: inherit; right: inherit; transform: translate(-50%, -50%); line-height: inherit;color: var(--c-texto); text-align: left; display: flex; flex-direction: column;} .pie-wrapper .label span { font-size: 0.933rem; white-space: nowrap; } .pie-wrapper .label .utility { display: flex; color: var(--c-primario); font-weight: 500;} .pie-wrapper .label .total { font-size: 0.733rem; } .pie-wrapper .shadow { border-color: #e8e3e3; border-width: 20px !important; } .pie-wrapper .half-circle { border-width: 20px !important; border-color: var(--c-primario); } /**/ /* CABECERA */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 800; transition: transform .3s ease-in-out; display: flex; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } header .row { flex-wrap: nowrap; padding: 0 15px;} header .row.upper-row { height: 60px; } header .row .col { display: flex; align-items: center; } header .row .col .icono:before { content: ''; display: block; } header .row .col.col01 { } header .row .col.col02 { flex: 1 1 auto; } header .row .col.col03 { } header .row .col .logo { } header .row .col .logo a { color: var(--c-negro); font-size: 1.063rem; font-weight: 400; letter-spacing: .34px; white-space: nowrap; } header .row .col .logo a span { font-weight: 300; font-style: italic; } header .row .col.col03 > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; flex: 0 0 100%; max-width: 100%; position: relative; } header .row .col.col03 > ul > li { justify-content: center; position: relative; margin-left: 20px; } header .row .col.col03 > ul > li:first-child { margin-left: 0; } header .row .col.col03 > ul > li .btn { } header .row .col.col03 > ul > li.iniciar-sesion { white-space: nowrap;} header .row .col.col03 > ul > li.iniciar-sesion a:hover { color: var(--c-blanco); } header .row .col.col03 > ul > li.nuevo { } header .row .col.col03 > ul > li.nuevo .btn { transition: none; font-size: 1rem; font-weight: 500; } header .row .col.col03 > ul li.nuevo-mensaje { display: none; } /* Quitar mayúsuculas */ header .row .col.col03 > ul li.nuevo-mensaje a { /*text-transform: uppercase;*/ font-weight: 500; } .mensajes header .row .col.col03 > ul li.nuevo, .fichaMensaje header .row .col.col03 > ul li.nuevo { display: none; margin-left: 0; } .mensajes header .row .col.col03 > ul li.nuevo-mensaje, .fichaMensaje header .row .col.col03 > ul li.nuevo-mensaje { display: block; } header .row .col.col03 > ul li.usuario { display: flex; align-items: center; justify-content: flex-end; padding-left: 0; width: 100%; } header .row .col.col03 > ul li.usuario .user-miniatura .imagen-usuario-wrap { padding-right: 0px; } header .row .col.col03 > ul li.usuario .user-miniatura .imagen-usuario-wrap .imagen { border: none; height: 38px; width: 38px; } header .row .col.col03 > ul li.usuario .user-miniatura .imagen-usuario-wrap .imagen.sinImagen span { font-size: 28px; color: var(--c-blanco); background-color: transparent;} header .row .col.col03 > ul li.usuario .user-miniatura .nombre-usuario-wrap { display: none; padding-left: 18px;} header .row .col.col03 > ul li.usuario .user-miniatura .nombre-usuario-wrap p { color: var(--c-blanco); } header .row .col.col03 > ul li.usuario .user-miniatura .nombre-usuario-wrap p.nombre-completo { display: none; } /* Notificaciones usuario */ header .row .col.col03 > ul li.usuario .user-miniatura .imagen-usuario-wrap .imagen #user-panel-trigger.nuevos:before {top: 0px; content: ""; height: 8px; width: 8px; border-radius: 50%; position: absolute; right: 0px; background-color: var(--c-error); z-index: 1;} header .row .col.col03 > ul li.buscar { } header .row .col.col03 > ul li.buscar a { height: 40px; font-size: 30px; justify-content: center; align-items: center; display: flex; } header .row .col.col03 > ul li.buscar a:hover { color: var(--c-blanco); text-decoration: none !important;} header .row .col.col03 > ul li.buscar a span { font-size: 28px; } header .row.community-row { height: 40px; } /*header .row.community-row { height: auto; }*/ /* header .row.community-row .community-menu-wrapper { padding-left: 9px; display: flex; flex-wrap: nowrap; align-items: center;} Cambiado para múltiples items en menú */ header .row.community-row .community-menu-wrapper { padding-left: 9px; display: flex; flex-wrap: wrap; align-items: center; } header .row.community-row .community-menu-wrapper ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; } header .row.community-row .community-menu-wrapper ul li { margin-right: 25px; margin-bottom: 5px; list-style: none; } header .row.community-row .community-menu-wrapper > a { display: none; color: inherit; } #community-menu > ul { display: flex; padding: 0; margin-bottom: 0 ;} #community-menu ul li { margin-right: 25px; height: 100%; align-items: center; position: relative; } #community-menu ul li:first-child { } #community-menu ul li:first-child a { padding-left: 0; } #community-menu ul li:last-child { margin-right: 0; } #community-menu ul li a { font-size: 1rem; color: var(--c-blanco); font-weight: 300;} #community-menu ul li a:hover, #community-menu ul li.active a { text-shadow: 0 0 1px var(--c-blanco), 0 0 1px var(--c-blanco); } #community-menu ul ul { background-color: var(--c-primario); } #community-menu .sub-menu { display: none; } #community-menu .level01:hover .sub-menu { display: block; } #community-menu .level01.con-sub-menu > a:after { display:inline-block; font-size: 14px; text-decoration: none !important; content: 'arrow_forward_ios'; font-family: 'Material Icons'; border: 0 !important; transform: rotate(90deg); margin-left: 4px; vertical-align: top; } #community-menu .level01 .sub-menu-toggle:after { display: none !important; } #community-menu .level01 > ul { max-height: 80vh; position: absolute; transform: translate(0px, 0px) !important; left: -20px !important; top: 30px !important; background-color: var(--c-primario); border-radius: 0; padding: 5px 20px 15px 20px; width: max-content; max-width: 320px; } /*#community-menu .level01 li { display: block; }*/ #community-menu .level01 a { padding: 4px 0; display: inline-block; } #community-menu .level02 li { padding-left: 30px; } #community-menu .level02 ul { padding: 0; margin: 0; } #menuLateralComunidad .body { padding-left: 0; padding-right: 0; } #community-menu-movil { } #community-menu-movil > .title { padding-left: 20px; padding-right: 20px; } #community-menu-movil > ul > li { border-bottom: 1px solid var(--c-gris-borde); padding: 8px 20px; margin: 0; } #community-menu-movil .sub-menu { display: none; padding-left: 25px; padding-top: 10px; } #community-menu-movil .con-sub-menu.show > .sub-menu { display: block; } #community-menu-movil .con-sub-menu >.sub-menu-toggle:after { cursor: pointer; font-size: 14px; text-decoration: none !important; content: 'arrow_forward_ios'; font-family: 'Material Icons'; border: 0 !important; transform: rotate(90deg); display: inline-flex; height: 20px; width: 20px; border-radius: 3px; justify-content: center; align-items: center; margin-left: 6px; } #community-menu-movil .con-sub-menu.show > .sub-menu-toggle:after { transform: rotate(270deg); } #community-menu-movil .con-sub-menu > .sub-menu-toggle { text-shadow: none !important; text-decoration: none !important; } #community-menu-movil .con-sub-menu > .sub-menu-toggle:hover:after { background-color: rgb(0 0 0 / 1%); text-shadow: none !important; } .scrolling header { box-shadow: none; } .comunidad.scrolling header .upper-row .menu-logo-wrapper, .comunidad.scrolling header .upper-row .page-name-wrapper {display: none; } .comunidad.scrolling header .row.community-row { height: 0; } .comunidad.scrolling header .row.community-row .community-menu-wrapper { transform: translateY(-40px);} /* Genera un espacio -> Dejarlo a 24px */ .comunidad.scrolling header .row.community-row .community-menu-wrapper > a { display: block; height: 24px; } .comunidad.scrolling header .row.community-row .page-name-wrapper { display: flex; text-overflow: ellipsis; } .comunidad.scrolling header #community-menu { display: none; } @media (max-width: 1199px){ header .row .col.col02 .buscar { padding-right: 0; } header .row .col.col03 { max-width: 140px; min-width: 135px; padding-left: 0; padding-right: 10px; } header .row .col.col03 ul li.nuevo { position: fixed; right: 26px; bottom: 26px; z-index: 48; } header .row .col.col03 ul li.nuevo .btn, header .row .col.col03 ul li.nuevo-mensaje .btn { background-color: var(--c-primario); color: var(--c-blanco); } header .row .col.col03 ul li.nuevo .btn { height: 60px; width: 60px; border-radius: 50%; position: fixed; right: 26px; bottom: 26px; z-index: 48; font-size: 0; padding: 0; } header .row .col.col03 ul li.nuevo-mensaje .btn { font-size: 0.933rem; width: auto; height: 40px; border-radius: 20px; padding: 0 15px; } header .row .col.col03 ul li.nuevo .btn:before { padding-right: 0; margin-left: 0; position: static; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; } header .row .col.col03 ul li.nuevo .dropdown-menu.show { transform: none !important; bottom: 70px !important; top: auto !important; right: 0 !important; left: auto !important; } header .row .col ul li.usuario { margin-left: 0; } header .row.community-row .community-menu-wrapper > a { display: block;} #community-menu { display: none;} } @media (max-width: 991px){ header .row .col.col03 { padding-right: 9px; } } @media (max-width: 575px){ header .row .col .logo a { font-size: 0.813rem; letter-spacing: normal; } header .row .col.col02 { display: none; } .nuevoMensaje .btn-enviar { position: fixed; right: 30px; bottom: 30px;} /* Botón para cancelar mensaje */ .nuevoMensaje .btn-cancelar-mensaje { position: fixed; right: 180px; bottom: 30px;} .nuevoMensaje { font-size: 15px; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap .form-control { padding-left: 35px; padding-right: 10px; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap .icon { font-size: 20px; left: 9px; } .nuevoMensaje .formulario-edicion .form-group.edit-titulo { margin-bottom: 20px !important; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas { margin-bottom: 20px !important; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .tag-list { margin-bottom: 10px !important; } } /**/ /* COMMON SECTIONS */ .menu-logo-wrapper { display: flex; align-items: center; max-width: 100%;} .menu-logo-wrapper a, .menu-logo-wrapper span.configuracionInicial { text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .menu-logo-wrapper .menu-toggle { padding-right: 20px; } .menu-logo-wrapper a:hover { color: var(--c-blanco); } .menu-logo-wrapper .logo-wrapper { color: var(--c-blanco); font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; } .menu-logo-wrapper .logo-wrapper img { height: 30px; width: auto; max-width: none; } .page-name-wrapper { line-height: 1; display: flex; align-items: center; padding-left: 20px; border-left: 1px solid var(--c-blanco); } /* Para dispositivo móvil no pegarlo con inicia sesión */ .page-name-wrapper .page-name { line-height: 22px; font-size: 1.1rem; font-weight: 500; margin: 0;text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;} .page-name-wrapper .page-name a, .page-name-wrapper .page-name a:hover { color: var(--c-blanco) } .page-name-wrapper .material-icons { padding-left: 20px; opacity: .4; padding-right: 10px; } .page-name-wrapper .material-icons.comunidad { cursor: pointer; } .page-name-wrapper.organizacion { margin-left: 20px; } .page-name-wrapper.organizacion .page-name { font-weight: 300; } .community-row .page-name-wrapper { display: none; border-left: none; } .scrolling .community-row .page-name-wrapper { max-width: calc(100vw - 335px); } @media (max-width: 1199px){ .upper-row .page-name-wrapper { display: none; } .community-row .page-name-wrapper { display: flex; max-width: 75vw; padding-left: 17px; overflow: hidden; } .scrolling .community-row .page-name-wrapper { max-width: calc(100vw - 200px); } } /* */ /* FOOTER */ #footer { } #footer .wrapCol { margin: 20px 0 30px 0; padding-top: 30px; border-top: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: flex-start; } #footer .logo { } #footer .logo p { font-size: 1rem; font-weight: 500; line-height: 24px; color: var(--c-texto-claro); margin: 0; } #footer .logo a { color: var(--c-texto-claro); } #footer .enlaces { padding-left: 40px;} #footer .enlaces ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } #footer .enlaces ul li { margin-right: 15px; } #footer .enlaces ul li:last-child { margin-right: 0; } #footer .enlaces ul li a { font-size: 1rem; font-weight: 300; line-height: 24px; color: var(--c-texto-claro); } #footer .idiomas { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; flex: 1 1 auto; } #footer .idiomas > p { font-size: 1rem; font-weight: 300; color: var(--c-texto-claro); margin-bottom: 0; } #footer .idiomas .dropdown { padding-left: 9px; } #footer .idiomas .dropdown > a { font-weight: 500; color: var(--c-texto); } #footer .idiomas .dropdown > .dropdown-menu { width: 260px; } #footer .idiomas .dropdown > .dropdown-menu > .dropdown-title { display: flex; align-items: center; } #footer .idiomas .dropdown > .dropdown-menu > .dropdown-title > .language { padding-right: 12px; } #footer .idiomas .dropdown > .dropdown-menu > ul { } #footer .idiomas .dropdown > .dropdown-menu > ul > li { margin-bottom: 0; } @media (max-width: 767px){ #footer .wrapCol { flex-direction: column; align-items: flex-start; } #footer .enlaces { padding-left: 0;} #footer .enlaces ul { flex-wrap: wrap;} } /**/ /* MENU LATERAL */ .menuLateral { width: 320px; max-width: 320px; overflow: hidden; background-color: #fff;} .menuLateral .header { height: 60px; background: var(--c-primario); display: flex; align-items: center; justify-content: space-between; } .menuLateral .header .wrap-header { min-width: 0; display: flex; align-items: center; justify-content: space-between; padding: 0; flex: 1; } .menuLateral .header .menu-logo-wrapper { padding-left: 18px; min-width: 0; } .menuLateral .header .menu-toggle { padding-right: 24px; } .menuLateral .header .menu-toggle .cerrar { display: inline; } .menuLateral .header .cerrar { flex: 0 0 50px; color: var(--c-blanco); width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; } .menuLateral .body { height: calc(100vh - 60px); overflow-y: auto; overflow-x: hidden; padding: 18px 10px 18px 18px; } .menuLateral .body ul { list-style: none; display: flex; padding: 0; margin-bottom: 0; flex-direction: column; } .menuLateral .body ul li, .menuLateral .body ul li { margin-bottom: 10px;} .menuLateral .body ul li a { transition: none; color: var(--c-texto-claro); font-size: 1rem; font-weight: 500; } .menuLateral .body ul li a:hover { text-decoration: underline; color: var(--c-primario);} .menuLateral .body ul li.active a { color: var(--c-texto); } /* Menú de la comunidad con subitems o subpestanyas */ .menuLateral .body ul li ul{ padding-left: 18px;} .menuLateral .body ul li ul li:first-child{ margin-top: 10px;} .menuLateral .cerrar { color: var(--c-blanco); } /* */ .menuLateral.metabuscador { width: 850px; max-width: 850px; overflow: hidden;} .menuLateral.metabuscador .header { } .menuLateral.metabuscador .cerrar { flex: 0 0 60px; } .menuLateral.metabuscador .wrap-header { padding: 5px 0px 5px 5px; } .menuLateral.metabuscador .header ::-webkit-input-placeholder { font-size: 1rem; color: var(--c-blanco); } .menuLateral.metabuscador .header ::-moz-placeholder { font-size: 1rem; color: var(--c-blanco); } .menuLateral.metabuscador .header :-ms-input-placeholder { font-size: 1rem; color: var(--c-blanco); } .menuLateral.metabuscador .header ::-ms-input-placeholder { font-size: 1rem; color: var(--c-blanco); } .menuLateral.metabuscador .header ::placeholder { font-size: 1rem; color: var(--c-blanco); } .menuLateral.metabuscador .header .buscador { flex: 1; } .menuLateral.metabuscador .header .buscador form { margin: 0; } .menuLateral.metabuscador .header .buscador .fieldsetGroup { display: none; } .menuLateral.metabuscador .header .buscador .fieldsetGroup.searchGroup { display: block; } .menuLateral.metabuscador .header .buscador #selector { display: none; } .menuLateral.metabuscador .header .buscador .textoBusquedaPrincipalInput { position: relative; } .menuLateral.metabuscador .header .buscador .textoBusquedaPrincipalInput .txtBusqueda { width: 100% !important; height: 50px; line-height: 50px; border-radius: 1px; padding: 0 15px 0 55px; background: var(--c-blanco); font-size: 1rem; color: var(--c-texto); border: 0; } .menuLateral.metabuscador .header .buscador .textoBusquedaPrincipalInput .txtBusqueda::placeholder {color: var(--c-texto); opacity: 0.6;} .menuLateral.metabuscador .header .buscador .textoBusquedaPrincipalInput .botonSearch { position: absolute; left: 0; top: 0; width: 50px; height: 50px; z-index: 1; display: flex; justify-content: center; align-items: center; } .menuLateral.metabuscador .header .buscador .textoBusquedaPrincipalInput .botonSearch span { color: var(--c-primario); font-size: 30px; } .menuLateral.metabuscador .body { padding: 18px 0px; } .menuLateral.metabuscador .body .bloque { padding: 0 10px 0px 60px; margin-right: 20px; margin-bottom: 15px; border-bottom: 1px solid var(--c-gris-borde); } .menuLateral.metabuscador .body .bloque .title { color: var(--c-texto); font-weight: bold; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 10px; } .menuLateral.metabuscador .body .bloque ul > li { margin-bottom: 0; position: relative; padding-bottom: 12px; padding-top: 2px; } .menuLateral.metabuscador .body .bloque ul > li:before { left: -40px; top: -4px; position: absolute; font-size: 23px; color: var(--c-negro); } .menuLateral.metabuscador .body .bloque ul > li a { font-size: 0.933rem; color: var(--c-negro); } .menuLateral.metabuscador .body .bloque ul > li.ver-mas a { color: var(--c-texto-claro); } .menuLateral.metabuscador .sugerencias .title { padding: 5px 20px 5px 60px; color: var(--c-texto); font-weight: bold; text-transform: uppercase; font-size: 0.8rem; margin-bottom: 10px;} .menuLateral.metabuscador .sugerencias .reciente { padding: 5px 20px 5px 60px;position: relative; border-bottom: 1px solid var(--c-gris-borde); } .menuLateral.metabuscador .sugerencias .reciente:before { position: absolute; left: 25px; top: 0px; font-size: 23px; color: var(--c-negro);} .menuLateral.metabuscador .cargadores { padding-left: 60px; margin-right: 40px; } .menuLateral.metabuscador .resultados, .menuLateral.metabuscador .cargadores { display: none; } .menuLateral.metabuscador .ver-mas-ecosistema { padding-left: 60px; color: var(--c-primario); position: relative;} .menuLateral.metabuscador .ver-mas-ecosistema a { color: var(--c-primario); } .menuLateral.metabuscador .ver-mas-ecosistema a:hover { color: inherit; } .menuLateral.metabuscador .ver-mas-ecosistema:before { position: absolute; left: 25px; top: 0px; } .menuLateral.metabuscador.mostrarResultados .cargadores, .menuLateral.metabuscador.mostrarResultados .resultados { display: block; } .menuLateral.metabuscador.mostrarResultados .sugerencias { display: none; } /**/ /* Resultados no encontrados Metabuscador lateral*/ .menuLateral.metabuscador .sinresultadosMetabuscador {padding: 40px 15px;text-align: center;} /* PAGINADOR DE RESULTADOS */ .page-item .page-link{border: none; margin:0.3em; padding: .4rem .75rem; cursor: pointer;} .page-item.separador{margin: 10px 10px; color: var(--c-gris-borde) } .page-item.active .page-link{color: var(--c-texto-claro); background-color: var(--c-blanco); border: 1px solid var(--c-gris-borde); } .page-link:hover{background-color: var(--c-primario);color: var(--c-blanco);} /**/ /* USUARIO */ .menuLateral.usuario { } .modal-open .menuLateral.usuario { z-index: 1047 !important; } .modal-open .menuLateral.usuario.clonado { z-index: 9 !important; } .area-grab-menu-clonado { display: none; position: relative; } .area-grab-menu-clonado button { cursor: default !important; width: 24px; padding: 0px; border: 0px; background-color: transparent; } /* Botón de desplegar menú clonado para */ #btn-desplegar-menu-clonado { font-size: 18px; color: var(--c-texto-claro); border: 0; border-radius: 50%; box-shadow: 0 0 0 1px rgb(9 30 66 / 8%), 0 2px 4px 1px rgb(9 30 66 / 8%); width: 24px; height: 24px; display: flex;justify-content: center; align-items: center; cursor: pointer; background-color: var(--c-blanco); position: absolute; top: 40px; left: -13px; z-index: 9; } #btn-desplegar-menu-clonado:hover {background-color: var(--c-primario);color: #fff;border: 1px solid #fff; } .menuLateral.usuario .header .wrap-header { } .menuLateral.usuario .usuarioWrapper { padding: 0 18px; } .menuLateral.usuario .usuarioWrapper .nombre { font-size: 1.2rem; color: var(--c-blanco);} .menuLateral.usuario .cabeceraUsuario { width: 100%; display: none; } /* Encuadrar imagen del usuario sin cortar */ /*.menuLateral.usuario .cabeceraUsuario .imagen-usuario { height: 195px; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; }*/ /*.menuLateral.usuario .cabeceraUsuario .imagen-usuario { height: 195px; background-repeat: no-repeat; background-position: top; display: flex; align-items: center; justify-content: center; }*/ .menuLateral.usuario .cabeceraUsuario .imagen-usuario { background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; } .menuLateral.usuario .cabeceraUsuario .nombre-usuario { padding: 20px 18px; } .menuLateral.usuario .cabeceraUsuario .nombre-usuario .nombre { margin-bottom: 3px; color: var(--c-texto); font-size: 1rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .menuLateral.usuario .cabeceraUsuario .nombre-usuario .nombre-completo { margin-bottom: 0; color: var(--c-texto-claro); font-size: 0.8rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .menuLateral.usuario .menuUsuario .group-collapse { padding-bottom: 10px;} .menuLateral.usuario .menuUsuario .group-collapse a { margin-bottom: 15px; display: block; color: var(--c-texto); font-size: 0.8rem; font-weight: 700; text-transform: uppercase;} .menuLateral.usuario .menuUsuario .group-collapse ul { list-style: none; padding-left: 0; } .menuLateral.usuario .menuUsuario .group-collapse ul li { padding-left: 35px; position: relative;} .menuLateral.usuario .menuUsuario .group-collapse ul li a { color: var(--c-texto-claro); font-size: 1rem; margin-bottom: 0; font-weight: 400; text-transform: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .menuLateral.usuario .menuUsuario .group-collapse ul li.nuevos a { font-weight: 500; color: var(--c-texto-medio); } .menuLateral.usuario .menuUsuario .group-collapse ul li.nuevos:after { color: var(--c-texto-medio); } .menuLateral.usuario .menuUsuario .group-collapse ul li.nuevos:before { top: 0px; content: ""; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: 15px; background-color: var(--c-error); z-index: 1; } .menuLateral.usuario .menuUsuario .group-collapse ul li:after { top: -5px; font-family: 'Material Icons'; position: absolute; left: 0; font-size: 20px; color: var(--c-texto-claro);} .menuLateral.usuario .menuUsuario .group-collapse ul li.nuevos a:hover, .menuLateral.usuario .menuUsuario .group-collapse ul li a:hover { color: var(--c-primario); } .menuLateral.usuario .menuUsuario .group-collapse ul li.liMensajes:after { content: "\e0e1" } .menuLateral.usuario .menuUsuario .group-collapse ul li.liNotificaciones:after { content: "\e7f5" } .menuLateral.usuario .menuUsuario .group-collapse ul li.liComentarios:after { content: "\e0cb" } .menuLateral.usuario .menuUsuario .group-collapse ul li.liContactos:after { content: "\e7ff" } .menuLateral.usuario .menuUsuario .group-collapse.espacio ul li:after { content: "\e2c8" } .menuLateral.usuario .menuUsuario .group-collapse.espacio ul li.liContribuciones:after { content: "\e2c9" } .menuLateral.usuario .menuUsuario .group-collapse.espacio ul li.liMisRecursos:after { content: "\e873" } .menuLateral.usuario .menuUsuario .group-collapse.comunidades ul li:after { content: "language" } .menuLateral.usuario .menuUsuario .group-collapse.identidades ul li:after { content: "\e7ff" } /* Ocultar y mostrar icono ocultar identidades*/ span.material-icons.expand[aria-expanded=false]::before {font-family: 'Material Icons'; content: "\e5cf";} span.material-icons.expand[aria-expanded=true]::before {font-family: 'Material Icons';content: "\e5ce";} /*Administración Usuarios, Grupos, Comunidades*/ .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-comunidades:after {content: "language";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-usuarios:after {content: "\e7ff";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-grupos:after {content: "groups";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.invitar-organizacion:after {content: "mail";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-contactos:after {content: "people";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-contribuciones:after {content: "source";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-recursos:after {content: "description";} .menuLateral.usuario .menuUsuario .group-collapse.administrar-organizacion ul li.admin-perfil-org:after {content: "corporate_fare";} .menuLateral.usuario .menuUsuario .group-collapse.identidades ul li.liVerPerfil:after { content: "\e7fd" } .menuLateral.usuario .menuUsuario .group-collapse.identidades ul li.liEditarPerfil:after { content: "\e3c9" } .menuLateral.usuario .menuUsuario .group-collapse ul li.liInvitarAmigos:after { content: "\e7f0" } .menuLateral.usuario .menuUsuario .group-collapse ul li.liSuscribirse:after { content: "\e525" } .menuLateral.usuario .menuUsuario .group-collapse ul li.solicitudAcceso:after { content: "language" !important;} .menuLateral.usuario .menuUsuario .group-collapse.metaAdministrador ul li:after { content: "language"} .menuLateral.usuario .menuUsuario .group-collapse.solicitudes-usuario ul li:after { content: "language"} .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liGestionarSuscripciones::after { content: "\e2c8" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAdminComunidadAdministrar::after { content: "\e8b8" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAdminComunidadCrearGrupo::after { content: "\e7fb" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAdminComunidadSolicitudesGrupos::after { content: "\e80b" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAdminComunidadEnviarNewsletter::after { content: "\f187" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAdminComunidadCrearComunidad::after { content: "\e894" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liRecibirNewsletter::after { content: "\f009" } .menuLateral.usuario .menuUsuario .group-collapse.gestionar ul li.liAbandonarComunidad::after { content: "\e879" } .menuLateral.usuario .menuUsuario .group-collapse li.ver a { font-weight: 700; color: var(--c-texto-claro); font-size: 0.9rem; } .menuLateral.usuario .menuUsuario .group-collapse li.ver a:after { content: "" !important; } .menuLateral.usuario .menuUsuario .group-collapse.desconectar li:after {content: "logout";} .menuLateral.usuario .menuUsuario .group-collapse.desconectar li.liCambiarContrasenia:after { content: "\e0da" } .menuLateral.usuario .menuUsuario .group-collapse.desconectar li a { font-weight: 700; } .menuLateral.usuario.clonado { background-color: var(--c-gris-fondo); display: none;} .menuLateral.usuario.clonado .header { height: auto; background-color: transparent; } .menuLateral.usuario.clonado .header .cabeceraUsuario { display: flex; align-items: center; padding: 0px 5px 10px 0px; } .menuLateral.usuario.clonado .header .cabeceraUsuario .nombre-usuario { padding: 5px 0 0 20px; } .menuLateral.usuario.clonado .header .cabeceraUsuario .imagen { border: none; height: 52px; width: 52px; } .menuLateral.usuario.clonado .header .cabeceraUsuario .imagen span { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .menuLateral.usuario.clonado .header .cabeceraUsuario .imagen.sinImagen { margin-right: -15px; font-size: 28px; color: var(--c-texto); background-color: transparent;} .menuLateral.usuario.clonado .header .cabeceraUsuario .imagen.sinImagen span { font-size: 28px; color: var(--c-texto); background-color: transparent;} .menuLateral.usuario.clonado .header .usuarioWrapper, .menuLateral.usuario.clonado .header .cerrar { display: none; } .menuLateral.usuario.clonado .body { height: auto; max-height: none; padding-top: 0; } @media (min-width: 1650px){ .area-grab-menu-clonado { display: block; } .menuLateral.usuario.clonado { display: block; } } /**/ /* MENU LATERAL COMUNIDAD */ .menuLateral.comunidad .title { margin-bottom: 15px; display: block; color: var(--c-texto); font-size: 0.8rem; font-weight: 700; text-decoration: none; text-transform: uppercase; } /* */ /* INTERACCIONES SOCIALES RECURSO (Común para la ficha y para los listados)*/ .visualizacion-recurso { margin-right: 25px; display: flex; align-items: center; } .visualizacion-recurso .material-icons { color: var(--c-texto-claro); font-size: 22px; padding-right: 7px;} .visualizacion-recurso .number { color: var(--c-texto-claro); font-size: 0.8rem;} .interacciones-recurso { display: flex; align-items: center; } .interacciones-recurso > div { display: flex; align-items: center; cursor: pointer; padding-right: 25px; } .interacciones-recurso > div:last-child { padding-right: 0px;} .interacciones-recurso > div span.number { font-size: 0.8rem; color: var(--c-texto-claro); padding: 0 0px 0 7px;} .interacciones-recurso > div span.material-icons { color: var(--c-texto-claro); font-size: 22px;} .interacciones-recurso > div:hover span, .interacciones-recurso > div.activo span { color: var(--c-primario); } .certificar-recurso { margin-left: 25px; margin-right: 5px; display: flex; align-items: center; } .certificar-recurso .material-icons { color: var(--c-texto-claro); font-size: 22px; padding-right: 7px; } .certificar-recurso .texto { color: var(--c-texto-claro); font-size: 0.8rem; } .seguir-usuario { display: flex; align-items: center; cursor: pointer; } .seguir-usuario span.texto { font-size: 0.8rem; color: var(--c-texto-claro); padding: 0 15px 0 7px;} .seguir-usuario span.material-icons { color: var(--c-texto-claro); font-size: 22px; } .seguir-usuario:hover span { color: var(--c-primario); } /* */ /* ACCIONES LISTADOS */ .acciones-listado { padding-top: 0px; margin-bottom: 10px; } .acciones-listado .wrap { display: flex; align-items: center; } .acciones-listado .btn-filtrar-movil { display: none; } .acciones-listado .dropdown { margin-right: 4px; } .acciones-listado .dropdown:last-child { margin-right: 0px; } .acciones-listado .dropdown .dropdown-toggle { user-select: none; cursor: pointer; display: flex; align-items: center; height: 38px; line-height: 38px; border: 1px solid var(--c-gris-borde); padding: 0 6px 0 6px; color: var(--c-texto-claro); text-decoration: none; font-size: 0.875rem; font-weight: 300; } .acciones-listado .dropdown .dropdown-toggle::after { content: '\E5C5'; font-family: 'Material Icons'; width: auto; height: auto; margin-left: 0; vertical-align: bottom; border: 0; font-size: 1.625rem; color: #ababab; } .acciones-listado .dropdown .dropdown-toggle.active { color: var(--c-negro); } .acciones-listado .dropdown .dropdown-toggle span { font-size: 0.933rem; font-weight: 400; padding-left: 10px; } .acciones-listado .dropdown .dropdown-toggle .material-icons { font-size: 1.4rem; padding-left: 5px;} .acciones-listado .dropdown-menu .activeView a { text-decoration: none; color: var(--c-negro) !important; } .acciones-listado .dropdown-select .item-dropdown.activeView { color: var(--c-negro); } .mensajes .acciones-listado .visualizacion .aMapView, .mensajes .acciones-listado .visualizacion .aGraphView, .mensajes .acciones-listado .visualizacion .aGrafoView, .mensajes .acciones-listado .visualizacion .aMosaicView { display: none; } .acciones-listado.tipo-2 { width: 100%; } .acciones-listado.tipo-2 .wrap > a, .acciones-listado.tipo-2 .wrap > div { margin-right: 5px; margin-bottom: 5px; } .acciones-listado.tipo-2 .wrap > .btn { padding: 0 8px; font-weight: 400; } .acciones-listado.tipo-2 .wrap > .btn .material-icons { padding-right: 0; color: var(--c-texto-claro) } .acciones-listado.tipo-2 .wrap > .btn.disabled { background-color: var(--c-gris-fondo); } .acciones-listado.tipo-2 .wrap .dropdown .dropdown-toggle { display: flex; justify-content: center; align-items: center;} .acciones-listado.tipo-2 .wrap .dropdown .dropdown-toggle .material-icons { font-size: 24px; padding: 0; color: var(--c-texto-claro); } .acciones-listado.tipo-2 .wrap .dropdown .dropdown-toggle::after { display: none; } .acciones-listado.tipo-2 .checkAllWrapper { user-select: none; border: 1px solid var(--c-gris-borde); height: 38px; display: flex; align-items: center; padding: 0 5px 0 10px;} .acciones-listado.tipo-2 .check-actions-wrap .dropdown-toggle { text-decoration: none !important; color: inherit; display: flex; justify-content: center; align-items: center; height: 38px; } .acciones-listado.tipo-2 .check-actions-wrap .dropdown-toggle:hover { text-decoration: none; color: inherit; } .acciones-listado.tipo-2 .check-actions-wrap .dropdown-toggle::after { display: none; color: var(--c-texto-medio) } .acciones-listado.tipo-2 .check-actions-wrap .dropdown-menu { left: -33px !important; } .acciones-listado.acciones-listado-categorias { padding: 0 0 20px 0; margin: 0 !important; } .acciones-listado.acciones-listado-categorias .wrap { flex-wrap: wrap; } @media (max-width: 1199px){ .acciones-listado .wrap .filtrar-movil a { font-size: 0; } .acciones-listado .wrap .filtrar-movil a::after { margin-left: 0; } .acciones-listado .wrap .btn-filtrar-movil { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; line-height: 38px; text-decoration: none; border: 1px solid #e1e1e1; margin-right: 2px; } .acciones-listado .dropdown .dropdown-toggle span.material-icons { padding: 3px !important; } .acciones-listado .dropdown .dropdown-toggle::after { display: none; } .acciones-listado .dropdown .dropdown-toggle span.texto { display: none; } .facetas-abiertas .acciones-listado .wrap .btn-filtrar-movil:before { content: ''; display: block; position: fixed; top: -155px; left: 0; width: 100vw; height: 150vh; background: var(--c-negro); opacity: .2; cursor: pointer; z-index: 809; } } @media (max-width: 767px){ .acciones-listado .wrap .filtrar-movil { display: block; } } @media (max-width: 575px){ .acciones-listado .wrap .filtrar-movil { margin-right: 2px; } .acciones-listado .wrap .filtrar-movil a { font-size: 0; padding: 0 10px; } .acciones-listado .wrap .filtrar-movil a::after { margin-left: 0; } /*Espacio personal -> Organizar categorías ocultar botón */ #organizar-categorias-mis-recursos {display: none;} } /**/ /* ETIQUETAS */ /*#panFiltros { padding-bottom: 15px; width: 100%; }*/ #panFiltros { padding-bottom: 10px; width: 100%; margin-bottom: -3px; } #panFiltros ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; } #panFiltros ul li { margin-right: 3px; margin-bottom: 3px; background: #6d6d6d; list-style: none; height: 38px; line-height: 38px; padding-left: 23px; font-weight: 500; color: var(--c-blanco); font-size: 1rem; position: relative; padding-right: 54px; border: 0; } #panFiltros ul li.borrarFiltros-wrap { margin-right: 5px; margin-bottom: 2px; background: transparent; padding-left: 0px; padding-right: 0px; border: 0; } #panFiltros ul li a { font-size: 0; position: absolute; top: 0; right: 0; bottom: 0; } #panFiltros ul li a:before { font-family: 'Material Icons'; content: '\E5CD'; display: block; font-size: 1.5rem; color: var(--c-blanco); height: 38px; line-height: 38px; width: 38px; text-align: center; background: rgba(0,0,0,.2); } #panFiltros ul li a:hover { text-decoration: none; } #panFiltros .borrarFiltros { display: inline-flex; align-items: center; color: var(--c-blanco); font-size: 0; height: 38px; line-height: 38px; padding: 0; text-decoration: none; white-space: nowrap; vertical-align: middle; background-color: var(--c-negro); opacity: 0.1; position: relative; margin-left: 10px; } #panFiltros .borrarFiltros:after { content: ''; width: 21px; height: 21px; background-color: var(--c-negro); transform: rotate(45deg) skew(15deg, 15deg); position: absolute; top: 8px; left: -10px; } #panFiltros .borrarFiltros:before { content: '\E5CD'; font-family: 'Material Icons'; font-size: 1.5rem; } /* */ /* ETIQUETAS PARA MENSAJERIA */ /*#divFiltros { padding: 0; padding-bottom: 20px; width: 100%; }*/ /*#divFiltros { padding: 0; padding-top: 20px; width: 100%; }*/ /* Margen para filtro de mensajes */ #divFiltros {padding: 0; padding-top: 10px; width: 100%; margin-bottom: 10px;} #divFiltros ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; } #divFiltros ul li { margin-right: 5px; margin-bottom: 2px; background: #6d6d6d; list-style: none; height: 38px; line-height: 38px; padding-left: 23px; font-weight: 500; color: var(--c-blanco); font-size: 1rem; position: relative; padding-right: 54px; border: 0; } #divFiltros ul li.borrarFiltros-wrap { margin-right: 5px; margin-bottom: 2px; background: transparent; padding-left: 0px; padding-right: 0px; border: 0; } #divFiltros ul li a { font-size: 0; position: absolute; top: 0; right: 0; bottom: 0; } #divFiltros ul li a:before { font-family: 'Material Icons'; content: '\E5CD'; display: block; font-size: 1.5rem; color: var(--c-blanco); height: 38px; line-height: 38px; width: 38px; text-align: center; background: rgba(0,0,0,.2); } #divFiltros ul li a:hover { text-decoration: none; } #divFiltros .borrarFiltros { display: inline-flex; align-items: center; color: var(--c-blanco); font-size: 0; height: 38px; line-height: 38px; padding: 0; text-decoration: none; white-space: nowrap; vertical-align: middle; background-color: var(--c-negro); opacity: 0.1; position: relative; margin-left: 10px; } #divFiltros .borrarFiltros:after { content: ''; width: 21px; height: 21px; background-color: var(--c-negro); transform: rotate(45deg) skew(15deg, 15deg); position: absolute; top: 8px; left: -10px; } #divFiltros .borrarFiltros:before { content: '\E5CD'; font-family: 'Material Icons'; font-size: 1.5rem; } /**/ /* PAGINADOR LISTADO */ #panNavegador { margin-top: 115px; padding-right: 52px; } #panNavegador .pagination { /*align-items: center; justify-content: flex-end; flex-wrap: wrap;*/ } #panNavegador .pagination li { border: 1px solid rgba(86, 106, 116, 0.24); margin-right: 1px; padding: 2px 11px; margin-bottom: 5px; } #panNavegador .pagination li a { font-size: 0.875rem; font-weight: 300; color: var(--c-negro); white-space: nowrap; } #panNavegador .pagination li .actual { font-weight: 500; } #panNavegador .pag .pagination {flex-wrap: wrap;} @media (max-width: 767px) { #panNavegador { padding: 0 8px; } } /**/ /* BREADCRUMBS */ .col-breadcrumb { margin: 15px 0;} .col-breadcrumb ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; } .col-breadcrumb ul > li { font-size: 0.85rem; font-weight: 500; line-height: 17px; letter-spacing: .22px; color: rgba(3, 3, 3, 0.6); } .col-breadcrumb ul > li > a { font-size: 0.85rem; font-weight: 500; line-height: 17px; letter-spacing: .22px; } .col-breadcrumb ul > li > a:after { content: '>'; display: inline-block; text-decoration: none; padding: 0 10px; } /* */ /* BUSCADOR */ .col-buscador { margin-bottom: 10px; } .col-buscador form { margin: 0; width: 100%; } .col-buscador form fieldset { } .col-buscador form fieldset legend { display: none; } .col-buscador form .finderUtils { } .col-buscador form .finderUtils .group { position: relative; } .col-buscador form .finderUtils .group:before { content: '\E8B6'; font-family: 'Material Icons'; display: block; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); z-index: 2; width: 38px; height: 38px; line-height: 38px; text-align: center; color: var(--c-negro); font-size: 1.875rem; pointer-events: none; } .col-buscador form .finderUtils .group label { display: none; } .col-buscador form .finderUtils .group .finderSectionText { font-size: 1rem; font-weight: 300; color: var(--c-negro); height: 50px; padding: 0 56px 0 25px; border: 1px solid var(--c-gris-borde); width: 100%; } .col-buscador form .finderUtils .group .finderSectionText:focus { border-color: var(--c-texto-claro); } .col-buscador form .finderUtils .group .findAction { border: none; border-left: none; position: absolute; top: 50%; transform: translateY(-50%); right: 1px; width: 50px; height: 47px; background-color: var(--c-blanco); padding: 0; z-index: 1; cursor: pointer; } .col-buscador form .btn-filtrar-movil { display: none; } .col-buscador form .btn-filtrar-movil .texto { display: none; } @media (max-width: 1199px){ .col-buscador form .finderUtils .group .finderSectionText { padding-left: 78px; } .col-buscador form .btn-filtrar-movil { display: flex; align-items: center; justify-content: center; font-size: 1.375rem; color: var(--c-negro); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 799; width: 50px; height: 50px; line-height: 50px; text-decoration: none; border: 1px solid var(--c-gris-borde); } } /* */ /* FACETAS */ .col-facetas { padding-right: 0; } .col-facetas .wrapCol { } .col-facetas .header-facetas { height: 50px; display: flex; align-items: center; padding: 0 20px 0 0; } .col-facetas .header-facetas p { font-size: 1.067rem; font-weight: bold; line-height: 24px; text-transform: uppercase; color: var(--c-texto); margin: 0; display: flex; align-items: center; } .col-facetas .header-facetas p::before { content: '\E152'; font-family: 'Material Icons'; font-size: 1.5rem; padding-right: 10px; } .col-facetas .header-facetas .cerrar { display: none; } .col-facetas #panFacetas { max-height: 100%; } .col-facetas #panFacetas .mCSB_container, .col-facetas #panFacetas .mCustomScrollBox { overflow: initial; } .facetas-wrap { } .facetas-wrap .faceta-name { display: flex; align-items: center; } .facetas-wrap .faceta-title { display: flex; align-items: center; font-size: 0.8rem; text-transform: uppercase; color: var(--c-texto); font-weight: bold; padding: 0 30px 0 0; position: relative; cursor: pointer; min-height: 23px; } .facetas-wrap .faceta-title .material-icons { font-size: 1.5rem; padding-left: 10px;} .facetas-wrap .faceta-title .facet-arrow:before, .facetas-wrap .faceta-title .search-icon:before { font-weight: 300; font-size: 1.5rem; padding-left: 10px; font-family: 'Material Icons';} .facetas-wrap .faceta-title .facet-arrow:before { content: "\e316"; } .facetas-wrap .faceta-title .search-icon:before { content: "\e8b6"; } .facetas-wrap .faceta-dropdown { position: relative; } .facetas-wrap .faceta-dropdown .dropdown-toggle { color: var(--c-texto); } .facetas-wrap .faceta-dropdown .dropdown-menu { width: 320px; margin-left: 3px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); padding: 0; z-index: 9; } .facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox div {} .facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox .search { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); } .facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox .filtroFaceta { background-color: #f8f8f8; margin: 5px 40px 5px 10px; font-size: 15px; height: 40px; width: 100%; border: 0; padding: 10px 10px 10px 40px; outline: none; } .facetas-wrap .faceta-dropdown .dropdown-menu .cerrar-dropdown { top: 17px; } .facetas-wrap .faceta-dropdown .dropdown-menu ul { padding: 8px; } .facetas-wrap .faceta-dropdown .dropdown-menu ul li { } .facetas-wrap .faceta-dropdown .dropdown-menu ul li a { color: var(--c-texto-claro); } .facetas-wrap .faceta-dropdown .dropdown-menu ul li a:hover { background: none; color: var(--c-primario) !important; } .facetas-wrap .faceta-dropdown .dropdown-menu .fechaDesdeHasta { padding: 20px; border-top: 1px solid var(--c-gris-borde); margin-bottom: 0; } .facetas-wrap .faceta-dropdown .dropdown-menu .fechaDesdeHasta > div { flex: 0 0 50%; padding: 0 4px; } .facetas-wrap .box.ocultando-buscador .faceta-title .search-icon:before { content: "\e8b6"; } .facetas-wrap .box.plegado .faceta-title .facet-arrow:before { content: "\e313";} .facetas-wrap ul { list-style: none; margin: 0; padding: 0; } .facetas-wrap .listadoFacetas { list-style: none; margin: 0; padding: 0; } .facetas-wrap .listadoFacetas li { padding: 0 15px 0 0; margin-bottom: 5px; } .facetas-wrap .listadoFacetas li a { text-decoration: none; display: flex; font-size: 0.933rem; font-weight: 400; color: var(--c-texto-claro); opacity: .8; line-height: 20px; padding: 0; position: relative; } .facetas-wrap .listadoFacetas li a span { } .facetas-wrap .listadoFacetas li a span.textoFaceta { white-space: nowrap; max-width: 80%; display: inline-block; text-overflow: ellipsis; overflow: hidden; } .facetas-wrap .listadoFacetas li a span.num-resultados { padding-left: 5px; display: inline-block; } .facetas-wrap .listadoFacetas li a:hover span.num-resultados { color: var(--c-primario); } .facetas-wrap .listadoFacetas li a:hover span.textoFaceta { color: var(--c-primario); text-decoration: underline; } /* Bandeja activa para saber faceta en la que se encuentra usuario (Mensajes) */ .facetas-wrap .listadoFacetas li a.applied {font-weight: 700; color: var(--c-texto-medio);} /*.facetas-wrap .listadoFacetas li.applied{background-color: var(--c-gris-borde);}*/ .facetas-wrap .listadoFacetas li ul { padding-top: 10px; padding-left: 15px; } .facetas-wrap .listadoFacetas li .desplegarSubFaceta { margin-left: 10px; height: 19px; width: 19px; display: flex; justify-content: center; align-items: center; } .facetas-wrap .listadoFacetas li .desplegarSubFaceta .material-icons { font-size: 19px; } .facetas-wrap .listadoFacetas li .con-subfaceta.ocultarSubFaceta ~ ul { display: none; } .facetas-wrap .listadoFacetas li.ocultar { display: none; } .facetas-wrap .box.plegado .listadoFacetas { display: none; } /*.facetas-wrap .moreResults { font-size: 0.933rem; color: var(--c-texto-oscuro); font-weight: 500; line-height: 16px; cursor: pointer; margin-bottom: 0; padding-bottom: 15px; }*/ .facetas-wrap .moreResults { font-size: 0.933rem; color: var(--c-texto); font-weight: 500; padding-top: 6px; line-height: 16px; cursor: pointer; margin-bottom: 0; padding-bottom: 15px; } .facetas-wrap .moreResults a { color: var(--c-texto-claro); display: inline-flex; align-items: center; } .facetas-wrap .moreResults a:hover { color: var(--c-primario); text-decoration: underline;} .facetas-wrap .moreResults a.ver-menos { display: none; } .facetas-wrap .moreResults a:after {display: inline-block; text-decoration: none !important; content: '\E313'; font-family: 'Material Icons'; font-size: 1.5rem; padding-left: 10px; font-weight: 300; height: 16px; overflow: hidden;} .facetas-wrap .moreResults a.ver-menos:after { content: '\e316'; } .facetas-wrap .moreResults.allResults a:after { content: '\e315'; } .facetas-wrap .box.plegado .moreResults { display: none; } .facetas-wrap .facetedSearchBox { display: flex; flex-wrap: wrap; position: relative; margin-bottom: 0; } .facetas-wrap .facetedSearchBox label { display: block; font-size: 15px; color: var(--c-texto-claro); margin-bottom: 3px; } .facetas-wrap .facetedSearchBox input { font-size: 13px; width: 100%; height: 30px; border: 1px solid #d2d2d2; padding: 7px 9px; } .facetas-wrap .facetedSearchBox .searchButton { font-size: 14px; font-weight: 500; height: 30px; width: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; color: var(--c-texto); text-transform: uppercase; margin-top: 12px; } .header-listado { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } .header-listado .h1-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-listado .h1-container h1 { font-size: 1.75rem; font-weight: 500; letter-spacing: 0.56px; color: #333; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; } .header-listado .h1-container .numResultados { padding-right: 5px; font-weight: 300;} .header-listado .acciones-listado { padding: 0; margin: 0; } .modal-resultados { } .modal-resultados .buscador-coleccion .buscar { display: block; position: relative;} .modal-resultados .buscador-coleccion .buscar input { font-size: 1rem; font-weight: 300; color: var(--c-negro); height: 50px; padding: 0 56px 0 25px; border: 1px solid var(--c-gris-borde); width: 100%;outline: none } .modal-resultados .buscador-coleccion .buscar .lupa { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .modal-resultados .action-buttons-resultados { margin-top: 10px; } .modal-resultados .action-buttons-resultados ul { display: flex; justify-content: flex-end; align-items: center; } .modal-resultados .action-buttons-resultados ul li { color: var(--c-texto-medio); font-size: 1rem; font-weight: 500; margin-left: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer;} .modal-resultados .action-buttons-resultados ul li span.material-icons { font-weight: 500; margin-right: 5px; margin-left: 10px; } .modal-resultados .action-buttons-resultados ul li:hover span.texto { text-decoration: underline; } .modal-resultados .action-buttons-resultados ul li.active { color: var(--c-primario); } .modal-resultados-paginado { } .modal-resultados-paginado .action-buttons-resultados { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } /* Alinear categorías con placeholder de Input de búsqueda*/ .modal-resultados-paginado .resultados-wrap { display: flex; flex-wrap: wrap; } .modal-resultados-paginado .resultados-wrap .listadoFacetas { flex: 0 0 calc(50% - 60px); max-width: calc(50% - 60px); margin: 0 30px; } /* Alinear categorías con placeholder de Input de búsqueda*/ .modal-resultados-lista { } .modal-resultados-lista .resultados-wrap { margin-left: 25px;} @media (max-width: 1365px){ .col-facetas #panFacetas { width: 100%; } .facetas-wrap .faceta-dropdown .dropdown-menu { width: 278px; } .modal-resultados-paginado .resultados-wrap { margin-left: 0; margin-right: 0;} } @media (max-width: 1199px){ .col-facetas { position: fixed; width: 320px; max-width: 320px; left: -320px; top: 0; z-index: 811; padding: 0; overflow: auto; background-color: var(--c-blanco); } .col-facetas .wrapCol { border: 0; } .col-facetas .header-facetas { padding-left: 20px; position: relative; padding-right: 50px; background-color: var(--c-primario); height: 60px; } .col-facetas .header-facetas p { color: var(--c-blanco); } .col-facetas .header-facetas .cerrar { text-decoration: none !important; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--c-blanco); width: 40px; } /*.col-facetas #panFacetas { padding: 10px 20px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; }*/ .col-facetas #panFacetas { padding: 10px 20px 60px 10px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; } .col-facetas #panFacetas .mCustomScrollBox { overflow: hidden; } /* Facetas para mensajes o cuyo id sea diferente a panFacetas */ .col-facetas #divFac { padding: 10px 20px 60px 10px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; } .facetas-abiertas header { z-index: 10; } .facetas-abiertas .col-facetas { left: 0; } .facetas-abiertas .col-buscador form .btn-filtrar-movil { z-index: 810; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .facetas-abiertas .col-buscador form .btn-filtrar-movil:before { content: ''; display: block; position: fixed; top: -155px; left: -145px; width: 145vw; height: 150vh; background: rgba(0,0,0,.2); cursor: pointer; } .facetas-wrap .faceta-dropdown .dropdown-menu { width: 280px; } } @media (max-width: 768px){ .col-contenido .header-contenido .h1-container h1 { font-size: 1.5rem; } .modal-resultados-paginado .indice-lista .listadoFacetas { flex: 0 0 100%; max-width: 100%; margin: 0 !important; } } /* */ /* INFO RECURSOS */ .tipo-wrap { display: flex; align-items: center; } .tipo-wrap .material-icons { color: var(--c-texto-claro); padding-right: 10px; } .tipo-wrap .texto { font-weight: 300; } .categorias-wrap { margin-left: 15px; } .categorias-wrap ul { } .categorias-wrap ul li { display: flex; padding-right: 5px; } .categorias-wrap ul li::after { content: ','; } .categorias-wrap ul li:last-child::after { display: none; } .categorias-wrap ul li a { font-weight: 300; color: var(--c-texto); } .etiquetas-wrap { max-width: 485px; } .etiquetas-wrap .tag { font-weight: 300; color: var(--c-texto-claro); display: flex; align-items: center; margin-right: 20px; margin-bottom: 10px; } .etiquetas-wrap .tag .material-icons { padding-right: 10px; } /**/ /* ICONOS PARA TIPOS DE RECURSO */ .resource.private .icono-recurso.con-icono-before:before, .resource.private .icono-recurso.con-icono-after:after, .fichaRecurso.private .header-resource .title-wrap .title:before, .resource.private .resource-title:before { opacity: 0.4 !important;} /* Recurso privado en Espacio Personal - Desalineado candado*/ .espacio-personal .resource.private .icono-recurso.con-icono-before:after, .espacio-personal .resource.private .icono-recurso.con-icono-after:before, .espacio-personal .fichaRecurso.private .header-resource .title-wrap .title:after, .espacio-personal .resource.private .resource-title:after { font-size: 1rem; font-family: 'Material Icons'; position: absolute; top: -4px; left: 9px; color: var(--c-texto); content: "lock"; } .resource.private .icono-recurso.con-icono-before:after, .resource.private .icono-recurso.con-icono-after:before, .fichaRecurso.private .header-resource .title-wrap .title:after, .resource.private .resource-title:after { font-size: 1rem; font-family: 'Material Icons'; position: absolute; top: -8px; left: -25px; color: var(--c-texto); content: "lock"; } .fichaRecurso .header-resource .title-wrap .title:before, .fichaRecurso.note .header-resource .title-wrap .title:before, .resource .resource-title:before, .resource.note .resource-title:before { content: 'article'; } .resource.file-download .icono-recurso.con-icono-before:before, .resource.file-download .icono-recurso.con-icono-after:after, .fichaRecurso.file-download .header-resource .title-wrap .title:before, .resource.file-download .resource-title:before { content: 'file_download'; } .resource.link .icono-recurso.con-icono-before:before, .resource.link .icono-recurso.con-icono-after:after, .fichaRecurso.link .header-resource .title-wrap .title:before, .resource.link .resource-title:before { content: 'link';} .resource.poll .icono-recurso.con-icono-before:before, .resource.poll .icono-recurso.con-icono-after:after, .fichaRecurso.poll .header-resource .title-wrap .title:before, .resource.poll .resource-title:before {content: 'poll'; } .resource.discussion .icono-recurso.con-icono-before:before, .resource.discussion .icono-recurso.con-icono-after:after, .fichaRecurso.discussion .header-resource .title-wrap .title:before, .resource.discussion .resource-title:before {content: 'question_answer'; } .resource.question .icono-recurso.con-icono-before:before, .resource.question .icono-recurso.con-icono-after:after, .fichaRecurso.question .header-resource .title-wrap .title:before, .resource.question .resource-title:before { content: 'live_help';} .resource.image .icono-recurso.con-icono-before:before, .resource.image .icono-recurso.con-icono-after:after, .fichaRecurso.image .header-resource .title-wrap .title:before, .resource.image .resource-title:before {content: 'image'; } .resource.video .icono-recurso.con-icono-before:before, .resource.video .icono-recurso.con-icono-after:after, .fichaRecurso.video .header-resource .title-wrap .title:before, .resource.video .resource-title:before { content: 'smart_display';} .resource.audio .icono-recurso.con-icono-before:before, .resource.audio .icono-recurso.con-icono-after:after, .fichaRecurso.audio .header-resource .title-wrap .title:before, .resource.audio .resource-title:before { content: 'headphones';} /* */ /* LISTADO */ .resource-list .resource { position: relative; padding-bottom: 28px; padding-right: 0; } .resource-list .resource:first-child .checkmark { top: 31px; } .resource-list .resource:first-child input[type="checkbox"]:checked ~ .checkmark { top: 24px; } .resource-list .resource .wrap { padding-bottom: 15px; border-bottom: 1px solid var(--c-gris-borde); position: relative; } .resource-list .resource .top-wrap.actividad-wrap { margin-left: -35px;} /*.resource-list .resource .top-wrap .actividad { display: flex; align-items: center; color: var(--c-primario); font-size: 1rem; margin-bottom: 2px; }*/ .resource-list .resource .top-wrap .actividad { padding-left: 35px; color: var(--c-primario); font-size: 1rem; margin-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; } /*.resource-list .resource .top-wrap .actividad .icon { font-family: 'Material Icons'; margin-right: 10px; }*/ .resource-list .resource .top-wrap .actividad .icon { font-family: 'Material Icons'; margin-right: 13px; max-height: 24px; display: flex; align-items: center; position: absolute; top: 0; left: 0; } .resource-list .resource .top-wrap .actividad .icon:after { font-size: 22px; } .resource-list .resource .top-wrap .actividad.comenta .icon:after { content: "chat_bubble"; } .resource-list .resource .top-wrap .actividad.recomienda .icon:after { content: "thumb_up"; } .resource-list .resource .top-wrap .actividad.comparte .icon:after { content: "share"; } .resource-list .resource .top-wrap .actividad.certifica .icon:after { content: "verified_user"; } .resource-list .resource .top-wrap .actividad .usuario { font-weight: 700; margin-right: 5px; } .resource-list .resource .top-wrap .actividad .usuario a { text-decoration: none; } .resource-list .resource .top-wrap .actividad .usuario a:hover { text-decoration: underline; } .resource-list .resource .top-wrap .actividad .texto { } .resource-list .resource .info-wrap { min-height: 24px; display: flex; justify-content: space-between; font-weight: 400; align-items: center; margin-bottom: 5px; } .resource-list .resource .info-wrap .autor { flex: 1; } .resource-list .resource .info-wrap .autor, .resource-list .resource .info-wrap .autor a, .resource-list .resource .info-wrap .tipo a, .resource-list .resource .info-wrap .tipo { font-size: 1rem; line-height: 18px; color: var(--c-texto); margin-bottom: 0px; } .resource-list .resource .info-wrap .fecha { font-size: 0.8rem; line-height: 14px; color: var(--c-texto-claro); margin-bottom: 0px; padding-right: 5px;} .resource-list .resource .info-wrap .autor, .resource-list .resource .info-wrap .autor a { font-size: 0.8rem; color: var(--c-texto-claro); } /* Destinatarios de mensajes en Listado de mensajes */ .resource-list .resource .info-wrap .autor.destinatario {display: flex; flex-wrap: wrap; align-items: center;} .resource-list .resource .middle-wrap { margin-bottom: 15px; } .resource-list .resource .middle-wrap .title-wrap { padding-bottom: 3px; } .resource-list .resource .middle-wrap .title-wrap .resource-title { position: relative; font-size: 1.067rem; font-weight: 500; line-height: 20px; color: var(--c-texto); margin-bottom: 0px; } .resource-list .resource .middle-wrap .title-wrap .resource-title a { color: var(--c-texto); font-weight: inherit; } .resource-list .resource .middle-wrap .title-wrap .resource-title a:hover { color: var(--c-primario); } .resource-list .resource .middle-wrap .title-wrap .resource-title:before { font-size: 1.48rem; font-family: 'Material Icons'; position: absolute; top: 0px; left: -35px; color: var(--c-texto); } .resource-list .resource .middle-wrap .content-wrap { display: flex; flex-wrap: nowrap;} .resource-list .resource .middle-wrap .content-wrap .description-wrap { } /* Evitar que texto de Listados salga fuera de divs */ .resource-list .resource .middle-wrap .content-wrap .description-wrap p { font-size: 0.933rem; line-height: 1.47; color: var(--c-texto-medio); margin-bottom: 15px; overflow-wrap: anywhere; } .resource-list .resource .middle-wrap .content-wrap .description-wrap p:last-child { margin-bottom: 0; } .resource-list .resource .middle-wrap .content-wrap .image-wrap { padding-right: 30px;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image { height: 160px; width: 180px;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image img { height: 100%; width: 100%; object-fit: cover; } .resource-list .resource .middle-wrap .content-properties { margin-top: 8px} .resource-list .resource .middle-wrap .content-properties p { margin-bottom: 8px; font-size: .8rem; font-weight: 300;} .resource-list .resource .down-wrap { } .resource-list .resource .down-wrap .categorias, .resource-list .resource .down-wrap .etiquetas { display: flex; margin-bottom: 8px; } .resource-list .resource .down-wrap .categorias p, .resource-list .resource .down-wrap .etiquetas p { font-size: .8rem; font-weight: 300; line-height: 15px; color: var(--c-texto-claro); margin-bottom: 0; padding-right: 30px; min-width: 90px; } .resource-list .resource .down-wrap .categorias ul, .resource-list .resource .down-wrap .etiquetas ul { flex-wrap: wrap; } .resource-list .resource .down-wrap .categorias ul li, .resource-list .resource .down-wrap .etiquetas ul li { line-height: 15px; padding-right: 12px; } /* Evitar palabras largas overflow */ .resource-list .resource .down-wrap .categorias ul li a, .resource-list .resource .down-wrap .etiquetas ul li a { display: block; font-size: .8rem; font-weight: 400; color: var(--c-texto-claro); /*white-space: nowrap;*/ } .resource-list .resource .down-wrap .social { display: flex; margin-top: 16px; font-size: 0.8rem; } .resource-list .resource .down-wrap .social > div { margin-right: 27px; } .resource-list .resource .down-wrap .comentario { position: relative; color: var(--c-primario); border: none; margin-top: 15px; margin-bottom: 0; } .resource-list .resource .down-wrap .comentario .numero-comentarios { font-size: 0.8rem; padding: 10px 20px; color: var(--c-texto); font-weight: 500; } .resource-list .resource .down-wrap .comentario:after { position: absolute; z-index: -1; content: ""; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--c-primario); opacity: 0.08; } .resource-list .resource .down-wrap .comentario .bloque-comentario { padding: 8px 20px; } .resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario { padding-right: 0; } .resource-list .resource .down-wrap .comentario .user-miniatura .nombre-usuario-wrap .nombre, .resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido, .resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario .comentario-header .fecha-publicacion { font-size: 0.8rem; color: var(--c-primario); } .resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario .comentario-header { margin-bottom: 5px; } .resource-list .resource .down-wrap .comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido { font-weight: 300; } .resource-list .resource .down-wrap .comentario .user-miniatura .imagen-usuario-wrap .imagen { height: 36px; width: 36px;} .resource-list.usuarios {} .resource-list.usuarios .resource { } /* Usuarios, Grupos de Organización*/ .resource-list.usuarios .resource .wrap { margin-left: 0 !important; } .resource-list.grupos .resource .wrap { margin-left: 0 !important; } .resource-list.comunidades {} .resource-list.comunidades .resource { } .resource-list.comunidades .resource .wrap { margin-left: 0 !important; } .resource-list.comunidades .resource .wrap > div { padding-left: 82px; } .resource-list.comunidades .resource .wrap .user-miniatura { align-items: flex-start; justify-content: flex-end; margin-bottom: 10px; height: 21px; } .resource-list.comunidades .resource .wrap .imagen-usuario-wrap { position: absolute; left: 0; top: 0; } .resource-list.comunidades .resource .wrap .info-comunidad { margin-bottom: 10px; } .resource-list.list-con-checks .resource { } .resource-list.list-con-checks .resource .check-wrapper { position: absolute; left: -26px; top: 5px} .resource-list.list-con-checks .resource .middle-wrap .title-wrap .resource-title:before { position: relative; left: 0; top: 5px; padding-right: 5px;} @media (max-width: 767px) { .resource-list.comunidades .resource .wrap > div { padding-left: 0; } .resource-list.comunidades .resource .wrap .user-miniatura { padding-left: 82px; height: auto; margin-bottom: 20px; } .resource-list .resource .down-wrap .comentario .numero-comentarios { padding: 10px 0px; } .resource-list .resource .down-wrap .comentario .bloque-comentario { padding: 3px 0px; } } @media (max-width: 575px) { .resource-list.comunidades .resource .wrap .user-miniatura { margin-bottom: 15px; } .resource-list.comunidades .resource .wrap .info-comunidad > div { margin-bottom: 5px; } .resource-list.comunidades .resource .wrap .tipo { width: 100%; } .categorias-wrap { margin-left: 0; width: 100%; } .categorias-wrap ul { display: block !important; } .resource-list .resource .down-wrap .categorias, .resource-list .resource .down-wrap .etiquetas { flex-wrap: wrap; } .resource-list .resource .down-wrap .categorias p, .resource-list .resource .down-wrap .etiquetas p { width: 100%; padding-bottom: 3px; } .resource-list .resource .down-wrap .categorias ul li a, .resource-list .resource .down-wrap .etiquetas ul li a { white-space: normal; padding-bottom: 2px; } } /**/ /* LISTADO LISTA */ .resource-list { margin-top: 20px; } .resource-list.listView .resource .wrap { margin-left: 35px; } /* Eliminar márgenes para resultados de tipo persona y grupos */ .resource-list.listView .resource .wrap.profile{ margin-left: 0px; } .resource-list.listView .resource .wrap.group{ margin-left: 0px; } /*.cargando { margin-top: 40px; }*/ .cargando { margin-left: 35px; margin-top: 40px; color: var(--c-primario); font-size: 1.067rem; font-weight: bold; text-decoration: underline; } /**/ /* LISTADO COMPACTO */ .resource-list.compacView { margin-top: 20px; } .resource-list.compacView .resource:before { display: none; } .resource-list.compacView .resource { padding-bottom: 15px; padding-left: 35px; } .resource-list.compacView .resource .checkmark { top: 19px; } .resource-list.compacView .resource input[type="checkbox"]:checked ~ .checkmark { top: 12px; } .resource-list.compacView .resource .wrap { padding-bottom: 10px; } .resource-list.compacView .resource .middle-wrap , .resource-list.compacView .resource .info-wrap { margin-bottom: 0; } .resource-list.compacView .resource .top-wrap, .resource-list.compacView .resource .content-wrap, .resource-list.compacView .resource .down-wrap { display: none; } .resource-list.compacView .resource .wrap h2 { margin-bottom: 0 !important; } .resource-list.usuarios.compacView .resource { padding-left: 0; } /* Visualización correcta de grupos */ .resource-list.grupos.compacView .resource { padding-left: 0; } .resource-list.comunidades.compacView .resource { padding-left: 0; } /**/ /* LISTADO MOSAICO */ .resource-list.mosaicView { } .resource-list.mosaicView .resource-list-wrap { display: flex; flex-wrap: wrap; margin: -15px; } .resource-list.mosaicView .resource .wrap { border-bottom: none; } .resource-list.mosaicView .resource .resource-title:after, .resource-list.mosaicView .resource .resource-title:before { display: none; } .resource-list.mosaicView .resource { flex: 0 0 33%; padding: 15px; overflow: hidden; } .resource-list.mosaicView .resource .categorias-wrap { margin-left: 0; } .resource-list.mosaicView .resource .middle-wrap { margin-bottom: 10px; } .resource-list.mosaicView .resource .middle-wrap .content-wrap .description-wrap {height: 105px; } .resource-list.mosaicView .resource .middle-wrap .content-wrap .description-wrap .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp:5; -webkit-box-orient: vertical; } .resource-list.mosaicView .resource .image-wrap { padding-right: 15px !important; } .resource-list.mosaicView .resource .image-wrap .image { height: 100px !important; width: 120px !important; } .resource-list.mosaicView .resource .social { flex-wrap: wrap; margin-top: 0px; } .resource-list.mosaicView .resource .social .seguir-usuario { padding-top: 5px; } /* Visualización correcta de grupos */ .resource-list.usuarios.mosaicView .resource, .resource-list.grupos.mosaicView .resource, .resource-list.comunidades.mosaicView .resource { height: 100%; } .resource-list.comunidades.mosaicView .resource .wrap .user-miniatura { display: block; height: 100%; } .resource-list.comunidades.mosaicView .resource .wrap .user-miniatura .acciones-usuario-wrap { justify-content: flex-end; margin-top: 8px; } /**/ /* LISTADO MENSAJES */ .resource-list .resource.mensaje { padding-bottom: 15px; } .resource-list .resource.mensaje > .wrap { margin-left: 75px; } .resource-list .resource.mensaje .desc {color: var(--c-texto-claro);font-weight: 300;font-size: 0.933rem;word-break: break-word;} .resource-list .resource.mensaje .check-wrapper { position: absolute; left: -65px; top: -3px; } .resource-list .resource.mensaje h2 { font-size: 1.067rem; margin-bottom: 5px } .resource-list .resource.mensaje h2:before { content: "drafts"; color: var(--c-texto-claro); font-size: 1.48rem; font-family: 'Material Icons Outlined'; position: absolute; top: -3px; left: -35px; } .resource-list .resource.mensaje h2 a { font-weight: 300; color: var(--c-texto-medio); } .resource-list .resource.mensaje.no-leido h2:before { content: "email"; color: var(--c-texto);} .resource-list .resource.mensaje.no-leido h2 a { font-weight: 500; color: var(--c-texto); } .resource-list .resource.mensaje.no-leido h2 a:hover, .resource-list .resource.mensaje h2 a:hover { color: var(--c-primario); } .resource-list .resource.mensaje.no-leido .desc { color: var(--c-texto-medio); font-weight: 400;} .resource-list.compacView .resource.mensaje { padding-left: 0px; padding-bottom: 10px; } .resource-list.compacView .resource.mensaje .wrap { display: flex; flex-wrap: nowrap; } .resource-list.compacView .resource.mensaje h2 { padding-right: 10px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 450px; } .resource-list.compacView .resource.mensaje h2:before { top: -1px; } .resource-list.compacView .resource.mensaje .check-wrapper { position: absolute; top: 0px; } .resource-list.compacView .resource.mensaje .info-wrap { flex: 1; } .resource-list.compacView .resource.mensaje .info-wrap .autor { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .resource-list.compacView .resource.mensaje .info-wrap .autor .span { display: none; } .resource-list.compacView .resource.mensaje .info-wrap .acciones-recurso-listado { padding-left: 5px; } .resource-list.compacView .resource.mensaje .desc { display: none; } /* No visualizar múltiples destinatarios en modo compacto - 1 línea máximo */ .resource-list.compacView .resource.mensaje .destinatario {max-height: 18px;} .resource-list .acciones-recurso-listado .dropdown-toggle { color: var(--c-texto-claro); display: flex; text-decoration: none; } .resource-list .acciones-recurso-listado .dropdown-toggle::after { display: none; } /* Añadir ... cuando haya múltiples destinatarios de mensaje en listados */ .resource-list .resource span.desplegar-destinatarios.material-icons.collapsed:before{content: "more_horiz";font-size: 0.8rem;} /* Mostrar las 3 primeras líneas del mensaje */ .listadoMensajesMyGnoss .desc.descripcionResumida { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 991px){ .resource-list.mosaicView .resource { flex: 0 0 50%; } .resource-list.compacView .resource.mensaje .wrap { flex-wrap: wrap; flex-direction: column; padding-left: 0; padding-right: 0;} .resource-list.compacView .resource.mensaje .check-wrapper { } .resource-list.compacView .resource.mensaje h2 { line-height: 21px; max-width: 100%; } .resource-list.compacView .resource.mensaje .info-wrap { display: flex; } .resource-list.compacView .resource.mensaje .info-wrap .autor { max-width: 100%; } .resource-list.compacView .resource.mensaje .info-wrap .autor, .resource-list.compacView .resource.mensaje .info-wrap .fecha { position: static; } .resource-list.compacView .resource.mensaje .info-wrap .acciones-recurso-listado { position: static;} .resource-list.compacView .resource.mensaje .desc { display: none; } } @media (max-width: 767px){ .resource-list .resource .top-wrap .user-recomend { flex-wrap: wrap;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image { height: 133px; width: 150px;} /* Si no puede votarse y un recurso no tiene "texto" quedaba solapada la información en móviles */ .resource-list .resource .middle-wrap .content-wrap .description-wrap { min-height: 16px; } .resource-list .resource .down-wrap .social { flex-wrap: wrap; } .resource-list .resource .down-wrap .social > div { margin-right: 20px; margin-bottom: 5px; } /* Quitar "no espaciado" al último item ya que no hay más opciones disponibles en Actividad Reciente */ /*.resource-list .resource .down-wrap .social > div:last-child { margin-bottom: 0px; margin-right: 0;}*/ .resource-list .resource .down-wrap .social > div:last-child { margin-right: 0;} .resource-list .resource .down-wrap .social .seguir-usuario { flex: 0 0 100%; } .resource-list.mosaicView .resource { flex: 0 0 100%; height: auto; } .resource-list .resource.mensaje .wrap { margin-left: 40px;} .resource-list .resource.mensaje .check-wrapper { left: -29px; } .resource-list .resource.mensaje h2:before { display: none; } } @media (max-width: 575px){ .resource-list .resource .middle-wrap .content-wrap { display: block; } .resource-list .resource .middle-wrap .content-wrap .image-wrap { padding-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image { height: 53px; width: 60px;} /* No visualizar múltiples destinatarios extra en dispositivos móviles */ .resource-list .resource.mensaje .lista-destinatarios, .resource-list .resource.mensaje .desplegar-destinatarios {display: none;} } /**/ /* LISTADO COMENTARIOS - Comentarios del usuario desde Espacio personal o Comentarios */ .resource-list .resource.comentario { padding-bottom: 15px; margin-bottom:0;} .resource-list .resource.comentario > .wrap { margin-left: 75px; } .resource-list .resource.comentario .desc { color: var(--c-texto-claro); font-weight: 300; font-size: 0.933rem; } .resource-list .resource.comentario .desc p:last-child { margin-bottom: 5px; } .resource-list .resource.comentario .check-wrapper { position: absolute; left: -65px; top: -3px; } .resource-list .resource.comentario h2 { font-size: 1.067rem; margin-bottom: 5px } .resource-list .resource.comentario h2:before { content: "mode_comment"; color: var(--c-texto-claro); font-size: 1.48rem; font-family: 'Material Icons Outlined'; position: absolute; top: -3px; left: -35px; } .resource-list .resource.comentario h2 a { font-weight: 300; color: var(--c-texto-medio); } .resource-list .resource.comentario.no-leido h2:before { content: "mode_comment"; color: var(--c-texto);} .resource-list .resource.comentario.no-leido h2 a { font-weight: 500; color: var(--c-texto); } .resource-list .resource.comentario.no-leido h2 a:hover, .resource-list .resource.comentario h2 a:hover { color: var(--c-primario); } .resource-list .resource.comentario.no-leido .desc { color: var(--c-texto-medio); font-weight: 400;} /* Eliminar borde inferior para no interferir con comentarios de fichaRecurso */ .resource-list .resource.comentario:after { height: 0px; } .resource-list.compacView .resource.comentario { padding-left: 0px; padding-bottom: 10px; } .resource-list.compacView .resource.comentario .wrap { display: flex; flex-wrap: nowrap; } .resource-list.compacView .resource.comentario h2 { padding-right: 10px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 450px; } .resource-list.compacView .resource.comentario h2:before { top: -1px; } .resource-list.compacView .resource.comentario .check-wrapper { position: absolute; top: 0px; } .resource-list.compacView .resource.comentario .info-wrap { flex: 1; } .resource-list.compacView .resource.comentario .info-wrap .autor { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .resource-list.compacView .resource.comentario .info-wrap .autor .span { display: none; } .resource-list.compacView .resource.comentario .info-wrap .acciones-recurso-listado { padding-left: 5px; } .resource-list.compacView .resource.comentario .desc { display: none; } .resource-list .acciones-recurso-listado .dropdown-toggle { color: var(--c-texto-claro); display: flex; text-decoration: none; } .resource-list .acciones-recurso-listado .dropdown-toggle::after { display: none; } @media (max-width: 991px){ .resource-list.mosaicView .resource { flex: 0 0 50%; } .resource-list.compacView .resource.comentario .wrap { flex-wrap: wrap; flex-direction: column; padding-left: 0; padding-right: 0;} .resource-list.compacView .resource.comentario .check-wrapper { } .resource-list.compacView .resource.comentario h2 { line-height: 21px; max-width: 100%; } .resource-list.compacView .resource.comentario .info-wrap { display: flex; } .resource-list.compacView .resource.comentario .info-wrap .autor { max-width: 100%; } .resource-list.compacView .resource.comentario .info-wrap .autor, .resource-list.compacView .resource.comentario .info-wrap .fecha { position: static; } .resource-list.compacView .resource.comentario .info-wrap .acciones-recurso-listado { position: static;} .resource-list.compacView .resource.comentario .desc { display: none; } } @media (max-width: 767px){ .resource-list .resource .top-wrap .user-recomend { flex-wrap: wrap;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image { height: 133px; width: 150px;} /* Si no puede votarse y un recurso no tiene "texto" quedaba solapada la información en móviles */ .resource-list .resource .middle-wrap .content-wrap .description-wrap { min-height: 16px; } .resource-list .resource .down-wrap .social { flex-wrap: wrap; } .resource-list .resource .down-wrap .social > div { margin-right: 20px; margin-bottom: 5px; } /* Quitar "no espaciado" al último item ya que no hay más opciones disponibles en Actividad Reciente */ /*.resource-list .resource .down-wrap .social > div:last-child { margin-bottom: 0px; margin-right: 0;}*/ .resource-list .resource .down-wrap .social > div:last-child { margin-right: 0;} .resource-list .resource .down-wrap .social .seguir-usuario { flex: 0 0 100%; } .resource-list.mosaicView .resource { flex: 0 0 100%; height: auto; } .resource-list .resource.comentario .wrap { margin-left: 40px;} .resource-list .resource.comentario .check-wrapper { left: -29px; } /* Mostrar el icono de comentarios incluso para móvil */ /*.resource-list .resource.comentario h2:before { display: none; }*/ } @media (max-width: 575px){ .resource-list .resource .middle-wrap .content-wrap { display: block; } .resource-list .resource .middle-wrap .content-wrap .image-wrap { padding-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left;} .resource-list .resource .middle-wrap .content-wrap .image-wrap .image { height: 53px; width: 60px;} } /**/ /* LISTADO ORGANIZACION */ .resource-list-organizacion .resource { } .resource-list-organizacion .resource .check-wrapper { position: absolute; left: -25px; top: 24px; } .resource-list-organizacion .resource .middle-wrap .title-wrap { margin-left: 34px; } /**/ /* USER MINIATURA */ .user-miniatura { display: flex; align-items: center; } .user-miniatura .imagen-usuario-wrap { padding-right: 18px; } .user-miniatura .imagen-usuario-wrap .imagen { overflow: hidden; height: 60px; width: 60px; border-radius: 50%; justify-content: center; align-items: center; display: flex; } .user-miniatura .imagen-usuario-wrap .imagen span { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .user-miniatura .imagen-usuario-wrap .imagen.sinImagen { } .user-miniatura .imagen-usuario-wrap a:hover { text-decoration: none !important;} .user-miniatura .imagen-usuario-wrap .imagen.sinImagen span { font-size: 22px; color: var(--c-blanco); background-color: #ddd; } .user-miniatura .nombre-usuario-wrap a:hover { color: var(--c-primario); text-decoration: none; cursor: pointer;} .user-miniatura .nombre-usuario-wrap { color: var(--c-texto); flex: 1;} .user-miniatura .nombre-usuario-wrap .nombre { text-decoration: none;font-size: 1.067rem; line-height: 21px; margin-bottom: 0px; font-weight: 500; color: var(--c-texto); } .user-miniatura .nombre-usuario-wrap .nombre-completo, .user-miniatura .nombre-usuario-wrap .localizacion { text-decoration: none; font-size: 0.8rem; line-height: 21px; color: var(--c-texto-claro); font-weight: 300; margin-bottom: 0px; } .user-miniatura .nombre-usuario-wrap a:hover { text-decoration: none;} .user-miniatura .nombre-usuario-wrap a:hover .nombre { color: var(--c-primario); text-decoration: underline;} .user-miniatura .acciones-usuario-wrap { display: flex; align-items: center;} .user-miniatura .acciones-usuario-wrap .acciones-recurso-listado { margin-left: 10px; } .user-miniatura .acciones-usuario-wrap .acciones-recurso-listado .dropdown-menu { margin-top: 7px; } @media (max-width: 767px){ .user-miniatura { flex-wrap: wrap; } .user-miniatura .nombre-usuario-wrap { min-width: 200px; } .user-miniatura .acciones-usuario-wrap { padding-top: 15px; } } /* */ /* FICHAS */ .fichaRecurso { } .header-resource { position: relative; padding-left: 40px; margin-bottom: 15px; } .header-resource .title-wrap .tipo { font-size: 0.75rem; font-weight: 500; line-height: 18px; color: #767676; margin-bottom: 2px; position: relative; } .header-resource .title-wrap .title { margin-bottom: 10px; position: relative; font-weight: 500; font-size: 1.2rem; line-height: 1; } .header-resource .title-wrap .title:before { font-family: 'Material Icons'; position: absolute; top: -1px; left: -35px; font-size: 1.5rem;} .header-resource .upper-wrap { display: flex; flex-wrap: wrap; font-size: 1rem; color: var(--c-texto); justify-content: space-between; align-items: center;} .header-resource .upper-wrap .user-miniatura .imagen-usuario-wrap { display: none; } .header-resource .upper-wrap .nombre-usuario-wrap .nombre, .header-resource .upper-wrap .userCorporateInfo .userCorporateInfoAuthor {font-weight: normal;font-size: 0.8rem;color: var(--c-texto-claro);} .header-resource .upper-wrap .userCorporateInfo .material-icons {font-size: 22px;color: var(--c-texto-claro);cursor: pointer;} /* No hace falta -> Lo controlo desde CORE .header-resource .upper-wrap .nombre-usuario-wrap .nombre-completo { display: none; }*/ .header-resource .upper-wrap .fecha { white-space: nowrap; margin-bottom: 0; font-weight: normal; font-size: 0.8rem; color: var(--c-texto-claro); } .fichaRecurso .col-contenido .acciones-recurso-wrapper { padding-left: 40px; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px; display: flex; justify-content: space-between; } .fichaRecurso .col-contenido .acciones-recurso-wrapper .izquierda, .fichaRecurso .col-contenido .acciones-recurso-wrapper .derecha { display: flex; align-items: center;} .fichaRecurso .col-contenido ul.acciones-recurso { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; } .fichaRecurso .col-contenido ul.acciones-recurso > li { margin-left: 2px; height: 40px; border: 1px solid var(--c-gris-borde); display: flex; align-items: center; cursor: pointer; } .fichaRecurso .col-contenido ul.acciones-recurso > li label { font-size: 0.8rem; font-weight: 500; line-height: 21px; letter-spacing: .28px; color: var(--c-texto-claro); margin: 0; padding-left: 35px; cursor: pointer; position: relative; padding: 9px 12px 9px 40px; } .fichaRecurso .col-contenido ul.acciones-recurso > li .checkmark { position: absolute; top: 10px !important; left: 10px !important; right: 0 !important; bottom: 0 !important; } .fichaRecurso .col-contenido ul.acciones-recurso > li input[type="checkbox"]:checked ~ .checkmark { top: 3px !important; left: 3px !important; } .fichaRecurso .col-contenido ul.acciones-recurso > li input[type="checkbox"] { width: 18px; height: 18px; } .fichaRecurso .col-contenido ul.acciones-recurso > li > a { font-size: 0.8rem; font-weight: 500; text-decoration: none; padding: 9px 13px; display: flex; align-items: center; border: none;} .fichaRecurso .col-contenido ul.acciones-recurso > li > a .material-icons { padding-right: 8px; } .fichaRecurso .col-contenido ul.acciones-recurso > li > a:hover .texto { text-decoration: underline; } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown > a { color: var(--c-texto-claro); } .fichaRecurso .col-contenido ul.acciones-recurso > li.destacada { background: var(--c-primario); border-color: var(--c-primario); } .fichaRecurso .col-contenido ul.acciones-recurso > li.destacada a { color: var(--c-blanco); } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown > a { text-decoration: none !important; padding: 0 7px; display: flex; align-items: center; justify-content: center; } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown > a:after, .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown > a:before { display: none; } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown.show > a { text-decoration: none !important; } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown.show > a:before { padding: 0 2px; text-decoration: none !important; content: "close"; display: flex; font-family: "Material Icons"; color: var(--c-texto); font-size: 20px;} .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown.show > a .material-icons { display: none; } .fichaRecurso .col-contenido ul.acciones-recurso > li .dropdown .dropdown-menu { top: 8px !important; } /* Ocultar opciones móviles en dispositivos grandes */ .fichaRecurso .col-contenido li.option_mobile { display: none; } .fichaRecurso .col-contenido .contenido { margin-bottom: 15px; } /*.fichaRecurso .col-contenido .contenido * { color: var(--c-texto-medio); font-size: 0.933rem; line-height: 21px; }*/ /* Estilos generales para todo el contenido dentro de TinyMCE, excepto pre, code y span dentro de pre y code */ .fichaRecurso .col-contenido .contenido *:not(pre):not(code):not(pre span):not(code span) { color: var(--c-texto-medio); font-size: 0.933rem; line-height: 21px; } /* MathJax visualización de fórmulas */ .math-tex *{line-height: 0px !important;} /* CKEditor */ .cke_editable {padding: 10px;} /* Permitir el color añadido desde ckEditor al texto */ /*.fichaRecurso .col-contenido .contenido span{color: inherit;}*/ /* Permitir colores del TinyMCE pero no de CODE-PRE */ .fichaRecurso .col-contenido .contenido span:not(pre):not(code):not(pre span):not(code span) { color: inherit; } /* Eliminación de margen de separación del Editor de código del TinyMCE */ .ace_print-margin-layer{display: none !important;} /* Evitar visualizar contenido hasta que no se cargue en Editor TinyMCE */ .cke, .tcme{color: transparent;} .fichaRecurso .col-contenido .contenido *:last-child { margin-bottom: 0; } .fichaRecurso .col-contenido .contenido strong { font-weight: 500; } /* Encabezados en ficha de recurso (Diferenciarlo de texto común) */ .fichaRecurso .col-contenido .contenido h1, h2, h3{ font-weight: 500; } .fichaRecurso .col-contenido .contenido h1{ font-size: 1.2rem; } .fichaRecurso .col-contenido .contenido h2{ font-size: 1.1rem; } .fichaRecurso .col-contenido .contenido h3{ font-size: 1rem; } /* Imágenes incrustadas en Ficha de recurso */ .fichaRecurso .col-contenido .contenido figure {margin:1rem 1.5rem;} .fichaRecurso .col-contenido .contenido figure.image figcaption{padding: 0rem 1rem; font-size: 0.8rem; text-align:center;} .fichaRecurso .col-contenido .contenido iframe { width:100% } .fichaRecurso .col-contenido .contenido a { text-decoration: underline; } .fichaRecurso .col-contenido .contenido ol, .fichaRecurso .col-contenido .contenido ul { padding-left: 30px; } /* Evitar que textos largos salgan de div */ .fichaRecurso .col-contenido .contenido {word-wrap: break-word;} .fichaRecurso .col-contenido .contenido .grupo { padding-top: 5px; padding-bottom: 5px; position: relative; } /* Evitar que las imágenes sean más grandes que su contenedor padre */ .fichaRecurso .col-contenido .contenido .grupo img { max-width: 100%; height: auto; } .fichaRecurso .col-contenido .contenido .grupo table {width: 100% !important;max-width: 100% !important; /*table-layout: fixed;*/} .fichaRecurso .col-contenido .contenido .grupo table thead { } .fichaRecurso .col-contenido .contenido .grupo table thead > tr { border-bottom: 1px solid var(--c-gris-borde); } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th { font-size: 0.875rem; font-weight: 500; line-height: 21px; color: #555; letter-spacing: .28px; padding: 8px 0; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th > label { position: relative; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th > label input[type="checkbox"] { } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th > label .checkmark { left: 10px; top: 0; bottom: 0; right: 0; margin: auto; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th > label input[type="checkbox"]:checked ~ .checkmark { left: 0 !important; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th.fecha { text-align: right; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th.acciones { text-align: right; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th.check { width: 40px; } .fichaRecurso .col-contenido .contenido .grupo table tbody { } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr { border-bottom: 1px solid var(--c-gris-borde); } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr:nth-of-type(odd){ background-color: var(--c-blanco); } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr:nth-of-type(even){ background-color: #f5f5f5; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td { font-size: 0.875rem; font-weight: 300; line-height: 21px; color: #555; /*padding: 8px 0;*/ height: 40px; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td.icono > strong { display: flex; align-items: center; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td.icono > strong:before { content: '\E0AF'; font-family: 'Material Icons'; font-size: 1.5rem; margin-right: 17px; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > label { position: relative; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > label input[type="checkbox"] { } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > label .checkmark { left: 10px; top: 0; bottom: 0; right: 0; margin: auto; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > label input[type="checkbox"]:checked ~ .checkmark { left: 0 !important; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td.fecha { text-align: right; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li { margin-right: 34px; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li:last-child { margin-right: 0; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a { display: block; font-size: 0; line-height: 0; color: var(--c-texto); text-decoration: none; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.aceptar, .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.abandonar { font-size: 0.875rem; font-weight: 500; line-height: 21px; letter-spacing: .56px; color: #999; border: 1px solid #999; border-radius: 2px; padding: 3px 10px; display: flex; align-items: center; text-decoration: none; background-color: var(--c-blanco); } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a:before { content: ''; font-family: 'Material Icons'; font-size: 1.5rem; display: block; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.editar:before { content: 'edit'; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.eliminar:before { content: 'delete'; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.aceptar:before, .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.abandonar:before { font-family: 'Material Icons'; font-size: 1.5rem; margin-right: 10px; height: 100%; width: 100%; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.aceptar:before { content: '\E8DC'; } .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td > ul > li > a.abandonar:before { content: '\E8DB'; } /*Color de fondo más oscuro para Metadatos FichaRecurso */ .fichaRecurso .info-recurso { background-color: var(--c-gris-fondo); padding: 20px; margin-bottom: 25px; padding-bottom: 25px; } .fichaRecurso .info-recurso .group { display: flex; flex-wrap: nowrap; padding-bottom: 0px; align-items: center; min-height: 25px;} .fichaRecurso .info-recurso .group .group-title { flex: 0 0 130px; margin-bottom: 0; font-weight: 300; font-size: 0.8rem; color: var(--c-texto-claro); } .fichaRecurso .info-recurso .group ul { padding-left: 0; margin-bottom: 0;} /* Añadido color para Copyright en ficha de recurso */ .fichaRecurso .info-recurso .group:not(.redes-sociales) ul li {list-style: none; display: inline; margin-right: 10px; color: var(--c-texto-medio); font-size: 0.8rem; } .fichaRecurso .info-recurso .group:not(.redes-sociales) ul li:last-child { margin-right: 0; } .fichaRecurso .info-recurso .group:not(.redes-sociales) ul li a { color: var(--c-texto-medio); font-size: 0.8rem; } .fichaRecurso .info-recurso .group:not(.redes-sociales) ul li a:hover { cursor: pointer; color: var(--c-primario); text-decoration: underline; } .fichaRecurso .info-recurso .group .btn { margin-left: 20px; height: 35px; } .fichaRecurso .info-recurso .group.compartida { align-items: flex-start; } .fichaRecurso .info-recurso .group.compartida .group-title { padding-top: 10px; } .fichaRecurso .info-recurso .group.compartida .listado-comunidades { } .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul { display: flex; flex-wrap: wrap; } /* Tamaño de 30px igual a compartir en Redes sociales */ .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li { min-height: 30px; display: flex; align-items: center; } .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li { background-color: #f2f2f2; border: 1px solid #ddd; margin-right: 5px; margin-bottom: 5px; padding-left: 10px; color: var(--c-texto);} .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li a { color: var(--c-texto); height: 100%; display: flex; align-items: center;} .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li a:hover { color: var(--c-texto); } .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li.var-mas-comunidades { padding: 0 10px; border: none; } .fichaRecurso .info-recurso .group.compartida a.ver-mas { font-weight: 500; padding: 0; color: var(--c-texto-claro); margin-left: 0 !important;} .fichaRecurso .info-recurso .group.compartida a.ver-mas .menos { display: none;} .fichaRecurso .info-recurso .group.compartida a.ver-mas:after { font-size: 18px;} .fichaRecurso .info-recurso .group.compartida a.ver-mas[aria-expanded="true"] .menos { display: inline; } .fichaRecurso .info-recurso .group.compartida a.ver-mas[aria-expanded="true"] .mas { display: none; } .fichaRecurso .info-recurso .group.compartida a.ver-mas[aria-expanded="true"]:after { transform: rotate(180deg); } /* Menos espacio para eliminar comunidad compartida */ .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li span.eliminar { font-size: 23px; cursor: pointer; color: var(--c-texto-claro); padding-left: 5px; padding-right: 5px;} .fichaRecurso .info-recurso .group.compartida .listado-comunidades ul li span.eliminar:hover { color: var(--c-texto); } .fichaRecurso .mensaje-anyadir-registro { width: 535px; height: 80px; position: fixed; top: 0; right: 0; z-index: 800; background-color: #00875a; padding: 19px 71px; } .fichaRecurso .mensaje-anyadir-registro h3 { font-size: 1rem !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: .32px; color: var(--c-blanco); text-transform: uppercase; margin-bottom: 2px; } .fichaRecurso .mensaje-anyadir-registro p { font-size: 0.875rem !important; font-weight: 200 !important; line-height: 21px !important; letter-spacing: .28px; color: var(--c-blanco); margin-bottom: 0; } .fichaRecurso .wrapCol .listas { margin-top: 97px; margin-left: -103px; margin-right: -45px; padding: 80px 100px; background-color: #f5f5f5; } @media (max-width: 1199px){ .fichaRecurso .col-contenido .acciones-recurso-wrapper { display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 3px; } .fichaRecurso .col-contenido .acciones-recurso-wrapper .izquierda,.header-resource .fichaRecurso .col-contenido .acciones-recurso-wrapper .derecha { display: flex; align-items: center;} .fichaRecurso .col-contenido .contenido { } .fichaRecurso .col-contenido .contenido .grupo .separador { display: none; } .fichaRecurso .col-contenido .contenido .grupo.grupo-estadisticas .col { padding-bottom: 12px; } .fichaRecurso .col-contenido .contenido .grupo table thead > tr > th.fecha, .fichaRecurso .col-contenido .contenido .grupo table tbody > tr > td.fecha { text-align: left; } .fichaRecurso .col-contenido .listas { margin-left: -12px; margin-right: -12px; } } @media (max-width: 767px){ .header-resource { margin-bottom: 3px; } .fichaRecurso .col-contenido { padding-left: 8px; } /* No ocultar el botón de descargar recurso para móviles */ .fichaRecurso .col-contenido ul.acciones-recurso > li:not(.download-resource) { display: none; } .fichaRecurso .col-contenido ul.acciones-recurso > li:last-child { display: flex; } /* Mostrar el texto del botón de "Descargar recurso" para móviles */ .fichaRecurso .col-contenido ul.acciones-recurso > li > a:not(.btnDownload) { font-size: 0; } /* Mostrar el exclusivo para móviles */ .fichaRecurso .col-contenido li.option_mobile { display: block; } .fichaRecurso .col-contenido ul.acciones-recurso > li > a .material-icons { padding-right: 0; } .fichaRecurso .col--recurso .contenido .grupo { padding: 16px 26px; border-bottom: 1px solid var(--c-gris-borde); } .fichaRecurso .col--recurso .contenido .grupo .titulo-principal { display: flex; align-items: center; position: relative; } .fichaRecurso .col--recurso .contenido .grupo .titulo-principal.plegado { margin-bottom: 0;} .fichaRecurso .col--recurso .contenido .grupo .titulo-principal .icono { display: block; font-size: 1.5rem; cursor: pointer; position: absolute; top: 0; right: 0; } .fichaRecurso .col--recurso .contenido .grupo table tbody > tr > td > ul > li { margin-right: 16px; } .fichaRecurso .col--recurso .contenido .grupo table tbody > tr > td > ul > li > a.aceptar, .fichaRecurso .col--recurso .contenido .grupo table tbody > tr > td > ul > li > a.abandonar { font-size: 0; } .fichaRecurso .col--recurso .contenido .grupo table tbody > tr > td > ul > li > a.aceptar:before, .fichaRecurso .col--recurso .contenido .grupo table tbody > tr > td > ul > li > a.abandonar:before { margin-right: 0; } .fichaRecurso .info-recurso .group { display: flex; flex-wrap: wrap; margin-bottom: 20px;} .fichaRecurso .info-recurso .group > * { flex: 0 0 100%} .fichaRecurso .info-recurso .group .group-title { padding-bottom: 3px; font-weight: bold; color: var(--c-texto);} .fichaRecurso .info-recurso .group > .btn { flex: 0 0 auto; margin-left: 0; margin-top: 5px;} } @media (max-width: 575px){ .fichaRecurso .mensaje-anyadir-registro { width: 100%; } } /**/ .fichaMensaje {} .fichaMensaje .col-mensaje { padding-right: 40px; } .fichaMensaje .page-name-wrapper .page-name { display: flex; font-size: 1.2rem; } .fichaMensaje .page-name-wrapper .page-name:before { font-family: 'Material Icons Outlined'; content: 'arrow_back_ios'; font-size: 1.4rem; margin-right: 10px; } .header-mensaje { margin-bottom: 5px; } .header-mensaje.mensaje-principal { display: flex; flex-wrap: nowrap; position: relative; } .header-mensaje .h1-container {flex: 1; } .header-mensaje .h1-container h1 { margin-bottom: 0; position: relative; font-weight: 500; font-size: 1.067rem; line-height: 1; } .header-mensaje .h1-container h1:before { font-family: 'Material Icons Outlined'; content: 'drafts'; font-size: 1.4rem; margin-right: 10px; transform: translateY(4px); position: relative; display: inline-block; } .header-mensaje .h1-container h1 .volver-mensajes { display: none; color: var(--c-blanco) !important; padding-right: 15px; margin-right: 15px; border-right: 1px solid var(--c-blanco); } .header-mensaje .h1-container h1 .volver-mensajes:before { font-family: 'Material Icons Outlined'; content: 'arrow_back_ios'; font-size: 1.4rem; margin-right: 10px; } .header-mensaje .acciones-mensaje { border-bottom: none; margin-bottom: 0;} .header-mensaje .acciones-mensaje ul.acciones-recurso { } .header-mensaje .acciones-mensaje ul.acciones-recurso { } .header-mensaje .acciones-mensaje ul.acciones-recurso > li { } .header-mensaje .acciones-mensaje ul.acciones-recurso > li > a { padding: 4px 0px 4px 10px; color: var(--c-texto-medio); } .header-mensaje .acciones-mensaje ul.acciones-recurso > li > a.borrar, .header-mensaje .acciones-mensaje ul.acciones-recurso > li > a.imprimir { opacity: 0.5; } .header-mensaje .acciones-mensaje ul.acciones-recurso > li.acciones-mensaje-movil { display: none; } .header-mensaje .anterior-siguiente { width: 70px; justify-content: space-between; display: flex; z-index: 801; top: -77px; position: absolute; right: 0; } .header-mensaje .anterior-siguiente a { color: var(--c-blanco); padding: 5px 0px; } /*Deshabilitar el botón de siguiente-anterior mensajes*/ .header-mensaje .anterior-siguiente a.disabled { opacity: 0.5; cursor: default; } .datos-mensaje { padding-left: 33px; line-height: 18px; position: relative; color: var(--c-texto-claro); margin-bottom: 25px; font-size: 0.8rem; border-bottom: 1px solid var(--c-gris-borde); } .datos-mensaje .fecha { position: absolute; top: 0; right: 0; } .datos-mensaje .wrap { padding-bottom: 8px; display: flex; } .datos-mensaje .wrap > p.label { margin-bottom: 0; flex: 0 0 40px; line-height: 18px; } .datos-mensaje .wrap .item-user, .datos-mensaje .wrap .destinatario { white-space: nowrap; padding-right: 8px; } .datos-mensaje .lista-wrap { display: flex; flex-wrap: wrap; position: relative; } .datos-mensaje .lista-destinatarios { display: flex; flex-wrap: wrap;} .datos-mensaje .lista-destinatarios.extra { height: 0px; overflow: hidden; } .datos-mensaje .desplegar-destinatarios { user-select: none; cursor: pointer; color: var(--c-texto-claro); line-height: 18px; } .datos-mensaje .destinatarios-mensaje.show .lista-destinatarios.extra { height: auto; } .datos-mensaje .destinatarios-mensaje.show .desplegar-destinatarios { transform: rotate(180deg); } .datos-mensaje .emisor-mensaje .lista-wrap .item-user { color: var(--c-texto); } .acciones-mensaje { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--c-gris-borde); } .acciones-mensaje .acciones-recurso { display: flex; justify-content: flex-end; } .acciones-mensaje .acciones-recurso .btn { padding: 10px; margin-left: 3px; font-size: 0.8rem; font-weight: 400; } .acciones-mensaje .acciones-recurso .btn.dropdown-toggle { padding: 5px; } .acciones-mensaje .acciones-recurso .btn.dropdown-toggle span.material-icons { padding: 0; } .contenido-mensaje { margin-bottom: 25px; font-weight: 400; line-height: 1.57; font-size: 0.933rem; color: var(--c-texto-medio); word-wrap: break-word;} .contenido-mensaje p:last-child { margin-bottom: 0; } .respuestas-mensaje {} .respuestas-mensaje .respuestas-header { margin-bottom: 15px; } .respuestas-mensaje .respuestas-header .seccion-title { font-size: 1rem; display: flex; align-items: center; } .respuestas-mensaje .respuestas-header .seccion-title span.numero-respuestas { padding-left: 10px; } .respuestas-mensaje .respuesta { margin-bottom: 20px; } .respuestas-mensaje .respuesta .header-mensaje { margin-bottom: 12px; } .respuestas-mensaje .respuesta .header-mensaje .upper-wrap { padding-left: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .respuestas-mensaje .respuesta .header-mensaje .upper-wrap p { font-weight: 300; color: var(--c-texto-claro); font-size: 0.8rem; margin-bottom: 0; } .respuestas-mensaje .respuesta .header-mensaje .upper-wrap p .user { font-weight: 400; color: var(--c-texto); padding-right: 15px; padding-left: 10px; } .respuestas-mensaje .respuesta .header-mensaje:before { display: none; } .respuestas-mensaje .respuesta .contenido-mensaje { padding: 20px; background-color: #f8f8f8;} .respuestas-mensaje .respuesta .contenido-mensaje p:last-child { margin-bottom: 0;} .relacionados-mensaje {} .relacionados-mensaje .resource .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .relacionados-mensaje .resource .wrap h3 { flex: 0 0 100%; margin-bottom: 0;} .relacionados-mensaje .resource .wrap h3 a { line-height: 18px; font-weight: 400;color: var(--c-texto-claro); } .relacionados-mensaje .resource .wrap h3:before { color: var(--c-texto-claro); } .relacionados-mensaje .resource .wrap .autor, .relacionados-mensaje .resource .wrap .fecha { font-weight: 400; flex: 0 0 100%; font-size: 0.8rem; padding-bottom: 2px;} .relacionados-mensaje .resource.no-leido .wrap h3 a { font-weight: 500; } .relacionados-mensaje .resource.no-leido .wrap h3 a, .relacionados-mensaje .resource.no-leido .wrap h3:before { color: var(--c-texto); } @media (min-width: 1200px){ .header-mensaje .acciones-mensaje .acciones-recurso { } .fichaMensaje.scrolling { } .fichaMensaje.scrolling #header { display: none; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal { padding-left: 20px; padding-right: 20px; position: fixed; align-items: center; top: 0; left: 0; right: 0; background-color: var(--c-primario); height: 60px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); z-index: 800; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal h1 { color: var(--c-blanco); display: flex; align-items: center; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal h1:before { display: none; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal h1 .volver-mensajes { text-decoration: none !important; display: inline-flex; align-items: center; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal .acciones-mensaje { padding-bottom: 0; margin-bottom: 0; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal .acciones-mensaje a { color: var(--c-blanco); display: flex; text-decoration: none !important; } .fichaMensaje.scrolling .header-mensaje.mensaje-principal .anterior-siguiente { position: static; margin-left: 20px;} } @media (max-width: 1199px){ .fichaMensaje .col-mensaje { padding-right: 8px; padding-top: 20px;} .fichaMensaje #header { box-shadow: none; } .respuestas-mensaje .header-mensaje { margin-left: 0px; } .acciones-mensaje .acciones-recurso .btn:not(.dropdown-toggle) span:not(.material-icons) { display: none; } .acciones-mensaje .acciones-recurso .btn:not(.dropdown-toggle) span.material-icons { padding: 0; } .contenido-mensaje { margin-left: 0; position: relative; margin-bottom: 20px; } .fichaMensaje header * { visibility: hidden; } .fichaMensaje .header-mensaje.mensaje-principal { padding-left: 20px; padding-right: 20px; position: fixed; align-items: center; top: 60px; left: 0; right: 0; background-color: var(--c-gris-fondo); height: 50px; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 16%); z-index: 800; } .fichaMensaje .header-mensaje.mensaje-principal .acciones-mensaje { padding-bottom: 0;} .fichaMensaje .header-mensaje.mensaje-principal .acciones-mensaje .acciones-recurso { padding-bottom: 0;} .fichaMensaje .header-mensaje.mensaje-principal .acciones-mensaje .acciones-recurso > li { display: none; } .fichaMensaje .header-mensaje.mensaje-principal .acciones-mensaje .acciones-recurso > li.acciones-mensaje-movil { display: flex; } .fichaMensaje .header-mensaje.mensaje-principal .acciones-mensaje .acciones-recurso > li.acciones-mensaje-movil .dropdown-toggle { color:var(--c-texto-medio); display: flex; text-decoration: none !important; } .fichaMensaje .header-mensaje.mensaje-principal .anterior-siguiente { position: fixed; right: 20px; top: 15px;} .fichaMensaje .header-mensaje.mensaje-principal h1 { display: flex; align-items: center; font-size: 1rem; font-weight: 500; } .fichaMensaje .header-mensaje.mensaje-principal h1:before { transform: none; display: inline-flex; align-items: center; } .fichaMensaje .header-mensaje.mensaje-principal h1 > span { white-space: nowrap; max-width: calc(100vw - 120px); overflow: hidden; text-overflow: ellipsis; } .fichaMensaje .header-mensaje.mensaje-principal h1 .volver-mensajes { z-index: 801; border-right: none; text-decoration: none !important; display: inline-flex; align-items: center; position: fixed; top: 20px; left: 20px; color: var(--c-blanco); } .fichaMensaje .datos-mensaje { padding-top: 30px; } .fichaMensaje .datos-mensaje .fecha { top: 8px } } @media (max-width: 768px){ .destinatarios-mensaje .desplegar-destinatarios { position: absolute; right: 0; background: var(--c-blanco); } .destinatarios-mensaje .lista-destinatarios:not(.extra) { padding-right: 5px; } } @media (max-width: 575px){ .datos-mensaje .wrap { flex-wrap: wrap; } .datos-mensaje .wrap > p.label { flex: 0 0 100%; } } /* */ /* NUEVO MENSAJE */ .nuevoMensaje {} .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap { max-width: 100%; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap .form-control { padding-left: 55px; } @media (max-width: 575px){ .nuevoMensaje .btn-enviar { position: fixed; right: 30px; bottom: 30px;} .nuevoMensaje { font-size: 15px; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap .form-control { padding-left: 35px; padding-right: 10px; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .input-wrap .icon { font-size: 20px; left: 9px; } .nuevoMensaje .formulario-edicion .form-group.edit-titulo { margin-bottom: 20px !important; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas { margin-bottom: 20px !important; } .nuevoMensaje .formulario-edicion .form-group.edit-etiquetas .tag-list { margin-bottom: 10px !important; } } /* */ /* FICHA PERFIL */ .fichaPerfil {} .perfil-cabecera { margin-bottom: 30px; } .perfil-cabecera .user-miniatura { margin-bottom: 20px; } .perfil-cabecera .user-miniatura .acciones-recurso-listado { margin-left: 0 !important; } .perfil-cabecera .user-miniatura .acciones-recurso-listado .dropdown-toggle { padding: 0 7px; margin-left: 0; border-left: 0;} .perfil-cabecera .user-miniatura .acciones-recurso-listado .dropdown-toggle span { padding-right: 0; } .perfil-cabecera .user-miniatura .nombre-usuario-wrap .nombre { font-size: 1.2rem; margin-bottom: 8px; } .perfil-cabecera .user-miniatura .nombre-usuario-wrap .nombre-completo, .perfil-cabecera .user-miniatura .nombre-usuario-wrap .localizacion { font-size: 1rem; font-weight: normal; color: var(--c-texto);} .perfil-cabecera .listado-comunidades { } .perfil-cabecera .listado-comunidades ul { flex-wrap: wrap; } .perfil-cabecera .listado-comunidades .btn { padding-left: 0; padding-right: 0; margin-right: 35px; font-size: 1rem; color: var(--c-texto-claro); font-weight: 300; } .perfil-cabecera .listado-comunidades .btn.ver-mas { padding-left: 0; font-size: 1rem; font-weight: 500; } .perfil-cabecera .acciones-usuario-wrap { padding-top: 0px; } .perfil-lateral { margin-bottom: 60px; } .perfil-lateral .perfil-lateral-imagen { height: 240px; background-color: var(--c-gris-borde);} .perfil-lateral .perfil-lateral-imagen img { height: 100%; width: 100%; object-fit: cover; } .perfil-lateral .perfil-lateral-contenido { border: 1px solid var(--c-gris-borde); border-top: none; padding: 15px 20px 10px 20px; } .perfil-lateral-redes-sociales { display: flex; align-items: center; margin-top: 15px; } .perfil-lateral-redes-sociales .group-title { flex: 0 0 88px; margin-bottom: 0; } .perfil-lateral-user-miniatura {} .perfil-lateral-user-miniatura .nombre-usuario-wrap {} .perfil-lateral-user-miniatura .nombre-usuario-wrap .nombre { margin-bottom: 4px; font-size: 1.2rem; } .perfil-lateral-user-miniatura .nombre-usuario-wrap .nombre-completo { font-size: 1rem; color: var(--c-texto); font-weight: 400; } .perfil-lateral-user-miniatura .nombre-usuario-wrap .localizacion { font-size: 1rem; } .perfil-lateral-user-miniatura .imagen-usuario-wrap .imagen { height: 70px; width: 70px; position: relative; top: -50px; } .perfil-lateral-resumen-usuario { margin-top: 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; max-width: 400px; } .perfil-lateral-resumen-usuario .bloque { font-weight: 500; } .perfil-lateral-resumen-usuario .bloque .titulo { font-size: 0.9rem; } .perfil-lateral-resumen-usuario .bloque .contenido { font-size: 1.8rem; } .perfil-lateral-resumen-usuario .bloque .contenido a { color: var(--c-texto); } .resumen-organizacion { justify-content: flex-start; } .resumen-organizacion .bloque { padding-right: 40px; } @media (max-width: 1199px){ .perfil-cabecera .user-miniatura .acciones-recurso-listado {} } @media (max-width: 767px){ .perfil-cabecera .acciones-usuario-wrap { padding-top: 15px; } } /* */ /* FICHA ORGANIZACION */ .fichaOrganizacion.fichaRecurso .col-contenido { padding-left: 0; } @media (max-width: 767px){ .fichaOrganizacion.fichaRecurso .col-contenido { padding-left: 8px; } } /* */ /* COMENTARIOS */ .resource-comentarios {} .resource-comentarios .comentarios-header { margin-bottom: 25px;} .resource-comentarios .comentarios-header .seccion-title { font-size: 1rem; text-transform: uppercase; display: flex; align-items: center;} .resource-comentarios .comentarios-header .seccion-title span.material-icons { margin-right: 10px;} .resource-comentarios .comentarios-header .seccion-title span.numero-comentarios { padding-left: 10px;} .escribir-comentario { padding-left: 40px; } .escribir-comentario .comentario {width: 100%; border: none;} .escribir-comentario .comentario .bloque-comentario { display: flex; padding: 0; padding-bottom: 25px; border: none;} .escribir-comentario .comentario .bloque-comentario .col-comentario { padding-right: 0; } .escribir-comentario .comentario .bloque-comentario .col-comentario .form-group { width: 100%; } .escribir-comentario .comentario .bloque-comentario textarea { width: 100%; height: 50px;} .escribir-comentario .accion-comentario { margin-top: 0px; } .lista-comentarios { padding-left: 40px; } .comentario { margin-bottom: 20px; position: relative; } .comentario:after { position: absolute; right: 0; left: 60px; content: ""; height: 1px; background-color: var(--c-gris-borde); bottom: 0; } .comentario .bloque-comentario { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .comentario .bloque-comentario .col-titulo { flex: 0 0 100%; padding-bottom: 20px; margin-bottom: 20px; } .comentario .bloque-comentario .col-titulo > p { font-size: 1.3rem; font-weight: 500; margin-bottom: 0; } .comentario .bloque-comentario .col-comentario { flex: 1; order: 2; } .comentario .bloque-comentario .col-usuario { flex: 0 0 60px; order: 1; } .comentario .bloque-comentario .col-usuario .user-miniatura .imagen-usuario-wrap .imagen { height: 40px; width: 40px; } .comentario .bloque-comentario .col-comentario .comentario-header { margin-bottom: 15px; margin-top: 10px; display: flex; align-items: center; justify-content: space-between;} .comentario .bloque-comentario .col-comentario .comentario-header .fecha-publicacion { font-weight: 300; color: var(--c-texto-claro); font-size: 0.8rem;} .comentario .bloque-comentario .col-comentario .comentario-header .nombre-usuario-wrap .nombre { color: var(--c-texto-claro); font-size: 0.8rem; } .comentario .bloque-comentario .col-comentario .comentario-body {} .comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido { font-size: 0.933rem; font-weight: 300; color: var(--c-texto-medio); } .comentario .bloque-comentario .col-comentario .comentario-body .comentario-contenido > p:first-child { margin-bottom: 8px; } .comentario .bloque-comentario .col-comentario .comentario-acciones { } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap { display: flex; } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap > div { margin-right: 4px; } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap-movil { display: none; } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap > div { margin-right: 4px; } .comentario .bloque-comentario .col-comentario .comentario-acciones .btn { padding: 0 12px 0 9px;} .respuesta-mensaje { } .respuesta-mensaje .comentario { background: var(--c-gris-fondo); border-top: 0; } /* .comentario .bloque-respuestas { padding: 20px 0px 20px 60px; } .comentario .bloque-respuestas .comentario-respuestas { } .comentario .bloque-respuestas .comentario-respuestas .comentario { border: none; padding: 0; margin-bottom: 30px; } .comentario .bloque-respuestas .comentario-respuestas .comentario:last-child { max-width: 100%; margin-bottom: 0px; } .comentario .bloque-respuestas .comentario-respuestas .comentario .col-comentario { } .comentario .bloque-respuestas .comentario-respuestas .comentario .bloque-comentario { padding: 0; } .comentario .bloque-respuestas .comentario-respuestas .comentario-body .comentario-contenido > p { } .comentario .bloque-respuestas .comentario:after { display: none;} .comentario .bloque-respuestas .comentario .bloque-respuestas { padding-left: 0px; padding-right: 0; border-top: 0;} */ .comentario .bloque-respuestas { padding-left: 60px; } .comentario .bloque-respuestas .comentario-respuestas { } .comentario .bloque-respuestas .comentario-respuestas .comentario { border: none; padding: 0; /*margin-bottom: 30px;*/ } .comentario .bloque-respuestas .comentario-respuestas .comentario:last-child { max-width: 100%; margin-bottom: 0px; } .comentario .bloque-respuestas .comentario-respuestas .comentario .col-comentario { } .comentario .bloque-respuestas .comentario-respuestas .comentario .bloque-comentario { /*padding: 0;*/ } .comentario .bloque-respuestas .comentario-respuestas .comentario-body .comentario-contenido > p { } .comentario .bloque-respuestas .comentario:after { display: none;} .comentario .bloque-respuestas .comentario .bloque-respuestas { padding-left: 0px; padding-right: 0; border-top: 0;} .comentario.usuario-actual { } .comentario.usuario-actual .comentario { margin-right: -60px; } .comentario.usuario-actual > .bloque-comentario .col-comentario { order: 1; background-color: var(--c-gris-fondo); padding: 15px; } .comentario.usuario-actual > .bloque-comentario .col-usuario { order: 2; } .comentario.usuario-actual > .bloque-comentario .col-usuario .user-miniatura .imagen-usuario-wrap { padding-right: 0px; padding-left: 18px } @media (max-width: 767px){ /* Visualizar línea separadora 100% width para dispositivos pequeños */ .comentario:after{left: 0;} /* Correcta visualización en mensajes para dispositivos pequeños + ckEditor */ .escribir-comentario { padding-left: 0px; } .escribir-comentario .accion-comentario { margin-top: 10px; } .escribir-comentario .comentario .bloque-comentario{flex-direction: row;} .col-comentario .form-group{ width: 100%; margin-bottom: 0;} .lista-comentarios { padding-left: 0px; } /* Alineación de mensajes en Ficha de mensajes */ .comentario .bloque-comentario { padding-top: 15px; padding-bottom: 15px; } /* Centrado de acciones al enviar mensaje en dispositivos */ .comentario .bloque-comentario .col-comentario { padding-right: 0; display: flex; flex-wrap: wrap; align-items: center;} .comentario .bloque-comentario .col-comentario .comentario-header { order: 1; flex: 1; } .comentario .bloque-comentario .col-comentario .comentario-body { order: 3; flex: 0 0 100%;} .comentario .bloque-comentario .col-comentario .comentario-acciones { order: 2; flex: 0 0 40px;} .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap { display: none; } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap-movil { display: block; } .comentario .bloque-comentario .col-comentario .comentario-acciones .wrap-movil .dropdown-toggle { justify-content: flex-end; text-decoration: none !important; color:var(--c-texto-claro); width: 40px; display: flex; } /* Ocultar la imagen del usuario en dispositivos pequeños para no descuadrar comentarios */ .comentario .bloque-comentario .col-usuario { flex: 0 0 45px; display: none} .comentario .bloque-comentario .col-usuario .user-miniatura .imagen-usuario-wrap .imagen { height: 32px; width: 32px; } /* Alineación del bloque de respuestas para móviles */ .comentario .bloque-respuestas { padding: 15px 0px 15px 0 } /* En vista móvil se ve muy junto. Dejo el padding-left: 0 por defecto en lugar de 0*/ .comentario.usuario-actual > .bloque-comentario .col-comentario {} .comentario.usuario-actual > .bloque-comentario .col-comentario .comentario-header { order: 2; flex: 1; } .comentario.usuario-actual > .bloque-comentario .col-comentario .comentario-body { order: 3; flex: 0 0 100%;} .comentario.usuario-actual > .bloque-comentario .col-comentario .comentario-acciones { order: 1; flex: 0 0 40px; } .comentario.usuario-actual > .bloque-comentario .col-comentario .comentario-acciones .dropdown-menu { transform: translate3d(0px, 23px, 0px) !important; } .comentario.usuario-actual > .bloque-comentario .col-comentario .comentario-acciones .wrap-movil .dropdown-toggle { justify-content: flex-start;} } /* */ /* CONTEXTOS */ .col-contexto {} .col-contexto .wrapCol { display: flex; flex-wrap: wrap; margin-bottom: 40px; } .col-contexto .wrapCol .resource-list { width: 100%; margin: 0; } .col-contexto .resource { padding: 0; margin-bottom: 15px; } .col-contexto .resource .title:before { top: 0px; left: -35px; position: absolute; font-size: 23px;} .col-contexto .resource .wrap { border: 0; margin-left: 35px; padding-bottom: 0; } .col-contexto .resource .fecha, .col-contexto .resource .autor { font-size: 0.8rem; line-height: 18px; color: var(--c-texto-claro); margin: 0;} .col-contexto .resource h3, .col-contexto .resource h3 a { font-size: 0.933rem; font-weight: 500; line-height: 21px; margin-bottom: 1px; color: var(--c-texto); } .col-contexto .resource h3 a:hover { color: var(--c-primario); } .col-contexto .resource .img-resumen-wrapper { flex: 0 0 80px; height: 80px; margin-right: 20px; margin-top: 5px;} .col-contexto .resource .img-resumen-wrapper .img-resumen { height: 100%; width: 100%; object-fit: cover; } /*Evitar negritas en bloques de Te puede interesar */ .col-contexto .resource .resumen { font-size: 0.8rem; color: var(--c-texto-medio); font-weight: normal; overflow-wrap: break-word;} .col-contexto .ver-mas { text-decoration: none !important; font-size: 0.933rem; font-weight: 500; color: var(--c-texto); line-height: 24px; padding-left: 35px; margin: 0;} .col-contexto .ver-mas:hover { text-decoration: underline; color: var(--c-primario); } .col-contexto .ver-mas:hover:after { text-decoration: none !important; } /*Alineado a nombre de usuarios*/ .col-contexto .usuarios .ver-mas { padding-left: 78px; } .col-contexto .wrapCol.background-gris { margin-bottom: 20px; } .col-contexto .wrapCol.background-gris { padding: 28px 20px; } .col-contexto .wrapCol.background-gris .section-title { font-size: 1rem; } .col-contexto .wrapCol.background-gris .ver-mas { justify-content: flex-end; } /**/ /* GRUPO PERSONAS */ .grupo-personas {} .grupo-personas .resource { margin-bottom: 20px; padding-bottom: 0; } .grupo-personas .con-borde .resource .user-miniatura { padding-bottom: 10px; border-bottom: 1px solid var(--c-gris-borde); } .grupo-personas .con-borde .resource .nombre-usuario-wrap { } /* */ /* RESUMEN COMUNIDAD */ .resumen-comunidad { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; } .resumen-comunidad .bloque { font-weight: 500; } .resumen-comunidad .bloque .titulo { font-size: 17px; } .resumen-comunidad .bloque .contenido { font-size: 32px; } .resumen-comunidad .bloque .contenido a { color: var(--c-texto);} @media (max-width: 1199px){ .resumen-comunidad { justify-content: flex-start; flex-wrap: wrap; padding-top: 20px;} .resumen-comunidad .bloque { padding-right: 40px; } .resumen-comunidad .bloque:last-child { padding-right: 0px; } .resumen-comunidad .bloque .titulo { font-size: 14px; } .resumen-comunidad .bloque .contenido { font-size: 25px; } } /* */ /* EDICION RECURSO */ /* páginas que simulan un modal */ .page-modal { background-color: var(--c-gris-fondo); } .page-modal .header-tipo-modal { position: fixed; top: 0; left: 0; width: 100%; z-index: 800; display: flex; } .page-modal header { display: none; height: 0; } .page-modal .header-tipo-modal .row { margin-right: -8px; margin-left: -8px; } .page-modal .header-tipo-modal .modal-header { background-color: var(--c-primario); display: flex; align-items: center; height: 60px; position: relative; padding: 0 20px; margin: 0; } .page-modal .header-tipo-modal .modal-header .modal-title { padding-right: 10px; display: block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1.4rem; font-weight: 400; letter-spacing: .32px; align-items: center; } .page-modal .header-tipo-modal .modal-header .modal-title .material-icons { padding-right: 15px; transform: translateY(2px); } .page-modal .header-tipo-modal .modal-header .cerrar { cursor: pointer; } .page-modal .header-tipo-modal .modal-header .cerrar:hover { color: var(--c-blanco);} .page-modal #footer { display: none; } @media (max-width: 1366px){ .page-modal .header-tipo-modal { padding-left: 0; padding-right: 0; } .page-modal .header-tipo-modal > .container { padding-left: 0; padding-right: 0; } .page-modal main > .container { padding-left: 0; padding-right: 0; } .page-modal main > .container >.row-content > .row { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .page-modal main > .container >.row-content > .row > .col { padding-left: 0; padding-right: 0; } .page-modal main > .container >.row-content > .row > .col > .container { padding-left: 0; padding-right: 0; } } @media (max-width: 991px){ } /* */ /* PAGINA EDICION RECURSO */ .edicionRecurso { } /* Padre de los Hijos del Tesauro semántico en Edición Recurso semántico */ .edicionRecurso .tesSem > div { margin-bottom: 6px; } .edicionRecurso .tesSem > div > label{ margin-left: 5px; margin-bottom: 0px;} /* Hijos de Tesauro semántico en Edición recurso semántico */ .edicionRecurso .hijosTesSem { margin-left: 15px; } .edicionRecurso .hijosTesSem label { margin-left: 5px; margin-bottom: 0px !important; } .edicionRecurso .hijosTesSem > div { display: flex; align-items: center; margin-top: 6px; } .edicionRecurso .col-edicion { min-height: calc(100vh - 60px); padding-top: 60px;} .edicionRecurso .col-edicion .formulario-edicion { min-height: calc(100vh - 60px); padding: 50px 100px 50px 100px;} .edicionRecurso .menuLateral.clonado { display: none; } .edicionRecurso a.remove.removeAutocompletar::after { content: '\E5CD'; font-family: 'Material Icons'; font-size: 24px; color: var(--c-primario); line-height: normal;cursor: pointer; position: absolute; top: 10px; right: 10px;} .edicionRecurso #panRespuestas .btn { padding: 0; width: 45px; height: 45px;} .edicionRecurso #panRespuestas .btn.disabled { color: var(--c-texto-claro); background-color: #efefef; } .edicionRecurso #panRespuestas .btn.respuestaUp .material-icons, .edicionRecurso #panRespuestas .btn.respuestaDown .material-icons { font-size: 2.5rem; } .edicionRecurso .input-with-icon{position: relative;} .edicionRecurso .input-with-icon i.material-icons{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--c-texto-medio); font-size: 22px;} .edicionRecurso .input-with-icon .calenFormSem.hasDatepicker, .edicionRecurso .input-with-icon .autocompletarSelecEnt{padding-left: 35px;} /* Contenedor que correspoden a una clase auxiliar */ .edicionRecurso .contentgroup{ border: 1px solid whitesmoke; padding: 15px;margin-bottom: 15px;} /* Tabla contendora de items */ .edicionRecurso .contAgr table tr td, .edicionRecurso .cont table tr td{padding: 10px;} .edicionRecurso .contAgr table tr.par, .contAgr table tr.impar, .edicionRecurso .cont table tr.par, .edicionRecurso .cont table tr.impar, .edicionRecurso .cont table tr.claseFila{border-bottom: none;border-bottom: 1px solid whitesmoke;} /* Ciertos textos de tabla de formulario semántico */ .edicionRecurso .cont table tr.par, .edicionRecurso .cont .tdval{ font-size: 15px;} /* Título del Contenedor que correspoden a una clase auxiliar */ .edicionRecurso .group > .control-label{ font-weight: 500; letter-spacing: 0.5px;} /* Resto de tablas del formulario semántico */ .edicionRecurso .cont table {width: auto !important; max-width: none;} .edicionRecurso .cont table tr td{border-bottom: none; border-bottom: 1px solid whitesmoke; } /* Resto de tablas del formulario semántico */ .edicionRecurso .cont table .material-icons { color: var(--c-primario); cursor: pointer; } .edicionRecurso .cont table tr.par, .edicionRecurso .cont .form-group table tr.impar { border-bottom: 1px solid whitesmoke !important;} /* Anchura 100% para edición de perfil -> Select */ .edicionPerfil .select2-container--default { width: 100% !important; } .edicionPerfil .formulario-edicion .form-group.edit-codpostal .input-wrap { max-width: 50%; } .edicionPerfil .formulario-edicion .form-group.edit-localidad .input-wrap { max-width: 50%; } .edicionPerfil .formulario-edicion .form-group.edit-etiquetas { } .edicionPerfil .formulario-edicion .form-group .input-wrap { max-width: 100%; } .edicionPerfil .formulario-edicion .form-group.edit-etiquetas .form-control { padding-left: 55px; } .edicionPerfil .formulario-edicion .form-group.edit-red-social .input-wrap > .icono-social { position: absolute; top: 0; left: 0; height: 100%; width: 48px; } .edicionPerfil .form-group.edit-red-social .input-wrap > .icono-social > i { display: flex; align-items: center; justify-content: center; font-size: 25px; color: var(--c-blanco); height: 100%; } .edicionPerfil .formulario-edicion .form-group.edit-red-social .input-wrap > .icono-social.twitter { background-color: #1da1f2; } .edicionPerfil .formulario-edicion .form-group.edit-red-social .input-wrap > .icono-social.facebook { background-color: #1877f2; } .edicionPerfil .formulario-edicion .form-group.edit-red-social .input-wrap > .icono-social.linkedin { background-color: #0a66c2; } .edicionPerfil .formulario-edicion .form-group.edit-red-social .form-control { padding-left: 72px; } .edicionPerfil #tblRedesSociales {} .edicionPerfil #tblRedesSociales tbody tr td { vertical-align: middle; } .edicionPerfil #tblRedesSociales tbody tr td:first-child img { height: 18px; } .edicionPerfil #tblRedesSociales tbody tr td:last-child { text-align: right;} @media (max-width: 991px){ .edicionRecurso .col-edicion .formulario-edicion { padding: 30px 20px 100px 20px; } } @media (max-width: 575px){ .edicionPerfil #tblRedesSociales tbody tr td:first-child { display: none; } } /* */ /* LOGIN y CONTRASEÑA */ .thin-footer #footer .wrapCol, .aceptar-invitacion #footer .wrapCol, .registro #footer .wrapCol, .password-page #footer .wrapCol, .login #footer .wrapCol { flex-direction: column; align-items: flex-start; max-width: 650px; margin-left: auto; margin-right: auto; padding-top: 0; border: none; margin-top: 15px; } .thin-footer #footer .enlaces, .aceptar-invitacion #footer .enlaces, .registro #footer .enlaces, .password-page #footer .enlaces, .login #footer .enlaces { padding-left: 0; } .password-page .panel-centrado { min-height: 40vh;} .conBackground #footer .logo a, .conBackground #footer .logo p, .conBackground #footer .enlaces a { color: var(--c-blanco);} .panel-centrado { background: #fff; max-width: 650px; margin: auto; margin-top: 65px; border: 1px solid var(--c-gris-borde); padding: 75px 60px 50px 60px;} .panel-centrado h1 { margin-bottom: 30px; font-size: 1.6rem; letter-spacing: 0.5px;} .panel-centrado .actionButtons { margin-top: 10px;} .panel-centrado .actionButtons .fieldsetContent { display: flex; align-items: flex-start; flex-direction: column; } .panel-centrado .actionButtons .fieldsetContent .olvidaste-password { margin-bottom: 15px; font-size: 0.85rem; font-weight: 500; } .panel-centrado .actionButtons .fieldsetContent .submit { text-transform: uppercase; } .panel-centrado .panel-centrado-separator { border-top: 1px solid var(--c-gris-borde); margin: 40px -60px; } .panel-centrado .actionRegister { font-size: 0.85rem; line-height: 15px; margin-top: 24px; margin-bottom: 0; padding-top: 20px; border-top: 1px solid var(--c-gris-borde); } .panel-centrado .actionRegister > a { padding-left: 10px; } .registroRedesSociales .separator { display: flex; align-items: center; } .registroRedesSociales .separator h2 { text-align: center; color: var(--c-texto-medio); letter-spacing:0.5px; font-size:16px; } .registroRedesSociales .separator::before, .registroRedesSociales .separator::after { content: ""; flex-grow: 1; height: 1px; background-color: var(--c-gris-borde); margin: 0 10px; } .registroRedesSociales .redesSocialesActions{ text-align: center; } .registroRedesSociales .redesSocialesActions .redesSocialesAction__button{ margin: 0px 10px; transition: opacity 0.3s ease; } .registroRedesSociales .redesSocialesActions .redesSocialesAction__button > div { border: 1px solid var(--c-gris-borde); padding: 5px; border-radius: 50%; } .registroRedesSociales .redesSocialesActions .redesSocialesAction__button > div.--bgWhite {background-color: #fff;} .registroRedesSociales .redesSocialesActions .redesSocialesAction__button > div.--bgBlue {background-color: #1877F2;} .registroRedesSociales .redesSocialesActions .redesSocialesAction__button > div.--bgBlack {background-color: #000;} .registroRedesSociales .redesSocialesActions .redesSocialesAction__button:hover{ opacity: 0.8; } /* PANEL LOGOUT*/ .panel-logout{ position: relative; }; @media (max-width: 767px){ .panel-centrado { margin-top: 30px; padding: 30px 20px 20px 20px;} .panel-centrado .panel-centrado-separator { margin: 40px -20px; } } /* */ /* FORMULARIOS EDICION */ .formulario-edicion { } .formulario-edicion .input-wrap { max-width: 650px; position: relative; } .formulario-edicion .input-wrap .input-miembros { padding-left: 55px; } .formulario-edicion .input-wrap .icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--c-texto-claro); } .formulario-edicion .edit-autor-recurso { max-width: 650px;} .formulario-edicion .edit-autor-recurso .configuracion-autor { display: none; } .formulario-edicion .edit-autor-recurso #panPropIntelectual { padding-left: 34px; } .formulario-edicion .edit-autor-recurso #autor-recurso-si:checked ~ .configuracion-autor { display: block;} .formulario-enviar {} .formulario-enviar .panContenedorInvitados { border-bottom: 1px solid var(--c-gris-borde); } .formulario-enviar .header-resource { padding: 15px 15px 15px 45px; background-color: var(--c-gris-borde); } .formulario-enviar .header-resource .title-wrap .title { font-size: 1.06rem; margin-bottom: 0;} .formulario-enviar .header-resource .title-wrap .title:before { left: -30px; top: -3px; } /* */ /* TABLA HISTORIAL */ table.table > tbody > tr.activo > td { font-weight: 500; color: var(--c-primario); } /* */ /* CATEGORIAS */ .buscador-categorias { margin-bottom: 10px; display: flex; } .buscador-categorias .findAction { cursor: pointer; } .buscador-categorias .form-group { flex: 1; position: relative;} .buscador-categorias .form-group .form-control { min-width: 250px; padding-right: 40px; } .buscador-categorias .form-group:after { font-size: 27px; color: var(--c-texto-claro); font-family: "Material Icons"; content: "search"; position: absolute; right: 10px; top: 4px; } .categoria-wrap { display: flex; flex-wrap: wrap; user-select: none; } .categoria-wrap .categoria { flex: 0; } /*Categoria para índice (temporal)*/ .indice .categoria-wrap .categoria{flex: none;} .categoria-wrap .panHijos { flex: 0 0 100%; padding-left: 35px; display: none; } .categoria-wrap .boton-desplegar { cursor: pointer; position: relative; top: -2px; color: var(--c-texto-medio); margin-left: 15px; } .categoria-wrap .boton-desplegar .material-icons { color: var(--c-texto-claro); } .categoria-wrap .boton-desplegar.mostrar-hijos ~ .panHijos { display: block; } .categoria-wrap .boton-desplegar.mostrar-hijos .material-icons { transform: rotate(180deg); } .categoria-wrap .categoria .custom-checkbox .custom-control-label { white-space: nowrap; font-weight: 400; } .categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label { font-weight: 500; } .categoria-wrap .categoria .custom-checkbox .custom-control-input:not(:checked) ~ .custom-control-label::before { font-family: 'Material Icons'; content: 'folder_open'; border: none; z-index: 1; font-size: 24px; } .categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { content: ''; border: none; z-index: inherit; } .categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { z-index: 2; } .categoria-wrap .categoria.not-selectable .custom-checkbox .custom-control-label { cursor: default; color: var(--c-primario); display: flex; justify-content: center; text-transform: uppercase; font-weight: bold; } .categoria-wrap .categoria.not-selectable .custom-checkbox .custom-control-label::before { font-family: 'Material Icons'; top: -8px; text-transform: none; content: 'folder_open'; font-weight: normal; border: none; font-size: 24px;} /* */ /* POLÍTICA PRIVACIDAD */ .modal--legal {} .modal--legal .modal-body li, .modal--legal .modal-body p { font-weight: 400; font-size: 0.9rem; color: var(--c-texto); } .modal--legal .modal-body h3 { font-weight: 500; font-size: 1.1rem; } /* */ /* MODAL CERRANDO SESIÓN */ .modal-cerrando-sesion {} .modal-cerrando-sesion .modal-dialog { width: 600px;} .modal-cerrando-sesion .modal-dialog .modal-body { padding: 0; } .modal-cerrando-sesion .modal-dialog .modal-body .content { padding:140px; display: flex; flex-direction: column; justify-content: center; } .modal-cerrando-sesion .modal-dialog .modal-body .content p { font-size: 18px; } .modal-cerrando-sesion .modal-dialog .modal-body .progress-loader { padding: 0; } /* Barra de progreso para "Cerrar sesión" */ .progress-loader-gnoss { padding: 0; position: absolute; top: 0px; width:100%;} /* */ /* IMAGE UPLOADER */ .image-uploader { display: flex; flex-wrap: wrap; } .image-uploader__preview { display: none; } .image-uploader__preview.show-preview { display: flex; } .image-uploader__img { width: 160px; height: 100%; object-fit: cover; } /* Botón para borrar imagen de perfil*/ .image-uploader-delete { position: absolute; bottom: 0; left: 0; right:0;} /* Modificar drag para foto*/ .image-uploader__drop-area { cursor: pointer; flex: 1; background-color: #eaf1f8; /*padding: 40px;*/ border: 1px dashed #0080ff; position: relative; display: flex; } .image-uploader__instructions{ display: flex; margin: 40px;} .image-uploader__info { } .image-uploader__info p { margin-bottom: 2px; font-size: 0.9rem;} .image-uploader__icon { padding-right: 20px; font-size: 30px; } .image-uploader__icon span { font-size: 30px; } .image-uploader__input { display: none; } .image-uploader__error { flex: 0 0 100%; } @media (max-width: 575px){ .image-uploader__img{ width: 270px;} .image-uploader__info p {font-size:0.7rem;} .image-uploader__icon { font-size: 25px; padding-right: 0px;} #btn_delete_profile_image {padding: 10px;} #btn_delete_profile_image .texto {font-size: 0.7rem;} .image-uploader__instructions{ margin: 5px; flex-direction: column; align-items: center;} } /* */ /* OC - SECCIÓN OBJETOS DE CONOCIMIENTO */ /* Cargar fichero adjunto - Objeto de conocimiento semántico */ .dragdropArea-wrap {border: 1px dashed var(--c-gris-borde); transition: border-color 0.2s ease, background-color 0.2s ease; display: flex; align-items: stretch; cursor: pointer;} .dragdropArea-wrap:hover {border-color: #006eff; background-color: #e4efff;} .dragdropArea-wrap-info{display: flex; padding: 10px 20px;} .dragdropArea-preview-wrap-content{display: flex; align-items:center;} .dragdropArea-preview-wrap-content img {width: 110px; height: 80px; background-color: var(--c-blanco); object-fit: cover;} .dragdropArea-preview-wrap-content .editButton, .removeButton {height: 40px; width: 40px; background-position: center; background-size: 25px 25px; background-repeat: no-repeat; border-radius: 5px; opacity: 0.8;} .dragdropArea-preview-wrap-content .editButton:hover, .removeButton:hover{opacity: 1; background-color: var(--c-blanco);} /* */ /* AVISO COOKIES */ /* Ocupar toda pantalla aviso cookies */ #aviso-cookies { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; padding: 25px; } .modal-open #aviso-cookies { padding-right: 42px !important; } #aviso-cookies .contenido { max-width: 848px; background-color: var(--c-blanco); padding: 16px 109px; } #aviso-cookies .contenido p { font-size: 1rem; font-weight: 300; line-height: 1.47; color: var(--c-texto-claro); margin-bottom: 15px; } #aviso-cookies .contenido p.titulo { font-size: 17px; font-weight: 500; line-height: 20px; margin-bottom: 12px; color: var(--c-negro); } #aviso-cookies .contenido .box.modificar { display: none; } #aviso-cookies .contenido .actionButtons { padding-top: 5px; } #aviso-cookies .contenido .actionButtons #volverCookie { display: none; } @media (max-width: 767px){ #aviso-cookies .contenido { padding: 20px; } } @media (max-width: 575px){ #aviso-cookies .contenido .actionButtons { text-align: center; } } /**/ /* MODIFICACIONES CABECERA LISTADO */ .listado.scrolling {} .listado.scrolling header { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .listado.scrolling header .col02 { display: none; } .listado.scrolling header .row .col.col03 ul li.nuevo { position: fixed; right: 26px; bottom: 26px; z-index: 48; } .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-primario); color: var(--c-blanco); } .listado.scrolling header .row .col.col03 ul li.nuevo .btn { height: 60px; width: 60px; border-radius: 50%; position: fixed; right: 26px; bottom: 26px; z-index: 48; font-size: 0; padding: 0; } .listado.scrolling header .row .col.col03 ul li.nuevo-mensaje .btn { font-size: 0.933rem; width: auto; height: 40px; border-radius: 20px; padding: 0 15px; } .listado.scrolling header .row .col.col03 ul li.nuevo .btn:before { padding-right: 0; margin-left: 0; position: static; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; } .listado.scrolling header .row .col.col03 ul li.nuevo .dropdown-menu.show { transform: none !important; bottom: 70px !important; top: auto !important; right: 0 !important; left: auto !important; } .listado.scrolling header .row .col.col03 ul li.nuevo .dropdown-menu.show li { display: block; } .listado.scrolling.comunidad { } .listado.scrolling.comunidad header .logo-wrapper { display: none; } .listado.scrolling-down.comunidad { } @media (min-width: 1200px){ .listado.scrolling header .col03 ul li:not(.nuevo) { display: none; } .listado.scrolling .col-buscador { position: fixed; top: 5px; z-index: 801; } .listado.scrolling .col-buscador form { width: 100%; } .listado.scrolling .col-buscador form fieldset { width: 100%; max-width: 1280px;} .listado.scrolling .col-buscador form fieldset .finderSectionText { border: 1px solid white;} .listado.scrolling .col-buscador form fieldset .finderSectionText:focus { border: 1px solid var(--c-texto-claro); } } @media (max-width: 1199px){ .listado.scrolling { } .listado.scrolling header { box-shadow: none; } /* Permitir visualización de filtros cuando se haga scroll-up */ .listado.scrolling-down { } .listado.scrolling-down header .col03 ul li:not(.nuevo), .listado.scrolling-up header .col03 ul li:not(.nuevo) { display: none; } .listado.scrolling-down header .col.col01, .listado.scrolling-up header .col03 ul li:not(.nuevo), .listado.scrolling-up header .col.col01{ display: none; } .listado.scrolling-down header .community-row, .listado.scrolling-up header .community-row { display: none !important; } .listado.scrolling-down .header-listado .acciones-listado, .listado.scrolling-up .header-listado .acciones-listado { align-items: center; height: 50px; position: fixed; top: 60px; left: 0; right: 0; display: flex; justify-content: flex-end; padding: 5px !important; background-color: #f5f5f5; z-index: 802; } .listado.scrolling-down .header-listado .acciones-listado.add-shadow, .listado.scrolling-up .header-listado .acciones-listado.add-shadow { box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); } .listado.scrolling-down .header-listado .acciones-listado .dropdown .dropdown-toggle, .listado.scrolling-up .header-listado .acciones-listado .dropdown .dropdown-toggle { background-color: var(--c-blanco); } .listado.scrolling-down .col-buscador, .listado.scrolling-up .col-buscador { position: fixed; left: 5px; right: 5px; top: 5px; z-index: 802; } .listado.scrolling-down .col-buscador::after, .listado.scrolling-up .col-buscador::after { content: ""; background-color: #fff; z-index: 799; opacity: 0.2; inset: 0 0 0 0; position: absolute; } .listado.scrolling-down .col-buscador form, .listado.scrolling-up .col-buscador form { width: 100%; } .listado.scrolling-down .col-buscador form fieldset, .listado.scrolling-up .col-buscador form fieldset { width: 100%; } .listado.scrolling-down .col-buscador form .finderUtils .group, .listado.scrolling-up .col-buscador form .finderUtils .group { z-index: 802; } .listado.scrolling-down .col-buscador form .finderUtils .group .finderSectionText, .listado.scrolling-up .col-buscador form .finderUtils .group .finderSectionText { padding-left: 20px; background: transparent; border: 1px solid transparent; color: #fff; } .listado.scrolling-down .col-buscador form .finderUtils .group .finderSectionText:focus, .listado.scrolling-up .col-buscador form .finderUtils .group .finderSectionText:focus { border: 1px solid rgba(255,255,255, 0.4); } .listado.scrolling-down .col-buscador form .finderUtils .group .finderSectionText::placeholder, .listado.scrolling-up .col-buscador form .finderUtils .group .finderSectionText::placeholder { opacity: 1; color: #fff; } .listado.scrolling-down .col-buscador form .finderUtils .group .finderSectionText:-ms-input-placeholder, .listado.scrolling-up .col-buscador form .finderUtils .group .finderSectionText:-ms-input-placeholder { opacity: 1; color: #fff; } .listado.scrolling-down .col-buscador form .finderUtils .group .finderSectionText-ms-input-placeholder, .listado.scrolling-up .col-buscador form .finderUtils .group .finderSectionText-ms-input-placeholder { opacity: 1; color: #fff; } .listado.scrolling-down .col-buscador form .finderUtils .group .findAction, .listado.scrolling-up .col-buscador form .finderUtils .group .findAction { background-color: transparent; } .listado.scrolling-down .col-buscador form .finderUtils .group:before, .listado.scrolling-up .col-buscador form .finderUtils .group:before { color: var(--c-blanco );} .listado.scrolling-down .col-buscador form .btn-filtrar-movil, .listado.scrolling-up .col-buscador form .btn-filtrar-movil { border: 1px solid var(--c-gris-borde); display: flex; width: auto; top: 80px; padding: 5px 10px 5px 15px; height: 41px; background-color: #fff;} .listado.scrolling-down .col-buscador form .btn-filtrar-movil .texto, .listado.scrolling-up .col-buscador form .btn-filtrar-movil .texto { display: inline-block; font-weight: 500; font-size: 0.933rem; padding: 0 5px; } .listado.scrolling-down .col-buscador form .btn-filtrar-movil .texto.resultados, .listado.scrolling-up .col-buscador form .btn-filtrar-movil .texto.resultados { font-weight: 300; } .listado.scrolling-down .col-buscador form .btn-filtrar-movil .material-icons, .listado.scrolling-up .col-buscador form .btn-filtrar-movil .material-icons { padding-right: 10px; } .listado.scrolling-down #panFiltros, .listado.scrolling-up #panFiltros { padding: 0 5px 5px 5px; z-index: 801; left: 0; right: 0; position: fixed; top: 110px; background-color: #f5f5f5; } .listado.scrolling-down #panFiltros.add-shadow, .listado.scrolling-up #panFiltros.add-shadow { box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); } .listado.scrolling-down #panFiltros ul li, .listado.scrolling-up #panFiltros ul li { padding: 0 42px 0 12px; height: 32px; line-height: 32px; font-size: 0.8rem; font-weight: 400; } .listado.scrolling-down #panFiltros ul li a, .listado.scrolling-up #panFiltros ul li a { display: flex; align-items: center; justify-content: center; right: 8px; } .listado.scrolling-down #panFiltros ul li a:before, .listado.scrolling-up #panFiltros ul li a:before { height: 22px; width: 22px; font-size: 16px; border-radius: 50%; overflow: hidden; line-height: 22px; } .listado.scrolling-down #panFiltros .borrarFiltros, .listado.scrolling-up #panFiltros .borrarFiltros { margin-left: 0; border-radius: 50%; opacity: 0.5; height: 22px; width: 22px; top: 5px; } .listado.scrolling-down #panFiltros .borrarFiltros::after, .listado.scrolling-up #panFiltros .borrarFiltros::after { display: none; } .listado.scrolling-down #panFiltros .borrarFiltros::before, .listado.scrolling-up #panFiltros .borrarFiltros::before { } /* Filtros para mensajes */ .listado.scrolling-down #divFiltros, .listado.scrolling-up #divFiltros { padding: 0 5px 5px 5px; z-index: 801; left: 0; right: 0; position: fixed; top: 110px; background-color: #f5f5f5; } .listado.scrolling-down #divFiltros.add-shadow, .listado.scrolling-up #divFiltros.add-shadow { box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); } .listado.scrolling-down #divFiltros ul li, .listado.scrolling-up #divFiltros ul li { padding: 0 42px 0 12px; height: 32px; line-height: 32px; font-size: 0.8rem; font-weight: 400; } .listado.scrolling-down #divFiltros ul li a, .listado.scrolling-up #divFiltros ul li a { display: flex; align-items: center; justify-content: center; right: 8px; } .listado.scrolling-down #divFiltros ul li a:before, .listado.scrolling-up #divFiltros ul li a:before { height: 22px; width: 22px; font-size: 16px; border-radius: 50%; overflow: hidden; line-height: 22px; } .listado.scrolling-down #divFiltros .borrarFiltros, .listado.scrolling-up #divFiltros .borrarFiltros { margin-left: 0; border-radius: 50%; opacity: 0.5; height: 22px; width: 22px; top: 5px; } .listado.scrolling-down #divFiltros .borrarFiltros::after, .listado.scrolling-up #divFiltros .borrarFiltros::after { display: none; } .listado.scrolling-down #divFiltros .borrarFiltros::before, .listado.scrolling-up #divFiltros .borrarFiltros::before { } .listado.scrolling-down.comunidad { } } /* MODAL COOKIE */ .cookieModal { top: inherit; text-align: left; } .cookieModal .modal-content { padding: 20px; border: 0; } .cookieModal .cookies { display: flex; flex-wrap: wrap; } .cookieModal #divAvisoCookie { display: flex; align-items: center; flex-grow: 1; } .cookieModal #divAvisoCookie p { margin-bottom: 0; } .cookieModal #divAvisoCookie a { text-decoration: underline; } .cookieModal #modificar-cookies { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; background: var(--c-blanco); height: 100vh; width: 800px; } .cookieModal #modificar-cookies .cookies-header { height: 60px; border-bottom: 1px solid #c4c4c4; padding: 14px 50px; display: flex; align-items: center; position: relative; } .cookieModal #modificar-cookies .cookies-header .close { position: absolute; right: 25px; top: 18px; cursor: pointer; } .cookieModal #modificar-cookies .cookies-header p { font-size: 21px; font-weight: 700; color: var(--c-negro); margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 35px); } .cookieModal #modificar-cookies .cookies-content { padding: 8px 50px; height: calc(100% - 138px); overflow-y: auto; } .cookieModal #modificar-cookies .cookies-content p { font-size: 14px; font-weight: 300; } .cookieModal #modificar-cookies .cookies-actions { padding: 14px 50px; border-top: 1px solid #c4c4c4; } .cookieModal #modificar-cookies ul { list-style: none; padding-left: 0; } .cookieModal #modificar-cookies ul li { display: inline-block; } .cookieModal #modificar-cookies ul li .separator { padding: 0 10px; } .cookieModal #formaceptcookies { margin-left: 13px; } .cookieModal #formaceptcookies p { display: flex; margin-bottom: 0; } .cookieModal #formaceptcookies input { margin-right: 5px; margin-bottom: 3px; } .cookieModal #formaceptcookies .error { font-size: 14px; color: var(--c-rojo); } .settings-options { margin-top: 40px; } .setting-option { display: flex; padding-bottom: 30px; } .setting-option .switch { display: flex; } .setting-option .switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; } .setting-option .switch label { cursor: pointer; text-indent: -9999px; width: 48px; height: 24px; background: #ccc; display: block; border-radius: 100px; position: relative; } .setting-option .switch label:after { content: ''; position: absolute; top: 1px; left: 1px; width: 22px; height: 22px; background: var(--c-blanco); border-radius: 50%; transition: 0.3s; } .setting-option .switch input:checked + label { background: var(--c-negro); } /* Checkbox disabled para opciones Ej: Personalización de Cookies*/ .setting-option .switch input:disabled + label { background-color: var(--c-texto-claro); opacity: 0.2; } .setting-option .switch input:checked + label:after { left: calc(100% - 1px); transform: translateX(-100%); } .setting-option .switch label:active:after { } .setting-option .details { padding-left: 52px; } .setting-option .details .title { font-size: 17px !important; font-weight: 700 !important; line-height: 24px; margin-bottom: 6px; } .setting-option .details p { margin-bottom: 0; } @media (max-width: 1299px) { .cookieModal #formaceptcookies { margin-left: 0; margin-top: 20px; } } @media (max-width: 800px) { .cookieModal #modificar-cookies { width: 100%; } .cookieModal #modificar-cookies .cookies-header { padding: 14px 20px; } .cookieModal #modificar-cookies .cookies-content { padding: 8px 20px; } .cookieModal #modificar-cookies .cookies-content .btn { width: 100%; white-space: normal; margin-bottom: 3px; } .cookieModal #modificar-cookies .cookies-actions { padding: 14px 20px; } .cookieModal #modificar-cookies .cookies-actions input { width: 100%; } } /* ESPACIO PERSONAL */ .espacio-personal {} .espacio-personal .grupo-espacio { padding: 15px; margin-bottom: 20px;} .espacio-personal .grupo-espacio .section-title { margin-bottom: 0;} .espacio-personal .grupo-espacio .section-title a { font-size: 15px;} .espacio-personal.facetas-abiertas .grupo-espacio { display: none; } /* */ /* MODAL CATEGORIZAR RECURSOS */ #modal-container .seccion { display: none; } #modal-container .acciones-listado-categorias { display: none; } #modal-container[data-mostrar="categorias"] .acciones-listado-categorias, #modal-container[data-mostrar="categorias"] #seccion-categorias, #modal-container[data-mostrar="nueva"] #seccion-nueva, #modal-container[data-mostrar="renombrar"] #seccion-renombrar, #modal-container[data-mostrar="mover"] #seccion-mover, #modal-container[data-mostrar="ordenar"] #seccion-ordenar, #modal-container[data-mostrar="eliminar"] #seccion-eliminar { display: block; } #modal-container .seccion {} #modal-container .seccion .titulo-seccion { color: var(--c-texto-medio); display: flex; align-items: center; font-size: 14px; font-weight: 500;} #modal-container .seccion .form .control-label { color: var(--c-texto-medio); font-weight: normal; font-size: 12px; } /* */ /* SOLICITAR ACCESO */ .solicitar-acceso { background-color: var(--c-primario-highlight); padding: 25px 35px; margin-bottom: 20px; } .solicitar-acceso div { padding-left: 40px; position: relative; } .solicitar-acceso div .material-icons { position: absolute; top: 0; left: 0; color: var(--c-primario); } .solicitar-acceso div .material-icons.cerrar { left: inherit; right: -15px; top: -12px; font-size: 1.2rem; color: var(--c-texto-claro); cursor: pointer; } .solicitar-acceso div p { font-size: .933rem; font-weight: 300; line-height: 16px; color: var(--c-texto-claro); margin-bottom: 8px; } .solicitar-acceso div p.titulo { font-weight: 700; color: var(--c-primario); } .solicitar-acceso div .btn { margin-top: 35px; } .solicitar-acceso div .btn.btn-link { font-weight: 500; padding: 0; } /**/ /* GESTIÓN DE SUSCRIPCIONES */ #suscripcionPersonas article { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } #suscripcionComunidades article .nombre-usuario-wrap { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } /* ACCESIBILIDAD */ .withUnderline{ text-decoration: underline !important;} .withDarker{ color: #046bf1;} .col-breadcrumb a{color: #046bf1;} .badge{background-color: var(--c-texto-claro);}