@charset "UTF-8";
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
:root {
  --tblr-light: #fafbfc;
  --tblr-dark: #101923;
  --tblr-primary-rgb: 254, 201, 92;
  --tblr-primary: rgb(var(--tblr-primary-rgb));
  --tblr-primary-fg: #1e293b;
  --tblr-primary-darken: color-mix(in srgb, var(--tblr-primary), black 10%);
  --tblr-secondary: #606f91;
  --tblr-secondary-fg: var(--tblr-body-bg);
  --tblr-muted: var(--tblr-secondary);
  --tblr-muted-darken: color-mix(in srgb, var(--tblr-muted), black 10%);
  --tblr-info: #80abe4;
  --tblr-link-color-rgb: 58, 86, 147;
  --tblr-link-color: rgb(var(--tblr-link-color-rgb));
  --tblr-badge-bg: var(--tblr-secondary);
  --tblr-badge-color: var(--tblr-secondary-fg);
  --tblr-navbar-color: #2f3f64;
  --tblr-body-bg: #f5f7fb;
  --tblr-bg-surface: #fff;
  --tblr-bg-surface-secondary: var(--tblr-light);
  --tblr-bg-surface-tertiary: var(--tblr-gray-50);
  --tblr-bg-surface-dark: color-mix(in srgb, var(--tblr-bg-surface), var(--tblr-dark) 1.5%);
  --tblr-box-shadow-input: none;
  --glpi-tabs-bg: color-mix(in srgb, var(--tblr-bg-surface), black 1.5%);
  --glpi-tabs-fg: var(--tblr-muted);
  --glpi-tabs-border-color: var(--tblr-border-color);
  --glpi-tabs-active-bg: var(--tblr-bg-surface);
  --glpi-tabs-active-fg: var(--tblr-body-color);
  --glpi-tabs-active-border-color: var(--glpi-tabs-border-color);
  --glpi-logo-light: url("../pics/logos/logo-GLPI-100-white.png");
  --glpi-logo-light-reduced: url("../pics/logos/logo-G-100-white.png");
  --glpi-logo-dark: url("../pics/logos/logo-GLPI-100-black.png");
  --glpi-logo-dark-reduced: url("../pics/logos/logo-G-100-black.png");
  --glpi-logo-dark-login: url("../pics/logos/logo-GLPI-250-black.png");
  --glpi-logo-light-login: url("../pics/logos/logo-GLPI-250-white.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
  --glpi-mainmenu-bg: #2f3f64;
  --glpi-mainmenu-fg: #f4f6fa;
  --glpi-mainmenu-fg-muted: #f4f6fa99;
  --glpi-mainmenu-active-bg: color-mix(in srgb, var(--glpi-mainmenu-bg), white 45%);
  --glpi-search-bg: color-mix(in srgb, var(--glpi-mainmenu-bg), transparent 95%);
  --glpi-search-fg: color-mix(in srgb, var(--glpi-mainmenu-fg), white 5%);
  --glpi-search-border-color: color-mix(in srgb, var(--glpi-search-fg), white 65%);
  --glpi-fg-secondary: #f4f6fa;
  --glpi-badge-bg: color-mix(in srgb, var(--tblr-link-color), var(--tblr-light) 91%);
  --glpi-badge-fg: var(--tblr-link-color);
  --glpi-form-header-fg: #055cad;
  --glpi-form-header-bg: color-mix(in srgb, var(--glpi-form-header-fg), var(--tblr-bg-surface) 90%);
  --glpi-form-header-border-color: color-mix(in srgb, var(--glpi-form-header-fg), var(--tblr-bg-surface) 75%);
  --glpi-form-header-danger-fg: var(--tblr-danger);
  --glpi-form-header-danger-bg: color-mix(in srgb, var(--glpi-form-header-danger-fg), var(--tblr-bg-surface) 90%);
  --glpi-form-header-danger-border-color: color-mix(in srgb, var(--glpi-form-header-danger-fg), var(--tblr-bg-surface) 75%);
  --glpi-form-toolbar-bg: #f5f5f5;
  --glpi-topbar-height: 79px;
  --glpi-contextbar-height: 56px;
  --glpi-content-margin: 24px;
  --glpi-scrollbar-thumb-color: color-mix(in srgb, var(--tblr-secondary), transparent 20%);
  --glpi-scrollbar-track-color: transparent;
  --glpi-itil-secondary-bg: #f5f5f5;
  --glpi-timeline-itil-content-bg: #e2f2e3;
  --glpi-timeline-itil-content-fg: #155210;
  --glpi-timeline-itil-content-border-color: #87aa8a;
  --glpi-timeline-fup-bg: #ececec;
  --glpi-timeline-fup-fg: #535353;
  --glpi-timeline-fup-border-color: #b3b3b3;
  --glpi-timeline-task-bg: #ffe8b9;
  --glpi-timeline-task-fg: #38301f;
  --glpi-timeline-task-border-color: #e5c88c;
  --glpi-timeline-solution-bg: #9fd6ed;
  --glpi-timeline-solution-fg: #27363b;
  --glpi-timeline-solution-border-color: #90c2d8;
  --glpi-timeline-document-bg: #80cead;
  --glpi-timeline-document-fg: #21352c;
  --glpi-timeline-document-border-color: #68b997;
  --glpi-timeline-log-bg: #cacaca21;
  --glpi-timeline-badge-bg: rgba(97, 97, 97, 15%);
  --glpi-timeline-badge-fg: rgba(43, 43, 43, 80%);
  --glpi-hover-bg: rgba(var(--tblr-secondary-rgb), .08);
  --animate-duration: 0.3s !important;
  --glpi-zindex-dropdown: 1000;
  --glpi-zindex-sticky: 1020;
  --glpi-zindex-fixed: 1030;
  --glpi-zindex-offcanvas-backdrop: 1040;
  --glpi-zindex-offcanvas: 1045;
  --glpi-zindex-modal-backdrop: 1050;
  --glpi-zindex-modal: 1055;
  --glpi-zindex-popover: 1070;
  --glpi-zindex-tooltip: 1080;
  --glpi-zindex-toast: 1090;
  --glpi-helpdesk-header: hsl(from var(--glpi-mainmenu-bg) h s 80);
  --glpi-helpdesk-tiles-section-bg: #f6f8fb;
  --glpi-helpdesk-tabs-section-bg: #fff;
  --glpi-illustrations-background: white;
  --glpi-illustrations-header-dark: var(--glpi-mainmenu-bg);
  --glpi-illustrations-header-light: var(--glpi-helpdesk-header);
  --glpi-illustrations-primary: var(--tblr-primary);
  --glpi-illustrations-gradient-1: hsl(from var(--glpi-mainmenu-bg) h s 92);
  --glpi-illustrations-gradient-2: hsl(from var(--glpi-mainmenu-bg) h s 72);
  --glpi-illustrations-gradient-3: hsl(from var(--glpi-mainmenu-bg) h s 45);
}

@media (prefers-reduced-motion) {
  :root {
    --animate-duration: 0s !important;
  }
}
body.iframed,
body.in_modal {
  background-color: transparent;
  overflow-x: hidden;
}

.page .glpi-logo {
  background: var(--glpi-logo) no-repeat;
  height: 55px;
  width: 100px;
}
.page .page-body {
  margin-bottom: 0;
}
.page .footer {
  font-size: 0.75rem;
  padding: 0.5em;
}

.breadcrumb a {
  --tblr-breadcrumb-link-color: var(--tblr-muted);
}

.breadcrumb-alternate a:hover {
  text-decoration: var(--tblr-link-hover-decoration);
}

.dropdown-item > .fas:first-child, .dropdown-item > .fa-solid:first-child, .dropdown-item > .far:first-child, .dropdown-item > .fa-regular:first-child, .dropdown-item > .fab:first-child, .dropdown-item > .fa-brands:first-child, .dropdown-item > .ti:first-child {
  margin-right: 0.5em;
}

.ti {
  font-size: 1.25em;
  text-align: left;
}
.ti.fa-fw {
  width: 0.9em;
}
.ti.fa-xs {
  font-size: 0.85em;
}
.ti.fa-lg {
  font-size: 1.8em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.ti.fa-2x {
  font-size: 2.3em;
  vertical-align: bottom;
}

.btn-group .select2-container ~ .btn {
  max-width: 25px;
}
.btn a {
  color: inherit;
}
.btn i.fas,
.btn i.fa-solid,
.btn i.far,
.btn i.fa-regular,
.btn i.fab,
.btn i.fa-brands,
.btn i.ti,
.btn .fa-stack {
  margin-inline-start: 0;
}
.btn i.fas + *,
.btn i.fa-solid + *,
.btn i.far + *,
.btn i.fa-regular + *,
.btn i.fab + *,
.btn i.fa-brands + *,
.btn i.ti + *,
.btn .fa-stack + * {
  margin-left: 0.25rem;
}
.btn.btn-icon i.fas,
.btn.btn-icon i.fa-solid,
.btn.btn-icon i.far,
.btn.btn-icon i.fa-regular,
.btn.btn-icon i.fab,
.btn.btn-icon i.fa-brands,
.btn.btn-icon i.ti {
  margin-right: 0;
}
.btn.btn-icon i.fas:not(.ti),
.btn.btn-icon i.fa-solid:not(.ti),
.btn.btn-icon i.far:not(.ti),
.btn.btn-icon i.fa-regular:not(.ti),
.btn.btn-icon i.fab:not(.ti),
.btn.btn-icon i.fa-brands:not(.ti),
.btn.btn-icon i.ti:not(.ti) {
  line-height: 1.5em;
}
.btn.btn-icon.btn-sm .fa-stack {
  height: 1.65em;
  line-height: 1.2em;
  width: 1.8em;
  margin-top: -2px;
  font-size: 0.8em;
}
@media (max-width: 575.98px) {
  .btn.btn-icon.btn-sm .fa-stack {
    width: 1.4em;
  }
}
.btn.btn-icon.btn-sm i.fas,
.btn.btn-icon.btn-sm i.fa-solid,
.btn.btn-icon.btn-sm i.far,
.btn.btn-icon.btn-sm i.fa-regular,
.btn.btn-icon.btn-sm i.fab,
.btn.btn-icon.btn-sm i.fa-brands {
  line-height: 1.2em;
}
.btn.btn-link {
  color: var(--tblr-link-color);
}
.btn.btn-sm {
  --tblr-btn-padding-y: 0.125rem;
  --tblr-btn-padding-x: 0.5rem;
}

.status {
  --tblr-status-color: var(--tblr-secondary);
  background-color: color-mix(in srgb, var(--tblr-status-color), transparent 90%);
}

.toast-container {
  z-index: 999999;
  position: fixed;
}
.toast-container.top-left {
  inset: 0 auto auto 0;
}
.toast-container.top-right {
  inset: 0 0 auto auto;
}
.toast-container.bottom-left {
  inset: auto auto 0 0;
}
.toast-container.bottom-right {
  inset: auto 0 0 auto;
}

.img-overlay-wrapper {
  width: fit-content;
}

.page-anonymous .glpi-logo {
  --logo: var(--glpi-logo-dark-login);
  content: var(--logo);
  width: 200px;
  height: 110px;
}
.page-anonymous .main-content-card .card-header:empty {
  display: none;
}

table.table thead th {
  font-size: 0.625rem;
}
table tbody:not(:has(tr)) {
  display: none;
}
table td.active,
table td.tab_bg_4 {
  background-color: var(--tblr-table-active-bg);
  color: var(--tblr-table-active-color);
}
table.deleted-results > :not(caption) > * > * {
  box-shadow: none;
}

.glpi-badge {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: var(--glpi-badge-bg);
  color: var(--glpi-badge-fg) !important;
  padding: calc(0.25rem - 1px) 0.25rem;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 0.7rem;
}

.badge {
  background: var(--glpi-badge-bg);
  color: var(--glpi-badge-fg);
}

.entity_tree {
  width: 450px;
  max-width: 85vw;
  position: relative;
}
.entity_tree table {
  width: 100%;
}
.entity_tree .fancytree-expander,
.entity_tree .fancytree-icon {
  margin-top: 5px;
}
.entity_tree .fancytree-folder .fancytree-title {
  font-weight: bold;
}
.entity_tree .fancytree-selected {
  background-color: var(--tblr-primary);
}

.qtip-bootstrap,
.popover .popover-body {
  background-color: var(--tblr-bg-surface);
  color: var(--tblr-dark);
}

.popover .popover-arrow::after {
  border-top-color: var(--tblr-bg-surface);
}

kbd {
  white-space: nowrap;
}

body,
body input {
  font-variant-ligatures: no-contextual;
}

/** Bootstrap visibility classes (The utility class behavior is different in _styles.scss) */
.bs-visible {
  visibility: visible !important;
}

.bs-invisible {
  visibility: hidden !important;
}

:-webkit-autofill {
  -webkit-text-fill-color: var(--tblr-body-color);
}

body .dropdown-menu {
  --tblr-dropdown-divider-margin-y: calc(var(--tblr-spacer) * 0.5);
  --tblr-dropdown-item-padding-x: var(--tblr-spacer);
  --tblr-dropdown-item-padding-y: calc(var(--tblr-spacer) * 0.5);
}

body .toast {
  background: var(--tblr-bg-surface);
  color: var(--tblr-body-color);
}

.card {
  --tblr-card-cap-bg: color-mix(in srgb, var(--tblr-bg-surface), black 1.5%) !important;
}

.accordion {
  --tblr-accordion-color: var(--tblr-muted);
}

.monaco-editor {
  outline: none !important;
}

.tooltip {
  --tblr-tooltip-color: var(--tblr-body-bg); /* Text color */
  --tblr-tooltip-bg: var(--tblr-body-color); /* Background color */
}

body pre {
  background-color: var(--tblr-bg-surface);
  color: var(--tblr-body-color);
}

.col-12.glpi-full-width .col-form-label {
  width: calc(-4px + 20.8333%);
}
.col-12.glpi-full-width .field-container {
  width: calc(-11px + 79.1666%);
}

.horizontal-layout .text-muted-menu {
  color: var(--glpi-mainmenu-fg-muted) !important;
}

.vertical-layout .text-muted-menu {
  color: var(--tblr-muted) !important;
}

.remove-last-tinymce-margin p:last-child {
  margin-bottom: 0;
}

.btn-check:checked + .btn {
  color: var(--tblr-btn-hover-color) !important;
  background-color: var(--tblr-btn-active-bg) !important;
}

.w-fit-content {
  width: fit-content;
}

.accordion-button:hover, .accordion-button:focus {
  z-index: unset;
}

.border-primary {
  border-color: var(--tblr-primary) !important;
}

.nav {
  --tblr-nav-link-color: color-mix(in srgb, var(--tblr-light), var(--tblr-dark) 70%);
}

.text-muted {
  color: var(--tblr-muted) !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
:root[data-high-contrast="1"] {
  /****** TABLES ******/
  /****** TABS ******/
  /****** CONTROLS ******/
  /****** TinyMCE *****/
  /****** MISC ******/
}
:root[data-high-contrast="1"] table {
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px solid var(--tblr-gray-600);
}
:root[data-high-contrast="1"] .tab-content .tab-pane:first-of-type .main-header {
  border-bottom: 1px solid var(--tblr-gray-600);
  border-top: 1px solid var(--tblr-gray-600);
  box-sizing: border-box;
  border-collapse: collapse;
}
:root[data-high-contrast="1"] #kbanswer table th,
:root[data-high-contrast="1"] #kbanswer table td {
  border: 1px solid var(--tblr-gray-600);
}
:root[data-high-contrast="1"] #searchcriterias .tab_cadre_fixe {
  border: 1px solid var(--tblr-gray-600);
}
:root[data-high-contrast="1"] #searchcriterias th,
:root[data-high-contrast="1"] #searchcriterias td {
  border: 0;
}
:root[data-high-contrast="1"] table.table tr {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .order_DESC::before {
  color: var(--tblr-dark);
}
:root[data-high-contrast="1"] .tab_cadre_pager img[src*="first.png"], :root[data-high-contrast="1"] .tab_cadre_pager img[src*="left.png"], :root[data-high-contrast="1"] .tab_cadre_pager img[src*="right.png"], :root[data-high-contrast="1"] .tab_cadre_pager img[src*="last.png"] {
  border: 1px solid var(--tblr-gray-800);
  padding: 2px;
  border-radius: 2px;
}
:root[data-high-contrast="1"] .tab_cadre_pager img:hover {
  opacity: 0.5;
}
:root[data-high-contrast="1"] .tab_cadre_pager .fa-wrench {
  border: 1px solid var(--tblr-gray-800);
  padding: 2px;
  border-radius: 2px;
}
:root[data-high-contrast="1"] .card-tabs:not(.horizontal) .nav-tabs {
  border-bottom: 1px solid var(--tblr-gray-800);
  padding: 0;
}
:root[data-high-contrast="1"] .card-tabs .nav-tabs li {
  border-color: var(--tblr-gray-800);
  border-bottom: 0;
  box-sizing: border-box;
  border-collapse: collapse;
}
:root[data-high-contrast="1"] .card-tabs.vertical .nav-tabs li {
  border-color: var(--tblr-gray-800);
  border-bottom: 0;
  box-sizing: border-box;
  border-collapse: collapse;
  border-right-width: 1px !important;
  margin: 0;
  width: 99%;
}
:root[data-high-contrast="1"] .card-tabs.vertical .nav-tabs li a {
  border: 1px solid var(--tblr-gray-800) !important;
}
:root[data-high-contrast="1"] textarea {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] input[type=text], :root[data-high-contrast="1"] input[type=password], :root[data-high-contrast="1"] input[type=number] {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] select,
:root[data-high-contrast="1"] .select2-choice,
:root[data-high-contrast="1"] .select2-container--default .select2-selection {
  border: 1px solid var(--tblr-gray-800) !important;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), black 45%);
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), black 45%);
}
:root[data-high-contrast="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), black 45%);
}
:root[data-high-contrast="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), black 45%);
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), black 45%);
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), black 45%);
}
:root[data-high-contrast="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), black 45%);
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), black 45%);
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), black 45%);
}
:root[data-high-contrast="1"] .btn.btn-secondary,
:root[data-high-contrast="1"] .btn.btn-outline-secondary {
  border-color: var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .btn.btn-ghost-secondary {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .subheader .box {
  background-color: var(--tblr-light);
  border: 2px solid var(--tblr-dark);
  margin-right: 2px;
}
:root[data-high-contrast="1"] .form-switch input {
  border: 2px solid;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23777777'/%3e%3c/svg%3e");
}
:root[data-high-contrast="1"] .form-check:not(.form-switch) input {
  border: 2px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .form-check:not(.form-switch) input:checked {
  background-color: var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .pointer {
  opacity: 1;
}
:root[data-high-contrast="1"] .dropdown-toggle {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] #navbar-menu .dropdown-toggle {
  border: 1px solid var(--tblr-dark);
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link {
  border-color: var(--tblr-gray-800) !important;
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link.active {
  border: 2px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .navigationheader a, :root[data-high-contrast="1"] #page div.objectlockmessage a, :root[data-high-contrast="1"] .qtip div.objectlockmessage a, :root[data-high-contrast="1"] .modal .modal-body div.objectlockmessage a {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .pagination .page-item {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .pagination .page-item .page-link {
  border-radius: 0 !important;
}
:root[data-high-contrast="1"] .accordion-header {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .timeline-item .timeline-content {
  border: 1px solid var(--tblr-gray-800);
}
:root[data-high-contrast="1"] .timeline-item .timeline-content::before, :root[data-high-contrast="1"] .timeline-item .timeline-content::after {
  border-color: var(--tblr-gray-800) var(--tblr-gray-800) transparent transparent;
}
:root[data-high-contrast="1"] .timeline-buttons .answer-action {
  border: 1px solid var(--tblr-gray-800);
}

:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-primary {
  border-color: color-mix(in srgb, var(--tblr-primary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-success {
  border-color: color-mix(in srgb, var(--tblr-success), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-info {
  border-color: color-mix(in srgb, var(--tblr-info), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-warning {
  border-color: color-mix(in srgb, var(--tblr-warning), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-danger {
  border-color: color-mix(in srgb, var(--tblr-danger), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-light {
  border-color: color-mix(in srgb, var(--tblr-light), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-dark {
  border-color: color-mix(in srgb, var(--tblr-dark), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}
:root[data-high-contrast="1"][glpi-theme-dark="1"] .btn-outline-muted {
  border-color: color-mix(in srgb, var(--tblr-muted), white 15%);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.aa-InputWrapperPrefix {
  display: none;
}

.aa-InputWrapperSuffix {
  display: none;
}

.aa-Panel {
  position: absolute;
  z-index: 1000;
  background-color: var(--tblr-bg-forms);
  color: var(--tblr-body-color);
  max-height: 200px;
  overflow: auto;
}

.aa-List {
  list-style: none;
  padding-left: 0;
}

.aa-List .aa-Item {
  padding: 5px 10px;
  cursor: pointer;
}

.aa-Autocomplete .aa-InputWrapper input.aa-Input {
  color: var(--tblr-body-color) !important;
  background-color: var(--tblr-bg-forms) !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.asset .left-icons,
.navigationheader .left-icons,
#page div.objectlockmessage .left-icons,
.qtip div.objectlockmessage .left-icons,
.modal .modal-body div.objectlockmessage .left-icons {
  width: 190px;
}
.asset .card-header,
.navigationheader .card-header,
#page div.objectlockmessage .card-header,
.qtip div.objectlockmessage .card-header,
.modal .modal-body div.objectlockmessage .card-header {
  background-color: var(--glpi-form-header-bg);
  color: var(--glpi-form-header-fg);
  border-color: var(--glpi-form-header-border-color);
}
.asset .card-header:not(.main-header),
.navigationheader .card-header:not(.main-header),
#page div.objectlockmessage .card-header:not(.main-header),
.qtip div.objectlockmessage .card-header:not(.main-header),
.modal .modal-body div.objectlockmessage .card-header:not(.main-header) {
  border-top: 1px solid var(--glpi-form-header-border-color);
}
.asset .card-header .badge,
.navigationheader .card-header .badge,
#page div.objectlockmessage .card-header .badge,
.qtip div.objectlockmessage .card-header .badge,
.modal .modal-body div.objectlockmessage .card-header .badge {
  display: inline-flex;
  font-size: 0.625rem;
  min-height: 1.25rem;
  height: auto;
  align-items: flex-start;
  vertical-align: middle;
  border: 1px solid transparent;
}
.asset .card-header .badge .badge,
.navigationheader .card-header .badge .badge,
#page div.objectlockmessage .card-header .badge .badge,
.qtip div.objectlockmessage .card-header .badge .badge,
.modal .modal-body div.objectlockmessage .card-header .badge .badge {
  min-height: 100%;
  margin: -0.25rem -0.25rem -0.25rem 0.5rem;
}
.asset .card-header .badge .badge a,
.navigationheader .card-header .badge .badge a,
#page div.objectlockmessage .card-header .badge .badge a,
.qtip div.objectlockmessage .card-header .badge .badge a,
.modal .modal-body div.objectlockmessage .card-header .badge .badge a {
  color: inherit;
}
.asset .card-header .badge.entity-name,
.navigationheader .card-header .badge.entity-name,
#page div.objectlockmessage .card-header .badge.entity-name,
.qtip div.objectlockmessage .card-header .badge.entity-name,
.modal .modal-body div.objectlockmessage .card-header .badge.entity-name {
  background-color: var(--glpi-form-header-bg);
  color: var(--glpi-form-header-fg);
}
.asset .card-header .badge .ribbon,
.navigationheader .card-header .badge .ribbon,
#page div.objectlockmessage .card-header .badge .ribbon,
.qtip div.objectlockmessage .card-header .badge .ribbon,
.modal .modal-body div.objectlockmessage .card-header .badge .ribbon {
  left: 0.5rem;
}
@media (max-width: 575.98px) {
  .asset .card-header .badge,
  .navigationheader .card-header .badge,
  #page div.objectlockmessage .card-header .badge,
  .qtip div.objectlockmessage .card-header .badge,
  .modal .modal-body div.objectlockmessage .card-header .badge {
    margin-left: 0 !important;
  }
}
.asset.asset-deleted .card-header,
.navigationheader.asset-deleted .card-header,
#page div.asset-deleted.objectlockmessage .card-header,
.qtip div.asset-deleted.objectlockmessage .card-header,
.modal .modal-body div.asset-deleted.objectlockmessage .card-header {
  background-color: var(--glpi-form-header-danger-bg);
  color: var(--glpi-form-header-danger-fg);
  border-color: var(--glpi-form-header-border-danger-color);
}
.asset.asset-deleted .card-header .badge.entity-name,
.navigationheader.asset-deleted .card-header .badge.entity-name,
#page div.asset-deleted.objectlockmessage .card-header .badge.entity-name,
.qtip div.asset-deleted.objectlockmessage .card-header .badge.entity-name,
.modal .modal-body div.asset-deleted.objectlockmessage .card-header .badge.entity-name {
  background-color: var(--glpi-form-header-danger-bg);
  color: var(--glpi-form-header-danger-fg);
}
.asset .asset-pictures,
.navigationheader .asset-pictures,
#page div.objectlockmessage .asset-pictures,
.qtip div.objectlockmessage .asset-pictures,
.modal .modal-body div.objectlockmessage .asset-pictures {
  max-height: 40em;
  overflow-y: auto;
}

#page > .asset {
  margin-top: 15px;
}

.navigationheader.asset-deleted .main-header .status, #page div.asset-deleted.objectlockmessage .main-header .status, .qtip div.asset-deleted.objectlockmessage .main-header .status, .modal .modal-body div.asset-deleted.objectlockmessage .main-header .status {
  background-color: var(--glpi-form-header-danger-bg);
  color: var(--glpi-form-header-danger-fg);
  border-color: var(--glpi-form-header-border-danger-color);
}
.navigationheader:not(.asset-deleted) #header-is-deleted, #page div.objectlockmessage:not(.asset-deleted) #header-is-deleted, .qtip div.objectlockmessage:not(.asset-deleted) #header-is-deleted, .modal .modal-body div.objectlockmessage:not(.asset-deleted) #header-is-deleted {
  display: none;
}
.navigationheader .main-header, #page div.objectlockmessage .main-header, .qtip div.objectlockmessage .main-header, .modal .modal-body div.objectlockmessage .main-header {
  padding-top: 0;
  padding-bottom: 0;
}
.navigationheader .main-header .ribbon, #page div.objectlockmessage .main-header .ribbon, .qtip div.objectlockmessage .main-header .ribbon, .modal .modal-body div.objectlockmessage .main-header .ribbon {
  position: relative;
  left: -0.25rem;
}
.navigationheader .card-header, #page div.objectlockmessage .card-header, .qtip div.objectlockmessage .card-header, .modal .modal-body div.objectlockmessage .card-header {
  background-color: transparent !important;
  border-color: transparent !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/**
Override the override of mixins by tabler over bootstrap
which broke styles of btn-group > .btn-check
*/
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary {
  color: color-contrast(var(--tblr-primary));
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary {
  color: color-contrast(var(--tblr-secondary));
  background-color: var(--tblr-secondary);
  border-color: var(--tblr-secondary);
}

.btn-check:checked + .btn-success, .btn-check:active + .btn-success {
  color: color-contrast(var(--tblr-success));
  background-color: var(--tblr-success);
  border-color: var(--tblr-success);
}

.btn-check:checked + .btn-info, .btn-check:active + .btn-info {
  color: color-contrast(var(--tblr-info));
  background-color: var(--tblr-info);
  border-color: var(--tblr-info);
}

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning {
  color: color-contrast(var(--tblr-warning));
  background-color: var(--tblr-warning);
  border-color: var(--tblr-warning);
}

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger {
  color: color-contrast(var(--tblr-danger));
  background-color: var(--tblr-danger);
  border-color: var(--tblr-danger);
}

.btn-check:checked + .btn-light, .btn-check:active + .btn-light {
  color: color-contrast(var(--tblr-light));
  background-color: var(--tblr-light);
  border-color: var(--tblr-light);
}

.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark {
  color: color-contrast(var(--tblr-dark));
  background-color: var(--tblr-dark);
  border-color: var(--tblr-dark);
}

.btn-check:checked + .btn-muted, .btn-check:active + .btn-muted {
  color: color-contrast(var(--tblr-muted));
  background-color: var(--tblr-muted);
  border-color: var(--tblr-muted);
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary {
  color: color-contrast(var(--tblr-primary));
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary {
  color: color-contrast(var(--tblr-secondary));
  background-color: var(--tblr-secondary);
  border-color: var(--tblr-secondary);
}

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success {
  color: color-contrast(var(--tblr-success));
  background-color: var(--tblr-success);
  border-color: var(--tblr-success);
}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info {
  color: color-contrast(var(--tblr-info));
  background-color: var(--tblr-info);
  border-color: var(--tblr-info);
}

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning {
  color: color-contrast(var(--tblr-warning));
  background-color: var(--tblr-warning);
  border-color: var(--tblr-warning);
}

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger {
  color: color-contrast(var(--tblr-danger));
  background-color: var(--tblr-danger);
  border-color: var(--tblr-danger);
}

.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light {
  color: color-contrast(var(--tblr-light));
  background-color: var(--tblr-light);
  border-color: var(--tblr-light);
}

.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
  color: color-contrast(var(--tblr-dark));
  background-color: var(--tblr-dark);
  border-color: var(--tblr-dark);
}

.btn-check:checked + .btn-outline-muted, .btn-check:active + .btn-outline-muted {
  color: color-contrast(var(--tblr-muted));
  background-color: var(--tblr-muted);
  border-color: var(--tblr-muted);
}

.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}
.btn-group .btn-outline-secondary {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
}

.btn-group.flex-row-reverse > .btn:not(:last-child, .dropdown-toggle),
.btn-group.flex-row-reverse > .btn.dropdown-toggle-split:first-child,
.btn-group.flex-row-reverse > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group.flex-row-reverse > .btn:nth-child(n+3),
.btn-group.flex-row-reverse > :not(.btn-check) + .btn,
.btn-group.flex-row-reverse > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/**
 * Styles for inputs that are disguised as "content editable" DOM elements
 * This inputs may be more convenient than real "content-editable" elements for
 * some use cases (richtext editor, ...)
 */
.content-editable-h1 {
  font-size: 1.6rem !important;
  line-height: 1.5rem;
  font-weight: var(--tblr-font-weight-medium);
  border: 0;
  padding: 2px 4px;
  margin-bottom: 1.1rem;
  background-color: transparent;
  box-shadow: none;
}

.content-editable-h2 {
  font-size: 1.2rem !important;
  line-height: 1.5rem;
  font-weight: var(--tblr-font-weight-medium);
  border: 0;
  padding: 2px 4px;
  margin-bottom: 1rem;
  background-color: transparent;
  box-shadow: none;
}

.content-editable-tinymce .tox-tinymce {
  border-color: transparent !important;
  padding: 2px 4px;
}
.content-editable-tinymce .tox-statusbar {
  display: none !important;
}
.content-editable-tinymce .tox-toolbar__primary .tox-toolbar__group:first-child {
  padding-left: 2px !important;
}
.content-editable-tinymce .tox-editor-header {
  opacity: 0;
  height: 0 !important;
  transition: height 0.25s ease !important;
  padding: 0 !important;
}
.content-editable-tinymce .fileupload {
  display: none;
}

form:not(.disable-focus) .simulate-focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.2);
}
form:not(.disable-focus) .simulate-focus .tox-editor-header {
  opacity: unset;
  height: 48px !important;
  transition: height 0.25s ease !important;
  margin-top: 1rem !important;
  padding: 4px !important;
}
form:not(.disable-focus) .simulate-focus .tox-sidebar-wrap {
  margin-bottom: -5px;
}

.content-editable-tinymce-editor {
  margin: 0 !important;
  padding: 0 !important;
}
.content-editable-tinymce-editor p:last-child {
  margin-bottom: 0 !important;
}
.content-editable-tinymce-editor[data-mce-placeholder] {
  cursor: text !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.documentation {
  background-color: var(--tblr-bg-surface);
  max-width: 700px;
  margin: 0 auto;
  padding: 10px 20px;
}
.documentation .table-of-contents {
  margin: 0;
  padding: 0;
  background-color: var(--glpi-mainmenu-bg);
  color: var(--glpi-mainmenu-fg);
  font-size: var(--tblr-dropdown-font-size);
}
.documentation .table-of-contents li {
  margin: 0;
  list-style: none;
  padding: 2px 0 2px 5px;
  border: none;
}
.documentation .table-of-contents li a {
  font-size: 1.25rem;
  font-weight: 600;
  color: inherit;
  border-bottom: 1px solid var(--tblr-border-color);
}
.documentation .table-of-contents li ul li {
  list-style: disc;
}
.documentation .table-of-contents li ul li a {
  font-weight: normal;
  font-size: 1rem;
  border-bottom: none;
  color: inherit;
}
.documentation > ul:nth-child(2) {
  list-style-type: disc;
  margin-top: 40px;
}
.documentation > ul:nth-child(2) > li {
  margin-left: 30px;
}
.documentation h2 {
  margin-top: 70px;
  border-bottom: 1px solid var(--tblr-border-color);
}
.documentation li {
  margin-left: 10px;
  padding: 5px 0 5px 5px;
}
.documentation > ul > li > ul > li {
  border-left: 1px solid var(--tblr-border-color);
}
.documentation > ul > li > ul > li > ul > li {
  list-style-type: disc;
  margin-left: 35px;
}
.documentation pre {
  border: 1px solid var(--tblr-border-color);
  border-radius: 4px;
  font-size: 13px;
}
.documentation dt {
  font-weight: bold;
  margin-top: 20px;
}
.documentation dd {
  margin-left: 20px;
}
.documentation td,
.documentation th {
  padding-right: 24px;
  padding-bottom: 8px;
  font-size: 12px;
}
.documentation th {
  text-align: left;
}

.documentation-large {
  max-width: 1000px;
}

.documentation-page #footer-login {
  position: unset;
  text-align: center;
  padding-bottom: 30px;
}

@media (min-width: 576px) {
  .documentation .table-of-contents {
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
    width: 15rem;
    bottom: 0;
    overflow: auto;
  }
}
@media (max-width: 991.98px) {
  .documentation {
    margin-left: 200px;
  }
}
@media (max-width: 1199.98px) {
  .documentation-large {
    margin-left: 200px;
  }
}
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
@media (min-width: 992px) {
  body.debug-active:not(.debug-folded) .search_page .search-container {
    height: calc(100vh - var(--glpi-contextbar-height) - var(--glpi-content-margin) - 50px);
  }
}
body.debug-active:not(.debug-folded) .tab-pane:not([id^=tab-Ticket_main]) {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  body.debug-active:not(.debug-folded) .itil-object {
    height: calc(100vh - 187px - 46px);
  }
}
@media (min-width: 992px) {
  body.debug-active:not(.debug-folded) form.new-itil-object .itil-object {
    height: calc(100vh - 187px - 5px);
  }
}
@media (min-width: 992px) {
  body.debug-active:not(.debug-folded).horizontal-layout .itil-object {
    height: calc(100vh - 257px - 46px);
  }
}
body.debug-active:not(.debug-folded) .search-footer,
body.debug-active:not(.debug-folded) .itil-footer {
  bottom: 46px;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.fileupload:not(.only-uploaded-files) {
  text-align: center;
  border: 1px dashed #ccc;
  background: rgba(204, 204, 204, 0.1098039216);
  min-height: 65px;
  border-radius: 5px;
  padding: 0.5em;
  margin: 5px auto 0.5em;
  width: 100%;
}
.fileupload:not(.only-uploaded-files) input[type=file] {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.fileupload.only-uploaded-files input[type=file] {
  display: none;
}

.fileupload_info {
  margin-bottom: 10px;
}

.draghover {
  background: #fbf8df;
}

.form-control[type=file]::file-selector-button {
  color: var(--tblr-secondary);
  background-color: transparent;
  border-color: var(--tblr-secondary);
}

.form-control[type=file]:hover:not(:disabled)::file-selector-button {
  background-color: var(--tblr-secondary);
  color: var(--tblr-secondary-fg);
}

.form-control[type=file]:active:not(:disabled)::file-selector-button {
  background-color: var(--tblr-secondary);
  color: var(--tblr-secondary-fg);
}

.form-control[type=file]:disabled::file-selector-button {
  color: var(--tblr-secondary-fg);
  border-color: transparent;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/* stylelint-disable property-no-vendor-prefix */
body .flatpickr-calendar {
  --glpi-flatpickr-bg: var(--tblr-bg-surface);
  --glpi-flatpickr-text-color: var(--tblr-body-color);
  --glpi-flatpickr-accent-color: color-mix(in srgb, var(--tblr-link-color), transparent 50%);
  --glpi-flatpickr-date-hover-bg: color-mix(in srgb, var(--glpi-flatpickr-accent-color), transparent 40%);
  --glpi-flatpickr-date-selection-hover-bg: color-mix(in srgb, var(--glpi-flatpickr-accent-color), transparent 30%);
  --glpi-flatpickr-date-selection-fg: var(--glpi-flatpickr-text-color);
  --glpi-flatpickr-border-color: var(--tblr-border-color);
  --glpi-flatpickr-shadow-color: color-mix(in srgb, var(--tblr-body-color), transparent 96%);
  --glpi-flatpickr-faded-color: color-mix(in srgb, var(--tblr-body-color), transparent 70%);
  background: var(--glpi-flatpickr-bg);
  -webkit-box-shadow: 1px 0 0 var(--glpi-flatpickr-shadow-color), -1px 0 0 var(--glpi-flatpickr-shadow-color), 0 1px 0 var(--glpi-flatpickr-shadow-color), 0 -1px 0 var(--glpi-flatpickr-shadow-color), 0 3px 13px var(--glpi-flatpickr-shadow-color);
  box-shadow: 1px 0 0 var(--glpi-flatpickr-shadow-color), -1px 0 0 var(--glpi-flatpickr-shadow-color), 0 1px 0 var(--glpi-flatpickr-shadow-color), 0 -1px 0 var(--glpi-flatpickr-shadow-color), 0 3px 13px var(--glpi-flatpickr-shadow-color);
}
body .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 var(--glpi-flatpickr-shadow-color), 5px 0 0 var(--glpi-flatpickr-shadow-color);
  box-shadow: -2px 0 0 var(--glpi-flatpickr-shadow-color), 5px 0 0 var(--glpi-flatpickr-shadow-color);
}
body .flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid var(--glpi-flatpickr-border-color);
}
body .flatpickr-calendar.arrowTop::before {
  border-bottom-color: var(--glpi-flatpickr-border-color);
}
body .flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--glpi-flatpickr-bg);
}
body .flatpickr-calendar.arrowBottom::before {
  border-top-color: var(--glpi-flatpickr-border-color);
}
body .flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--glpi-flatpickr-bg);
}
body .flatpickr-months .flatpickr-month {
  background: var(--glpi-flatpickr-bg);
  color: var(--glpi-flatpickr-text-color);
  fill: var(--glpi-flatpickr-text-color);
}
body .flatpickr-months .flatpickr-prev-month,
body .flatpickr-months .flatpickr-next-month {
  color: var(--glpi-flatpickr-text-color);
  fill: var(--glpi-flatpickr-text-color);
}
body .flatpickr-months .flatpickr-prev-month:hover,
body .flatpickr-months .flatpickr-next-month:hover {
  color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-months .flatpickr-prev-month:hover svg,
body .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--glpi-flatpickr-accent-color);
}
body .numInputWrapper:hover {
  background: transparent;
}
body .flatpickr-current-month span.cur-month:hover {
  background: transparent;
}
body .flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: var(--glpi-flatpickr-bg);
}
body .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--glpi-flatpickr-bg);
}
body span.flatpickr-weekday {
  background: var(--glpi-flatpickr-bg);
  color: var(--glpi-flatpickr-text-color);
}
body .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 var(--glpi-flatpickr-shadow-color);
  box-shadow: -1px 0 0 var(--glpi-flatpickr-shadow-color);
}
body .flatpickr-day {
  color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-day.inRange,
body .flatpickr-day.prevMonthDay.inRange,
body .flatpickr-day.nextMonthDay.inRange,
body .flatpickr-day.today.inRange,
body .flatpickr-day.prevMonthDay.today.inRange,
body .flatpickr-day.nextMonthDay.today.inRange,
body .flatpickr-day:hover,
body .flatpickr-day.prevMonthDay:hover,
body .flatpickr-day.nextMonthDay:hover,
body .flatpickr-day:focus,
body .flatpickr-day.prevMonthDay:focus,
body .flatpickr-day.nextMonthDay:focus {
  background: var(--glpi-flatpickr-date-hover-bg);
  border-color: var(--glpi-flatpickr-date-hover-bg);
}
body .flatpickr-day.today {
  border-color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-day.today:hover,
body .flatpickr-day.today:focus {
  border-color: var(--glpi-flatpickr-text-color);
  background: var(--glpi-flatpickr-text-color);
  color: var(--glpi-flatpickr-bg);
}
body .flatpickr-day.selected,
body .flatpickr-day.startRange,
body .flatpickr-day.endRange,
body .flatpickr-day.selected.inRange,
body .flatpickr-day.startRange.inRange,
body .flatpickr-day.endRange.inRange,
body .flatpickr-day.selected:focus,
body .flatpickr-day.startRange:focus,
body .flatpickr-day.endRange:focus,
body .flatpickr-day.selected:hover,
body .flatpickr-day.startRange:hover,
body .flatpickr-day.endRange:hover,
body .flatpickr-day.selected.prevMonthDay,
body .flatpickr-day.startRange.prevMonthDay,
body .flatpickr-day.endRange.prevMonthDay,
body .flatpickr-day.selected.nextMonthDay,
body .flatpickr-day.startRange.nextMonthDay,
body .flatpickr-day.endRange.nextMonthDay {
  background: var(--glpi-flatpickr-date-selection-hover-bg);
  color: var(--glpi-flatpickr-date-selection-fg);
  border-color: var(--glpi-flatpickr-date-selection-hover-bg);
}
body .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
body .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
body .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--glpi-flatpickr-date-selection-hover-bg);
  box-shadow: -10px 0 0 var(--glpi-flatpickr-date-selection-hover-bg);
}
body .flatpickr-day.flatpickr-disabled,
body .flatpickr-day.flatpickr-disabled:hover,
body .flatpickr-day.prevMonthDay,
body .flatpickr-day.nextMonthDay,
body .flatpickr-day.notAllowed,
body .flatpickr-day.notAllowed.prevMonthDay,
body .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--glpi-flatpickr-faded-color);
}
body .flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 var(--glpi-flatpickr-date-hover-bg), 5px 0 0 var(--glpi-flatpickr-date-hover-bg);
  box-shadow: -5px 0 0 var(--glpi-flatpickr-date-hover-bg), 5px 0 0 var(--glpi-flatpickr-date-hover-bg);
}
body .flatpickr-day.week.selected {
  -webkit-box-shadow: -5px 0 0 var(--glpi-flatpickr-date-selection-hover-bg), 5px 0 0 var(--glpi-flatpickr-date-selection-hover-bg);
  box-shadow: -5px 0 0 var(--glpi-flatpickr-date-selection-hover-bg), 5px 0 0 var(--glpi-flatpickr-date-selection-hover-bg);
}
body .flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 var(--glpi-flatpickr-shadow-color);
  box-shadow: 1px 0 0 var(--glpi-flatpickr-shadow-color);
}
body .flatpickr-weekwrapper span.flatpickr-day,
body .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: var(--glpi-flatpickr-faded-color);
}
body .flatpickr-time .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-time .numInputWrapper span.arrowDown::after {
  border-top-color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-time input {
  color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-time .flatpickr-time-separator,
body .flatpickr-time .flatpickr-am-pm {
  color: var(--glpi-flatpickr-text-color);
}
body .flatpickr-time input:hover,
body .flatpickr-time .flatpickr-am-pm:hover,
body .flatpickr-time input:focus,
body .flatpickr-time .flatpickr-am-pm:focus {
  background: transparent;
}
body .flatpickr input.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* stylelint-enable property-no-vendor-prefix */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.floating-buttons {
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 99999;
}
.floating-buttons #backtotop {
  cursor: pointer;
}
.floating-buttons #backtotop:hover {
  opacity: 0.8;
}

body.debug-active .floating-buttons {
  bottom: 60px;
}

#maintenance-float {
  top: 0;
  left: 250px;
  position: absolute;
  z-index: 9999;
}
#maintenance-float a {
  font-weight: bold;
  background-color: var(--tblr-body-bg);
  color: var(--tblr-danger);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
[data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block] [data-glpi-form-editor-toolbar].btn-group, [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block] [data-glpi-form-editor-toolbar].btn-group-vertical {
  display: none !important;
}

[data-glpi-form-editor-horizontal-blocks-container] {
  margin-bottom: 1rem;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) {
  flex-grow: 0;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] {
  height: 100%;
  position: relative;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body, [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body, [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body, [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body {
  padding: 0.5rem;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:not(:has(> [data-glpi-form-editor-dynamic-input])), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:not(:has(> [data-glpi-form-editor-dynamic-input])), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:not(:has(> [data-glpi-form-editor-dynamic-input])), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:not(:has(> [data-glpi-form-editor-dynamic-input])) {
  display: none !important;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) {
  height: 100%;
  justify-content: center;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]), [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) {
  width: 1rem;
  position: relative;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body div:has(> [data-glpi-form-editor-dynamic-input]) [data-glpi-form-editor-dynamic-input] {
  transform: rotate(90deg);
  transform-origin: left;
  font-size: 1rem;
  left: 0.5rem;
  top: 0;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body [data-glpi-form-editor-required-mark], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body [data-glpi-form-editor-required-mark], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] > .card-body [data-glpi-form-editor-required-mark], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] > .card-body [data-glpi-form-editor-required-mark] {
  display: none !important;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-question-details] [data-glpi-form-editor-dynamic-input], [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-details] [data-glpi-form-editor-dynamic-input] {
  display: block;
  position: absolute;
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-horizontal-block-placeholder] {
  min-width: 1.5rem !important;
  max-width: 1.5rem !important;
}
@media (max-width: 575.98px) {
  [data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks]:has(> [data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) [data-glpi-form-editor-horizontal-block-toolbar] {
    display: none !important;
  }
}
[data-glpi-form-editor-horizontal-blocks-container][data-glpi-form-editor-active-horizontal-blocks] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder]:not([data-glpi-form-editor-active-horizontal-block-placeholder]) [data-glpi-form-editor-toolbar] {
  display: none !important;
}
[data-glpi-form-editor-horizontal-blocks-container]:not([data-glpi-form-editor-active-horizontal-blocks]) > [data-glpi-form-editor-toolbar] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
[data-glpi-form-editor-horizontal-blocks-container] :not([data-glpi-form-editor-active-question]) div.col-6:has([name=default_value], [data-glpi-form-editor-original-name=default_value]), [data-glpi-form-editor-horizontal-blocks-container] :not([data-glpi-form-editor-active-question]) div.col-sm-6:has([name=default_value], [data-glpi-form-editor-original-name=default_value]), [data-glpi-form-editor-horizontal-blocks-container] :not([data-glpi-form-editor-active-comment]) div.col-6:has([name=default_value], [data-glpi-form-editor-original-name=default_value]), [data-glpi-form-editor-horizontal-blocks-container] :not([data-glpi-form-editor-active-comment]) div.col-sm-6:has([name=default_value], [data-glpi-form-editor-original-name=default_value]) {
  width: min(100%, max(50%, 250px));
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(2)) [data-glpi-form-editor-block]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(2)) [data-glpi-form-editor-horizontal-block-placeholder]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(2)) .glpi-form-editor-drag-question-placeholder:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) {
  /**
   * 0.5rem is the gap between blocks
   * 2.5rem is the width of the button
   */
  max-width: calc(100% / 2 - 0.5rem - 2.5rem / 2);
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(3)) [data-glpi-form-editor-block]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(3)) [data-glpi-form-editor-horizontal-block-placeholder]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(3)) .glpi-form-editor-drag-question-placeholder:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) {
  /**
   * 0.5rem is the gap between blocks
   * 2.5rem is the width of the button
   */
  max-width: calc(100% / 3 - 0.5rem - 2.5rem / 3);
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) [data-glpi-form-editor-block]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) [data-glpi-form-editor-horizontal-block-placeholder]:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]),
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) .glpi-form-editor-drag-question-placeholder:not([data-glpi-form-editor-active-question], [data-glpi-form-editor-active-comment]) {
  max-width: calc(100% / 4 - 0.5rem * (4 - 1) / 4);
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) [data-glpi-form-editor-horizontal-block-toolbar],
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) [data-glpi-form-editor-on-click=duplicate-question],
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks]:has(> section:nth-of-type(4)) [data-glpi-form-editor-on-click=duplicate-comment] {
  display: none !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block] {
  margin-bottom: 0;
  flex: 1;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block][data-glpi-form-editor-active-question] {
  display: flex;
  width: 100%;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block][data-glpi-form-editor-active-comment] {
  display: flex;
  width: 100%;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-block]:not([data-glpi-form-editor-active-question]) div:has(> [data-glpi-form-editor-dynamic-input]) {
  overflow: hidden;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] > [data-glpi-form-editor-horizontal-block-toolbar] {
  margin-top: auto;
  margin-bottom: auto;
  order: 100;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] > [data-glpi-form-editor-horizontal-block-toolbar] button {
  border: unset !important;
  background-color: unset !important;
  color: var(--tblr-btn-color) !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder] {
  min-height: 100px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder]:not([data-glpi-form-editor-active-horizontal-block-placeholder]):not(:hover) [data-glpi-form-editor-toolbar] {
  display: none !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder]:not(:has(.glpi-form-editor-drag-question-placeholder)) {
  border: 2px dashed var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder] [data-glpi-form-editor-toolbar] {
  height: unset !important;
  margin-top: unset !important;
}
@media (max-width: 575.98px) {
  [data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder] [data-glpi-form-editor-toolbar] {
    flex-direction: column;
  }
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder] [data-glpi-form-editor-toolbar] button {
  border: unset !important;
  background-color: unset !important;
  color: var(--tblr-btn-color) !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-horizontal-block-placeholder] .glpi-form-editor-drag-question-placeholder {
  width: 100%;
  max-width: unset !important;
  height: 100% !important;
  margin: unset !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] .glpi-form-editor-drag-question-placeholder {
  flex: 1;
  height: unset !important;
  margin: unset !important;
}
[data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-question-details], [data-glpi-form-editor-horizontal-blocks-container] [data-glpi-form-editor-horizontal-blocks] [data-glpi-form-editor-comment-details] {
  height: 100%;
}

