:root { --hue: 214; --template-bg-light: #f0f4fb; --template-text-dark: #495057; --template-text-light: #fff; --template-link-color: #2a69b8; --template-special-color: #001b4c; --template-bg-dark: hsl(var(--hue), 40%, 20%); --template-bg-dark-3: hsl(var(--hue), 40%, 97%); --template-bg-dark-5: hsl(var(--hue), 40%, 95%); --template-bg-dark-7: hsl(var(--hue), 40%, 93%); --template-bg-dark-10: hsl(var(--hue), 40%, 90%); --template-bg-dark-15: hsl(var(--hue), 40%, 85%); --template-bg-dark-20: hsl(var(--hue), 40%, 80%); --template-bg-dark-30: hsl(var(--hue), 40%, 70%); --template-bg-dark-40: hsl(var(--hue), 40%, 60%); --template-bg-dark-50: hsl(var(--hue), 40%, 50%); --template-bg-dark-60: hsl(var(--hue), 40%, 40%); --template-bg-dark-65: hsl(var(--hue), 40%, 35%); --template-bg-dark-70: hsl(var(--hue), 40%, 30%); --template-bg-dark-75: hsl(var(--hue), 40%, 25%); --template-bg-dark-80: hsl(var(--hue), 40%, 20%); --template-bg-dark-90: hsl(var(--hue), 40%, 10%); } /* js tools */ .js-stools-container-bar { padding: 10px 20px; } .js-stools-container-bar .btn-toolbar { justify-content: flex-end; } .js-stools-container-bar .btn-toolbar > * { margin: 4px 0; margin-inline-end: 8px; } .js-stools-container-bar .btn-toolbar .js-stools-btn-clear { background-color: #1e95cc; border: 0; } .js-stools-container-bar .ordering-select { display: flex; } .js-stools-container-filters { display: none; padding: 0 20px; margin-bottom: 20px; } .js-stools-container-filters-visible { display: grid; grid-gap: 8px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); padding: 10px; background-color: #fff; } .js-stools-container-filters > * { margin: 4px 0; margin-inline-end: 8px; } .js-stools-field-list + .js-stools-field-list { margin-inline-start: 8px; } /* Tooltip */ [role="tooltip"]:not(.show) { right: 5em; z-index: 9999; display: none; max-width: 100%; padding: 0.5em; margin: 0.5em; color: #000; text-align: start; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8); } [role="tooltip"]:not(.show)[id^="editarticle-"] { right: auto; margin-inline-start: -10em; } [role="tooltip"]:not(.show)[id^="editcontact-"] { right: auto; margin-inline-start: -10em; } :focus + [role="tooltip"], :hover + [role="tooltip"] { position: absolute; display: block; } /* toolbar */ .subhead { position: sticky; top: 0; right: 0; left: 0; z-index: 1000; width: auto; min-height: 43px; padding: 8px 1rem; color: #0c192e; background: #fff; background-image: linear-gradient(var(--toolbar-bg), var(--template-bg-dark-3)); box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); } .subhead .row { margin-right: 0; margin-left: 0; } .subhead.noshadow { box-shadow: none; } .subhead joomla-toolbar-button, .subhead .btn-group { margin-inline-start: 0.75rem; } .subhead joomla-toolbar-button:first-child, .subhead .btn-group:first-child { margin-inline-start: 0; } .subhead joomla-toolbar-button .btn > span, .subhead joomla-toolbar-button .dropdown-item > span { margin-inline-end: 0.5rem; width: 1.25em; text-align: center; } .subhead .btn { --subhead-btn-accent: var(--template-text-dark); padding: 0 1rem; margin: 5px 0; font-size: 1rem; line-height: 2.45rem; color: var(--template-text-dark); background: #fff; border-color: #adb5bd; } .subhead .btn > span { display: inline-block; color: var(--subhead-btn-accent); } .subhead .btn:not([disabled]):hover, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus { color: rgba(255, 255, 255, 0.9); background-color: var(--subhead-btn-accent); border-color: var(--subhead-btn-accent); } .subhead .btn:not([disabled]):hover > span, .subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):focus > span { color: rgba(255, 255, 255, 0.9); } .subhead .btn.btn-success { --subhead-btn-accent: #198754; } .subhead .btn.btn-danger { --subhead-btn-accent: #dc3545; } .subhead .btn.btn-primary { --subhead-btn-accent: var(--template-link-color); } .subhead .btn.btn-secondary { --subhead-btn-accent: var(--template-special-color); } .subhead .btn.btn-info { --subhead-btn-accent: var(--template-bg-dark); } .subhead .btn.btn-action { --subhead-btn-accent: var(--template-bg-dark); display: flex; align-items: center; } .subhead .btn.btn-action::after { width: 2.375rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; border: 0; } .subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] { --subhead-btn-accent: var(--template-bg-dark); background: rgba(222, 226, 230, 0.8); opacity: 0.5; } .subhead .btn[disabled]:hover, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:focus { cursor: not-allowed; } .subhead .dropdown-toggle.btn { padding-inline-end: 0; } .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { order: 1; margin-inline-start: -5px; } [dir="ltr"] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { border-radius: 0 5px 5px 0; } [dir="rtl"] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { border-radius: 5px 0 0 5px; } .subhead .dropdown-menu joomla-toolbar-button, .subhead .btn-group joomla-toolbar-button { margin-inline-start: 0; } .contentpane .subhead { margin: -15px -15px 0; background-image: none; border-bottom: 1px solid var(--template-bg-dark-7); } @media (min-width: 576px) and (max-width: 767.98px) { joomla-tab[view="accordion"] .col-md-9, joomla-tab[view="accordion"] .col-md-3 { padding: 0.5rem 1rem !important; } #myTab { margin-top: 1rem; margin-bottom: 1.5rem; } joomla-tab[view="accordion"] ul li { width: 100%; } .toggler-toolbar { top: 0; bottom: auto; z-index: 1030; padding: 7px 10px; margin: 5px; background-color: var(--template-bg-dark); border-radius: 30px; } .toggler-toolbar .toggler-toolbar-icon::before { font: normal normal 900 28px/1 "Font Awesome 5 Free"; color: var(--toggle-color); content: "\f00d"; } .toggler-toolbar.collapsed .toggler-toolbar-icon::before { content: "\f085"; } .subhead { padding-right: 0; padding-left: 0; } .subhead joomla-toolbar-button, .subhead .btn-group, .subhead .btn { width: 100%; margin-left: 0; text-align: left; } .subhead .btn-toolbar > .btn-group, .subhead .btn-toolbar > joomla-toolbar-button { margin-left: 0; } .subhead .btn.btn-action::after { text-align: center; margin-inline-start: auto; } .subhead .dropdown-toggle-split { width: auto; } } /* Misc */ .joomla-modal { position: fixed !important; z-index: 99991 !important; } .joomla-modal iframe { width: 100%; } .joomla-modal iframe body { position: relative; display: flex; flex-direction: column; min-height: 100vh; } .modal-dialog.jviewport-width80 { width: 80vw; max-width: none; } .jviewport-height70 { height: 70vh; } [class*="jviewport-height"] iframe { height: 100%; } .hidden { display: none; } /* Choice JS */ .choices { position: relative; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*="select-one"] { cursor: pointer; } .choices[data-type*="select-one"] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*="select-one"] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #dddddd; background-color: #ffffff; margin: 0; } .choices[data-type*="select-one"] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus { opacity: 1; } .choices[data-type*="select-one"] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00bcd4; } .choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*="select-one"]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*="select-one"].is-open:after { border-color: transparent transparent #333333 transparent; margin-top: -7.5px; } .choices[data-type*="select-one"][dir="rtl"]:after { left: 11.5px; right: auto; } .choices[data-type*="select-one"][dir="rtl"] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; } .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #dddddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir="rtl"] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #ffffff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir="rtl"] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaaaaa; border: 1px solid #919191; } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #ffffff; border: 1px solid #dddddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir="rtl"] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } [dir="rtl"] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir="rtl"] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } /*===== End of Choices ======*/ .choices { border: 0; border-radius: 0.25rem; } .choices:hover { cursor: pointer; } .choices.is-focused { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); } .choices__inner { padding: 0.4rem 1rem; margin-bottom: 0; font-size: 1rem; border: solid 1px #ced4da; border-radius: 0.25rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .is-focused .choices__inner { border-color: #000; } .choices__input { padding: 0; margin-bottom: 0; font-size: 1rem; background-color: transparent; } .choices__input::-moz-placeholder { color: #484f56; opacity: 1; } .choices__input::-webkit-input-placeholder { color: #484f56; opacity: 1; } .choices__list--dropdown { z-index: 1060; } .choices__list--multiple .choices__item { position: relative; margin: 2px; background-color: var(--template-link-color); -webkit-margin-end: 2px; margin-inline-end: 2px; border: 0; border-radius: 0.25rem; } .choices__list--multiple .choices__item.is-highlighted { background-color: var(--template-link-color); opacity: 0.9; } .choices .choices__list--dropdown .choices__item { -webkit-padding-end: 10px; padding-inline-end: 10px; } .choices .choices__list--dropdown .choices__item--selectable::after { display: none; } .choices__button_joomla { position: relative; padding: 0 10px; color: inherit; text-indent: -9999px; cursor: pointer; background: none; border: 0; opacity: 0.5; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .choices__button_joomla::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; text-align: center; text-indent: 0; content: "×"; } .choices__button_joomla:hover, .choices__button_joomla:focus { opacity: 1; } .choices__button_joomla:focus { outline: none; } .choices[data-type*="select-one"] .choices__inner, .choices[data-type*="select-multiple"] .choices__inner { -webkit-padding-end: 3rem; padding-inline-end: 3rem; cursor: pointer; background: url("../../../images/select-bg.svg") no-repeat 100%/116rem; background-color: #eaedf0; } [dir="rtl"] .choices[data-type*="select-one"] .choices__inner, [dir="rtl"] .choices[data-type*="select-multiple"] .choices__inner { background: url("../../../images/select-bg-rtl.svg") no-repeat 0/116rem; background-color: #eaedf0; } .choices[data-type*="select-one"] .choices__item { display: flex; justify-content: space-between; } .choices[data-type*="select-one"] .choices__button_joomla { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; padding: 0; margin-top: -10px; margin-right: 50px; border-radius: 10em; opacity: 0.5; } [dir="rtl"] .choices[data-type*="select-one"] .choices__button_joomla { right: auto; left: 0; margin-right: 0; margin-left: 50px; } .choices[data-type*="select-one"] .choices__button_joomla:hover, .choices[data-type*="select-one"] .choices__button_joomla:focus { opacity: 1; } .choices[data-type*="select-one"] .choices__button_joomla:focus { box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*="select-one"]::after { display: none; } .choices[data-type*="select-multiple"] .choices__input, .choices[data-type*="text"] .choices__input { padding: 0.2rem 0; } .choices__heading { font-size: 1.2rem; }