:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-body-background:#fbfbfb;--color-state:#313131;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-link-lateral-block:var(--color-state);--color-link-central-block:var(--color-state);--color-title-blocks:#fff;--color-title-catalog-box:var(--color-state);--color-icons:var(--color-state);--color-icons-star-rating:var(--color-state);--color-icons-rss-footer:#fff;--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:#666666;--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:#313131;--link-color-hover:var(--color-state-hover);--color-title-main:var(--color-text);--nav-bg-color:#313131;--nav-text-color:#ffffff;--nav-text-color-hover:var(--color-state-active);--nav-side-seperator-color:var(--nav-text-color);--nav-side-text-color-focus:var(--nav-text-color-hover);--nav-tab-expand-text-color:var(--color-text);--color-header-highlight:#2ABB9C;--font-size-custom:1;--btn-accent-color:#2ABB9C;--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:#2ABB9C;--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled);--btn-button-border-radius:4px;--footer-background-color:#313131;--footer-text-color:#FFFFFF;--second-footer-background-color:#313131;--second-footer-text-color:#FFFFFF;--block-background-color:#FFFFFF;--block-radius:4px;--block-border:0px solid #f00;--block-shadow:0 1px 3px 1px #ddd;--block-pre-header-color:#FFFFFF;--block-pre-header-background:#FDC151}:root{--select-icon-size:var(--gap-1)}.tui-select__input{display:inline-block;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;color:black;font:400 13.3333px Arial;font-size:inherit;line-height:inherit;letter-spacing:normal;white-space:pre;text-align:start;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;background-color:white;border-color:darkgrey;border-style:solid;border-width:1px;border-radius:0;border-image:initial;box-shadow:none;cursor:default;transition-delay:0s;transition-timing-function:ease;transition-duration:0s;transition-property:all;text-rendering:auto;-webkit-appearance:menulist;appearance:menulist}.tui-select__input[disabled]{color:#3d444b;background:#dadada;cursor:default}.tui-select__input[multiple]{height:auto;overflow-x:hidden;overflow-y:visible}.tui-select__input:focus{border-color:#dadada;outline-width:3px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-offset:-2px;box-shadow:none;-moz-user-focus:normal}.tui-select{position:relative;display:flex;flex-grow:unset;width:100%;min-width:0;height:var(--form-input-height)}.tui-select--charLength-2{max-width:calc(2 * var(--form-input-font-size))}.tui-select--charLength-3{max-width:calc(3 * var(--form-input-font-size))}.tui-select--charLength-4{max-width:calc(4 * var(--form-input-font-size))}.tui-select--charLength-5{max-width:calc(5 * var(--form-input-font-size))}.tui-select--charLength-10{max-width:calc(10 * var(--form-input-font-size))}.tui-select--charLength-15{max-width:calc(15 * var(--form-input-font-size))}.tui-select--charLength-20{max-width:calc(20 * var(--form-input-font-size))}.tui-select--charLength-25{max-width:calc(25 * var(--form-input-font-size))}.tui-select--charLength-30{max-width:calc(30 * var(--form-input-font-size))}.tui-select--charLength-50{max-width:calc(50 * var(--form-input-font-size))}.tui-select--charLength-75{max-width:calc(75 * var(--form-input-font-size))}.tui-select--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited .tui-select:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split .tui-select:not(.tui-input--customSize){max-width:none}.tui-select::after{position:absolute;top:calc((var(--form-input-height) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height) - var(--select-icon-size) * 2) / 2);display:block;width:0;height:0;border:var(--select-icon-size) solid transparent;border-top-color:var(--form-input-text-color);content:'';pointer-events:none}.tui-select--disabled::after{border-top-color:var(--form-input-text-color-disabled)}.tui-select--multiple::after{display:none}.tui-select--large{height:var(--form-input-height-large)}.tui-select--large::after{top:calc((var(--form-input-height-large) - var(--select-icon-size)) / 2);right:calc((var(--form-input-height-large) - var(--select-icon-size) * 2) / 2)}.tui-select__input{flex-grow:1;box-sizing:border-box;width:100%;min-width:0;padding:0 var(--gap-6) 0 var(--gap-1);color:var(--form-input-text-color);font-size:var(--form-input-font-size);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color);-webkit-appearance:none;appearance:none}.tui-select__input[multiple]{height:auto}.tui-select__input[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.tui-select__input:focus{background:var(--form-input-bg-color-focus);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-contextInvalid .tui-select__input:focus{background:var(--form-input-bg-color-invalid-focus);border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid-focus)}.tui-select__input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.tui-select__input::-ms-expand{display:none}.tui-select__input::-ms-value{color:inherit;background-color:transparent}.tui-contextInvalid .tui-select__input{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}:root{--nav-bg-color: #FFFFFF;--nav-text-color: #006975;--color-primary: #00B7BD;--btn-prim-accent-color: #008897;--btn-accent-color: #006975;--link-color: #313131;--color-state: #666666;--color-text: #666666;--block-background-color: #FFFFFF;--block-radius: 20px;--block-border: 0px solid #f00;--block-shadow: 0 1px 3px 1px #ddd;--block-pre-header-color: #FFFFFF;--block-pre-header-background: #00B7BD;--color-link-lateral-block: #008897;--color-link-central-block: #008897;--color-title-main: #006975;--color-title-blocks: #006975;--color-title-catalog-box: #006975;--color-icons: #F58C7C;--color-header-highlight: #00B7BD;--color-icons-star-rating: #DB7500;--color-body-background: #F9F9F9;--color-icons-rss-footer: #F58C7C;--btn-button-border-radius: 60px;--nav-text-color-hover: #004b57;--btn-prim-accent-color-focus: #007e8d;--btn-prim-accent-color-active: #006d7c;--btn-accent-color-focus: #005f6b;--btn-accent-color-active: #004e5a;--link-color-hover: #131313;--color-state-hover: #5c5c5c;--color-state-focus: #5c5c5c;--color-state-active: #4b4b4b;--font-size-custom: 1.0714;--footer-background-color: #006975;--footer-text-color: #FFFFFF;--second-footer-background-color: #006975;--second-footer-text-color: #FFFFFF;} #inst9372 .block-totara-featured-links-layout .block-totara-featured-links-content::before { background: rgba(255, 255, 255, 0.0)!important; } #inst9372 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom h3{ color:white!important; padding-bottom:5px!important; } #page-course-view-onetopicas .section .activity .contentafterlink { background-color: #f0f5f680; padding: 1em 0.5em 0 1em; border-radius: 12px 0 0 0; margin-left: 65px; margin-top:0px!important; } body.course-1061 #region-top .content.block-content{ margin-top:-68px!important; } #inst9929.one-tech-launch .content.block-content, #inst10654.one-tech-launch .content.block-content{ background-image: url('https://ivirmacampus.com/pluginfile.php/1/local_uploadfiles/additionalimages/0/bg-one-tech.png'); background-position: center; background-repeat: no-repeat; background-size: cover; text-align:center; padding:2em 1em!important; } #inst9929.one-tech-launch .content.block-content a, #inst10654.one-tech-launch .content.block-content a{ padding: 12px 25px; background-color: white; border-radius: 25px; color: var(--color-secondary); font-size: 15px; font-weight: 500; border: 1.5px solid white; transition: background-color 0.3s ease-in, transform 0.3s ease-in; margin-top:20px!important; } #inst9929.one-tech-launch .content.block-content a:hover, #inst10654.one-tech-launch .content.block-content a:hover { color: white!important; background-color: #ffffff40 !important; transform: scale(1.03); } #inst9929.one-tech-launch .content.block-content img, #inst10654.one-tech-launch .content.block-content img { margin-bottom:20px!important; } #inst9929 .no-overflow, #inst10654 .no-overflow{ overflow: hidden !important; padding: 10px; } /* ============================================ ESTILOS SOLO PARA EL BLOQUE inst10405 ============================================ */ /* Icono ordenar */ #inst10405 th .iconsort { color: #0F6C72 !important; } /* === FILAS === */ #inst10405 table.totaratable tbody tr { background: #ffffff !important; margin-bottom: 10px; } #inst10405 table.totaratable tbody tr { background: #ffffff !important; margin: 10px; } #inst10405 table.totaratable tbody tr td { padding: 12px 16px; /* el padding va aquí */ } #inst10405 table.totaratable td { padding: 10px 10px 2px 10px !important; border: none !important; font-size: 15px !important; } /* Línea fina separadora entre filas */ /* #inst10405 table.totaratable tbody tr:not(:last-child) { # border-bottom: 1px solid #F2F2F2 !important; # } */ /* Enlaces del nombre del curso */ #inst10405 table.totaratable a { color: #0F6C72 !important; font-weight: 600; text-decoration: none; } /* === BARRAS DE PROGRESO === */ #inst10405 .progressbar_container .bar { border-radius: 20px !important; } /* Color gris 0% */ #inst10405 .bar[aria-valuenow="0"] { background: #D2D2D2 !important; } /* Color naranja 50% */ #inst10405 .bar[aria-valuenow="50"] { background: #FF9F37 !important; } /* Texto del % */ #inst10405 .progressbar__text { color: #444 !important; font-size: 14px !important; margin-left: 6px; } /* Quitar pie "Ver informe completo" */ #inst10405 .footer, #inst10405 .footer a { display: none !important; } /* ===== ICONO FA DE DOCUMENTO CON LÍNEAS DE TEXTO ===== */ /* Solo aplica al bloque inst10405 */ #inst10405 table.totaratable td.course_courselink a { position: relative; padding-left: 26px !important; display: inline-flex; align-items: center; } /* Iconos FontAwesome */ #inst10405 table.totaratable td.course_courselink a::before { font-family: "FontAwesome"; content: "\f0f6"; /* ICONO: fa-file-text-o */ font-size: 20px; color: #F58C7C; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.95; } #inst10405 table.totaratable td.base_timecompleted::before { font-family: "Font Awesome 6 Free"; /* obligatorio */ font-weight: 400; /* regular (outline) */ content: "\f058"; /* circle-check */ padding-right: 10px; font-size: 18px; color: #4fcb3e; position: relative; left: 0; top: 40%; opacity: 0.95; } /* Hover */ #inst10405 table.totaratable td.course_courselink a:hover::before { opacity: 1; } /* Quitar padding extra del contenedor */ #inst10507 .content.block-content { padding: 0 !important; } /* ======================================================= DASHBOARD PNTS – Estilos encapsulados Page ID: #page-totara-dashboard-33 ======================================================= */ /* =========================== Informe PNTs Globales (inst10607 / inst11103 / inst11136) =========================== */ /* Tabla principal */ #page-totara-dashboard-33 #inst10607 table.totaratable, #page-totara-dashboard-33 #inst11103 table.totaratable, #page-totara-dashboard-33 #inst11136 table.totaratable { display: block !important; width: 100% !important; border-collapse: unset !important; border-spacing: 0 !important; border-radius: 0 !important; overflow: visible !important; background: #ffffff !important; } /* Tabla → grid */ #page-totara-dashboard-33 #inst10607 table.totaratable tbody, #page-totara-dashboard-33 #inst11103 table.totaratable tbody, #page-totara-dashboard-33 #inst11136 table.totaratable tbody { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; padding: 20px !important; box-sizing: border-box !important; width: 100% !important; } /* Fila como tile */ #page-totara-dashboard-33 #inst10607 table.totaratable tr, #page-totara-dashboard-33 #inst11103 table.totaratable tr, #page-totara-dashboard-33 #inst11136 table.totaratable tr { display: block !important; background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; transition: box-shadow 0.2s ease !important; } #page-totara-dashboard-33 #inst10607 table.totaratable tr:hover, #page-totara-dashboard-33 #inst11103 table.totaratable tr:hover, #page-totara-dashboard-33 #inst11136 table.totaratable tr:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; cursor: pointer !important; } /* Celda principal */ #page-totara-dashboard-33 #inst10607 table.totaratable td.c0, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0 { display: block !important; padding: 0 !important; border: none !important; background: transparent !important; font-size: 14px !important; font-weight: 500 !important; } /* Imagen superior del tile */ #page-totara-dashboard-33 #inst10607 table.totaratable td.c0::before, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0::before, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0::before { content: '' !important; display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; background: url('https://ivirmacampus.com/pluginfile.php/1/course/defaultcourseimage/2545/microscopio-lwfi7vnuibs.jpg') center / cover no-repeat !important; } /* Ocultar icono original */ #page-totara-dashboard-33 #inst10607 table.totaratable td .course_icon, #page-totara-dashboard-33 #inst11103 table.totaratable td .course_icon, #page-totara-dashboard-33 #inst11136 table.totaratable td .course_icon { display: none !important; } /* Etiqueta "CURSO" */ #page-totara-dashboard-33 #inst10607 table.totaratable td.c0 a::before, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0 a::before, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0 a::before { content: 'CURSO' !important; display: block !important; font-size: 11px !important; font-weight: bold !important; color: var(--color-primary) !important; letter-spacing: 0.05em !important; margin-bottom: 4px !important; } /* Título del curso */ #page-totara-dashboard-33 #inst10607 table.totaratable td.c0 a, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0 a, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0 a { display: block !important; padding: 12px !important; font-size: 14px !important; font-weight: 500 !important; color: #006d7c !important; text-decoration: none !important; line-height: 1.4 !important; } #page-totara-dashboard-33 #inst10607 table.totaratable td.c0 a:hover, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0 a:hover, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0 a:hover { text-decoration: underline !important; color: #008897 !important; } /* Barra inferior (progreso) */ #page-totara-dashboard-33 #inst10607 table.totaratable td.c0::after, #page-totara-dashboard-33 #inst11103 table.totaratable td.c0::after, #page-totara-dashboard-33 #inst11136 table.totaratable td.c0::after { content: '' !important; display: block !important; height: 4px !important; background: #e5e7eb !important; margin: 4px 12px 12px !important; border-radius: 4px !important; } /* Mostrar paginacion, ocultar tabla y grafico */ #page-totara-dashboard-33 #inst10607 .totara-table-container, #page-totara-dashboard-33 #inst11103 .totara-table-container, #page-totara-dashboard-33 #inst11136 .totara-table-container { display: block !important; margin-top: 12px; } #page-totara-dashboard-33 #inst10607 .totara-table-container .totara-toolbar-top, #page-totara-dashboard-33 #inst11103 .totara-table-container .totara-toolbar-top, #page-totara-dashboard-33 #inst11136 .totara-table-container .totara-toolbar-top, #page-totara-dashboard-33 #inst10607 .totara-table-container .totara-toolbar-bottom, #page-totara-dashboard-33 #inst11103 .totara-table-container .totara-toolbar-bottom, #page-totara-dashboard-33 #inst11136 .totara-table-container .totara-toolbar-bottom, #page-totara-dashboard-33 #inst10607 .totara-table-container .paging, #page-totara-dashboard-33 #inst11103 .totara-table-container .paging, #page-totara-dashboard-33 #inst11136 .totara-table-container .paging { display: none !important; } #page-totara-dashboard-33 #inst10607 .totara-table-container table.totaratable, #page-totara-dashboard-33 #inst11103 .totara-table-container table.totaratable, #page-totara-dashboard-33 #inst11136 .totara-table-container table.totaratable { display: none !important; } #page-totara-dashboard-33 #inst10607 .rb-report-svggraph, #page-totara-dashboard-33 #inst11103 .rb-report-svggraph, #page-totara-dashboard-33 #inst11136 .rb-report-svggraph { display: none !important; } /* Tiles generadas por JS */ #page-totara-dashboard-33 #inst10607 .pnts-filter-bar, #page-totara-dashboard-33 #inst11103 .pnts-filter-bar, #page-totara-dashboard-33 #inst11136 .pnts-filter-bar { padding: 12px 15px; } #page-totara-dashboard-33 #inst10607 .nav.nav-tabs, #page-totara-dashboard-33 #inst11103 .nav.nav-tabs, #page-totara-dashboard-33 #inst11136 .nav.nav-tabs { background: transparent !important; background-color: transparent !important; } #page-totara-dashboard-33 #inst10607 .nav.nav-tabs li, #page-totara-dashboard-33 #inst11103 .nav.nav-tabs li, #page-totara-dashboard-33 #inst11136 .nav.nav-tabs li { padding: 20px; } #page-totara-dashboard-33 #inst10607 .nav.nav-tabs li.active a, #page-totara-dashboard-33 #inst11103 .nav.nav-tabs li.active a, #page-totara-dashboard-33 #inst11136 .nav.nav-tabs li.active a { border-radius: var(--border-radius-medium); } #page-totara-dashboard-33 #inst10607 .pnts-tiles-wrap, #page-totara-dashboard-33 #inst11103 .pnts-tiles-wrap, #page-totara-dashboard-33 #inst11136 .pnts-tiles-wrap { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 20px; align-items: stretch; grid-auto-flow: row dense; } #page-totara-dashboard-33 #inst10607 .pnts-tile, #page-totara-dashboard-33 #inst11103 .pnts-tile, #page-totara-dashboard-33 #inst11136 .pnts-tile { background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-2); transition: box-shadow 0.2s ease; position: relative; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } #page-totara-dashboard-33 #inst10607 .pnts-tile:hover, #page-totara-dashboard-33 #inst11103 .pnts-tile:hover, #page-totara-dashboard-33 #inst11136 .pnts-tile:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; } #page-totara-dashboard-33 #inst10607 .pnts-tile__img, #page-totara-dashboard-33 #inst11103 .pnts-tile__img, #page-totara-dashboard-33 #inst11136 .pnts-tile__img { width: 100%; aspect-ratio: 16/9; background-size: cover; background-position: center; max-height: 180px; } #page-totara-dashboard-33 #inst10607 .pnts-tile__body, #page-totara-dashboard-33 #inst11103 .pnts-tile__body, #page-totara-dashboard-33 #inst11136 .pnts-tile__body { padding: 20px 20px 40px; flex: 1; display: flex; flex-direction: column; } #page-totara-dashboard-33 #inst10607 .pnts-tile__type, #page-totara-dashboard-33 #inst11103 .pnts-tile__type, #page-totara-dashboard-33 #inst11136 .pnts-tile__type { display: block; font-size: 11px; font-weight: bold; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; } #page-totara-dashboard-33 #inst10607 .pnts-tile__title, #page-totara-dashboard-33 #inst11103 .pnts-tile__title, #page-totara-dashboard-33 #inst11136 .pnts-tile__title { font-size: var(--font-size-16); font-weight: bold; color: #006d7c; line-height: 1.4; margin: 0 0 10px; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge { position: absolute; top: 12px; left: 12px; z-index: 2; font-size: 12px; font-weight: 700; color: #ffffff; padding: 6px 10px; border-radius: 999px; text-transform: none; line-height: 1; letter-spacing: 0.01em; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--success, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--success, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--success { background: #28a745; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--warning, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--warning, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--warning { background: #ffc107; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--orange, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--orange, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--orange { background: #fd7e14; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--danger, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--danger, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--danger { background: #dc3545; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--completed, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--completed, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--completed { background: #ffffff; color: var(--color-primary, #0F6C72); border: 1.5px solid var(--color-primary, #0F6C72); } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge--completed i, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge--completed i, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge--completed i { color: var(--color-primary, #0F6C72); } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip { font-weight: 400; position: absolute; line-height: 1.5rem; top: calc(100% + 3px); left: 0; min-width: 300px; max-width: 450px; background: #ffffffe6; color: #1f2937; border: 1px solid #e5e7eb; border-radius: 5px; padding: 5px 15px 10px 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease; z-index: 3; pointer-events: none; } #page-totara-dashboard-33 #inst10607 .pnts-tile__badge:hover .pnts-badge-tooltip, #page-totara-dashboard-33 #inst11103 .pnts-tile__badge:hover .pnts-badge-tooltip, #page-totara-dashboard-33 #inst11136 .pnts-tile__badge:hover .pnts-badge-tooltip { opacity: 1; visibility: visible; transform: translateY(0); } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__title, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__title, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__title { font-size: 12px; font-weight: 700; margin-bottom: 6px; color: #111827; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__item, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__item, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #374151; margin-top: 4px; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: 0 0 auto; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot--success, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot--success, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot--success { background: #28a745; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot--warning, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot--warning, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot--warning { background: #ffc107; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot--orange, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot--orange, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot--orange { background: #fd7e14; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot--danger, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot--danger, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot--danger { background: #dc3545; } #page-totara-dashboard-33 #inst10607 .pnts-badge-tooltip__dot--completed, #page-totara-dashboard-33 #inst11103 .pnts-badge-tooltip__dot--completed, #page-totara-dashboard-33 #inst11136 .pnts-badge-tooltip__dot--completed { background: #ffffff; border: 1px solid var(--color-primary, #0F6C72); } #page-totara-dashboard-33 #inst10607 .progress.progress-success .bar, #page-totara-dashboard-33 #inst11103 .progress.progress-success .bar, #page-totara-dashboard-33 #inst11136 .progress.progress-success .bar, #page-totara-dashboard-33 #inst10607 .progress-success .bar, #page-totara-dashboard-33 #inst11103 .progress-success .bar, #page-totara-dashboard-33 #inst11136 .progress-success .bar { background-color: #008897 !important; background-image: none !important; } /* =========================== Mandatory SOPs (inst10360) =========================== */ #page-totara-dashboard-33 #inst10360 .tabtree ul.nav.nav-tabs { margin: 0px 12px; padding: 10px 8px 12px 10px; background: none !important; } #page-totara-dashboard-33 #inst10360 .nav.nav-tabs li { padding-right: 20px; padding-bottom: 8px; } #page-totara-dashboard-33 #inst10360 .content.block-content { border-radius: 10px !important; /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; */ overflow: hidden !important; } #page-totara-dashboard-33 #inst10360 .block .block-header { padding-top: 3rem !important; } #page-totara-dashboard-33 #inst10360 .panel-footer { border-top: 0 !important; padding: 0 20px 20px 20px !important; } #page-totara-dashboard-33 #inst10360 .block_current_learningas-tiles { padding: 30px 15px 30px 15px; } .pnts-empty-msg { text-align: center; padding: 0px 20px; } /* =========================== PNTs Completados (inst10405) =========================== */ /* ============================== BLOQUES PNT'S ============================== */ #inst10405 .totara-table-container { display: flex; margin-left: auto; margin-right: auto; width: auto; } #inst10405 thead { display: none; } #inst10405 .footer { display: none; } #inst10405 tbody { display: flex; flex-direction: row; flex-wrap: wrap; } div#region-main #inst10405.block .content { border-radius: 0px; border: none; box-shadow: none; background: transparent !important; } #inst10405 tr { width: calc(31%); border-top: 0; background: transparent; box-shadow: 0 3px 10px rgba(0,0,0,0.08); padding: 10px; border-radius: 15px; margin: 5px; } #inst10405 td { display: flex; border-top: 0; background: transparent; width: 100%; flex-direction: row; align-items: center; } #inst10405 td a { width: 100% !important; display: flex; flex-direction: row; align-items: center; background-color: #fff; gap: var(--spacing-large); font-weight: 700; } #inst10405 td a img.course_icon { background: var(--color-primary-light); padding: 14px; max-width: 65px !important; max-height: 65px !important; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } #page-totara-dashboard-33 #inst10360 .content.block-content { margin:5px; } #page-totara-dashboard-33 #inst10405 .totara-table-container .totara-toolbar-top { display: none !important; } #page-totara-dashboard-33 #inst10405 #instance-10405-header { padding-top: 10px; } #page-totara-dashboard-33 #inst10405 .totara-table-container .toolbar-cell { padding: 10px 20px !important; } #page-totara-dashboard-33 #report_finalizacion_del_curso_incluye_historial th.c2, #page-totara-dashboard-33 #report_finalizacion_del_curso_incluye_historial td.c2 { display: none !important; } /* === ESTILOS PARA PAGINACIÓN ACTIVA === */ #page-totara-dashboard-33 [class*="pagination"] .active, #page-totara-dashboard-33 [class*="pagination"] .current, #page-totara-dashboard-33 [class*="paging"] .active, #page-totara-dashboard-33 [class*="paging"] .current, #page-totara-dashboard-33 [class*="pager"] .active, #page-totara-dashboard-33 [class*="pager"] .current { font-weight: bold !important; text-decoration: underline !important; color: #0F6C72 !important; pointer-events: auto !important; } /* =========================== Barra de búsqueda PNTs =========================== */ #page-totara-dashboard-33 .pnts-search-container { display: flex; align-items: center; gap: 12px; padding: 0 5px 8px 5px; } #page-totara-dashboard-33 .pnts-search-box { position: relative; flex: 1; min-width: 220px; max-width: 400px; } #page-totara-dashboard-33 .pnts-search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 14px; pointer-events: none; z-index: 1; } #page-totara-dashboard-33 .pnts-search-input { width: 100%; padding: 10px 38px 10px 38px; border: 1.5px solid #e5e7eb; border-radius: 25px; font-size: 14px; color: #1f2937; background: #ffffff; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; } #page-totara-dashboard-33 .pnts-search-input:focus { border-color: var(--color-primary, #0F6C72); box-shadow: 0 0 0 3px rgba(15, 108, 114, 0.12); } #page-totara-dashboard-33 .pnts-search-input::placeholder { color: #9ca3af; font-style: italic; } #page-totara-dashboard-33 .pnts-search-clear { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: #9ca3af; font-size: 14px; padding: 4px 8px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: color 0.15s ease, background 0.15s ease; text-decoration: none; } #page-totara-dashboard-33 .pnts-search-clear:hover { color: #1f2937; background: #f3f4f6; } /* === Paginación personalizada PNTs (cliente) === */ #page-totara-dashboard-33 #inst10607 .pnts-pagination, #page-totara-dashboard-33 #inst11103 .pnts-pagination, #page-totara-dashboard-33 #inst11136 .pnts-pagination { display: flex; justify-content: center; padding: 4px 20px 20px; } #page-totara-dashboard-33 #inst10607 .pnts-pagination__list, #page-totara-dashboard-33 #inst11103 .pnts-pagination__list, #page-totara-dashboard-33 #inst11136 .pnts-pagination__list { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; flex-wrap: wrap; } #page-totara-dashboard-33 #inst10607 .pnts-pagination__item a, #page-totara-dashboard-33 #inst11103 .pnts-pagination__item a, #page-totara-dashboard-33 #inst11136 .pnts-pagination__item a { display: flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: 8px; border: 1.5px solid #e5e7eb; background: #ffffff; color: #374151; font-size: 14px; font-weight: 500; text-decoration: none !important; transition: all 0.15s ease; cursor: pointer; } #page-totara-dashboard-33 #inst10607 .pnts-pagination__item a:hover, #page-totara-dashboard-33 #inst11103 .pnts-pagination__item a:hover, #page-totara-dashboard-33 #inst11136 .pnts-pagination__item a:hover { background: #f3f4f6; border-color: var(--color-primary, #0F6C72); color: var(--color-primary, #0F6C72); } #page-totara-dashboard-33 #inst10607 .pnts-pagination__item.active a, #page-totara-dashboard-33 #inst11103 .pnts-pagination__item.active a, #page-totara-dashboard-33 #inst11136 .pnts-pagination__item.active a { background: var(--color-primary, #0F6C72) !important; border-color: var(--color-primary, #0F6C72) !important; color: #ffffff !important; font-weight: 700; } #page-totara-dashboard-33 #inst10607 .pnts-pagination__item.disabled a, #page-totara-dashboard-33 #inst11103 .pnts-pagination__item.disabled a, #page-totara-dashboard-33 #inst11136 .pnts-pagination__item.disabled a { opacity: 0.35; cursor: not-allowed; pointer-events: none; } @font-face { font-family: "Gotham"; src: url("https://ivirmacampus.com/theme/actua/webfont.php?nomfont=Gotham-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "Gotham"; src: url("https://ivirmacampus.com/theme/actua/webfont.php?nomfont=Gotham-Book.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Gotham"; src: url("https://ivirmacampus.com/theme/actua/webfont.php?nomfont=Gotham-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } body { font-family: Gotham; }