[data-glpi-form-editor-container]:not(.initialized) {
  pointer-events: none;
}
[data-glpi-form-editor-container]:not([data-glpi-form-editor-sorting]) [data-glpi-form-editor-question-drag-merge] {
  position: absolute;
}
[data-glpi-form-editor-container][data-glpi-form-editor-sorting] [data-glpi-form-editor-section-blocks] > [data-glpi-form-editor-block] {
  display: flex;
  align-items: stretch;
}
[data-glpi-form-editor-container][data-glpi-form-editor-sorting] [data-glpi-form-editor-section-blocks] > [data-glpi-form-editor-block] [data-glpi-form-editor-question-drag-merge] {
  position: relative;
  width: 15%;
}
[data-glpi-form-editor-container][data-glpi-form-editor-sorting] [data-glpi-form-editor-section-blocks] > [data-glpi-form-editor-block] [data-glpi-form-editor-toolbar] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.form-editor {
  flex-grow: 1;
  background: linear-gradient(169deg, rgb(255, 255, 255) 0%, rgb(254, 254, 254) 14%, rgb(253, 253, 253) 22%, rgb(252, 252, 252) 33%, rgb(251, 251, 252) 41%, rgb(248, 250, 252) 48%);
  overflow: scroll;
}
.form-editor .designer .form-details .card-title {
  font-size: 1.2rem !important;
}
.form-editor .card {
  border-bottom-left-radius: var(--tblr-border-radius) !important;
}
.form-editor [data-fix-dropdown-flex] .select2-selection__rendered {
  display: flex !important;
}
.form-editor .fileupload {
  margin: 0;
}
.form-editor .only-uploaded-files .fileupload_info {
  margin-bottom: 0;
}
.form-editor .only-uploaded-files .fileupload_info p:first-child {
  margin-top: 10px;
}
.form-editor .only-uploaded-files .fileupload_info p:last-child {
  margin-bottom: 0;
}

.editor-footer {
  border-top: 1px solid var(--tblr-border-color);
  background: var(--glpi-form-toolbar-bg);
}

.mandatory-question [data-glpi-form-editor-required-mark] {
  display: inline !important;
}

[data-glpi-form-editor-form][data-glpi-form-editor-active-form] [data-glpi-form-editor-form-extra-details] {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
[data-glpi-form-editor-form]:not([data-glpi-form-editor-active-form]) [data-glpi-form-editor-active-form-status-indicator] {
  display: none;
}
[data-glpi-form-editor-form]:not([data-glpi-form-editor-active-form]) [data-glpi-form-editor-form-extra-details] {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

[data-glpi-form-editor-section][data-glpi-form-editor-active-section] [data-glpi-form-editor-section-extra-details] {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
[data-glpi-form-editor-section]:not([data-glpi-form-editor-active-section]) [data-glpi-form-editor-active-section-status-indicator] {
  display: none;
}
[data-glpi-form-editor-section]:not([data-glpi-form-editor-active-section]) [data-glpi-form-editor-section-extra-details] {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

[data-glpi-form-editor-question][data-glpi-form-editor-active-question] [data-glpi-form-editor-question-extra-details] {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
[data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question]) [data-glpi-form-editor-active-question-status-indicator] {
  display: none;
}
[data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question]) [data-glpi-form-editor-question-extra-details] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
[data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question]) .tox-editor-header {
  display: none !important;
}

[data-glpi-form-editor-comment][data-glpi-form-editor-active-comment] [data-glpi-form-editor-comment-extra-details] {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
[data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-comment]) [data-glpi-form-editor-active-comment-status-indicator] {
  display: none;
}
[data-glpi-form-editor-comment]:not([data-glpi-form-editor-active-comment]) [data-glpi-form-editor-comment-extra-details] {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.glpi-form-editor-drag-question-placeholder {
  border: 2px dashed var(--tblr-primary);
  background: rgba(var(--tblr-primary), 0.1);
  opacity: 0.5;
}

[data-glpi-form-editor-section-blocks] .glpi-form-editor-drag-question-placeholder {
  margin-bottom: 1rem;
  height: 70px !important;
}

[data-glpi-form-editor-question-drag-merge] .glpi-form-editor-drag-question-placeholder {
  height: 100% !important;
  margin-left: 0.5rem;
}

.glpi-form-editor-drag-question-option-placeholder {
  border: 2px dashed var(--tblr-primary);
  background: rgba(var(--tblr-primary), 0.1);
  opacity: 0.5;
  height: 40px !important;
}

.glpi-form-editor-drag-section-placeholder {
  border: 2px dashed var(--tblr-primary);
  background: rgba(var(--tblr-primary), 0.1);
  opacity: 0.5;
  height: 60px !important;
}

.glpi-form-editor-question-handle {
  opacity: 0;
}

[data-glpi-form-editor-question-details]:hover .glpi-form-editor-question-handle,
[data-glpi-form-editor-comment-details]:hover .glpi-form-editor-question-handle {
  opacity: 0.7;
}

[data-glpi-form-editor-section].section-collapsed {
  margin-bottom: 1rem !important;
}
[data-glpi-form-editor-section].section-collapsed [data-glpi-form-editor-section-description],
[data-glpi-form-editor-section].section-collapsed [data-glpi-form-editor-section-blocks],
[data-glpi-form-editor-section].section-collapsed [data-glpi-form-editor-section-extra-details] {
  display: none;
}

[data-glpi-form-editor-section]:not(.section-collapsed) [data-glpi-form-editor-section-block-badge] {
  display: none;
}

[data-glpi-form-editor-question][data-glpi-form-editor-active-question] .dropdown-border {
  position: relative;
  border: 1px solid var(--tblr-border-color);
  border-top: 0;
  border-bottom-left-radius: var(--tblr-border-radius);
  border-bottom-right-radius: var(--tblr-border-radius);
  padding: 0.5rem;
  padding-bottom: 0;
}
[data-glpi-form-editor-question][data-glpi-form-editor-active-question] .single-preview-dropdown .select2-selection, [data-glpi-form-editor-question][data-glpi-form-editor-active-question] .multiple-preview-dropdown .select2-selection {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
[data-glpi-form-editor-question][data-glpi-form-editor-active-question] div:not([data-glpi-form-editor-selectable-question-options]) > [data-glpi-form-selectable-question-option]:last-child {
  margin-bottom: 0 !important;
}
[data-glpi-form-editor-question]:not([data-glpi-form-editor-active-question]) [data-glpi-form-editor-selectable-question-options] [data-glpi-form-selectable-question-option]:last-child {
  margin-bottom: 0 !important;
}

.logic-operator-selector .select2-selection {
  border: 0 !important;
  background-color: var(--tblr-pink-lt) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
}

.question-selector .select2-selection {
  border: 0 !important;
  background-color: var(--tblr-indigo-lt) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
}

.value-operator-selector .select2-selection {
  border: 0 !important;
  background-color: var(--tblr-teal-lt) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
}

input.value-selector {
  padding-top: 10px;
  padding-bottom: 10px;
}

.value-selector {
  border: 0 !important;
  background-color: var(--tblr-yellow-lt) !important;
  border-radius: var(--tblr-border-radius) !important;
}
.value-selector .select2-selection {
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
  border: 0 !important;
  background-color: var(--tblr-yellow-lt) !important;
}
.value-selector .select2-container {
  width: 100%;
}

.visibility-dropdown-card {
  width: 700px;
}

[data-glpi-form-editor-block] {
  margin-bottom: 1rem;
}

[data-glpi-form-editor-toolbar] {
  margin-top: 0.5rem;
}

@media (min-width: 576px) {
  .question-type-dropdown-group {
    display: flex;
    flex-wrap: wrap;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):first-child .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):not(:first-child) {
    margin-left: calc(-1 * var(--tblr-border-width));
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):not(:first-child) .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(3).d-none)) > div:not(:only-child):not(:first-child):not(:last-child) .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 575.98px) {
  .question-type-dropdown-group {
    width: 100%;
  }
  .question-type-dropdown-group .select2-container {
    width: 100% !important;
  }
  .question-type-dropdown-group .select2-selection__rendered > span {
    margin-right: auto;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):first-child .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):not(:first-child) {
    margin-top: calc(-1 * var(--tblr-border-width));
  }
  .question-type-dropdown-group:not(:has(> :nth-child(2).d-none)) > div:not(:only-child):not(:first-child) .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .question-type-dropdown-group:not(:has(> :nth-child(3).d-none)) > div:not(:only-child):not(:first-child):not(:last-child) .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.question-type-dropdown-group-dropdown-select {
  width: min-content !important;
}

html:has(.tab-pane.active > [data-glpi-form-editor-container]) {
  overflow: hidden;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.form-renderer {
  /* Keep a bit of space at the end */
  margin-bottom: 200px;
  /* Remove margin from tinymce generated content last child */
}
.form-renderer .form-description p:last-child, .form-renderer .section-description p:last-child, .form-renderer .block-description p:last-child {
  margin-bottom: 0 !important;
}
.form-renderer .fileupload {
  margin: 0;
}
.form-renderer .only-uploaded-files .fileupload_info {
  margin-bottom: 0;
}
.form-renderer .only-uploaded-files .fileupload_info p:first-child {
  margin-top: 10px;
}
.form-renderer .only-uploaded-files .fileupload_info p:last-child {
  margin-bottom: 0;
}
.form-renderer [data-glpi-form-renderer-horizontal-blocks] {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
}
.form-renderer [data-glpi-form-renderer-horizontal-blocks]:not(:last-of-type) section:last-of-type {
  margin-bottom: 1rem;
}
.form-renderer [data-glpi-form-renderer-horizontal-blocks]:has(> :nth-child(2)) > section {
  margin-bottom: 0 !important;
}
.form-renderer [data-glpi-form-renderer-horizontal-blocks]:has(> :nth-child(2)) > section .col-12.col-sm-6 {
  width: 100%;
}
.form-renderer [data-glpi-form-renderer-hidden-by-condition] {
  display: none !important;
}
.form-renderer .input-group > div:not(.d-none):has(> span.select2-container):not(:first-child) .select2-selection {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.form-renderer .input-group > div:not(.d-none):has(> span.select2-container):not(:last-of-type) .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#glpi-destinations-accordion > .accordion-item > .accordion-header > .accordion-button.collapsed input.glpi-form-destination-name {
  display: none !important;
}
#glpi-destinations-accordion > .accordion-item > .accordion-header > .accordion-button:not(.collapsed) {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
#glpi-destinations-accordion > .accordion-item > .accordion-header > .accordion-button:not(.collapsed) span.glpi-form-destination-name {
  display: none !important;
}

[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] [data-glpi-associated-items-specific-values-extra-field-item] {
  padding-left: 1px;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] [data-glpi-associated-items-specific-values-extra-field-item] > span:last-of-type {
  flex-grow: 1;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] [data-glpi-associated-items-specific-values-extra-field-item] > span:last-of-type .select2-container {
  width: 100% !important;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] [data-glpi-associated-items-specific-values-extra-field-item]:last-of-type [data-glpi-remove-associated-item-button] {
  border-bottom-right-radius: var(--tblr-btn-border-radius) !important;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] [data-glpi-associated-items-specific-values-extra-field-item]:not(:has([data-glpi-associated-items-items-id-dropdown])) .select2-container {
  width: 100% !important;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] .input-group[data-glpi-associated-items-specific-values-extra-field-item] > span:first-of-type .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-container] .input-group[data-glpi-associated-items-specific-values-extra-field-item] > span:not(:first-of-type) .select2-selection {
  border-radius: 0 !important;
}
[data-glpi-associated-items-specific-values-extra-field] [data-glpi-add-associated-item-button] {
  position: relative;
  margin-left: 1px;
  margin-top: calc(-1 * var(--tblr-border-width));
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

[data-glpi-itildestination-field-configs]:not(:has(> [data-glpi-itildestination-field-config]:nth-child(2))) [data-glpi-itildestination-remove-field-config] {
  display: none !important;
}
[data-glpi-itildestination-field-configs]:has(> [data-glpi-itildestination-field-config]:nth-child(2)):has([data-glpi-itildestination-remove-field-config]) [data-glpi-itildestination-field-config]:not(:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none))) .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-glpi-itildestination-field-configs]:has(> [data-glpi-itildestination-field-config]:nth-child(2)):has([data-glpi-itildestination-remove-field-config]) [data-glpi-itildestination-field-config]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)):has([data-glpi-itildestination-field-config-display-condition=specific_values]) > div:first-child .select2-selection {
  border-top-right-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] {
  display: flex;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 1%;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has(div[data-glpi-itildestination-field-config-display-condition]:not(.d-none)):not(:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none))) > div:first-child .select2-selection {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:not(:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none))) > div[data-glpi-itildestination-field-config-display-condition] {
  margin-top: calc(-1 * var(--tblr-border-width));
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:not(:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none))) > div[data-glpi-itildestination-field-config-display-condition] .select2-selection {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)):has([data-glpi-itildestination-field-config-display-condition=specific_values]) > div:first-child .select2-selection {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)) [data-glpi-associated-items-specific-values-extra-field] {
  flex-basis: 100%;
  order: 1;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)) [data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-item] .select2-selection {
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)) [data-glpi-associated-items-specific-values-extra-field] [data-glpi-associated-items-specific-values-extra-field-item]:not(:last-of-type) .select2-selection {
  border-bottom-left-radius: 0 !important;
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-field-config-content]:has([data-glpi-associated-items-specific-values-extra-field]:not(.d-none)) [data-glpi-associated-items-specific-values-extra-field-item] {
  margin-top: calc(-1 * var(--tblr-border-width));
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-remove-field-config] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: calc(-1 * var(--tblr-border-width));
}
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-itildestination-remove-field-config]:hover,
[data-glpi-itildestination-field-configs] [data-glpi-itildestination-field-config] [data-glpi-remove-associated-item-button]:hover {
  z-index: 99;
}

.accordion-button:not(.collapsed) [data-glpi-editor-destination-badges-container] {
  display: none !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#glpi-form-translations-languages tr:has(input.form-control:focus) {
  box-shadow: inset 2px 0 0 var(--tblr-primary);
}
#glpi-form-translations-languages tr td {
  vertical-align: middle;
  padding: 0.5rem 0.75rem;
}
#glpi-form-translations-languages tr td:not(:first-child) {
  width: 35%;
}
#glpi-form-translations-languages td:has(> span[data-glpi-form-translations-subtitle-row]) {
  color: var(--tblr-secondary);
  background: var(--tblr-bg-surface-tertiary);
  font-size: 0.625rem;
  font-weight: var(--tblr-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.helpdesk-home-config-for-empty-entity-wrapper [data-glpi-helpdesk-config-tiles], .helpdesk-home-config-for-empty-entity-wrapper [data-glpi-helpdesk-config-actions] {
  display: none !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#fuzzysearch .results {
  max-height: 300px;
  overflow-y: auto;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.sidebar,
.topbar {
  background-color: var(--glpi-mainmenu-bg);
  color: var(--glpi-mainmenu-fg);
  z-index: 1031;
}
.sidebar .navbar-toggler,
.topbar .navbar-toggler {
  color: var(--glpi-mainmenu-fg);
}
.sidebar .btn-ghost-secondary,
.topbar .btn-ghost-secondary {
  color: rgba(var(--glpi-mainmenu-fg), 80%);
}
.sidebar .btn-outline-secondary,
.topbar .btn-outline-secondary {
  color: rgba(var(--glpi-mainmenu-fg), 80%);
  border-color: rgba(var(--glpi-mainmenu-fg), 80%);
}
.sidebar .btn-outline-secondary:hover,
.topbar .btn-outline-secondary:hover {
  background-color: rgba(var(--glpi-mainmenu-fg), 80%);
  color: rgba(var(--glpi-mainmenu-bg), 80%);
  border-color: transparent;
}

.topbar #navbar-menu .nav-item a.nav-link {
  color: var(--glpi-mainmenu-fg);
}
.topbar #navbar-menu .nav-item a.nav-link:hover {
  opacity: 1 !important;
}
.topbar #navbar-menu .nav-item:not(.active) a.nav-link {
  opacity: 0.7;
}
.topbar #navbar-menu .nav-item::after {
  display: none !important;
}
.topbar .nav-item i {
  margin-right: 0.3em;
}

.navbar-vertical .trigger-fuzzy {
  border: 0;
  font-size: 1em;
  font-weight: 400;
  margin-left: 1.5rem !important;
  padding: 3px;
}

.sidebar ~ .navbar {
  z-index: 1030;
}
.sidebar ~ .page-wrapper,
.sidebar ~ .navbar {
  transition: margin-inline-start var(--animate-duration);
}
.sidebar #navbar-menu .nav-item .nav-link {
  padding: 0 1.5rem !important;
  color: rgba(var(--glpi-mainmenu-fg), 80%);
  border-left: 3px solid transparent;
  border-radius: unset;
}
.sidebar #navbar-menu .nav-item .nav-link.show, .sidebar #navbar-menu .nav-item .nav-link.active {
  border-left-color: color-mix(in srgb, var(--tblr-primary), transparent 70%);
  color: color-mix(in srgb, var(--tblr-primary), transparent 10%);
  font-weight: bold;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu {
  border-radius: unset;
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-header, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-header {
  display: none;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item {
  border-left: 3px solid rgba(0, 0, 0, 0.5);
  padding-left: 3.25rem;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item.active, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item.active {
  border-left-color: color-mix(in srgb, var(--tblr-primary), transparent 30%);
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: bold;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item:hover, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item:hover {
  border-left-color: var(--tblr-primary);
  color: var(--tblr-primary);
  background-color: rgba(0, 0, 0, 0.2);
}
.sidebar #navbar-menu .nav-item i {
  margin-right: 0.7em;
}
.sidebar #navbar-menu .nav-item:hover .nav-link {
  border-left-color: var(--tblr-primary);
  color: var(--tblr-primary);
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar .reduce-menu::before {
  font: var(--fa-font-solid);
  content: "\f100";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-size: 1.3333em;
  line-height: 0.75em;
}

@media (min-width: 992px) {
  .sidebar {
    transition: width var(--animate-duration) !important;
  }
  body.navbar-collapsed #navbar-menu .nav-link {
    padding: 0.58rem 1.5rem !important;
  }
  body.navbar-collapsed .navbar-brand {
    margin: 0 calc(-1 * var(--tblr-gutter-x, 1.5rem)) 0.5rem;
    width: calc(100% + var(--tblr-gutter-x, 1.5rem) * 2);
  }
  body.navbar-collapsed .navbar-brand .glpi-logo {
    background: var(--glpi-logo-reduced) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
  }
  body.navbar-collapsed .sidebar {
    z-index: 1050;
    width: 70px;
    overflow: visible;
  }
  body.navbar-collapsed .sidebar ~ .page-wrapper,
  body.navbar-collapsed .sidebar ~ .navbar {
    margin-inline-start: 70px;
  }
  body.navbar-collapsed .sidebar .menu-label {
    display: none;
  }
  body.navbar-collapsed .sidebar #navbar-menu .dropdown-toggle::after {
    display: none;
  }
  body.navbar-collapsed .sidebar #navbar-menu .dropdown-menu {
    box-shadow: color-mix(in srgb, var(--tblr-body-color), transparent 84%) 0 2px 16px 0;
  }
  body.navbar-collapsed .sidebar #navbar-menu .dropdown-menu.show {
    display: none;
  }
  body.navbar-collapsed .sidebar #navbar-menu .dropdown-menu .dropdown-menu-columns {
    display: flex;
    flex-direction: row;
  }
  body.navbar-collapsed .sidebar #navbar-menu .dropdown-menu .dropdown-menu-columns .dropdown-item {
    padding: 0.5rem 0.75rem;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link {
    z-index: 1060;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu {
    background-color: var(--glpi-mainmenu-fg);
    color: var(--glpi-mainmenu-bg);
    top: 0;
    left: calc(100% + 1px);
    border: 1px solid var(--glpi-mainmenu-bg);
    position: absolute;
    z-index: 1050;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu.animate__fadeInLeft::before {
    left: -2px;
    height: 100%;
    width: 4px;
    content: " ";
    position: absolute;
    background: transparent;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-header {
    display: block;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item {
    border-left: 3px solid transparent;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item.active {
    background-color: var(--glpi-mainmenu-active-bg);
    border-left-color: var(--tblr-primary);
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link.show, body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link.active {
    color: inherit;
    font-weight: normal;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item:hover .nav-link + .dropdown-menu {
    display: block;
  }
  body.navbar-collapsed .sidebar #navbar-menu .nav-item.active {
    background-color: color-mix(in srgb, var(--glpi-mainmenu-bg), white 5%);
  }
  body.navbar-collapsed .sidebar .reduce-menu::before {
    content: "\f101";
  }
}
@media (max-width: 767.98px) {
  .user-menu .dropstart .dropdown-menu {
    position: static;
    border-radius: unset;
    box-shadow: unset;
    background-color: rgba(0, 0, 0, 0.02);
    border-style: inset;
    border-width: 2px 0;
  }
  .sidebar {
    z-index: var(--glpi-zindex-fixed);
  }
  .sidebar ~ .navbar {
    z-index: inherit;
  }
}
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.illustration-selector {
  border-color: var(--tblr-border-color);
  box-shadow: var(--tblr-box-shadow-input) !important;
  border-radius: 5px !important;
  transition: border-color 0.3s;
}
.illustration-selector:hover {
  border-color: var(--tblr-secondary);
  cursor: pointer;
}

.illustration-selector-extra-margin {
  padding-bottom: 10px;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.log-viewer .log-entries {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.log-viewer .log-entries .log_entry {
  white-space: pre-wrap;
  scroll-margin-top: 5em;
}
.log-viewer .log-entries .log_entry:target {
  animation: shakeX;
  animation-duration: 2s;
}
.log-viewer .log-entries .log_entry .log_datetime {
  font-family: var(--tblr-font-sans-serif);
}
.log-viewer .log-entries .log_entry .log_datetime:hover {
  text-decoration: underline;
}
.log-viewer .log-entries .log_entry .log_long_text {
  width: 100%;
  /* stylelint-disable-next-line value-no-vendor-prefix -- no equivalent without prefix, and exists in all browsers */
  display: -webkit-box;
  /* stylelint-disable-next-line property-no-vendor-prefix -- no equivalent without prefix, and exists in all browsers */
  -webkit-line-clamp: 2;
  /* stylelint-disable-next-line property-no-vendor-prefix -- no equivalent without prefix, and exists in all browsers */
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: row-resize;
  padding: 1em 0.5em 0.18em;
  box-sizing: border-box;
  font-family: var(--tblr-font-monospace);
  font-size: 0.8rem;
  border-bottom: 1px solid var(--tblr-border-color);
}
.log-viewer .log-entries .log_entry .log_long_text:hover {
  background: rgba(0, 0, 0, 0.1);
}
.log-viewer .log-entries .log_entry .log_entry_toggle_lbl {
  position: relative;
  width: 15px;
  height: 20px;
}
.log-viewer .log-entries .log_entry .log_entry_toggle_lbl::after {
  font-family: tabler-icons, sans-serif !important;
  content: "\eb5f";
  position: absolute;
  left: 0;
  top: 0.8em;
}
.log-viewer .log-entries .log_entry .log_entry_toggle_placeholder {
  width: 15px;
  height: 20px;
}
.log-viewer .log-entries .log_entry .log_entry_toggle_placeholder ~ .log_long_text {
  cursor: default;
}
.log-viewer .log-entries .log_entry .log_entry_toggle {
  display: none;
}
.log-viewer .log-entries .log_entry .log_entry_toggle:checked ~ .log_long_text {
  -webkit-line-clamp: unset;
}
.log-viewer .log-entries .log_entry .log_entry_toggle:checked ~ .log_entry_toggle_lbl::after {
  content: "\eb5d";
}

.horizontal-layout .log-viewer .log-entries {
  height: calc(100vh - 350px);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#tree_browse {
  display: flex;
  align-items: stretch;
}
#tree_browse .browser_tree {
  flex-basis: 250px;
  flex-shrink: 0;
  padding-right: 10px;
  padding-left: 2px;
}
#tree_browse .browser_tree .browser-tree-container {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
}
#tree_browse .browser_tree .browser-tree-container .fancytree-container {
  overflow-y: auto;
}
#tree_browse .browser_tree .browser-tree-container .fancytree-container i.fa.sub_items {
  color: #787878;
}
#tree_browse .browser_tree .browser_tree_search {
  width: 100%;
  margin-bottom: 5px;
  padding: 10px 5px;
  border-radius: 0;
  box-sizing: border-box;
}
#tree_browse .browser_items {
  width: 100%;
  margin-left: 5px;
}
#tree_browse .browser_items .tab_cadre_pager {
  width: 100%;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#switchview {
  font-size: 2em;
  text-align: right;
  float: right;
}
#switchview i {
  margin-left: 0.5em;
}
#switchview i.selected {
  color: green;
}

#viewlist {
  display: none;
}

#viewgraph {
  width: calc(100% - 80px);
  overflow-x: auto;
}
#viewgraph table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#viewgraph .tipcontent {
  display: none;
}
#viewgraph th,
#viewgraph td {
  height: 2em;
  text-align: center;
  padding: 0;
}
#viewgraph .mini_toggle {
  font-size: 11px;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin: 15px 5px;
  float: left;
}
#viewgraph .mini_toggle::before {
  content: "\f204";
  left: 0;
  top: 0;
  font: var(--fa-font-solid);
  font-size: 15px;
  position: absolute;
}
#viewgraph .mini_toggle.active::before {
  content: "\f205";
  font-weight: 900;
}
#viewgraph .mini_toggle:hover {
  opacity: 1;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
html:not([data-glpi-theme-dark="1"]) .netport {
  --glpi-cotrunk-bg: silver;
  --glpi-hub-bg: lightsalmon;
  --glpi-trunk-bg: mediumaquamarine;
  --glpi-aggregated-bg: darkturquoise;
  --glpi-network-color: var(--tblr-dark);
}

html[data-glpi-theme-dark="1"] .netport {
  --glpi-cotrunk-bg: dimgray;
  --glpi-hub-bg: indianred;
  --glpi-trunk-bg: seagreen;
  --glpi-aggregated-bg: teal;
  --glpi-network-color: white;
}
html[data-glpi-theme-dark="1"] .netport a {
  color: white;
}

.netport:target {
  animation: shakeX;
  animation-duration: 2s;
  scroll-margin-top: 5em;
}
.netport td.green {
  background-color: green;
  color: white;
}
.netport td.red {
  background-color: red;
  color: white;
}
.netport td.orange {
  background-color: orange;
  color: white;
}
.netport.trunk {
  background-color: var(--glpi-trunk-bg);
  color: var(--glpi-network-color);
}
.netport.hub {
  background-color: var(--glpi-hub-bg);
  color: var(--glpi-network-color);
}
.netport.cotrunk {
  background-color: var(--glpi-cotrunk-bg);
  color: var(--glpi-network-color);
}
.netport.aggregated,
.netport .aggregated {
  background-color: var(--glpi-aggregated-bg);
  color: var(--glpi-network-color);
  padding-left: 2em;
}
.netport .hub {
  border: 1px grey solid;
  margin: 0 0.5em;
}
.netport .hub div {
  padding: 0.2em 0.5em;
  border-bottom: 1px grey solid;
}
.netport .hub div:last-of-type {
  border-bottom: none;
}

.netport-legend {
  width: 100%;
  color: var(--tblr-dark);
  color: white;
}
.netport-legend td.netport {
  text-align: center;
  width: 25%;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.picture_gallery {
  max-height: 300px;
  justify-content: space-between;
}

.pswp-horizontal-gallery figure {
  max-height: 8em;
  width: auto;
  max-width: 200px;
  min-width: 100px;
  justify-content: flex-end;
}
.pswp-horizontal-gallery figure span.pswp-trigger {
  height: 50px;
  background-color: var(--tblr-dark);
  color: var(--tblr-light);
}
.pswp-horizontal-gallery figure img {
  max-height: 7em;
}
.pswp-horizontal-gallery figure figcaption {
  min-height: 1em;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.grid-stack .grid-stack-item {
  z-index: 3;
  opacity: 1;
}

.clear_picture .grid-stack .grid-stack-item .grid-stack-item-content, .clear_picture .grid-stack .grid-stack-item::after {
  background: none !important;
}

.grid-stack-item {
  /** should be erased by lib, defined for case without lib **/
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content {
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  cursor: move;
  /* fallback */
  cursor: grab;
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content:active {
  cursor: move;
  /* fallback */
  cursor: grabbing;
}
.grid-stack-item.ui-draggable-dragging {
  min-width: 1% !important; /* fix %50 min-width when position is fixed (50% of body width) */
}

.grid-stack-item-content a {
  font-size: 1em;
  font-weight: bold;
}

.clear_text:not(.clear_picture) .grid-stack .grid-stack-item .itemrack_name {
  display: none;
}

#viewgraph:not(.clear_picture) .with_picture .grid-stack-item-content .itemrack_name {
  background-color: rgba(255, 255, 255, 0.65);
  color: #000 !important;
}
#viewgraph:not(.clear_picture) .with_picture .grid-stack-item-content .rel-link {
  opacity: 0.6;
}

.grid-stack-item-content .rel-link {
  position: absolute;
  right: 3px;
  bottom: 3px;
  opacity: 0;
}
.grid-stack-item-content .rel-link a i.fa {
  color: #000;
}
.grid-stack-item-content:hover .rel-link {
  opacity: 0.8;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed #bcbf33;
  background-color: rgba(229, 245, 105, 0.5);
}

#viewgraph table.outbound {
  width: 400px;
  margin-bottom: 20px;
}

div#viewgraph table.outbound td div {
  padding: 0;
}
div#viewgraph table.outbound td div .grid-stack-item-content {
  box-shadow: none;
}

ul.indexes {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.7em;
  color: silver;
  float: left;
}

.cell_add {
  box-sizing: border-box;
  display: block;
  opacity: 0;
  z-index: 2;
  position: relative;
}
.cell_add::after {
  content: "+";
  left: 45%;
  color: grey;
  top: 3px;
  font: var(--fa-font-solid);
  font-size: 1em;
  position: absolute;
}
.cell_add:hover {
  opacity: 1;
  cursor: pointer;
}

.grid-room {
  box-sizing: content-box;
  margin: 10px 0 10px 10px;
  float: left;
  padding: 15px 0 0 15px;
  position: relative;
}
.grid-room *,
.grid-room ::before,
.grid-room ::after {
  box-sizing: content-box;
}
.grid-room .blueprint {
  margin-left: 15px;
  width: calc(100% - 16px);
}
.grid-room .racks_add {
  border: 1px solid var(--tblr-border-color);
  border-width: 0 1px 1px 0;
  background-size: var(--dcroom-grid-cellw) var(--dcroom-grid-cellh);
  background-image: linear-gradient(to right, var(--tblr-border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--tblr-border-color) 1px, transparent 1px);
  margin-left: 15px;
}
.grid-room .racks_add .cell_add {
  height: var(--dcroom-grid-cellh);
  width: var(--dcroom-grid-cellw);
  float: left;
}
.grid-room .racks_add .cell_add::after {
  left: calc(50% - 5px);
  top: calc(50% - 6px);
}
.grid-room .grid-stack {
  float: left;
}
.grid-room .grid-stack-item {
  border: 1px solid rgb(68, 68, 68);
  box-sizing: border-box;
}
.grid-room .grid-stack-item::after {
  position: absolute;
  content: " ";
  background-color: rgba(3, 2, 2, 0.3);
}
.grid-room .grid-stack-item.room_orientation_1::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.grid-room .grid-stack-item.room_orientation_2::after {
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
}
.grid-room .grid-stack-item.room_orientation_3::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.grid-room .grid-stack-item.room_orientation_4::after {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}
.grid-room .grid-stack-item .grid-stack-item-content {
  padding-top: 4px;
}
.grid-room .grid-stack-item.lock-bottom {
  display: none;
}
.grid-room ul.indexes {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.7em;
  color: var(--tblr-body-color);
  float: left;
}
.grid-room ul.indexes.indexes-x {
  width: 100%;
  float: none;
  height: 15px;
  padding-left: 15px;
}
.grid-room ul.indexes.indexes-x li {
  float: left;
  width: var(--dcroom-grid-cellw);
}
.grid-room ul.indexes.indexes-y {
  width: 15px;
}
.grid-room ul.indexes.indexes-y li {
  height: var(--dcroom-grid-cellh);
  line-height: calc(var(--dcroom-grid-cellh) + 1px);
}

.clear_blueprint .grid-room .blueprint {
  background: none !important;
}

.clear_grid .grid-room ul.indexes {
  visibility: hidden;
}
.clear_grid .grid-room .racks_add {
  background-image: none;
}

#viewgraph .rooms a.fa {
  color: var(--tblr-body-color);
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
#viewgraph .rooms a.fa:link {
  color: var(--tblr-body-color);
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
#viewgraph .rooms a .fa {
  color: var(--tblr-body-color);
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
#viewgraph .rooms a.itemlink .fa {
  right: 1.2em;
}
#viewgraph table.rooms th,
#viewgraph table.rooms td {
  height: 5em;
}
#viewgraph table.rooms th {
  color: var(--tblr-secondary);
  background-color: steelblue;
}
#viewgraph table.rooms td {
  border-left: 1px solid var(--tblr-border-color);
}
#viewgraph table.rooms td div {
  border: none !important;
  position: relative;
  z-index: 10;
  color: white;
  height: 100%;
  display: flex;
  padding: 0 1%;
  flex-direction: column;
  justify-content: center;
  max-height: 5em;
  /** Fix height when dragging */
}
#viewgraph table.rooms td div.rack-add {
  color: #e0e0e0;
}
#viewgraph table.rooms td div.rack-add:hover {
  background-color: rgba(0, 128, 0, 0.5);
  cursor: pointer;
}

/*** Racks ***/
.racks_row {
  width: 100%;
}

.racks_col {
  margin-left: 2px;
  float: left;
  position: relative;
}
.racks_col:not(:last-child) {
  margin-right: 40px;
}

.rack_side {
  float: left;
  text-align: center;
  background: var(--tblr-body-bg);
  border: 1px solid var(--tblr-border-color);
  color: var(--tblr-body-color);
  padding-top: 18px;
}

.racks_col h2 {
  font-size: 14px;
  font-weight: bold;
  color: var(--tblr-secondary);
  background-color: var(--tblr-bg-surface-tertiary);
  height: 30px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.racks_add {
  position: absolute;
  display: block;
  width: 100%;
  z-index: 2;
}

.grid-rack {
  width: 217px;
  background: var(--tblr-bg-surface) repeating-linear-gradient(transparent, transparent 21px, var(--tblr-bg-surface-tertiary) 21px, var(--tblr-bg-surface-tertiary) 42px);
  z-index: 1;
  border: 1px solid var(--tblr-border-color);
  float: left;
}
.grid-rack *,
.grid-rack ::before,
.grid-rack ::after {
  box-sizing: content-box;
}
.grid-rack .racks_add .cell_add {
  height: 20px;
  margin-bottom: 1px;
  width: 100%;
}

.virtual_pdu_space {
  height: 20px;
  clear: both;
}

.side_pdus_float {
  float: left;
  min-height: 100%;
  width: 20px;
}

.side_pdus.side_pdus_nofloat {
  clear: left;
  margin: 0 2px 2px;
}

.side_pdus_nofloat .grid-stack-item:not(.lock-bottom) .grid-stack-item-content {
  cursor: initial;
}

.side_pdus {
  background-color: var(--tblr-bg-surface-tertiary);
  margin: 0 1px;
}
.side_pdus .grid-stack-item:not(.lock-bottom) {
  background-color: #ff9d1f;
  overflow: hidden;
}

.side_pdus_float .grid-stack-item .grid-stack-item-content {
  border: 0 solid rgba(4, 4, 4, 0.4);
  border-width: 4px 1px;
}
.side_pdus_float .grid-stack-item .grid-stack-item-content .rotated_text {
  transform: rotate(-90deg);
  transform-origin: bottom left;
  position: absolute;
  bottom: 25px;
  left: 15px;
  white-space: nowrap;
}
.side_pdus_float .grid-stack-item .item_rack_icon {
  position: absolute;
  bottom: 1px;
  left: 0;
}
.side_pdus_float .grid-stack-item-content .rel-link {
  left: 3px;
  top: 3px;
  bottom: unset;
  right: unset;
}
.side_pdus_float .grid-stack-item::after {
  content: "";
  position: absolute;
  height: 20px;
  bottom: 4px;
  left: 20px;
  z-index: -1;
  transform: rotate(-90deg);
  transform-origin: bottom left;
}

.side_pdus_nofloat .grid-stack-item .grid-stack-item-content,
.grid-rack .grid-stack-item:not(.lock-bottom) .grid-stack-item-content {
  position: relative;
  color: #2c3e50;
  border: 0 solid rgba(4, 4, 4, 0.4);
  border-width: 1px 4px;
  box-shadow: 1px 1px 5px 0 #656565;
  height: 100%;
}

#viewgraph:not(.clear_picture) .grid-rack .grid-stack-item.with_picture .grid-stack-item-content {
  border-color: rgba(4, 4, 4, 0.25);
  border-width: 0 4px;
}

.grid-rack .grid-stack-item.reserved .grid-stack-item-content {
  border: 1px solid #ff7c24;
  box-shadow: none;
}
.grid-rack .grid-stack-item.reserved .grid-stack-item-content a.itemrack_name {
  color: #7f4723 !important;
}
.grid-rack .grid-stack-item.item_rear {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 10px, rgba(59, 59, 59, 0.15) 10px, rgba(59, 59, 59, 0.15) 20px);
}
.grid-rack .grid-stack-item.reserved {
  background: repeating-linear-gradient(115deg, #ff8a3c, #ff8a3c 30px, #ffd7bc 30px, #ffd7bc 60px);
}

.grid-stack-item .item_rack_icon {
  float: left;
  opacity: 0.6;
  padding: 3px 0 0 2px;
  font-size: 14px;
}

#viewgraph:not(.clear_picture) .grid-rack .grid-stack-item.with_picture .item_rack_icon {
  display: none;
}

.rack_tipcontent span {
  display: block;
}
.rack_tipcontent label {
  font-weight: bold;
  margin-right: 3px;
}

.grid-rack .grid-stack-item.lock-bottom {
  background: var(--tblr-body-bg);
  width: 101% !important;
  margin: 0 -1px;
}

.racks_row ul.indexes li {
  height: 20px;
  width: 20px;
  margin-bottom: 1px;
  box-sizing: border-box;
  line-height: 20px;
}

.rack_side_block {
  width: 200px;
  border: 1px solid var(--tblr-border-color);
  background-color: var(--tblr-bg-surface-tertiary);
  color: var(--tblr-secondary);
  text-align: left;
  font-size: 11px;
  margin-bottom: 20px;
}

.rack_side_block_content {
  padding: 10px 5px;
}

.rack_side_block h3 {
  color: inherit;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
}

.rack_side_block_content i {
  margin: 0 3px;
}

div#viewgraph .rack_side_block .pdu_list {
  background: none;
}
div#viewgraph .rack_side_block .pdu_list td {
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 3px;
}

.pdu_list .rack_position {
  width: 20px;
}
.pdu_list i.fa {
  color: rgba(0, 0, 0, 0.6);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
:root:not([glpi-theme-dark="1"]) body.mce-content-body {
  background: transparent;
}

body.mce-content-body {
  margin: 15px 10px;
}
body.mce-content-body [data-form-tag=true],
body.mce-content-body [data-user-mention=true] {
  cursor: default !important;
}
body.mce-content-body h1, body.mce-content-body h2, body.mce-content-body h3, body.mce-content-body h4, body.mce-content-body h5, body.mce-content-body h6 {
  margin-bottom: 0.5rem;
}

#page .tox .tox-statusbar {
  border-top: transparent;
  justify-content: flex-end;
}

.tox.tox-tinymce:not(.content-editable-tinymce .tox.tox-tinymce) {
  border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-box-shadow-input) !important;
}

.rich_text_container {
  white-space: initial;
  max-width: 100%;
}
.rich_text_container thead,
.rich_text_container tbody,
.rich_text_container tfoot,
.rich_text_container tr,
.rich_text_container td,
.rich_text_container th {
  border-width: inherit;
}
.rich_text_container img {
  max-width: 100%;
}
.rich_text_container table {
  overflow: auto;
  max-width: 100%;
  word-break: normal;
}
.rich_text_container a[target=_blank]::before {
  font-family: tabler-icons, sans-serif;
  content: "\ea99";
  padding-right: 4px;
}
.rich_text_container .long_text {
  max-height: 350px;
  position: relative;
  overflow: hidden;
}
.rich_text_container .long_text .read_more {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--glpi-timeline-itil-content-bg) 100%);
}
.rich_text_container h1, .rich_text_container h2, .rich_text_container h3, .rich_text_container h4, .rich_text_container h5, .rich_text_container h6 {
  margin-bottom: 0.5rem;
}

.user-mention,
[data-user-mention=true] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 5px;
}

[data-form-tag=true] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 5px;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.sortable-rules .sortable-placeholder {
  background: rgba(231, 240, 99, 0.4039215686);
  border: 1px dashed #ccc;
  min-height: 80px;
  min-width: 50px;
  padding: 10px;
  margin: 10px;
  opacity: 0.5;
}
.sortable-rules .grip-rule {
  cursor: pointer;
  cursor: grab;
}
.sortable-rules .grip-rule:active {
  cursor: grabbing;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.saved-searches-panel {
  border-color: color-mix(in srgb, var(--tblr-secondary), transparent 70%);
  border-left-width: 0;
  border-radius: unset;
  position: fixed;
  top: var(--glpi-contextbar-height);
  bottom: 0;
  left: 15rem;
  z-index: 1030;
  transition: left var(--animate-duration);
  min-width: 400px;
  padding: 0;
}
.saved-searches-panel.pinned {
  position: sticky;
  top: 0;
  left: 0;
  border-left-width: 1px;
  height: calc(100vh - var(--glpi-contextbar-height) - var(--glpi-content-margin));
  min-width: 320px;
}
.saved-searches-panel.pinned .pin-saved-searches-panel {
  border: 2px inset color-mix(in srgb, var(--tblr-secondary), transparent 50%);
  background-color: color-mix(in srgb, var(--tblr-secondary), transparent 90%);
  border-radius: 0.15rem;
}
.saved-searches-panel.pinned .close-saved-searches-panel {
  display: none;
}
.saved-searches-panel .saved-searches-tabs {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.saved-searches-panel .saved-searches-tabs .saved-searches-panel-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.saved-searches-panel .saved-searches-tabs .saved-searches-panel-content .saved-searches-panel-lists {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  height: 100%;
}
.saved-searches-panel .saved-searches-tabs .saved-searches-panel-content .saved-searches-panel-lists .saved-searches-link:hover {
  text-decoration: underline;
}
.saved-searches-panel .saved-searches-tabs .saved-searches-panel-content .saved-searches-panel-lists .default-ctrl {
  padding-right: 0;
}
.saved-searches-panel .saved-searches-tabs .saved-searches-panel-content .saved-searches-panel-lists .badge {
  background-color: var(--tblr-badge-bg);
  color: var(--tblr-badge-fg);
}

body.navbar-collapsed .saved-searches-panel {
  height: calc(100vh - var(--glpi-topbar-height));
}
body.navbar-collapsed .saved-searches-panel:not(.pinned) {
  top: var(--glpi-contextbar-height);
  left: 70px;
}

body.horizontal-layout .saved-searches-panel {
  top: var(--glpi-topbar-height);
  left: 0;
}
body.horizontal-layout .saved-searches-panel.pinned {
  top: 0;
  height: calc(100vh - var(--glpi-topbar-height) - var(--glpi-contextbar-height) - var(--glpi-content-margin));
}
body.horizontal-layout .secondary-bar {
  top: var(--glpi-topbar-height);
  z-index: 1010;
}
@media (max-width: 767.98px) {
  body.horizontal-layout .secondary-bar {
    top: 0;
  }
}

@media (max-width: 575.98px) {
  .saved-searches-panel {
    width: 100%;
    position: fixed !important;
    top: 79px !important;
    line-height: 20px;
    bottom: 0;
    left: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 20px;
    margin-left: 0 !important;
    z-index: 1030;
    display: flex !important;
  }
  .saved-searches-panel.responsive-toggle {
    display: none !important;
  }
  .saved-searches-panel .close-saved-searches-panel {
    display: flex !important;
  }
  body.horizontal-layout .secondary-bar {
    top: initial;
  }
}
@media (max-width: 991.98px) {
  .saved-searches-panel {
    left: 0 !important;
    min-width: 200px;
  }
}
.sortable-savedsearches .sortable-placeholder {
  background: rgba(231, 240, 99, 0.4039215686);
  border: 1px dashed #ccc;
  padding: 10px;
  margin: 10px;
  opacity: 0.5;
}
.sortable-savedsearches .grip-savedsearch {
  cursor: pointer;
  cursor: grab;
}
.sortable-savedsearches .grip-savedsearch:active {
  cursor: grabbing;
}
.sortable-savedsearches .grip-savedsearch:hover::before {
  content: "\ec01";
  font-family: tabler-icons, sans-serif;
  font-weight: 900;
  color: var(--tblr-secondary);
  margin-left: -1rem;
  width: 1rem;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
* {
  scrollbar-width: thin; /* FF only */
  scrollbar-color: var(--glpi-scrollbar-thumb-color) var(--glpi-scrollbar-track-color); /* FF only */
}
* ::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
* ::-webkit-scrollbar-track {
  background: var(--glpi-scrollbar-track-color) !important;
}
* ::-webkit-scrollbar-thumb {
  background: var(--glpi-scrollbar-thumb-color) !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
div.search-input {
  cursor: text;
}
div.search-input span.search-input-tag,
div.search-input span.search-input-tag-input {
  text-transform: inherit;
  font-weight: inherit;
  font-size: 0.8rem;
}
div.search-input span.search-input-tag i.ti,
div.search-input span.search-input-tag-input i.ti {
  font-size: inherit;
}
div.search-input span.search-input-tag-input {
  display: inline-block;
  min-width: 110px;
  position: relative;
  cursor: text;
}
div.search-input span.search-input-tag-input:focus {
  outline: none;
}
div.search-input span.search-input-tag-input:last-of-type {
  flex-grow: 1;
}

.search-input-popover {
  background-color: inherit;
  color: inherit;
  max-width: unset;
}
.search-input-popover .popover-arrow {
  top: calc(-0.5rem - 1px);
  transform: unset !important;
  left: 50% !important;
}
.search-input-popover .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: var(--tblr-border-color);
}
.search-input-popover .popover-body {
  width: 400px;
  color: inherit;
  overflow: auto;
  padding: 0;
}
.search-input-popover .popover-body ul {
  list-style: none;
}
.search-input-popover .popover-body ul li {
  padding: 0.3rem 0.5rem;
}
.search-input-popover .popover-body ul li button.btn.active {
  background-color: rgba(var(--tblr-btn-color), 1);
  color: rgba(var(--tblr-btn-color-text), 1);
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--tblr-border-color);
  background-image: none;
  padding-right: initial;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--tblr-border-color);
  box-shadow: initial;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container {
  display: inline-block;
}
.select2-container *:focus {
  outline: 0;
}
.select2-container .select2-selection {
  background-color: var(--tblr-bg-forms);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-box-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container .select2-selection .select2-selection__rendered input[type=search] {
  color: var(--tblr-body-color);
}
.select2-container .select2-selection.select2-selection--single {
  font-size: var(--tblr-body-font-size);
  height: calc(1.4285714286em + 0.5625rem * 2 + 2px);
  position: relative;
}
.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em + 0.5625rem * 2 + 2px);
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: calc(1.4285714286em + 0.5625rem * 2 + 2px);
  direction: rtl;
  text-align: left;
  color: var(--tblr-body-color);
  border-color: var(--tblr-border-color);
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered::before {
  content: "‎";
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered > * {
  unicode-bidi: plaintext;
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single {
  font-size: calc(var(--tblr-body-font-size) * 0.875);
  height: calc(1.4285714286em * 1em + 0.125rem * 2 + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em * 1em + 0.125rem * 2 + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
  margin-top: -4px;
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single {
  font-size: calc(var(--tblr-body-font-size) * 1.25);
  height: calc(1.4285714286em * 1em + 0.5rem * 2 + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em * 1em + 0.5rem * 2 + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
  margin-top: -1px;
}
.select2-container .select2-selection.select2-selection--multiple {
  font-size: calc(var(--tblr-body-font-size) * 0.875);
  min-height: calc(1.4285714286em + 0.5625rem * 2 + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--multiple {
  font-size: calc(calc(var(--tblr-body-font-size) * 0.875) * 0.875);
  min-height: calc(1.4285714286em * 1em + 0.125rem * 2 + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--multiple {
  font-size: calc(calc(var(--tblr-body-font-size) * 1.25) * 0.875);
  min-height: calc(1.4285714286em * 1em + 0.5rem * 2 + 2px);
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: var(--tblr-active-bg);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-sm);
  padding: 1px 3px;
  margin: 3px 3px 0 0;
  max-width: 100%;
  white-space: normal;
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  color: var(--tblr-dark);
  font-weight: bold;
  margin: 0 0 0 3px;
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  color: var(--tblr-black);
}
.select2-container.select2-container--focus .select2-selection {
  border-color: color-mix(in srgb, var(--tblr-primary), white 50%);
  box-shadow: 0 0 1 0.25rem color-mix(in srgb, var(--tblr-primary), transparent 75%);
}
.select2-container.select2-container--disabled .select2-selection {
  border-color: var(--tblr-border-color);
  box-shadow: none;
  cursor: not-allowed;
}
.select2-container.select2-container--disabled .select2-selection .select2-selection__rendered {
  color: var(--tblr-muted);
}
.select2-container .select2-dropdown {
  border-color: var(--tblr-border-color);
  border-radius: 0;
  background-color: var(--tblr-bg-forms);
  font-size: var(--tblr-body-font-size);
}
.select2-container .select2-dropdown.select-dropdown-sm {
  font-size: calc(var(--tblr-body-font-size) * 0.875);
}
.select2-container .select2-dropdown.select-dropdown-lg {
  font-size: calc(var(--tblr-body-font-size) * 1.25);
}
.select2-container .select2-dropdown.select2-dropdown--below {
  border-top: none;
  border-bottom-left-radius: var(--tblr-border-radius);
  border-bottom-right-radius: var(--tblr-border-radius);
}
.select2-container .select2-dropdown.select2-dropdown--above {
  border-top: 1px solid var(--tblr-border-color);
  border-top-left-radius: var(--tblr-border-radius);
  border-top-right-radius: var(--tblr-border-radius);
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  background-color: var(--tblr-bg-forms);
  color: var(--tblr-body-color);
  border-radius: var(--tblr-border-radius);
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: color-mix(in srgb, var(--tblr-bg-surface), black 5%);
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: var(--tblr-primary);
  color: var(--tblr-primary-fg);
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role=group] {
  padding: 0;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding-left: 1em;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-rendered__match {
  text-decoration: underline;
}
.btn-group .select2-container {
  flex-grow: 1;
  flex-basis: content;
}
.btn-group.w-100 .select2-container {
  width: 0 !important;
}

.btn-group .select2-container:not(:last-child) .select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.modal-backdrop ~ .select2-container--open {
  z-index: calc(var(--glpi-zindex-modal) + 1);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.sortable-placeholder {
  border: 2px dashed #dad55e;
  background: rgba(255, 249, 144, 0.2196078431);
  color: #777620;
  height: 40px;
  margin-top: 5px;
}
.sortable-placeholder.invalid-position {
  border: 2px dashed #d3413c;
  background: #ff7370;
  color: #792220;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.tab-content {
  border-top-left-radius: 0;
}

.card-tabs #tabspanel {
  border-right: 1px solid var(--glpi-tabs-border-color);
}
.card-tabs #tabspanel.nav-tabs .nav-link {
  background: var(--glpi-tabs-bg);
  color: var(--glpi-tabs-fg);
  border-color: var(--glpi-tabs-border-color);
  border-right-width: 0;
}
.card-tabs #tabspanel.nav-tabs .nav-link.active {
  border-right: 1px solid transparent !important;
  margin-right: -1px;
  background: var(--glpi-tabs-active-bg);
  color: var(--glpi-tabs-active-fg);
  border-color: var(--glpi-tabs-active-border-color);
  font-weight: bold;
}
.card-tabs #tabspanel.nav-tabs .nav-link.active .badge {
  font-weight: bold;
}
.card-tabs #tabspanel.nav-tabs .nav-link .badge {
  margin-left: 5px;
}
.card-tabs.vertical .nav:not(.nav-underline) .nav-link {
  border-bottom: 1px solid var(--glpi-tabs-border-color);
  border-top-right-radius: 0;
}
.card-tabs.vertical .nav:not(.nav-underline) .nav-link.active {
  border-left-width: 5px;
  border-right-color: transparent !important;
}
.card-tabs.horizontal #tabspanel.nav-tabs .nav-link {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.card-tabs.horizontal #tabspanel.nav-tabs .nav-link:last-of-type {
  border-right-width: 1px;
}
.card-tabs.horizontal #tabspanel.nav-tabs .nav-link:last-of-type.active {
  border-right-color: var(--glpi-tabs-border-color) !important;
}
.card-tabs.horizontal #tabspanel.nav-tabs .nav-link.active {
  border-bottom-color: transparent !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
html:not([data-glpi-theme-dark="1"]) {
  @import "~tinymce/skins/ui/oxide/skin.css";
}

html[data-glpi-theme-dark="1"] {
  @import "~tinymce/skins/ui/oxide-dark/skin.css";
}

/* Tiny mce applied these styles to its toolbar but not to its content, we have to set them up manually */
.mce-content-readonly {
  opacity: 0.6;
  cursor: not-allowed;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.aspect-ratio-1 {
  aspect-ratio: 1;
}

.border-secondary-hover {
  border-color: transparent;
  transition: border-color 0.3s;
}
.border-secondary-hover:hover {
  border-color: var(--tblr-secondary);
}

.w-fit-content {
  width: fit-content !important;
}

.force-full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.border-dashed {
  border-style: dashed !important;
}

.d-flex-soft {
  display: flex;
}

.fs-2x {
  font-size: 2em !important;
}

.fs-3x {
  font-size: 3em !important;
}

.fs-5x {
  font-size: 5em !important;
}

.opacity-100-hover:hover {
  opacity: 1 !important;
}

.min-height-110 {
  min-height: 110px;
}

.pointer-events-none {
  pointer-events: none;
}

.border-menu {
  border-color: var(--glpi-mainmenu-bg) !important;
}

.hover-no-shadow:hover {
  box-shadow: none !important;
}

.hover-bg:hover {
  background-color: var(--glpi-hover-bg) !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.creator .badge {
  background-color: var(--glpi-timeline-badge-bg);
  color: var(--glpi-timeline-badge-fg);
  display: inline-flex;
  font-size: 0.625rem;
  min-height: 1.25rem;
  height: auto;
  align-items: flex-start;
  vertical-align: middle;
  border: 1px solid transparent;
}
.creator .badge .badge {
  min-height: 100%;
  margin: -0.25rem -0.25rem -0.25rem 0.5rem;
}
.creator .badge .badge a {
  color: inherit;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.process-chart {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.process-chart .entry-point, .process-chart .end {
  display: flex;
  align-items: center;
  position: relative;
}
.process-chart .entry-point .icon-stack, .process-chart .end .icon-stack {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1.6em;
}
.process-chart .entry-point .icon-stack i, .process-chart .end .icon-stack i {
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.process-chart .entry-point .icon-stack i.sm-size, .process-chart .end .icon-stack i.sm-size {
  font-size: 0.6em;
}
.process-chart .entry-point, .process-chart .step {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
}
.process-chart .entry-point::after, .process-chart .step::after {
  content: "𐁨";
  font-family: tabler-icons, sans-serif;
  position: absolute;
  left: 50%;
  bottom: -10px;
  font-size: 24px;
  transform: translateX(-50%);
  color: var(--tblr-card-color);
}
.process-chart .entry-point:last-child::after, .process-chart .step:last-child::after {
  display: none;
}
.process-chart .entry-point .btn, .process-chart .step .btn {
  width: 390px;
}
.process-chart .entry-point .text-muted, .process-chart .step .text-muted {
  font-size: 0.9em;
  font-style: italic;
  text-wrap: wrap;
  margin: 0.3em 0;
}
.process-chart .entry-point .card, .process-chart .step .card {
  text-align: center;
}
.process-chart .entry-point .card h4, .process-chart .step .card h4 {
  margin-top: 15px;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.itil-footer {
  position: sticky;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .itil-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: var(--glpi-zindex-fixed);
  }
}
.itil-footer .answer-action:hover {
  font-weight: bold;
}
.itil-footer .action-task {
  background-color: var(--glpi-timeline-task-bg);
  color: var(--glpi-timeline-task-fg);
}
.itil-footer .action-solution {
  background-color: var(--glpi-timeline-solution-bg);
  color: var(--glpi-timeline-solution-fg);
}
.itil-footer .action-validation {
  background-color: var(--glpi-timeline-itil-content-bg);
  color: var(--glpi-timeline-itil-content-fg);
}
.itil-footer .action-document {
  background-color: var(--glpi-timeline-document-bg);
  color: var(--glpi-timeline-document-fg);
}
.itil-footer #debugajax {
  position: absolute;
  top: 10px;
  left: 50%;
}
.itil-footer .buttons-bar {
  background-color: var(--glpi-itil-secondary-bg);
}
.itil-footer .buttons-bar .form-buttons {
  background-color: inherit;
  border-left: 1px solid var(--tblr-border-color);
}
@media (max-width: 767.98px) {
  .itil-footer .buttons-bar .form-buttons {
    border-left: 0 !important;
  }
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.itil-object .status-recall {
  display: none;
}
@media (max-width: 991.98px) {
  .itil-object {
    margin-bottom: 55px;
  }
}
@media (min-width: 992px) {
  .itil-object {
    height: calc(100vh - 187px);
  }
  .itil-object .itil-left-side,
  .itil-object .itil-right-side {
    overflow-y: auto;
    transition: all 400ms ease;
  }
  .itil-object .itil-left-side {
    height: 100%;
    border-top: 0 !important;
    left: 0;
  }
  .itil-object .itil-right-side {
    height: calc(100% + 4px);
    position: relative;
    border: 0;
    border-left: 1px solid var(--tblr-border-color);
  }
  .itil-object .itil-right-side .accordion-item {
    background: none;
  }
  .itil-object .itil-right-side .accordion-item .accordion-button {
    background-color: var(--tblr-accordion-bg);
  }
  .itil-object .itil-right-side #heading-main-item .accordion-button.collapsed .status-recall {
    display: inline-block;
  }
  .itil-object .itil-right-side #heading-main-item .accordion-button.collapsed .item-icon {
    display: none;
  }
  .itil-object .itil-right-side .switch-panel-width {
    display: none;
  }
}
.itil-object .badge.itil-badge {
  white-space: normal;
  line-height: inherit;
  height: auto;
  text-align: left;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: left;
  gap: 0.5rem;
  text-transform: none;
  overflow: inherit;
}
.itil-object .badge.itil-badge .badge {
  text-transform: none;
  margin: calc(-0.25rem + 1px) -0.25rem;
}

@media (min-width: 992px) {
  #itil-object-container.right-expanded .itil-footer .collapse-panel {
    display: none;
  }
  #itil-object-container.right-collapsed .itil-left-side {
    width: calc(100% - 90px);
  }
  #itil-object-container.right-collapsed .itil-right-side {
    overflow: hidden;
    width: 90px;
  }
  #itil-object-container.right-collapsed .itil-right-side #itil-data .item-title {
    display: none;
  }
  #itil-object-container.right-collapsed .itil-right-side #itil-data .accordion-collapse {
    display: none;
  }
  #itil-object-container.right-collapsed .itil-right-side #itil-data .accordion-button::after {
    display: none;
  }
  #itil-object-container.right-collapsed .itil-right-side #itil-data .accordion-button .btn {
    display: none;
  }
  #itil-object-container.right-collapsed .itil-right-side .switch-panel-width {
    display: inline-block;
  }
  #itil-object-container.right-collapsed .itil-footer .timeline-buttons {
    flex: 1 1 auto;
  }
  #itil-object-container.right-collapsed .itil-footer .form-buttons {
    flex: inherit;
  }
  #itil-object-container.right-collapsed .itil-footer .switch-panel-width,
  #itil-object-container.right-collapsed .itil-footer .collapse-panel {
    display: none;
  }
}

@media (min-width: 992px) {
  .central.horizontal-layout .itil-object {
    height: calc(100vh - 257px);
  }
}

#itil-object-container ~ #debugajax {
  position: fixed;
  bottom: 10px;
  left: 45%;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.timeline-item {
  min-width: 65%;
}
.timeline-item .timeline-header {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
.timeline-item .timeline-header .timeline-item-buttons .is-private {
  color: var(--glpi-timeline-badge-fg);
}
.timeline-item .todo-list-state {
  display: inline-block !important;
  margin-top: 1.5rem;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
}
.timeline-item .todo-list-state .state {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.timeline-item .todo-list-state .state.state_0 {
  background-image: url("../pics/timeline/information.png");
}
.timeline-item .todo-list-state .state.state_1 {
  cursor: pointer;
  background-image: url("../pics/timeline/todo.png");
}
.timeline-item .todo-list-state .state.state_2 {
  cursor: pointer;
  background-image: url("../pics/timeline/done.png");
}
@media (hover: hover) {
  .timeline-item .timeline-more-actions {
    visibility: hidden;
  }
  .timeline-item:hover .timeline-more-actions {
    visibility: visible;
  }
}
.timeline-item .timeline-content {
  position: relative;
  border-top-left-radius: 0;
  max-width: 820px;
  min-width: 100%;
  word-break: break-word;
}
@media (min-width: 576px) {
  .timeline-item .timeline-content::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: -14px;
    right: auto;
    top: -1px;
    bottom: auto;
    border: 7px dashed transparent;
  }
  .timeline-item .timeline-content::after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: -12px;
    right: auto;
    top: 0;
    bottom: auto;
    border: 6px dashed transparent;
  }
  .timeline-item .timeline-content.t-right {
    border-top-right-radius: 0;
  }
  .timeline-item .timeline-content.t-right::before {
    left: auto;
    right: -14px;
  }
  .timeline-item .timeline-content.t-right::after {
    left: auto;
    right: -12px;
  }
}
.timeline-item.private-item .timeline-content {
  border-style: dashed;
  border-width: 3px;
}
.timeline-item.private-item .timeline-content::before {
  top: -3px;
}
.timeline-item.private-item .timeline-content::after {
  left: -7px;
}
.timeline-item.private-item .timeline-content.t-right::after {
  left: auto;
  right: -7px;
}
.timeline-item:not(.private-item) .timeline-content {
  padding: 2px;
}
.timeline-item.ITILContent .timeline-content, .timeline-item.ITILValidation .timeline-content {
  background-color: var(--glpi-timeline-itil-content-bg);
  color: var(--glpi-timeline-itil-content-fg);
  border-color: var(--glpi-timeline-itil-content-border-color);
}
.timeline-item.ITILContent .timeline-content::before, .timeline-item.ITILValidation .timeline-content::before {
  border-color: var(--glpi-timeline-itil-content-border-color) var(--glpi-timeline-itil-content-border-color) transparent transparent;
}
.timeline-item.ITILContent .timeline-content::after, .timeline-item.ITILValidation .timeline-content::after {
  border-color: var(--glpi-timeline-itil-content-bg) var(--glpi-timeline-itil-content-bg) transparent transparent;
}
.timeline-item.ITILContent .timeline-content.t-right::before, .timeline-item.ITILValidation .timeline-content.t-right::before {
  border-color: var(--glpi-timeline-itil-content-border-color) transparent transparent var(--glpi-timeline-itil-content-border-color);
}
.timeline-item.ITILContent .timeline-content.t-right::after, .timeline-item.ITILValidation .timeline-content.t-right::after {
  border-color: var(--glpi-timeline-itil-content-bg) transparent transparent var(--glpi-timeline-itil-content-bg);
}
.timeline-item.ITILFollowup .timeline-content, .timeline-item.KnowbaseItemComment .timeline-content {
  background-color: var(--glpi-timeline-fup-bg);
  color: var(--glpi-timeline-fup-fg);
  border-color: var(--glpi-timeline-fup-border-color);
  background-image: url("../pics/timeline/followup.png");
  background-repeat: no-repeat;
}
.timeline-item.ITILFollowup .timeline-content::before, .timeline-item.KnowbaseItemComment .timeline-content::before {
  border-color: var(--glpi-timeline-fup-border-color) var(--glpi-timeline-fup-border-color) transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content::after, .timeline-item.KnowbaseItemComment .timeline-content::after {
  border-color: var(--glpi-timeline-fup-bg) var(--glpi-timeline-fup-bg) transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content.t-right::before, .timeline-item.KnowbaseItemComment .timeline-content.t-right::before {
  border-color: var(--glpi-timeline-fup-border-color) transparent transparent var(--glpi-timeline-fup-border-color);
}
.timeline-item.ITILFollowup .timeline-content.t-right::after, .timeline-item.KnowbaseItemComment .timeline-content.t-right::after {
  border-color: var(--glpi-timeline-fup-bg) transparent transparent var(--glpi-timeline-fup-bg);
}
.timeline-item.ITILTask .timeline-content {
  background-color: var(--glpi-timeline-task-bg);
  color: var(--glpi-timeline-task-fg);
  border-color: var(--glpi-timeline-task-border-color);
  background-image: url("../pics/timeline/task.png");
  background-repeat: no-repeat;
}
.timeline-item.ITILTask .timeline-content::before {
  border-color: var(--glpi-timeline-task-border-color) var(--glpi-timeline-task-border-color) transparent transparent;
}
.timeline-item.ITILTask .timeline-content::after {
  border-color: var(--glpi-timeline-task-bg) var(--glpi-timeline-task-bg) transparent transparent;
}
.timeline-item.ITILTask .timeline-content.t-right::before {
  border-color: var(--glpi-timeline-task-border-color) transparent transparent var(--glpi-timeline-task-border-color);
}
.timeline-item.ITILTask .timeline-content.t-right::after {
  border-color: var(--glpi-timeline-task-bg) transparent transparent var(--glpi-timeline-task-bg);
}
.timeline-item.ITILSolution .timeline-content {
  background-color: var(--glpi-timeline-solution-bg);
  color: var(--glpi-timeline-solution-fg);
  border-color: var(--glpi-timeline-solution-border-color);
  border-left: 1em transparent solid;
}
.timeline-item.ITILSolution .timeline-content .solimg {
  position: absolute;
  color: rgba(66, 91, 100, 0.1);
  pointer-events: none;
}
.timeline-item.ITILSolution .timeline-content::before {
  border-color: var(--glpi-timeline-solution-border-color) var(--glpi-timeline-solution-border-color) transparent transparent;
}
.timeline-item.ITILSolution .timeline-content::after {
  border-color: var(--glpi-timeline-solution-bg) var(--glpi-timeline-solution-bg) transparent transparent;
}
.timeline-item.ITILSolution .timeline-content.t-right::before {
  border-color: var(--glpi-timeline-solution-border-color) transparent transparent var(--glpi-timeline-solution-border-color);
}
.timeline-item.ITILSolution .timeline-content.t-right::after {
  border-color: var(--glpi-timeline-solution-bg) transparent transparent var(--glpi-timeline-solution-bg);
}
.timeline-item.ITILValidation .timeline-content.waiting, .timeline-item.ITILSolution .timeline-content.waiting {
  border-left-color: rgb(221, 157, 39);
}
.timeline-item.ITILValidation .timeline-content.accepted, .timeline-item.ITILSolution .timeline-content.accepted {
  border-left: 1em rgb(52, 143, 52) solid;
}
.timeline-item.ITILValidation .timeline-content.refused, .timeline-item.ITILSolution .timeline-content.refused {
  border-left: 1em rgb(226, 80, 80) solid;
}
.timeline-item.Document_Item .timeline-content {
  border: 0;
  box-shadow: none;
}
.timeline-item.Document_Item#new-Document_Item-block .timeline-content {
  border: 1px solid var(--glpi-timeline-document-border-color);
  box-shadow: inherit;
  color: var(--glpi-timeline-document-fg);
}
.timeline-item.Log, .timeline-item.ITILReminder {
  width: 100%;
}
.timeline-item.Log .user-part, .timeline-item.ITILReminder .user-part {
  display: none !important;
}
.timeline-item.Log .content-part, .timeline-item.ITILReminder .content-part {
  flex-direction: row-reverse !important;
  justify-content: flex-end;
  margin-left: 75px;
  margin-right: 83px;
}
.timeline-item.Log .content-part .timeline-content, .timeline-item.ITILReminder .content-part .timeline-content {
  border: 0;
  box-shadow: none;
  margin-top: 0 !important;
  flex-grow: 0 !important;
  background: transparent;
}
.timeline-item.Log .content-part .timeline-content .card-body, .timeline-item.ITILReminder .content-part .timeline-content .card-body {
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
}
.timeline-item.Log .content-part .timeline-content .card-body .timeline-header, .timeline-item.ITILReminder .content-part .timeline-content .card-body .timeline-header {
  margin-left: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
.timeline-item.Log .content-part .user_link, .timeline-item.ITILReminder .content-part .user_link {
  display: none !important;
}
.timeline-item.Log .content-part .itil-date-creation, .timeline-item.ITILReminder .content-part .itil-date-creation {
  margin-left: 1rem !important;
}
.timeline-item .timeline-badges {
  margin-bottom: -0.75rem;
}
.timeline-item .timeline-badges .badge {
  display: inline-flex;
  font-size: 0.625rem;
  min-height: 1.25rem;
  height: auto;
  align-items: flex-start;
  vertical-align: middle;
  border: 1px solid transparent;
  display: inline-block;
}
.timeline-item .timeline-badges .badge .badge {
  min-height: 100%;
  margin: -0.25rem -0.25rem -0.25rem 0.5rem;
}
.timeline-item .timeline-badges .badge .badge a {
  color: inherit;
}
.timeline-item .sub-documents {
  max-width: 820px;
  min-width: 100%;
}
.timeline-item .sub-documents .pswp-horizontal-gallery {
  flex-wrap: wrap;
}

#new-itilobject-form {
  width: 100%;
}
#new-itilobject-form .timeline-item.ITILSolution .timeline-content {
  border-left: 1px solid transparent;
}

.filter-timeline-popover .form-check .form-check-input:checked {
  background-color: var(--glpi-timeline-fup-bg);
  border-color: var(--glpi-timeline-fup-border-color);
}
.filter-timeline-popover .form-check.ITILContent .form-check-input:checked, .filter-timeline-popover .form-check.ITILValidation .form-check-input:checked {
  background-color: var(--glpi-timeline-itil-content-bg);
  border-color: var(--glpi-timeline-itil-content-border-color);
}
.filter-timeline-popover .form-check.ITILTask .form-check-input:checked {
  background-color: var(--glpi-timeline-task-bg);
  border-color: var(--glpi-timeline-task-border-color);
}
.filter-timeline-popover .form-check.ITILSolution .form-check-input:checked {
  background-color: var(--glpi-timeline-solution-bg);
  border-color: var(--glpi-timeline-solution-border-color);
}

.timeline-todo-list .itil-left-side {
  padding-right: 0.4rem !important;
  transition: none;
}
.timeline-todo-list .itil-left-side .timeline-item {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 99.9%;
  transition: all 200ms ease;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILContent, .timeline-todo-list .itil-left-side .timeline-item.ITILSolution, .timeline-todo-list .itil-left-side .timeline-item.ITILFollowup, .timeline-todo-list .itil-left-side .timeline-item.ITILTask.info, .timeline-todo-list .itil-left-side .timeline-item.Document_Item, .timeline-todo-list .itil-left-side .timeline-item.Log, .timeline-todo-list .itil-left-side .timeline-item.KnowbaseItemComment, .timeline-todo-list .itil-left-side .timeline-item.ITILReminder {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item.tasks-title {
  order: 1;
  display: block !important;
}
.timeline-todo-list .itil-left-side .timeline-item.timeline_stats {
  order: 2;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILTask {
  order: 3;
}
.timeline-todo-list .itil-left-side .timeline-item.validations-title {
  order: 4;
  display: block !important;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) {
  order: 5;
  padding-left: 23px;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) ~ .ITILValidation {
  margin-top: 0;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded).validation-answer, .timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded).validation-accepted, .timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded).validation-refused {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) hr,
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) .comment-part,
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) .validation-label {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) .validation-footer {
  position: absolute;
  left: -45px;
  display: none;
  flex-direction: column;
  top: 3px;
  width: 30px;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) .validation-footer .btn {
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
  margin-bottom: 0.3rem;
}
.timeline-todo-list .itil-left-side .timeline-item.ITILValidation:not(.expanded) .validation-footer .btn:not(:hover) {
  border-color: transparent;
}
.timeline-todo-list .itil-left-side .timeline-item:hover.ITILValidation .validation-footer {
  display: flex;
}
.timeline-todo-list .itil-left-side .timeline-item .todo-list-state {
  margin-top: 0.8rem;
  order: inherit !important;
  margin-left: 0.5rem !important;
}
.timeline-todo-list .itil-left-side .timeline-item .creator,
.timeline-todo-list .itil-left-side .timeline-item .user-part {
  display: none !important;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part {
  flex-direction: row-reverse !important;
  flex-wrap: wrap;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-item-buttons {
  flex-direction: column;
  margin-top: 1rem;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-item-buttons .is-private {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content {
  border-radius: 0;
  max-width: initial;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body {
  padding: 0.5rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .timeline-header {
  margin-bottom: 0;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .timeline-header .timeline-item-buttons {
  margin-top: 0;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .read-only-content .state {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .read-only-content .text-content {
  max-height: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .read-only-content.done {
  text-decoration: line-through;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content .card-body .read-only-content .timeline-badges {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content::before, .timeline-todo-list .itil-left-side .timeline-item .content-part .timeline-content::after {
  display: none;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .sub-documents {
  width: 100%;
}
.timeline-todo-list .itil-left-side .timeline-item .content-part .sub-documents .list-group-item {
  width: max-content;
}
.timeline-todo-list .main-actions,
.timeline-todo-list .open-timeline-filter-popover {
  display: none;
}
.timeline-todo-list .timeline_stats,
.timeline-todo-list .todo-list-tooltip {
  display: block;
}

.timeline_stats,
.todo-list-tooltip {
  display: none;
}

ul.legacy-timeline-actions {
  padding-left: 5px;
  list-style: none;
  display: inline-flex;
  margin-bottom: 0;
  position: relative;
  top: -3px;
}
ul.legacy-timeline-actions li {
  display: inline;
  margin-left: 5px;
  border-radius: 5px;
  padding: 5px;
}
ul.legacy-timeline-actions li i {
  padding-right: 1em;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.actor-field.select2-selection .select2-selection__rendered {
  direction: ltr;
}

.actor_entry .edit-notify-user {
  margin-top: -0.15rem;
}
.actor_entry .assign_infos a {
  color: inherit;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.dates_timelines {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
}
.dates_timelines ul {
  position: relative;
}
.dates_timelines ul::before {
  content: "";
  position: absolute;
  top: 23px;
  bottom: 23px;
  left: 170.4px;
  width: 3px;
  background-color: #a8a8a8;
}
.dates_timelines li {
  margin: 35px 0;
  display: block;
}
.dates_timelines time {
  height: 30px;
  position: absolute;
  left: 0;
  text-align: right;
  width: 145px;
  color: #999;
}
.dates_timelines .dot {
  position: absolute;
  left: 160px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #696969;
  box-sizing: content-box;
  text-align: center;
  line-height: 20px;
}
.dates_timelines .dot::before {
  color: #929292;
  font: var(--fa-font-solid);
}
.dates_timelines .now {
  font-weight: bold;
  color: inherit !important;
}
.dates_timelines .now time {
  font-weight: bold;
  color: inherit !important;
}
.dates_timelines .now .dot {
  background-color: #49baf6;
  border-color: #4a9bc5;
}
.dates_timelines .creation .dot {
  border: 0;
  font-size: 15px;
  height: 18px;
  left: 162px;
  line-height: 18px;
}
.dates_timelines .creation .dot::before {
  content: "*";
}
.dates_timelines .passed time,
.dates_timelines .passed label {
  border-color: #ff0014;
  color: #ff0014;
}
.dates_timelines .passed .dot {
  border-color: #ff0014;
  color: #ff0014;
}
.dates_timelines .passed .dot::before {
  content: "!";
  color: #e54e5a;
}
.dates_timelines .checked .dot::before {
  content: "\f00c";
}
.dates_timelines .end .dot {
  border: 0;
  font-size: 15px;
  left: 163px;
}
.dates_timelines .end .dot::before {
  content: "\f024";
}
.dates_timelines label {
  position: absolute;
  left: 190px;
  text-align: right;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.itilstatus,
.validationstatus {
  --status-color: inherit;
  color: var(--status-color);
}
.itilstatus.assigned, .itilstatus.new,
.validationstatus.assigned,
.validationstatus.new {
  --status-color: #49bf4d;
}
.itilstatus.accepted,
.validationstatus.accepted {
  --status-color: green;
}
.itilstatus.refused,
.validationstatus.refused {
  --status-color: rgb(167, 47, 0);
}
.itilstatus.test, .itilstatus.qualif, .itilstatus.waiting,
.validationstatus.test,
.validationstatus.qualif,
.validationstatus.waiting {
  --status-color: orange;
}
.itilstatus.approval,
.validationstatus.approval {
  --status-color: #8cabdb;
}
.itilstatus.eval,
.validationstatus.eval {
  --status-color: lightblue;
}
.itilstatus.closed, .itilstatus.solved, .itilstatus.observe, .itilstatus.canceled,
.validationstatus.closed,
.validationstatus.solved,
.validationstatus.observe,
.validationstatus.canceled {
  --status-color: black;
}
.itilstatus.planned,
.validationstatus.planned {
  --status-color: #1b2f62;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.dropdowns-list .accordion-item {
  background-color: transparent;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.form-check-input[name=as_map]:checked {
  background-color: var(--tblr-info);
}

.form-check-input[name=is_deleted]:checked {
  background-color: var(--tblr-danger);
}

.search-no-forced-height .search-container {
  height: unset !important;
}

@media (min-width: 992px) {
  .search_page {
    display: flex;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .search_page .search-container {
    overflow: auto;
    height: calc(100vh - var(--glpi-contextbar-height) - var(--glpi-content-margin));
    padding: 0;
    margin-left: calc(var(--tblr-gutter-x) / 2);
    margin-right: calc(var(--tblr-gutter-x) / 2);
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .search_page .search-container .dashboard-card {
    position: sticky;
    left: 0;
  }
}
@media (min-width: 992px) {
  .search_page .search-container.disable-overflow-y {
    height: auto;
  }
}
@media (min-width: 992px) {
  .search_page .search-container .search-form-container {
    position: sticky;
    left: 0;
  }
}
.search_page .search-container .search-form-container .search-form, .search_page .search-container .search-form-container .sort-container {
  background-color: var(--glpi-search-bg);
  color: var(--glpi-search-fg);
  border-color: var(--glpi-search-border-color);
  max-height: 60vh;
  overflow-y: auto;
}
.search_page .search-container .search-form-container .search-form .select2-container, .search_page .search-container .search-form-container .sort-container .select2-container {
  min-width: 58px;
}
.search_page .search-container .search-form-container .search-form .sub_criteria, .search_page .search-container .search-form-container .sort-container .sub_criteria {
  background-color: color-mix(in srgb, var(--glpi-search-bg), black 1%);
}
.search_page .search-container .search-form-container .search-form .search_actions, .search_page .search-container .search-form-container .search-form .sort_actions, .search_page .search-container .search-form-container .sort-container .search_actions, .search_page .search-container .search-form-container .sort-container .sort_actions {
  position: sticky;
  bottom: 0;
}
.search_page .search-container .search-card {
  display: grid;
  min-width: 100%;
  width: fit-content;
}
.search_page .search-container .search-card .massiveactions-control {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  z-index: 1022 !important;
}
.search_page .search-container .search-card .search-header {
  grid-column: 1;
  grid-row: 1;
  height: 45px;
  border-bottom: 0;
  position: sticky;
  top: -1px;
  left: 0;
  background-color: inherit;
  border-radius: var(--tblr-border-radius);
  z-index: 1021;
}
.search_page .search-container .search-card .search-header .search-controls {
  width: 100%;
}
.search_page .search-container .search-card .search-header .search-controls .primary-controls {
  position: sticky;
  left: 18px;
}
.search_page .search-container .search-card .search-header .search-controls .btn-active-search {
  background-color: #cff5d1;
  color: rgb(77, 77, 77);
}
.search_page .search-container .search-card .search-header .search-controls .btn-active-sort {
  background-color: #ffe0cc;
  color: rgb(77, 77, 77);
}
.search_page .search-container .search-card .search-header .search-controls .secondary-controls {
  position: sticky;
  right: 23px;
}
@media (max-width: 991.98px) {
  .search_page .search-container .search-card .search-header .search-controls .secondary-controls {
    right: 0;
  }
}
@media (max-width: 991.98px) {
  .search_page .search-container .search-card .table-responsive-lg {
    max-width: calc(100vw - 2rem);
  }
}
.search_page .search-container .search-card .search-results {
  border-collapse: separate;
  border-spacing: 0;
}
.search_page .search-container .search-card .search-results a {
  font-weight: 500;
}
.search_page .search-container .search-card .search-results hr {
  margin: 10px 0;
}
@media (min-width: 992px) {
  .search_page .search-container .search-card .search-results thead:first-child th {
    z-index: 1020;
    position: sticky;
    top: 44px;
    border: 1px solid var(--tblr-border-color);
    border-left: 0;
    border-right: 0;
    min-width: max-content;
    vertical-align: top;
  }
}
@media (max-width: 1899.98px) {
  .search_page .search-container .search-card .search-results {
    font-size: 0.75rem;
  }
  .search_page .search-container .search-card .search-results > :not(caption) > * > * {
    padding: 0.25rem;
  }
}
.search_page .search-container .search-card .search-results.deleted-results {
  color: rgb(56, 13, 13);
}
.search_page .search-container .search-card .search-footer {
  position: sticky;
  bottom: 0;
}
@media (min-width: 992px) {
  .search_page .search-container .search-card .search-footer .search-pager .search-limit {
    position: sticky;
    left: 22px;
  }
  .search_page .search-container .search-card .search-footer .search-pager .page-infos {
    position: sticky;
    left: 250px;
    right: 270px;
  }
  .search_page .search-container .search-card .search-footer .search-pager .pagination {
    position: sticky;
    right: 22px;
  }
}
.search_page .search-container div.spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(128, 128, 128, 0.2);
  z-index: 20;
}
.search_page .search-container div.spinner-overlay div.spinner-border {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  border-width: 4px;
}

@media (min-width: 992px) {
  body.horizontal-layout .search_page:not(.search_page_global) .search-container {
    height: calc(100vh - var(--glpi-topbar-height) - var(--glpi-contextbar-height) - var(--glpi-content-margin));
  }
}
@media (min-width: 992px) {
  body.horizontal-layout .search_page_global {
    height: calc(100vh - var(--glpi-topbar-height) - var(--glpi-contextbar-height) - var(--glpi-content-margin));
  }
}

.badge_block {
  white-space: nowrap;
  border: 1px solid transparent;
  padding-right: 6px;
  border-radius: 2px;
  display: flex;
}
.badge_block span {
  width: 20px;
}

table.search-results thead th[data-searchopt-id][data-nosort] {
  vertical-align: bottom !important;
}
table.search-results thead th[data-searchopt-id]:not([data-searchopt-id=""], [data-nosort]) {
  cursor: pointer;
}
table.search-results thead th[data-searchopt-id]:not([data-searchopt-id=""], [data-nosort]) .sort-indicator {
  vertical-align: super;
  font-size: 1.2em;
  white-space: nowrap;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
textarea:not(.form-control), input:not(.submit):not(.form-control):not([type=submit]):not([type=color]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not(.numInput):not(.tox-textfield) {
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
  background-clip: padding-box;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
}
textarea:not(.form-control):focus, input:not(.submit):not(.form-control):not([type=submit]):not([type=color]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not(.numInput):not(.tox-textfield):focus {
  border-color: color-mix(in srgb, var(--tblr-primary), white 50%);
}
textarea:not(.form-control):required:not(:valid), input:not(.submit):not(.form-control):not([type=submit]):not([type=color]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not(.numInput):not(.tox-textfield):required:not(:valid) {
  border: 1px rgba(255, 0, 0, 0.6) solid !important;
  border-left-width: 3px !important;
}

select:not(.form-select) {
  font-size: 1rem;
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='var(--tblr-gray-800)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  appearance: none;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
}
select:not(.form-select):focus {
  border-color: color-mix(in srgb, var(--tblr-primary), white 50%);
  outline: 0;
}
select:not(.form-select)[multiple], select:not(.form-select)[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
select:not(.form-select):disabled {
  background-color: var(--tblr-secondary-bg);
}

input.submit,
.vsubmit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  background-color: var(--tblr-primary);
  color: var(--tblr-primary-fg);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: 4px;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
}
input.submit:hover,
.vsubmit:hover {
  background: color-mix(in srgb, var(--tblr-primary), black 10%);
  border-color: var(--tblr-primary);
}
input.submit.disabled,
.vsubmit.disabled {
  cursor: not-allowed;
}
input.submit:focus:not([disabled]):not(.disabled),
.vsubmit:focus:not([disabled]):not(.disabled) {
  border-color: var(--tblr-primary);
}

.form-control.warn {
  border-color: rgb(255, 0, 0) !important;
  background-color: rgba(255, 0, 0, 0.1) !important;
}

.form-control.not_expired {
  border-color: #a1cf66 !important;
  background-color: rgba(6, 255, 0, 0.1) !important;
}

.form-control.soon_expired {
  border-color: #de5d06 !important;
  background-color: rgba(255, 184, 0, 0.1) !important;
}

.form-control.expired {
  border-color: #d63939 !important;
  background-color: rgba(255, 0, 0, 0.1) !important;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/* ################--------------- GLPI CSS style   ---------------#################### */
.qtip {
  max-width: none;
}
.qtip .qtip-titlebar {
  background-color: var(--tblr-bg-surface);
  border-bottom: 1px solid var(--tblr-border-color);
}
.qtip .qtip-titlebar .ui-icon {
  color: var(--tblr-body-color);
}
.qtip .qtip-titlebar .ui-icon:hover {
  color: var(--tblr-body-color);
}
.qtip .qtip-content {
  max-height: 250px;
  max-width: 400px;
  overflow: auto;
}

/* Apply legacy styles to main content (#page) and elements that are inserted directly in body (modals, tooltips, ...) */
#page, .qtip, .modal .modal-body {
  /* ################--------------- Tabs ---------------#################### */
  /* ################--------------- form ---------------#################### */
  /* ################--------------- Layout  ---------------#################### */
  /* ################--------------- Table  ---------------#################### */
  /* Table Hover Effects */
  /* ################--------------- Pager  ---------------#################### */
  /* ################--------------- User Picture ---------------#################### */
  /* ################--------------- Espacement des blocs ---------------#################### */
  /* ################--------------- Calendrier  / reservation ---------------#################### */
  /* ################--------------- Knowledge FAQ  ---------------#################### */
  /* ################--------------- Notepad  ---------------#################### */
  /* ################--------------- DB Slave---------------#################### */
  /* ################--------------- Debug  ---------------#################### */
  /** QUEUEMAIL **/
  /** Badges */
  /** End badges */
  /* Primary color elements (white on blue BG) designed to be overridden from palettes */
  /** Fixes for Font Awesome 5 icons not showing at all or
  with incorrect shading in some cases */
  /** Custom CSS form */
  /** objectlock message */
  /* Styles for update page */
  /* /Styles for update page */
  /* Flex horizontal forms */
  /** style for relations **/
  /** /style for relations **/
  /** charts styles fix **/
}
#page img, .qtip img, .modal .modal-body img {
  border: 0;
}
#page .big, .qtip .big, .modal .modal-body .big {
  font-size: 14px;
}
#page .b, .qtip .b, .modal .modal-body .b {
  font-weight: 600;
}
#page .center, .qtip .center, .modal .modal-body .center {
  text-align: center;
}
#page .left, .qtip .left, .modal .modal-body .left {
  text-align: left;
}
#page .right, .qtip .right, .modal .modal-body .right {
  text-align: right !important;
}
#page .center-h, .qtip .center-h, .modal .modal-body .center-h {
  margin: auto;
}
#page .middle, .qtip .middle, .modal .modal-body .middle {
  vertical-align: middle;
}
#page .top, .qtip .top, .modal .modal-body .top {
  vertical-align: top;
}
#page .relative, .qtip .relative, .modal .modal-body .relative {
  position: relative;
}
#page .red, .qtip .red, .modal .modal-body .red {
  color: red;
}
#page .blue, .qtip .blue, .modal .modal-body .blue {
  color: blue;
}
#page .green, .qtip .green, .modal .modal-body .green {
  color: green;
}
#page .yellow, .qtip .yellow, .modal .modal-body .yellow {
  color: yellow;
}
#page .deleted, .qtip .deleted, .modal .modal-body .deleted {
  background-color: #cf9b9b;
}
#page a.target-deleted, .qtip a.target-deleted, .modal .modal-body a.target-deleted {
  text-decoration: line-through;
}
#page .pointer, .qtip .pointer, .modal .modal-body .pointer {
  cursor: pointer;
}
#page .grab, .qtip .grab, .modal .modal-body .grab {
  cursor: grab;
}
#page .invisible, #page .tooltip-invisible, .qtip .invisible, .qtip .tooltip-invisible, .modal .modal-body .invisible, .modal .modal-body .tooltip-invisible {
  display: none;
}
#page .tab_cadre_fixe .select2-container .select2-selection.select2-selection--single, .qtip .tab_cadre_fixe .select2-container .select2-selection.select2-selection--single, .modal .modal-body .tab_cadre_fixe .select2-container .select2-selection.select2-selection--single {
  max-width: 270px;
}
#page .alltab, .qtip .alltab, .modal .modal-body .alltab {
  font-size: 14px;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}
#page .tox-tinymce.required, .qtip .tox-tinymce.required, .modal .modal-body .tox-tinymce.required {
  border: 1px rgba(255, 0, 0, 0.6) solid !important;
  border-left-width: 3px !important;
}
#page span.required, .qtip span.required, .modal .modal-body span.required {
  color: red;
  margin-left: 0.2em;
}
#page .no-wrap, .qtip .no-wrap, .modal .modal-body .no-wrap {
  white-space: nowrap;
}
#page .subheader .box, .qtip .subheader .box, .modal .modal-body .subheader .box {
  background-color: #D0D0D0;
  border: 0;
}
#page input[type=image], .qtip input[type=image], .modal .modal-body input[type=image] {
  height: auto;
  background-color: transparent;
  border: 0;
}
#page .submit[type=reset], .qtip .submit[type=reset], .modal .modal-body .submit[type=reset] {
  background-color: transparent;
  margin-left: 0.5em;
}
#page .pointer:not(.nav-link), .qtip .pointer:not(.nav-link), .modal .modal-body .pointer:not(.nav-link) {
  opacity: 0.7;
}
#page .pointer:hover, .qtip .pointer:hover, .modal .modal-body .pointer:hover {
  opacity: 1;
}
#page .pointer.disabled, .qtip .pointer.disabled, .modal .modal-body .pointer.disabled {
  opacity: 0.3;
}
#page .pointer.disabled:hover, .qtip .pointer.disabled:hover, .modal .modal-body .pointer.disabled:hover {
  opacity: 0.3;
}
#page .protected, .qtip .protected, .modal .modal-body .protected {
  padding-right: 50px;
}
#page .headerRow th > .fa, #page .headerRow th > .far, #page .headerRow th > .fa-regular, #page .headerRow th > .fas, #page .headerRow th > .fa-solid, #page .headerRow th > button, .qtip .headerRow th > .fa, .qtip .headerRow th > .far, .qtip .headerRow th > .fa-regular, .qtip .headerRow th > .fas, .qtip .headerRow th > .fa-solid, .qtip .headerRow th > button, .modal .modal-body .headerRow th > .fa, .modal .modal-body .headerRow th > .far, .modal .modal-body .headerRow th > .fa-regular, .modal .modal-body .headerRow th > .fas, .modal .modal-body .headerRow th > .fa-solid, .modal .modal-body .headerRow th > button {
  margin-left: 8px;
  vertical-align: middle;
}
#page .tab_cadre,
#page .tab_cadre_fixehov,
#page .tab_cadre th, #page .tab_cadre_fixe th, #page .tab_cadre_fixehov th, #page h2.header, .qtip .tab_cadre,
.qtip .tab_cadre_fixehov,
.qtip .tab_cadre th, .qtip .tab_cadre_fixe th, .qtip .tab_cadre_fixehov th, .qtip h2.header, .modal .modal-body .tab_cadre,
.modal .modal-body .tab_cadre_fixehov,
.modal .modal-body .tab_cadre th, .modal .modal-body .tab_cadre_fixe th, .modal .modal-body .tab_cadre_fixehov th, .modal .modal-body h2.header {
  background-color: var(--tblr-bg-surface);
  color: var(--tblr-body-color);
}
#page .tab_glpi, .qtip .tab_glpi, .modal .modal-body .tab_glpi {
  margin: 0 auto;
}
#page .tab_cadre, .qtip .tab_cadre, .modal .modal-body .tab_cadre {
  margin: 0 auto;
  z-index: 1;
  text-align: left;
  border-spacing: 0;
}
#page .tab_cadre_central, .qtip .tab_cadre_central, .modal .modal-body .tab_cadre_central {
  margin: 0 auto;
  z-index: 1;
  text-align: left;
  width: 90%;
}
#page .tab_cadre_fixe, .qtip .tab_cadre_fixe, .modal .modal-body .tab_cadre_fixe {
  margin: 0px auto 5px auto;
  z-index: 1;
  text-align: left;
  width: 100%;
  border-spacing: 0;
}
#page .tab_cadre_fixehov, .qtip .tab_cadre_fixehov, .modal .modal-body .tab_cadre_fixehov {
  margin: 0px auto 5px auto;
  z-index: 1;
  text-align: left;
  width: 100%;
  border-spacing: 0;
}
#page .tab_cadre_fixe img, .qtip .tab_cadre_fixe img, .modal .modal-body .tab_cadre_fixe img {
  vertical-align: middle;
}
#page .tab_cadre th, #page .tab_cadre_fixe th, #page .tab_cadre_fixehov th, #page h2.header, .qtip .tab_cadre th, .qtip .tab_cadre_fixe th, .qtip .tab_cadre_fixehov th, .qtip h2.header, .modal .modal-body .tab_cadre th, .modal .modal-body .tab_cadre_fixe th, .modal .modal-body .tab_cadre_fixehov th, .modal .modal-body h2.header {
  font-weight: bold;
  border-radius: 0;
  margin: 0;
  font-size: 1.1em;
  padding: 10px 5px;
}
#page .tab_cadre_fixehov th, .qtip .tab_cadre_fixehov th, .modal .modal-body .tab_cadre_fixehov th {
  background-color: #F8F8F8;
  color: #2E2E2E;
  border-bottom: 1px solid var(--tblr-border-color);
}
#page .tab_cadre_fixehov td, .qtip .tab_cadre_fixehov td, .modal .modal-body .tab_cadre_fixehov td {
  padding: 8px 5px;
}
#page .tab_cadre td, #page .tab_cadre_fixe td, .qtip .tab_cadre td, .qtip .tab_cadre_fixe td, .modal .modal-body .tab_cadre td, .modal .modal-body .tab_cadre_fixe td {
  padding: 5px;
}
#page .tab_cadre td, #page .tab_cadre_fixehov td, .qtip .tab_cadre td, .qtip .tab_cadre_fixehov td, .modal .modal-body .tab_cadre td, .modal .modal-body .tab_cadre_fixehov td {
  border-bottom: 1px solid var(--tblr-border-color);
}
#page .tab_cadre_fixehov th.headHover,
#page .tab_cadre_fixehov td.columnHover,
#page .tab_cadre_fixehov tr.rowHover,
#page .tab_cadre_fixehov td.rowHover, .qtip .tab_cadre_fixehov th.headHover,
.qtip .tab_cadre_fixehov td.columnHover,
.qtip .tab_cadre_fixehov tr.rowHover,
.qtip .tab_cadre_fixehov td.rowHover, .modal .modal-body .tab_cadre_fixehov th.headHover,
.modal .modal-body .tab_cadre_fixehov td.columnHover,
.modal .modal-body .tab_cadre_fixehov tr.rowHover,
.modal .modal-body .tab_cadre_fixehov td.rowHover {
  background-color: #F3F3F3;
}
#page .tab_format, .qtip .tab_format, .modal .modal-body .tab_format {
  padding: 0px;
  width: 100%;
  margin: 0px;
  border: 0px;
  border-collapse: collapse;
}
#page .tab_format td, .qtip .tab_format td, .modal .modal-body .tab_format td {
  padding: 1px;
  margin: 0px;
}
#page .tab_bg_1_2, .qtip .tab_bg_1_2, .modal .modal-body .tab_bg_1_2 {
  background-color: #cf9b9b;
  color: var(--tblr-dark);
}
#page .tab_bg_2_2, .qtip .tab_bg_2_2, .modal .modal-body .tab_bg_2_2 {
  background-color: #cf9b9b;
  color: var(--tblr-dark);
}
#page .tab_date, .qtip .tab_date, .modal .modal-body .tab_date {
  white-space: nowrap;
}
#page .central, .qtip .central, .modal .modal-body .central {
  padding-top: 15px;
  width: 100%;
}
#page .central table, .qtip .central table, .modal .modal-body .central table {
  margin-bottom: 5px;
}
#page .central .tab_cadre_fixehov th, .qtip .central .tab_cadre_fixehov th, .modal .modal-body .central .tab_cadre_fixehov th {
  background-color: #F1F0F0;
}
#page td.numeric, #page th.numeric, .qtip td.numeric, .qtip th.numeric, .modal .modal-body td.numeric, .modal .modal-body th.numeric {
  text-align: right;
}
#page td.subheader, #page th.subheader, .qtip td.subheader, .qtip th.subheader, .modal .modal-body td.subheader, .modal .modal-body th.subheader {
  background-color: var(--glpi-form-header-bg);
  color: var(--glpi-form-header-fg);
  text-align: center;
  font-weight: bold;
}
#page td.subheader.left, #page th.subheader.left, .qtip td.subheader.left, .qtip th.subheader.left, .modal .modal-body td.subheader.left, .modal .modal-body th.subheader.left {
  text-align: left !important;
}
#page .tab_cadre_pager, .qtip .tab_cadre_pager, .modal .modal-body .tab_cadre_pager {
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  border-collapse: collapse;
  margin-top: 15px;
}
#page .tab_cadre_pager tr, #page .tab_cadre_pager td, .qtip .tab_cadre_pager tr, .qtip .tab_cadre_pager td, .modal .modal-body .tab_cadre_pager tr, .modal .modal-body .tab_cadre_pager td {
  background-color: inherit;
}
#page .tab_cadre_pager select, #page .tab_cadre_pager span, #page .tab_cadre_pager form, .qtip .tab_cadre_pager select, .qtip .tab_cadre_pager span, .qtip .tab_cadre_pager form, .modal .modal-body .tab_cadre_pager select, .modal .modal-body .tab_cadre_pager span, .modal .modal-body .tab_cadre_pager form {
  font-size: 10px;
  margin: 0;
}
#page .tab_cadre_pager input, .qtip .tab_cadre_pager input, .modal .modal-body .tab_cadre_pager input {
  vertical-align: middle;
}
#page .tab_cadre_pager th, .qtip .tab_cadre_pager th, .modal .modal-body .tab_cadre_pager th {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
#page .navigationheader, #page div.objectlockmessage, .qtip .navigationheader, .qtip div.objectlockmessage, .qtip .modal .modal-body div.objectlockmessage, .modal .modal-body .qtip div.objectlockmessage, .modal .modal-body .navigationheader, .modal .modal-body .qtip div.objectlockmessage, .qtip .modal .modal-body div.objectlockmessage, .modal .modal-body div.objectlockmessage {
  padding: 7px 10px;
  display: flex;
}
#page .navigationheader form, #page div.objectlockmessage form, .qtip .navigationheader form, .qtip div.objectlockmessage form, .qtip .modal .modal-body div.objectlockmessage form, .modal .modal-body .qtip div.objectlockmessage form, .modal .modal-body .navigationheader form, .modal .modal-body .qtip div.objectlockmessage form, .qtip .modal .modal-body div.objectlockmessage form, .modal .modal-body div.objectlockmessage form {
  display: inline-block;
  margin-bottom: 0;
}
#page .navigationheader .center, #page div.objectlockmessage .center, .qtip .navigationheader .center, .qtip div.objectlockmessage .center, .qtip .modal .modal-body div.objectlockmessage .center, .modal .modal-body .qtip div.objectlockmessage .center, .modal .modal-body .navigationheader .center, .modal .modal-body .qtip div.objectlockmessage .center, .qtip .modal .modal-body div.objectlockmessage .center, .modal .modal-body div.objectlockmessage .center {
  margin: 0 auto;
}
#page .user_picture, .qtip .user_picture, .modal .modal-body .user_picture {
  margin: 0 auto;
  width: 230px;
  height: 230px;
  border-radius: 5px;
}
#page .user_picture_small, .qtip .user_picture_small, .modal .modal-body .user_picture_small {
  margin: 0 auto;
  width: 71px;
  height: 71px;
  border-radius: 5px;
}
#page .user_picture_verysmall, .qtip .user_picture_verysmall, .modal .modal-body .user_picture_verysmall {
  margin: 0 auto;
  width: 35px;
  height: 35px;
  border-radius: 5px;
}
#page img.picture_square, .qtip img.picture_square, .modal .modal-body img.picture_square {
  box-shadow: 0px 1px 1px #999;
}
#page .spaced, .qtip .spaced, .modal .modal-body .spaced {
  margin-bottom: 15px;
}
#page .firstbloc, .qtip .firstbloc, .modal .modal-body .firstbloc {
  margin: 10px 0 20px 0;
}
#page .slt, #page #refresh_planning, .qtip .slt, .qtip #refresh_planning, .modal .modal-body .slt, .modal .modal-body #refresh_planning {
  border: none;
  background: none;
  padding: 0;
  font-size: 1.2em !important;
}
#page .fc .fc-toolbar > * > *, .qtip .fc .fc-toolbar > * > *, .modal .modal-body .fc .fc-toolbar > * > * {
  float: none;
  display: inline-block;
}
#page #kbanswer h1:target, #page #kbanswer h2:target, #page #kbanswer h3:target, #page #kbanswer h4:target, #page #kbanswer h5:target, #page #kbanswer h6:target, .qtip #kbanswer h1:target, .qtip #kbanswer h2:target, .qtip #kbanswer h3:target, .qtip #kbanswer h4:target, .qtip #kbanswer h5:target, .qtip #kbanswer h6:target, .modal .modal-body #kbanswer h1:target, .modal .modal-body #kbanswer h2:target, .modal .modal-body #kbanswer h3:target, .modal .modal-body #kbanswer h4:target, .modal .modal-body #kbanswer h5:target, .modal .modal-body #kbanswer h6:target {
  background-color: #fff2a8;
}
#page #kbanswer h1 > a, #page #kbanswer h2 > a, #page #kbanswer h3 > a, #page #kbanswer h4 > a, #page #kbanswer h5 > a, #page #kbanswer h6 > a, .qtip #kbanswer h1 > a, .qtip #kbanswer h2 > a, .qtip #kbanswer h3 > a, .qtip #kbanswer h4 > a, .qtip #kbanswer h5 > a, .qtip #kbanswer h6 > a, .modal .modal-body #kbanswer h1 > a, .modal .modal-body #kbanswer h2 > a, .modal .modal-body #kbanswer h3 > a, .modal .modal-body #kbanswer h4 > a, .modal .modal-body #kbanswer h5 > a, .modal .modal-body #kbanswer h6 > a {
  line-height: 1;
  margin-left: -20px;
  padding-right: 4px;
}
#page #kbanswer h1 svg, #page #kbanswer h2 svg, #page #kbanswer h3 svg, #page #kbanswer h4 svg, #page #kbanswer h5 svg, #page #kbanswer h6 svg, .qtip #kbanswer h1 svg, .qtip #kbanswer h2 svg, .qtip #kbanswer h3 svg, .qtip #kbanswer h4 svg, .qtip #kbanswer h5 svg, .qtip #kbanswer h6 svg, .modal .modal-body #kbanswer h1 svg, .modal .modal-body #kbanswer h2 svg, .modal .modal-body #kbanswer h3 svg, .modal .modal-body #kbanswer h4 svg, .modal .modal-body #kbanswer h5 svg, .modal .modal-body #kbanswer h6 svg {
  visibility: hidden;
}
#page #kbanswer h1:hover svg, #page #kbanswer h2:hover svg, #page #kbanswer h3:hover svg, #page #kbanswer h4:hover svg, #page #kbanswer h5:hover svg, #page #kbanswer h6:hover svg, .qtip #kbanswer h1:hover svg, .qtip #kbanswer h2:hover svg, .qtip #kbanswer h3:hover svg, .qtip #kbanswer h4:hover svg, .qtip #kbanswer h5:hover svg, .qtip #kbanswer h6:hover svg, .modal .modal-body #kbanswer h1:hover svg, .modal .modal-body #kbanswer h2:hover svg, .modal .modal-body #kbanswer h3:hover svg, .modal .modal-body #kbanswer h4:hover svg, .modal .modal-body #kbanswer h5:hover svg, .modal .modal-body #kbanswer h6:hover svg {
  visibility: visible;
}
#page .kb, .qtip .kb, .modal .modal-body .kb {
  text-align: left;
  padding-top: 5px;
}
#page .kb_resume, .qtip .kb_resume, .modal .modal-body .kb_resume {
  text-align: left;
  font-size: 9px;
  line-height: 10px;
  clear: both;
  padding: 5px 0 10px 25px;
}
#page .tdkb, .qtip .tdkb, .modal .modal-body .tdkb {
  text-align: left;
  font-size: 10px;
  color: #aaaaaa;
}
#page .code, .qtip .code, .modal .modal-body .code {
  width: 95%;
  border: dotted 2px #ccc;
}
#page a.knowbase, .qtip a.knowbase, .modal .modal-body a.knowbase {
  margin-left: 8px;
}
#page .kb i.faq, .qtip .kb i.faq, .modal .modal-body .kb i.faq {
  color: #c9993C;
}
#page .kb i.not-published, .qtip .kb i.not-published, .modal .modal-body .kb i.not-published {
  color: #DD2F2A;
}
#page .faqadd_block, .qtip .faqadd_block, .modal .modal-body .faqadd_block {
  position: relative;
  display: inline-block;
  width: max-content;
}
#page .faqadd_block .display_faq_chkbox, .qtip .faqadd_block .display_faq_chkbox, .modal .modal-body .faqadd_block .display_faq_chkbox {
  display: none;
}
#page .faqadd_entries, .qtip .faqadd_entries, .modal .modal-body .faqadd_entries {
  background: white;
  border: 1px solid #CCC;
  box-shadow: 0px 1px 2px 1px #D2D2D2;
  position: absolute;
  padding: 5px;
  width: 420px;
  height: 40vh;
  right: -25px;
  z-index: 1000;
  margin-top: 20px;
  border-radius: 2px;
  display: none;
}
#page .faqadd_block .display_faq_chkbox:checked + .faqadd_entries, .qtip .faqadd_block .display_faq_chkbox:checked + .faqadd_entries, .modal .modal-body .faqadd_block .display_faq_chkbox:checked + .faqadd_entries {
  display: block;
}
#page .faqadd_entries:before, .qtip .faqadd_entries:before, .modal .modal-body .faqadd_entries:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 17.3px 10px;
  border-color: transparent transparent #CCC transparent;
  top: -18px;
  right: 25px;
  position: absolute;
}
#page .faqadd_entries:after, .qtip .faqadd_entries:after, .modal .modal-body .faqadd_entries:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 18.3px 10px;
  border-color: transparent transparent #ffffff transparent;
  top: -16px;
  right: 25px;
  position: absolute;
}
#page .faqadd_block_content, .qtip .faqadd_block_content, .modal .modal-body .faqadd_block_content {
  overflow: auto;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}
#page .faqadd_entries,
#page .faqadd_entries:hover, .qtip .faqadd_entries,
.qtip .faqadd_entries:hover, .modal .modal-body .faqadd_entries,
.modal .modal-body .faqadd_entries:hover {
  color: initial;
}
#page .faqadd_entries .tab_cadre_fixe, .qtip .faqadd_entries .tab_cadre_fixe, .modal .modal-body .faqadd_entries .tab_cadre_fixe {
  width: 100%;
  padding: 5px;
}
#page .boxnote, .qtip .boxnote, .modal .modal-body .boxnote {
  margin: 0 auto;
  width: 950px;
  text-align: left;
  border-radius: 10px;
  background: #e7e7e2;
  margin-bottom: 5px;
  position: relative;
  overflow: auto;
  font-size: 11px;
}
#page .boxnote textarea, .qtip .boxnote textarea, .modal .modal-body .boxnote textarea {
  max-width: 100%;
}
#page .boxnoteleft, .qtip .boxnoteleft, .modal .modal-body .boxnoteleft {
  float: left;
  width: 10%;
  min-height: 40px;
  height: 100%;
  padding: 4px;
}
#page .boxnotecontent, .qtip .boxnotecontent, .modal .modal-body .boxnotecontent {
  float: left;
  padding: 1px;
  padding: 5px 0 5px 0;
  width: 75%;
}
#page .boxnoteright, .qtip .boxnoteright, .modal .modal-body .boxnoteright {
  float: right;
  /*   top:  0px;
     left: 0px;*/
  width: 10%;
  min-height: 40px;
  padding: 1px;
  vertical-align: middle;
}
#page .boxnotefloatright, .qtip .boxnotefloatright, .modal .modal-body .boxnotefloatright {
  float: right;
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
}
#page .boxnotetext, .qtip .boxnotetext, .modal .modal-body .boxnotetext {
  padding: 5px;
  margin-top: 1rem;
}
#page .error, .qtip .error, .modal .modal-body .error {
  color: red;
  margin-top: 20px;
  text-align: center;
}
#page .error a, .qtip .error a, .modal .modal-body .error a {
  color: red;
}
#page .error a:link, .qtip .error a:link, .modal .modal-body .error a:link {
  color: red;
}
#page .error a:hover, .qtip .error a:hover, .modal .modal-body .error a:hover {
  text-decoration: underline;
}
#page .icons_block, .qtip .icons_block, .modal .modal-body .icons_block {
  margin-left: 10px;
  height: 28px;
  float: inherit !important;
  box-sizing: border-box;
  position: relative;
  z-index: 40;
}
#page .icons_block span, .qtip .icons_block span, .modal .modal-body .icons_block span {
  padding: 0 8px;
  min-width: 20px;
  display: inline-block;
  line-height: 23px;
}
#page .icons_block a > img,
#page .icons_block i.fa,
#page .icons_block i.far,
#page .icons_block i.fa-regular,
#page .icons_block i.fas,
#page .icons_block i.fa-solid, .qtip .icons_block a > img,
.qtip .icons_block i.fa,
.qtip .icons_block i.far,
.qtip .icons_block i.fa-regular,
.qtip .icons_block i.fas,
.qtip .icons_block i.fa-solid, .modal .modal-body .icons_block a > img,
.modal .modal-body .icons_block i.fa,
.modal .modal-body .icons_block i.far,
.modal .modal-body .icons_block i.fa-regular,
.modal .modal-body .icons_block i.fas,
.modal .modal-body .icons_block i.fa-solid {
  font-size: 1.7em;
  vertical-align: top;
}
#page .iframe, .qtip .iframe, .modal .modal-body .iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  border-width: 0px;
}
#page .iframe.hidden, .qtip .iframe.hidden, .modal .modal-body .iframe.hidden {
  height: 0;
  width: 0;
}
#page #dbslave-float, .qtip #dbslave-float, .modal .modal-body #dbslave-float {
  top: 0px;
  left: 300px;
  position: absolute;
  z-index: 1030;
}
#page #dbslave-float a, .qtip #dbslave-float a, .modal .modal-body #dbslave-float a {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 1px 0.5em;
  font-family: helvetica, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #fff;
  color: blue;
}
#page #debugajax, .qtip #debugajax, .modal .modal-body #debugajax {
  margin: auto;
  text-align: center;
}
#page .read_more, .qtip .read_more, .modal .modal-body .read_more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 0;
}
#page .read_more a, #page .read_more .read_more_button, .qtip .read_more a, .qtip .read_more .read_more_button, .modal .modal-body .read_more a, .modal .modal-body .read_more .read_more_button {
  bottom: 5px;
  position: absolute;
  cursor: pointer;
}
#page .edit_document, #page .delete_document, .qtip .edit_document, .qtip .delete_document, .modal .modal-body .edit_document, .modal .modal-body .delete_document {
  font-size: 1.5em !important;
}
#page .edit_document, .qtip .edit_document, .modal .modal-body .edit_document {
  margin-left: 0.5em;
}
#page .fa-label, .qtip .fa-label, .modal .modal-body .fa-label {
  margin-bottom: 10px;
  white-space: nowrap;
}
#page .fa-label i.far,
#page .fa-label i.fa-regular,
#page .fa-label i.fas,
#page .fa-label i.fa-solid, .qtip .fa-label i.far,
.qtip .fa-label i.fa-regular,
.qtip .fa-label i.fas,
.qtip .fa-label i.fa-solid, .modal .modal-body .fa-label i.far,
.modal .modal-body .fa-label i.fa-regular,
.modal .modal-body .fa-label i.fas,
.modal .modal-body .fa-label i.fa-solid {
  color: #a3a3a3;
  margin-right: 3px;
  vertical-align: middle;
  font-size: 1.5em;
}
#page .fa-label .fa-stack i.far.fa-stack-1x,
#page .fa-label .fa-stack i.fa-regular.fa-stack-1x,
#page .fa-label .fa-stack i.fas.fa-stack-1x,
#page .fa-label .fa-stack i.fa-solid.fa-stack-1x, .qtip .fa-label .fa-stack i.far.fa-stack-1x,
.qtip .fa-label .fa-stack i.fa-regular.fa-stack-1x,
.qtip .fa-label .fa-stack i.fas.fa-stack-1x,
.qtip .fa-label .fa-stack i.fa-solid.fa-stack-1x, .modal .modal-body .fa-label .fa-stack i.far.fa-stack-1x,
.modal .modal-body .fa-label .fa-stack i.fa-regular.fa-stack-1x,
.modal .modal-body .fa-label .fa-stack i.fas.fa-stack-1x,
.modal .modal-body .fa-label .fa-stack i.fa-solid.fa-stack-1x {
  font-size: 0.8em;
  top: 0.4em;
}
#page .fa-label .fa-stack i.far.fa-inverse,
#page .fa-label .fa-stack i.fa-regular.fa-inverse,
#page .fa-label .fa-stack i.fas.fa-inverse,
#page .fa-label .fa-stack i.fa-solid.fa-inverse, .qtip .fa-label .fa-stack i.far.fa-inverse,
.qtip .fa-label .fa-stack i.fa-regular.fa-inverse,
.qtip .fa-label .fa-stack i.fas.fa-inverse,
.qtip .fa-label .fa-stack i.fa-solid.fa-inverse, .modal .modal-body .fa-label .fa-stack i.far.fa-inverse,
.modal .modal-body .fa-label .fa-stack i.fa-regular.fa-inverse,
.modal .modal-body .fa-label .fa-stack i.fas.fa-inverse,
.modal .modal-body .fa-label .fa-stack i.fa-solid.fa-inverse {
  color: #FFF;
}
#page .copy_to_clipboard_wrapper, .qtip .copy_to_clipboard_wrapper, .modal .modal-body .copy_to_clipboard_wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#page .copy_to_clipboard_wrapper input[type=text], .qtip .copy_to_clipboard_wrapper input[type=text], .modal .modal-body .copy_to_clipboard_wrapper input[type=text] {
  padding-right: 18px !important;
}
#page .copy_to_clipboard_wrapper *, .qtip .copy_to_clipboard_wrapper *, .modal .modal-body .copy_to_clipboard_wrapper * {
  cursor: pointer;
}
#page .copy_to_clipboard_wrapper:after, .qtip .copy_to_clipboard_wrapper:after, .modal .modal-body .copy_to_clipboard_wrapper:after {
  font-family: "Font Awesome 6 Free", sans-serif;
  position: relative;
  left: -15px;
  top: 1px;
  content: "\f0ea";
  color: #7F7F7F;
  transition: color 0.3s ease-in-out;
  font-weight: 900;
}
#page .copy_to_clipboard_wrapper.copied:after, .qtip .copy_to_clipboard_wrapper.copied:after, .modal .modal-body .copy_to_clipboard_wrapper.copied:after {
  content: "\f00c";
  color: green;
  font-weight: 900;
}
#page .copy_to_clipboard_wrapper.copyfail:after, .qtip .copy_to_clipboard_wrapper.copyfail:after, .modal .modal-body .copy_to_clipboard_wrapper.copyfail:after {
  content: "\f071";
  color: red;
  font-weight: 900;
}
#page td.diff ins, .qtip td.diff ins, .modal .modal-body td.diff ins {
  color: green;
  text-decoration: none;
}
#page td.diff del, .qtip td.diff del, .modal .modal-body td.diff del {
  color: red;
  text-decoration: none;
}
#page .planning_on_central .fc-view-container *, .qtip .planning_on_central .fc-view-container *, .modal .modal-body .planning_on_central .fc-view-container * {
  min-height: 1em;
  /** Ensure no event message is displayed well */
}
#page .planning_on_central .fc-view-container *::before, #page .planning_on_central .fc-view-container *::after, .qtip .planning_on_central .fc-view-container *::before, .qtip .planning_on_central .fc-view-container *::after, .modal .modal-body .planning_on_central .fc-view-container *::before, .modal .modal-body .planning_on_central .fc-view-container *::after {
  min-height: 1em;
}
#page .fa.bookmark_record, #page .fa.reset-search, .qtip .fa.bookmark_record, .qtip .fa.reset-search, .modal .modal-body .fa.bookmark_record, .modal .modal-body .fa.reset-search {
  font-size: 1.5em;
  color: #ccc !important;
}
#page .fa.bookmark_record:link, #page .fa.reset-search:link, .qtip .fa.bookmark_record:link, .qtip .fa.reset-search:link, .modal .modal-body .fa.bookmark_record:link, .modal .modal-body .fa.reset-search:link {
  font-size: 1.5em;
  color: #ccc !important;
}
#page .fa.bookmark_default, .qtip .fa.bookmark_default, .modal .modal-body .fa.bookmark_default {
  font-size: 1.5em;
  color: #f3b51f !important;
}
#page .fa.bookmark_default:link, .qtip .fa.bookmark_default:link, .modal .modal-body .fa.bookmark_default:link {
  font-size: 1.5em;
  color: #f3b51f !important;
}
#page .fa.reset-search:hover, #page .fa.bookmark_record.save:hover, .qtip .fa.reset-search:hover, .qtip .fa.bookmark_record.save:hover, .modal .modal-body .fa.reset-search:hover, .modal .modal-body .fa.bookmark_record.save:hover {
  color: #999 !important;
}
#page .drag, .qtip .drag, .modal .modal-body .drag {
  display: inline-block;
  height: 18px;
  padding-right: 1em;
  cursor: move;
}
#page span.count, .qtip span.count, .modal .modal-body span.count {
  border-radius: 10px;
  text-align: center;
  padding: 0.2em 0.5em;
  float: right;
  margin-top: -0.2em;
  margin-left: 0.5em;
  font-weight: bold;
}
#page span.count img, .qtip span.count img, .modal .modal-body span.count img {
  vertical-align: -10%;
}
#page .primary-bg, .qtip .primary-bg, .modal .modal-body .primary-bg {
  background: #3A5693;
}
#page .primary-fg, .qtip .primary-fg, .modal .modal-body .primary-fg {
  color: white;
}
#page .primary-fg:link, #page .primary-fg:hover, .qtip .primary-fg:link, .qtip .primary-fg:hover, .modal .modal-body .primary-fg:link, .modal .modal-body .primary-fg:hover {
  color: white;
}
#page .tab_cadre_fixe .fa, .qtip .tab_cadre_fixe .fa, .modal .modal-body .tab_cadre_fixe .fa {
  padding: 0 0.3em;
}
#page .warning, .qtip .warning, .modal .modal-body .warning {
  padding: 0.5em;
  margin: 0 5px 1em;
  cursor: pointer;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #8f5a0a;
  background-color: #FEC95C;
  border: 0;
  text-align: center;
}
#page .warning li, .qtip .warning li, .modal .modal-body .warning li {
  margin-bottom: 0.5em;
}
#page .warning li:last-child, .qtip .warning li:last-child, .modal .modal-body .warning li:last-child {
  margin-bottom: 0;
}
#page .warning .fa, .qtip .warning .fa, .modal .modal-body .warning .fa {
  color: white;
  float: left;
  margin-right: 0.2em;
}
#page tr.linked-template td:not(.top), .qtip tr.linked-template td:not(.top), .modal .modal-body tr.linked-template td:not(.top) {
  background-color: #ffb4b4;
}
#page .massiveactions, .qtip .massiveactions, .modal .modal-body .massiveactions {
  padding: 0.5em;
}
#page .massiveactions input.submit, .qtip .massiveactions input.submit, .modal .modal-body .massiveactions input.submit {
  margin-top: 0.5em;
}
#page .missing, .qtip .missing, .modal .modal-body .missing {
  color: orange;
}
#page .ok, .qtip .ok, .modal .modal-body .ok {
  color: green;
}
#page .fail_info, .qtip .fail_info, .modal .modal-body .fail_info {
  padding: 6px 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-weight: bold;
  background: red;
  background-color: rgba(255, 0, 0, 0.8);
  color: white;
}
#page .fail_info #reload_data, .qtip .fail_info #reload_data, .modal .modal-body .fail_info #reload_data {
  display: block;
  text-align: center;
  cursor: pointer;
}
#page .leaflet-control-geocoder-form, .qtip .leaflet-control-geocoder-form, .modal .modal-body .leaflet-control-geocoder-form {
  margin: 0.2em !important;
}
#page .leaflet-control-geocoder-form input[type=text], .qtip .leaflet-control-geocoder-form input[type=text], .modal .modal-body .leaflet-control-geocoder-form input[type=text] {
  width: 10em;
}
#page .fup-popup, .qtip .fup-popup, .modal .modal-body .fup-popup {
  overflow-y: auto;
  width: 350px;
  height: 200px;
  font-size: 11px;
}
#page .fa::before,
#page .fas::before,
#page .fa-solid::before,
#page .fa::after,
#page .fas::after,
#page .fa-solid::after, .qtip .fa::before,
.qtip .fas::before,
.qtip .fa-solid::before,
.qtip .fa::after,
.qtip .fas::after,
.qtip .fa-solid::after, .modal .modal-body .fa::before,
.modal .modal-body .fas::before,
.modal .modal-body .fa-solid::before,
.modal .modal-body .fa::after,
.modal .modal-body .fas::after,
.modal .modal-body .fa-solid::after {
  font-weight: 900;
}
#page .far:before, #page .far:after, #page .fa-regular:before, #page .fa-regular:after, .qtip .far:before, .qtip .far:after, .qtip .fa-regular:before, .qtip .fa-regular:after, .modal .modal-body .far:before, .modal .modal-body .far:after, .modal .modal-body .fa-regular:before, .modal .modal-body .fa-regular:after {
  font-weight: 400;
}
#page .disabled:not(.list-group-item), .qtip .disabled:not(.list-group-item), .modal .modal-body .disabled:not(.list-group-item) {
  color: red !important;
}
#page .enabled, .qtip .enabled, .modal .modal-body .enabled {
  color: green !important;
}
#page .custom_css_configuration td:not([colspan]), .qtip .custom_css_configuration td:not([colspan]), .modal .modal-body .custom_css_configuration td:not([colspan]) {
  width: 50%;
}
#page .custom_css_configuration .custom_css_container, .qtip .custom_css_configuration .custom_css_container, .modal .modal-body .custom_css_configuration .custom_css_container {
  width: 100%;
}
#page .custom_css_configuration .custom_css_container textarea, .qtip .custom_css_configuration .custom_css_container textarea, .modal .modal-body .custom_css_configuration .custom_css_container textarea {
  display: none;
}
#page .custom_css_configuration .custom_css_container .cm-editor, .qtip .custom_css_configuration .custom_css_container .cm-editor, .modal .modal-body .custom_css_configuration .custom_css_container .cm-editor {
  height: 350px;
  width: 100%;
  border-color: var(--tblr-border-color);
}
#page .custom_css_configuration .custom_css_container .cm-editor .cm-scroller, .qtip .custom_css_configuration .custom_css_container .cm-editor .cm-scroller, .modal .modal-body .custom_css_configuration .custom_css_container .cm-editor .cm-scroller {
  overflow: auto;
}
#page .custom_css_configuration .custom_css_container textarea[disabled] + .cm-editor, .qtip .custom_css_configuration .custom_css_container textarea[disabled] + .cm-editor, .modal .modal-body .custom_css_configuration .custom_css_container textarea[disabled] + .cm-editor {
  background: rgb(235, 235, 228); /* default bg color for disabled inputs */
}
#page div.objectlockmessage, .qtip div.objectlockmessage, .modal .modal-body div.objectlockmessage {
  background-color: lightSalmon;
  color: black;
  flex-wrap: wrap;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
}
#page div.objectlockmessage a.vsubmit, .qtip div.objectlockmessage a.vsubmit, .modal .modal-body div.objectlockmessage a.vsubmit {
  margin: 0 15px;
  white-space: nowrap;
}
#page .tab_check td i.fa-solid, .qtip .tab_check td i.fa-solid, .modal .modal-body .tab_check td i.fa-solid {
  font-size: 12px;
  margin-right: 3px;
}
#page .lockedfield i.ti-lock, .qtip .lockedfield i.ti-lock, .modal .modal-body .lockedfield i.ti-lock {
  float: right;
}
#page .horizontal-form, .qtip .horizontal-form, .modal .modal-body .horizontal-form {
  margin-left: 20px;
  text-align: left;
}
#page .horizontal-form .fa, .qtip .horizontal-form .fa, .modal .modal-body .horizontal-form .fa {
  padding: 0 0.3em;
}
#page .horizontal-form .form-row, .qtip .horizontal-form .form-row, .modal .modal-body .horizontal-form .form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
#page .horizontal-form .form-row label, .qtip .horizontal-form .form-row label, .modal .modal-body .horizontal-form .form-row label {
  flex: 1 0 200px;
  max-width: 200px;
}
#page .horizontal-form .form-row label + *, .qtip .horizontal-form .form-row label + *, .modal .modal-body .horizontal-form .form-row label + * {
  flex: 1 0 250px;
}
#page .horizontal-form .form-row-vertical, .qtip .horizontal-form .form-row-vertical, .modal .modal-body .horizontal-form .form-row-vertical {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#page .horizontal-form .form-row-vertical label, .qtip .horizontal-form .form-row-vertical label, .modal .modal-body .horizontal-form .form-row-vertical label {
  flex: 1 0 20px;
}
#page .relations_list li, .qtip .relations_list li, .modal .modal-body .relations_list li {
  padding: 6px;
  border: 1px solid transparent;
}
#page .relations_list li .delete_relation, .qtip .relations_list li .delete_relation, .modal .modal-body .relations_list li .delete_relation {
  margin-left: 8px;
  visibility: hidden;
}
#page .relations_list li:hover, .qtip .relations_list li:hover, .modal .modal-body .relations_list li:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
#page .relations_list li:hover .delete_relation, .qtip .relations_list li:hover .delete_relation, .modal .modal-body .relations_list li:hover .delete_relation {
  visibility: visible;
}
#page .relations_list .add_relation, .qtip .relations_list .add_relation, .modal .modal-body .relations_list .add_relation {
  padding: 7px;
  display: block;
}
#page .chart, .qtip .chart, .modal .modal-body .chart {
  position: relative;
  text-align: center;
  margin-top: 1em;
}
#page .dashboard.printer_barchart .g-chart .chart, .qtip .dashboard.printer_barchart .g-chart .chart, .modal .modal-body .dashboard.printer_barchart .g-chart .chart {
  flex: none;
  height: 500px;
}
#page .uploadbar, .qtip .uploadbar, .modal .modal-body .uploadbar {
  height: 18px;
  text-align: center;
  font-weight: bold;
  background-image: url("../pics/jquery/pbar-ani.gif");
}

/** Impersonate feature */
div.banner-impersonate {
  background: #ff3d2a;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  text-align: right;
}

div.banner-impersonate button {
  color: inherit;
  margin-left: 5px;
  text-decoration: underline;
}

div.banner-need-update {
  background: #f7c626;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  text-align: right;
}

:root[data-glpi-theme-dark="1"] #page .tab_cadre,
:root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov,
:root[data-glpi-theme-dark="1"] #page .tab_cadre th, :root[data-glpi-theme-dark="1"] #page .tab_cadre_fixe th, :root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov th, :root[data-glpi-theme-dark="1"] #page h2.header, :root[data-glpi-theme-dark="1"] .qtip .tab_cadre,
:root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov,
:root[data-glpi-theme-dark="1"] .qtip .tab_cadre th, :root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixe th, :root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov th, :root[data-glpi-theme-dark="1"] .qtip h2.header, :root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre,
:root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov,
:root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre th, :root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixe th, :root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov th, :root[data-glpi-theme-dark="1"] .modal .modal-body h2.header {
  background-color: var(--tblr-dark);
  color: var(--tblr-light);
}
:root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov th.headHover,
:root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov td.columnHover,
:root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov tr.rowHover,
:root[data-glpi-theme-dark="1"] #page .tab_cadre_fixehov td.rowHover, :root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov th.headHover,
:root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov td.columnHover,
:root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov tr.rowHover,
:root[data-glpi-theme-dark="1"] .qtip .tab_cadre_fixehov td.rowHover, :root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov th.headHover,
:root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov td.columnHover,
:root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov tr.rowHover,
:root[data-glpi-theme-dark="1"] .modal .modal-body .tab_cadre_fixehov td.rowHover {
  background-color: #292929;
}
:root[data-glpi-theme-dark="1"] #page .central .tab_cadre_fixehov th, :root[data-glpi-theme-dark="1"] .qtip .central .tab_cadre_fixehov th, :root[data-glpi-theme-dark="1"] .modal .modal-body .central .tab_cadre_fixehov th {
  background-color: var(--glpi-form-header-bg);
  color: var(--glpi-form-header-fg);
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: var(--tblr-border-color);
}
.fc-unthemed .fc-list-empty {
  background: transparent;
}
.fc-unthemed td.fc-today {
  background: rgba(var(--tblr-emphasis-color-rgb), 0.1);
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: var(--tblr-bg-surface-tertiary);
  color: var(--tblr-secondary);
}
.fc-unthemed .fc-list-item:hover td {
  background: rgba(var(--tblr-emphasis-color-rgb), 0.075);
  color: inherit;
}

#planning_container {
  gap: 10px;
}
#planning_container.folded {
  padding-left: 28px;
}
#planning_container #planning_filter #planning_filter_content {
  min-width: 300px;
}
#planning_container #planning_filter .toggle {
  float: right;
  margin: 8px 8px 0 0;
  height: 18px;
  width: 18px;
  display: block;
}
#planning_container #planning_filter .toggle::before {
  font: var(--fa-font-solid);
  content: "\f191";
}
#planning_container #planning_filter.folded {
  width: 18px;
}
#planning_container #planning_filter.folded .toggle {
  float: none;
}
#planning_container #planning_filter.folded .toggle::before {
  font: var(--fa-font-solid);
  content: "\f152";
}
#planning_container #planning_filter h3 {
  background: var(--glpi-form-header-bg);
  color: var(--glpi-form-header-fg);
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-weight: normal;
  line-height: 1.3;
  font-size: 13px;
}
#planning_container #planning_filter ul.filters {
  border: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#planning_container #planning_filter ul.filters > li {
  padding: 5px 0 5px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#planning_container #planning_filter ul.filters > li label {
  padding-left: 5px;
  line-height: 16px;
  width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
#planning_container #planning_filter ul.filters > li label > i {
  color: var(--tblr-warning);
  float: right;
}
#planning_container #planning_filter ul.filters > li .filter-icon {
  float: right;
  padding: 0;
  border: none;
}
#planning_container #planning_filter ul.filters > li .sp-replacer {
  float: right;
  padding: 0;
  border: none;
}
#planning_container #planning_filter ul.filters > li .sp-replacer .sp-preview {
  margin-right: 0;
  border: none;
}
#planning_container #planning_filter ul.filters > li .sp-replacer .sp-dd {
  display: none;
}
#planning_container #planning_filter ul.filters > li.group_users .toggle {
  width: 14px;
  height: 14px;
  margin: 0 4px 2px 0;
  vertical-align: middle;
}
#planning_container #planning_filter ul.filters > li.group_users .toggle::before {
  font: var(--fa-font-solid);
  content: "\f0fe";
}
#planning_container #planning_filter ul.filters > li.group_users.expanded .toggle::before {
  font: var(--fa-font-solid);
  content: "\f146";
}
#planning_container #planning_filter ul.filters > li.group_users ul.group_listofusers {
  border-left: 1px dashed #D4D4D4;
  margin: 6px 0 0 6px;
  padding: 0;
  display: none;
  width: 100%;
}
#planning_container #planning_filter ul.filters > li.group_users.expanded ul.group_listofusers {
  display: block;
}
#planning_container #planning_filter ul.filters > li.group_users.expanded ul.group_listofusers > li label {
  width: 162px;
}
#planning_container #planning_filter ul.filters > li .color_input {
  float: right;
  margin-right: 2px;
}
#planning_container #planning_filter ul.filters > li .color_input input {
  border: 0 !important;
  background-color: transparent !important;
}
#planning_container #planning_filter .planning_link {
  text-align: center;
  display: block;
}
#planning_container #planning_filter .planning_add_filter {
  float: right;
  margin-right: 3px;
}
#planning_container #planning_filter .filter_option {
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  display: inline-block;
  position: relative;
  left: 0;
}
#planning_container #planning_filter .filter_option > img {
  z-index: 1;
}
#planning_container #planning_filter .filter_option ul {
  display: none;
  width: 140px;
}
#planning_container #planning_filter .filter_option ul li {
  white-space: normal;
}
#planning_container #planning {
  flex-grow: 1;
  min-height: calc(100vh - 160px);
}
#planning_container #planning .fc-time-grid-event {
  overflow: hidden;
}
#planning_container #planning .end-of-day {
  border-right: 1px solid #bdbdbd;
}
#planning_container #planning .fc-toolbar h2 {
  font-size: 1.2em;
}
#planning_container #planning .event_today {
  background: #fcf8e3;
}
#planning_container #planning .fc-event {
  font-weight: normal;
  display: block;
  min-height: 20px;
}
#planning_container #planning .fc-event .fc-content {
  margin-right: 8px;
}
#planning_container #planning .fc-event .fc-time {
  overflow: hidden;
}
#planning_container #planning .fc-event .fc-title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#planning_container #planning .fc-event .content {
  font-weight: normal;
  padding: 0 7px 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  display: block;
}
#planning_container #planning .fc-event .content .event-description {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 2px;
  padding-top: 2px;
}
#planning_container #planning .fc-event .content .event-description p {
  margin: 0;
}
#planning_container #planning .fc-event .event_type {
  position: absolute;
  width: 7px;
  bottom: 0;
  top: 0;
  right: 0;
}
#planning_container #planning .fc-timeline .fc-event .content {
  max-height: 25px;
}
#planning_container #planning .fc-list-item-title .event_type {
  height: 12px;
  width: 6px;
  margin-right: 3px;
  display: inline-block;
}
#planning_container #planning .event_past .fc-list-item-title .event_type {
  opacity: 0.5;
}
#planning_container #planning .planning-select-helper {
  border: 2px solid #3B8CBE;
  background-color: rgba(59, 140, 190, 0.5);
}
#planning_container #planning .fc-divider {
  border: 1px dashed #cccccc;
}
#planning_container #planning .fc-list-empty-wrap2 {
  position: initial;
}

.planning_on_central .fc-head {
  display: none;
}
.planning_on_central .fc-scroller {
  height: auto !important;
  max-height: 400px;
}

/* for checkavailable */
.planning {
  text-align: center;
  border: 1px dashed #cccccc;
  background-color: #d7d7d2;
  font-size: 9px;
}
.planning:hover {
  border: 1px solid #999999;
  background-color: white;
}

.fc-time-grid .fc-slats td {
  height: 2.5em;
}

.available {
  background-color: green;
}

.notavailable {
  background-color: red;
}

.partialavailableend {
  background-image: -webkit-linear-gradient(left, red 50%, green 0%);
  background-image: -moz-linear-gradient(left, red 50%, green 0%);
  background-image: -ms-linear-gradient(left, red 50%, green 0%);
  background-image: -o-linear-gradient(left, red 50%, green 0%);
  background-image: linear-gradient(to left, red 50%, green 0%);
}

.partialavailablebegin {
  background-image: -webkit-linear-gradient(left, green 50%, red 0%);
  background-image: -moz-linear-gradient(left, green 50%, red 0%);
  background-image: -ms-linear-gradient(left, green 50%, red 0%);
  background-image: -o-linear-gradient(left, green 50%, red 0%);
  background-image: linear-gradient(to left, green 50%, red 0%);
}

.planning-context-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 20000;
  background-color: #FFF;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.planning-context-menu li {
  padding: 8px 10px;
  cursor: pointer;
}
.planning-context-menu li i.fas,
.planning-context-menu li i.fa-solid,
.planning-context-menu li i.far,
.planning-context-menu li i.fa-regular {
  margin-right: 5px;
  color: #555;
}
.planning-context-menu li:hover {
  background-color: #CCC;
}

@media screen and (max-width: 767px) {
  .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
  }
  .fc-toolbar-chunk {
    display: table-row;
    text-align: center;
    padding: 5px 0;
  }
}
/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
#network_container {
  height: 70vh;
}
#network_container div:not(.cy-context-menus-cxt-menu) {
  z-index: 1 !important;
  position: absolute !important;
}
#network_container.fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1050;
}

#help_text {
  font-weight: bold;
  display: none;
  position: absolute;
  padding: 10px;
  color: #707e8c;
  font-size: 1.3em;
  z-index: 2;
}

#impact_tools {
  margin-left: auto;
  margin-right: 5px;
  background-color: white;
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
}
#impact_tools span:hover {
  background-color: lightgray;
  border-radius: 2px;
}

.impact-mb-2 {
  margin-bottom: 2em;
}

.network-parent {
  border: 1px solid var(--tblr-border-color);
  position: relative;
  padding: 0 !important;
}

.network-table {
  max-width: none !important;
}

i.fa-impact-manipulation {
  display: inline;
  font-size: 14px;
}

.impact_toolbar {
  position: absolute;
  display: inline-flex;
  justify-content: flex-start;
  left: 0;
  right: 0;
  z-index: 20;
  flex-wrap: wrap;
}
.impact_toolbar span {
  float: left;
  color: gray;
  font-size: 1.3em;
  padding: 4px 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px inset transparent;
}
.impact_toolbar .active {
  border: 2px inset #f4f4f4;
  background-color: #fafafa;
}
.impact_toolbar.fullscreen {
  position: fixed;
  top: 5px;
  z-index: 1051;
}

.impact_toolbar_right {
  float: right !important;
}

.clean {
  animation: clean-fade 3s;
}

@keyframes clean-fade {
  0% {
    color: #1ca448;
  }
  100% {
    color: #707e8c;
  }
}
.dirty {
  color: #eea818 !important;
}
.dirty:hover {
  background-color: #fec95c !important;
  color: #8f5a0a !important;
}

/*
 * Cytoscape context menu
 */
.cy-context-menus-cxt-menuitem {
  padding-left: 5px !important;
  font-size: 1.15em;
  background-color: white;
}
.cy-context-menus-cxt-menuitem i {
  padding-right: 10px !important;
  color: gray;
  max-width: 10px;
}

.cy-context-menus-cxt-menu {
  border-radius: 2px;
  border: 1px solid lightgray;
  -webkit-box-shadow: 4px 4px 6px 3px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 4px 4px 6px 3px rgba(0, 0, 0, 0.17);
  box-shadow: 4px 4px 6px 3px rgba(0, 0, 0, 0.17);
}

/*
 * Custom range input
 */
.impact-range {
  height: 18px;
  -webkit-appearance: none;
  appearance: none;
  margin: 10px 0;
  border-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.impact-range:focus {
  outline: none;
}

.impact-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000;
  background: #AEC8D8;
  border-radius: 25px;
  border: 1px solid #8A8A8A;
}

.impact-range::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 10px;
  width: 14px;
  border-radius: 2px;
  background: #66757F;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}

.impact-range:focus::-webkit-slider-runnable-track {
  background: #AEC8D8;
}

.impact-range::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000;
  background: #AEC8D8;
  border-radius: 25px;
  border: 1px solid #8A8A8A;
}

.impact-range::-moz-range-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 10px;
  width: 14px;
  border-radius: 2px;
  background: #66757F;
  cursor: pointer;
}

.impact-range::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.impact-range::-ms-fill-lower {
  background: #AEC8D8;
  border: 1px solid #8A8A8A;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000;
}

.impact-range::-ms-fill-upper {
  background: #AEC8D8;
  border: 1px solid #8A8A8A;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000;
}

.impact-range::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 10px;
  width: 14px;
  border-radius: 2px;
  background: #66757F;
  cursor: pointer;
}

.impact-range:focus::-ms-fill-lower {
  background: #AEC8D8;
}

.impact-range:focus::-ms-fill-upper {
  background: #AEC8D8;
}

/*
 * Header
 */
.impact-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impact-header h2 {
  margin-left: auto;
}
.impact-header #switchview {
  margin-left: auto;
  margin-right: 10px;
}
.impact-header #switchview a {
  font-size: 0.85em !important;
}

#impact_list_view {
  margin-top: 2em;
  display: flex;
  justify-content: center;
}

.impact-list-container {
  flex-grow: 1;
}

.impact-list-group {
  margin-bottom: 5em;
}

.impact-left {
  padding-left: 10px !important;
}

.impact-pointer {
  cursor: pointer;
}

.impact-list-toolbar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: right;
}

.impact-list-toolbar i {
  padding: 10px;
}

.impact-list-header {
  padding: 1px 5px !important;
}

.impact-list-tools {
  font-size: 1.3em;
}

.impact-toggle-subitems-master {
  float: right;
  padding-right: 5px;
  font-size: 1.15rem;
}

.impact-toggle-subitems {
  float: right;
  padding-right: 5px;
  font-size: 1.15rem;
}

/*
 * Sidebar
 */
.impact-side {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--tblr-bg-surface-tertiary);
  color: inherit;
  z-index: 1000;
  border-left: 1px solid var(--tblr-border-color);
  border-right: 1px solid var(--tblr-border-color);
  display: flex;
  justify-content: space-between;
}
.impact-side ul {
  list-style: none;
  border-left: 1px solid var(--tblr-border-color);
  text-align: center;
  margin: 0;
  padding: 0;
  width: 37px;
}
.impact-side li {
  color: #707e8c;
  width: 100%;
  vertical-align: middle;
  cursor: pointer;
}
.impact-side li:hover {
  background-color: var(--glpi-hover-bg);
}
.impact-side li.active {
  color: #444 !important;
  background-color: #d5d5d5 !important;
  border-radius: 2px;
}
.impact-side li.impact-disabled {
  cursor: not-allowed !important;
  opacity: var(--tblr-btn-disabled-opacity);
}
.impact-side li.impact-separator {
  border-top: 2px solid var(--glpi-form-header-border-color);
}
.impact-side.impact-side-expanded {
  border-left: 3px solid var(--tblr-border-color);
}
.impact-side.impact-side-expanded li {
  text-align: right;
}
.impact-side.fullscreen {
  position: fixed;
  z-index: 1051;
}

.impact-drop-preview {
  display: none;
  position: fixed;
  z-index: 1053;
  opacity: 50%;
  width: 48px;
  height: 48px;
  pointer-events: none;
}

.impact-side-panel {
  color: #707e8c;
  width: 0px;
  overflow: hidden;
  transition: width 0.5s ease;
}
.impact-side-panel.impact-side-expanded {
  padding: 3px 10px;
  overflow: auto;
  width: 210px;
}
.impact-side-panel h3 {
  white-space: nowrap;
}

.impact-side-icon {
  width: 32px;
  height: 32px;
  padding: 4px;
}

#impact-side-filter-itemtypes {
  margin-bottom: 1em;
}

.impact-side-search {
  display: none;
}
.impact-side-search i {
  cursor: pointer;
  margin-right: 5px;
}
.impact-side-search img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.impact-side-search h4 {
  white-space: nowrap;
}

.impact-side-search-footer {
  height: 37px;
}

.impact-side-search-more {
  cursor: pointer;
}
.impact-side-search-more i {
  margin-right: 3px;
}

.impact-side-toggle {
  display: none;
  background-color: var(--tblr-bg-surface-tertiary);
  position: absolute;
  bottom: 0;
  color: inherit;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.impact-side-toggle i {
  padding: 10px 5px;
  font-size: 1.5em;
}
.impact-side-toggle:hover {
  color: rgb(14, 14, 14);
}

.impact-side-filter-itemtypes-items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  white-space: nowrap;
}

.impact-side-search-results p {
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none;
  white-space: nowrap;
}

.impact-side-filter-itemtypes-item {
  cursor: pointer;
}
.impact-side-filter-itemtypes-item span {
  display: inline;
  margin-left: 4px;
}
.impact-side-filter-itemtypes-item h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.impact-side-search-spinner {
  margin-top: 10px;
  text-align: center;
  display: none;
}

.impact-side-search-no-results {
  display: none;
}

.impact-checkbox-label {
  margin-left: 8px;
}

.impact-side-settings h4 {
  white-space: nowrap;
  margin-top: 25px;
}

.impact-side-settings-item {
  margin-bottom: 10px;
  white-space: nowrap;
}

.impact-res-hidden {
  float: right;
}

.impact-res-disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.impact-res-disabled i {
  cursor: not-allowed !important;
}

/*
 * Hide toolbar for readonly, will be shown in JS if needed
 */
#save_impact,
#add_node,
#add_edge,
#add_compound,
#delete_element,
#impact_settings {
  display: none;
}

/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
@media (max-width: 991.98px) {
  .tab_cadre_fixe td {
    display: block;
  }
}