@charset "UTF-8";
/* ============================================================================= */
/* REGLA CRÍTICA: FORZAR COLOR AZUL EN TÍTULOS DE GRUPO SELECT2 - MÁXIMA PRIORIDAD */
/* Esta regla debe ejecutarse ANTES que cualquier otra para evitar color gris */
/* ============================================================================= */
.select2-results__group, .select2-results__group span, strong.select2-results__group, strong.select2-results__group span, .select2-results__option[role="group"] .select2-results__group, .select2-results__option[role="group"] .select2-results__group span, .select2-results__option[role="group"] strong.select2-results__group, .select2-results__option[role="group"] strong.select2-results__group span, .select2-dropdown .select2-results__group, .select2-dropdown .select2-results__group span, .select2-dropdown strong.select2-results__group, .select2-dropdown strong.select2-results__group span {
  color: #162a56 !important;
  /* Azul SIEMPRE - máxima prioridad - incluye span hijos */
  background-color: transparent !important;
  background: 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/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * 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/>.
 *
 * ---------------------------------------------------------------------
 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-greek-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("../css/lib/fontsource/inter/files/inter-latin-100-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-100-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-greek-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url("../css/lib/fontsource/inter/files/inter-latin-200-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-200-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-greek-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("../css/lib/fontsource/inter/files/inter-latin-300-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-300-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-greek-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../css/lib/fontsource/inter/files/inter-latin-400-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-400-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-greek-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../css/lib/fontsource/inter/files/inter-latin-500-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-500-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-greek-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../css/lib/fontsource/inter/files/inter-latin-600-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-600-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-greek-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../css/lib/fontsource/inter/files/inter-latin-700-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-700-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-greek-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("../css/lib/fontsource/inter/files/inter-latin-800-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-800-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-ext-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-cyrillic-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-greek-ext-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-greek-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-vietnamese-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-latin-ext-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../css/lib/fontsource/inter/files/inter-latin-900-normal.woff2") format("woff2"), url("../css/lib/fontsource/inter/files/inter-all-900-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
 * Tabler Icons 2.34.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
@font-face {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: 400;
  src: url("../css/lib/tabler/icons-webfont/fonts/tabler-icons.eot?v2.34.0");
  src: url("../css/lib/tabler/icons-webfont/fonts/tabler-icons.eot?#iefix-v2.34.0") format("embedded-opentype"), url("../css/lib/tabler/icons-webfont/fonts/tabler-icons.woff2?v2.34.0") format("woff2"), url("../css/lib/tabler/icons-webfont/fonts/tabler-icons.woff?") format("woff"), url("../css/lib/tabler/icons-webfont/fonts/tabler-icons.ttf?v2.34.0") format("truetype");
}
.ti {
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ti-12-hours:before {
  content: "ﱓ";
}
.ti-123:before {
  content: "";
}
.ti-24-hours:before {
  content: "";
}
.ti-2fa:before {
  content: "";
}
.ti-360:before {
  content: "";
}
.ti-360-view:before {
  content: "";
}
.ti-3d-cube-sphere:before {
  content: "";
}
.ti-3d-cube-sphere-off:before {
  content: "";
}
.ti-3d-rotate:before {
  content: "";
}
.ti-a-b:before {
  content: "";
}
.ti-a-b-2:before {
  content: "";
}
.ti-a-b-off:before {
  content: "";
}
.ti-abacus:before {
  content: "";
}
.ti-abacus-off:before {
  content: "";
}
.ti-abc:before {
  content: "";
}
.ti-access-point:before {
  content: "";
}
.ti-access-point-off:before {
  content: "";
}
.ti-accessible:before {
  content: "";
}
.ti-accessible-off:before {
  content: "";
}
.ti-accessible-off-filled:before {
  content: "";
}
.ti-activity:before {
  content: "";
}
.ti-activity-heartbeat:before {
  content: "";
}
.ti-ad:before {
  content: "";
}
.ti-ad-2:before {
  content: "";
}
.ti-ad-circle:before {
  content: "";
}
.ti-ad-circle-filled:before {
  content: "";
}
.ti-ad-circle-off:before {
  content: "";
}
.ti-ad-filled:before {
  content: "";
}
.ti-ad-off:before {
  content: "";
}
.ti-address-book:before {
  content: "";
}
.ti-address-book-off:before {
  content: "";
}
.ti-adjustments:before {
  content: "";
}
.ti-adjustments-alt:before {
  content: "";
}
.ti-adjustments-bolt:before {
  content: "";
}
.ti-adjustments-cancel:before {
  content: "";
}
.ti-adjustments-check:before {
  content: "";
}
.ti-adjustments-code:before {
  content: "";
}
.ti-adjustments-cog:before {
  content: "";
}
.ti-adjustments-dollar:before {
  content: "";
}
.ti-adjustments-down:before {
  content: "";
}
.ti-adjustments-exclamation:before {
  content: "";
}
.ti-adjustments-filled:before {
  content: "";
}
.ti-adjustments-heart:before {
  content: "";
}
.ti-adjustments-horizontal:before {
  content: "";
}
.ti-adjustments-minus:before {
  content: "";
}
.ti-adjustments-off:before {
  content: "";
}
.ti-adjustments-pause:before {
  content: "";
}
.ti-adjustments-pin:before {
  content: "";
}
.ti-adjustments-plus:before {
  content: "";
}
.ti-adjustments-question:before {
  content: "";
}
.ti-adjustments-search:before {
  content: "";
}
.ti-adjustments-share:before {
  content: "";
}
.ti-adjustments-star:before {
  content: "";
}
.ti-adjustments-up:before {
  content: "";
}
.ti-adjustments-x:before {
  content: "";
}
.ti-aerial-lift:before {
  content: "";
}
.ti-affiliate:before {
  content: "";
}
.ti-affiliate-filled:before {
  content: "";
}
.ti-air-balloon:before {
  content: "";
}
.ti-air-conditioning:before {
  content: "";
}
.ti-air-conditioning-disabled:before {
  content: "";
}
.ti-air-traffic-control:before {
  content: "fi";
}
.ti-alarm:before {
  content: "";
}
.ti-alarm-filled:before {
  content: "";
}
.ti-alarm-minus:before {
  content: "";
}
.ti-alarm-minus-filled:before {
  content: "";
}
.ti-alarm-off:before {
  content: "";
}
.ti-alarm-plus:before {
  content: "";
}
.ti-alarm-plus-filled:before {
  content: "";
}
.ti-alarm-snooze:before {
  content: "";
}
.ti-alarm-snooze-filled:before {
  content: "";
}
.ti-album:before {
  content: "";
}
.ti-album-off:before {
  content: "";
}
.ti-alert-circle:before {
  content: "";
}
.ti-alert-circle-filled:before {
  content: "";
}
.ti-alert-circle-off:before {
  content: "ﱥ";
}
.ti-alert-hexagon:before {
  content: "";
}
.ti-alert-hexagon-filled:before {
  content: "勤";
}
.ti-alert-hexagon-off:before {
  content: "ﱦ";
}
.ti-alert-octagon:before {
  content: "";
}
.ti-alert-octagon-filled:before {
  content: "";
}
.ti-alert-small:before {
  content: "";
}
.ti-alert-small-off:before {
  content: "ﱧ";
}
.ti-alert-square:before {
  content: "";
}
.ti-alert-square-filled:before {
  content: "卑";
}
.ti-alert-square-rounded:before {
  content: "";
}
.ti-alert-square-rounded-filled:before {
  content: "喝";
}
.ti-alert-square-rounded-off:before {
  content: "ﱨ";
}
.ti-alert-triangle:before {
  content: "";
}
.ti-alert-triangle-filled:before {
  content: "";
}
.ti-alert-triangle-off:before {
  content: "ﱩ";
}
.ti-alien:before {
  content: "";
}
.ti-alien-filled:before {
  content: "";
}
.ti-align-box-bottom-center:before {
  content: "";
}
.ti-align-box-bottom-center-filled:before {
  content: "";
}
.ti-align-box-bottom-left:before {
  content: "";
}
.ti-align-box-bottom-left-filled:before {
  content: "";
}
.ti-align-box-bottom-right:before {
  content: "";
}
.ti-align-box-bottom-right-filled:before {
  content: "";
}
.ti-align-box-center-bottom:before {
  content: "頋";
}
.ti-align-box-center-middle:before {
  content: "";
}
.ti-align-box-center-middle-filled:before {
  content: "";
}
.ti-align-box-center-stretch:before {
  content: "頻";
}
.ti-align-box-center-top:before {
  content: "鬒";
}
.ti-align-box-left-bottom:before {
  content: "";
}
.ti-align-box-left-bottom-filled:before {
  content: "";
}
.ti-align-box-left-middle:before {
  content: "";
}
.ti-align-box-left-middle-filled:before {
  content: "";
}
.ti-align-box-left-stretch:before {
  content: "龜";
}
.ti-align-box-left-top:before {
  content: "";
}
.ti-align-box-left-top-filled:before {
  content: "";
}
.ti-align-box-right-bottom:before {
  content: "";
}
.ti-align-box-right-bottom-filled:before {
  content: "";
}
.ti-align-box-right-middle:before {
  content: "";
}
.ti-align-box-right-middle-filled:before {
  content: "";
}
.ti-align-box-right-stretch:before {
  content: "𢡊";
}
.ti-align-box-right-top:before {
  content: "";
}
.ti-align-box-right-top-filled:before {
  content: "";
}
.ti-align-box-top-center:before {
  content: "";
}
.ti-align-box-top-center-filled:before {
  content: "";
}
.ti-align-box-top-left:before {
  content: "";
}
.ti-align-box-top-left-filled:before {
  content: "";
}
.ti-align-box-top-right:before {
  content: "";
}
.ti-align-box-top-right-filled:before {
  content: "";
}
.ti-align-center:before {
  content: "";
}
.ti-align-justified:before {
  content: "";
}
.ti-align-left:before {
  content: "";
}
.ti-align-right:before {
  content: "";
}
.ti-alpha:before {
  content: "";
}
.ti-alphabet-cyrillic:before {
  content: "";
}
.ti-alphabet-greek:before {
  content: "";
}
.ti-alphabet-latin:before {
  content: "";
}
.ti-alt:before {
  content: "ﱔ";
}
.ti-ambulance:before {
  content: "";
}
.ti-ampersand:before {
  content: "";
}
.ti-analyze:before {
  content: "";
}
.ti-analyze-filled:before {
  content: "";
}
.ti-analyze-off:before {
  content: "";
}
.ti-anchor:before {
  content: "";
}
.ti-anchor-off:before {
  content: "";
}
.ti-angle:before {
  content: "";
}
.ti-ankh:before {
  content: "";
}
.ti-antenna:before {
  content: "";
}
.ti-antenna-bars-1:before {
  content: "";
}
.ti-antenna-bars-2:before {
  content: "";
}
.ti-antenna-bars-3:before {
  content: "";
}
.ti-antenna-bars-4:before {
  content: "";
}
.ti-antenna-bars-5:before {
  content: "";
}
.ti-antenna-bars-off:before {
  content: "";
}
.ti-antenna-off:before {
  content: "";
}
.ti-aperture:before {
  content: "";
}
.ti-aperture-off:before {
  content: "";
}
.ti-api:before {
  content: "";
}
.ti-api-app:before {
  content: "";
}
.ti-api-app-off:before {
  content: "";
}
.ti-api-off:before {
  content: "";
}
.ti-app-window:before {
  content: "";
}
.ti-app-window-filled:before {
  content: "";
}
.ti-apple:before {
  content: "";
}
.ti-apps:before {
  content: "";
}
.ti-apps-filled:before {
  content: "";
}
.ti-apps-off:before {
  content: "";
}
.ti-archery-arrow:before {
  content: "ﱕ";
}
.ti-archive:before {
  content: "";
}
.ti-archive-filled:before {
  content: "廒";
}
.ti-archive-off:before {
  content: "";
}
.ti-armchair:before {
  content: "";
}
.ti-armchair-2:before {
  content: "";
}
.ti-armchair-2-off:before {
  content: "";
}
.ti-armchair-off:before {
  content: "";
}
.ti-arrow-autofit-content:before {
  content: "";
}
.ti-arrow-autofit-content-filled:before {
  content: "";
}
.ti-arrow-autofit-down:before {
  content: "";
}
.ti-arrow-autofit-height:before {
  content: "";
}
.ti-arrow-autofit-left:before {
  content: "";
}
.ti-arrow-autofit-right:before {
  content: "";
}
.ti-arrow-autofit-up:before {
  content: "";
}
.ti-arrow-autofit-width:before {
  content: "";
}
.ti-arrow-back:before {
  content: "";
}
.ti-arrow-back-up:before {
  content: "";
}
.ti-arrow-back-up-double:before {
  content: "溺";
}
.ti-arrow-badge-down:before {
  content: "";
}
.ti-arrow-badge-down-filled:before {
  content: "";
}
.ti-arrow-badge-left:before {
  content: "";
}
.ti-arrow-badge-left-filled:before {
  content: "";
}
.ti-arrow-badge-right:before {
  content: "";
}
.ti-arrow-badge-right-filled:before {
  content: "";
}
.ti-arrow-badge-up:before {
  content: "";
}
.ti-arrow-badge-up-filled:before {
  content: "";
}
.ti-arrow-bar-both:before {
  content: "﫝";
}
.ti-arrow-bar-down:before {
  content: "";
}
.ti-arrow-bar-left:before {
  content: "";
}
.ti-arrow-bar-right:before {
  content: "";
}
.ti-arrow-bar-to-down:before {
  content: "";
}
.ti-arrow-bar-to-left:before {
  content: "";
}
.ti-arrow-bar-to-right:before {
  content: "";
}
.ti-arrow-bar-to-up:before {
  content: "";
}
.ti-arrow-bar-up:before {
  content: "";
}
.ti-arrow-bear-left:before {
  content: "";
}
.ti-arrow-bear-left-2:before {
  content: "";
}
.ti-arrow-bear-right:before {
  content: "";
}
.ti-arrow-bear-right-2:before {
  content: "";
}
.ti-arrow-big-down:before {
  content: "";
}
.ti-arrow-big-down-filled:before {
  content: "";
}
.ti-arrow-big-down-line:before {
  content: "";
}
.ti-arrow-big-down-line-filled:before {
  content: "";
}
.ti-arrow-big-down-lines:before {
  content: "";
}
.ti-arrow-big-down-lines-filled:before {
  content: "";
}
.ti-arrow-big-left:before {
  content: "";
}
.ti-arrow-big-left-filled:before {
  content: "";
}
.ti-arrow-big-left-line:before {
  content: "";
}
.ti-arrow-big-left-line-filled:before {
  content: "";
}
.ti-arrow-big-left-lines:before {
  content: "";
}
.ti-arrow-big-left-lines-filled:before {
  content: "";
}
.ti-arrow-big-right:before {
  content: "";
}
.ti-arrow-big-right-filled:before {
  content: "";
}
.ti-arrow-big-right-line:before {
  content: "";
}
.ti-arrow-big-right-line-filled:before {
  content: "";
}
.ti-arrow-big-right-lines:before {
  content: "";
}
.ti-arrow-big-right-lines-filled:before {
  content: "";
}
.ti-arrow-big-up:before {
  content: "";
}
.ti-arrow-big-up-filled:before {
  content: "";
}
.ti-arrow-big-up-line:before {
  content: "";
}
.ti-arrow-big-up-line-filled:before {
  content: "";
}
.ti-arrow-big-up-lines:before {
  content: "";
}
.ti-arrow-big-up-lines-filled:before {
  content: "";
}
.ti-arrow-bounce:before {
  content: "";
}
.ti-arrow-capsule:before {
  content: "﫞";
}
.ti-arrow-curve-left:before {
  content: "";
}
.ti-arrow-curve-right:before {
  content: "";
}
.ti-arrow-down:before {
  content: "";
}
.ti-arrow-down-bar:before {
  content: "";
}
.ti-arrow-down-circle:before {
  content: "";
}
.ti-arrow-down-left:before {
  content: "";
}
.ti-arrow-down-left-circle:before {
  content: "";
}
.ti-arrow-down-rhombus:before {
  content: "";
}
.ti-arrow-down-right:before {
  content: "";
}
.ti-arrow-down-right-circle:before {
  content: "";
}
.ti-arrow-down-square:before {
  content: "";
}
.ti-arrow-down-tail:before {
  content: "";
}
.ti-arrow-elbow-left:before {
  content: "吝";
}
.ti-arrow-elbow-right:before {
  content: "燐";
}
.ti-arrow-fork:before {
  content: "";
}
.ti-arrow-forward:before {
  content: "";
}
.ti-arrow-forward-up:before {
  content: "";
}
.ti-arrow-forward-up-double:before {
  content: "璘";
}
.ti-arrow-guide:before {
  content: "";
}
.ti-arrow-iteration:before {
  content: "";
}
.ti-arrow-left:before {
  content: "";
}
.ti-arrow-left-bar:before {
  content: "";
}
.ti-arrow-left-circle:before {
  content: "";
}
.ti-arrow-left-rhombus:before {
  content: "";
}
.ti-arrow-left-right:before {
  content: "";
}
.ti-arrow-left-square:before {
  content: "";
}
.ti-arrow-left-tail:before {
  content: "";
}
.ti-arrow-loop-left:before {
  content: "";
}
.ti-arrow-loop-left-2:before {
  content: "";
}
.ti-arrow-loop-right:before {
  content: "";
}
.ti-arrow-loop-right-2:before {
  content: "";
}
.ti-arrow-merge:before {
  content: "";
}
.ti-arrow-merge-both:before {
  content: "";
}
.ti-arrow-merge-left:before {
  content: "";
}
.ti-arrow-merge-right:before {
  content: "";
}
.ti-arrow-move-down:before {
  content: "";
}
.ti-arrow-move-left:before {
  content: "";
}
.ti-arrow-move-right:before {
  content: "";
}
.ti-arrow-move-up:before {
  content: "";
}
.ti-arrow-narrow-down:before {
  content: "";
}
.ti-arrow-narrow-left:before {
  content: "";
}
.ti-arrow-narrow-right:before {
  content: "";
}
.ti-arrow-narrow-up:before {
  content: "";
}
.ti-arrow-ramp-left:before {
  content: "";
}
.ti-arrow-ramp-left-2:before {
  content: "";
}
.ti-arrow-ramp-left-3:before {
  content: "";
}
.ti-arrow-ramp-right:before {
  content: "";
}
.ti-arrow-ramp-right-2:before {
  content: "";
}
.ti-arrow-ramp-right-3:before {
  content: "";
}
.ti-arrow-right:before {
  content: "";
}
.ti-arrow-right-bar:before {
  content: "";
}
.ti-arrow-right-circle:before {
  content: "";
}
.ti-arrow-right-rhombus:before {
  content: "";
}
.ti-arrow-right-square:before {
  content: "";
}
.ti-arrow-right-tail:before {
  content: "";
}
.ti-arrow-rotary-first-left:before {
  content: "";
}
.ti-arrow-rotary-first-right:before {
  content: "";
}
.ti-arrow-rotary-last-left:before {
  content: "";
}
.ti-arrow-rotary-last-right:before {
  content: "";
}
.ti-arrow-rotary-left:before {
  content: "";
}
.ti-arrow-rotary-right:before {
  content: "";
}
.ti-arrow-rotary-straight:before {
  content: "";
}
.ti-arrow-roundabout-left:before {
  content: "";
}
.ti-arrow-roundabout-right:before {
  content: "";
}
.ti-arrow-sharp-turn-left:before {
  content: "";
}
.ti-arrow-sharp-turn-right:before {
  content: "";
}
.ti-arrow-up:before {
  content: "";
}
.ti-arrow-up-bar:before {
  content: "";
}
.ti-arrow-up-circle:before {
  content: "";
}
.ti-arrow-up-left:before {
  content: "";
}
.ti-arrow-up-left-circle:before {
  content: "";
}
.ti-arrow-up-rhombus:before {
  content: "";
}
.ti-arrow-up-right:before {
  content: "";
}
.ti-arrow-up-right-circle:before {
  content: "";
}
.ti-arrow-up-square:before {
  content: "";
}
.ti-arrow-up-tail:before {
  content: "";
}
.ti-arrow-wave-left-down:before {
  content: "";
}
.ti-arrow-wave-left-up:before {
  content: "";
}
.ti-arrow-wave-right-down:before {
  content: "";
}
.ti-arrow-wave-right-up:before {
  content: "";
}
.ti-arrow-zig-zag:before {
  content: "";
}
.ti-arrows-cross:before {
  content: "";
}
.ti-arrows-diagonal:before {
  content: "";
}
.ti-arrows-diagonal-2:before {
  content: "";
}
.ti-arrows-diagonal-minimize:before {
  content: "";
}
.ti-arrows-diagonal-minimize-2:before {
  content: "";
}
.ti-arrows-diff:before {
  content: "";
}
.ti-arrows-double-ne-sw:before {
  content: "";
}
.ti-arrows-double-nw-se:before {
  content: "";
}
.ti-arrows-double-se-nw:before {
  content: "";
}
.ti-arrows-double-sw-ne:before {
  content: "";
}
.ti-arrows-down:before {
  content: "";
}
.ti-arrows-down-up:before {
  content: "";
}
.ti-arrows-exchange:before {
  content: "";
}
.ti-arrows-exchange-2:before {
  content: "";
}
.ti-arrows-horizontal:before {
  content: "";
}
.ti-arrows-join:before {
  content: "";
}
.ti-arrows-join-2:before {
  content: "";
}
.ti-arrows-left:before {
  content: "";
}
.ti-arrows-left-down:before {
  content: "";
}
.ti-arrows-left-right:before {
  content: "";
}
.ti-arrows-maximize:before {
  content: "";
}
.ti-arrows-minimize:before {
  content: "";
}
.ti-arrows-move:before {
  content: "";
}
.ti-arrows-move-horizontal:before {
  content: "";
}
.ti-arrows-move-vertical:before {
  content: "";
}
.ti-arrows-random:before {
  content: "";
}
.ti-arrows-right:before {
  content: "";
}
.ti-arrows-right-down:before {
  content: "";
}
.ti-arrows-right-left:before {
  content: "";
}
.ti-arrows-shuffle:before {
  content: "";
}
.ti-arrows-shuffle-2:before {
  content: "";
}
.ti-arrows-sort:before {
  content: "";
}
.ti-arrows-split:before {
  content: "";
}
.ti-arrows-split-2:before {
  content: "";
}
.ti-arrows-transfer-down:before {
  content: "";
}
.ti-arrows-transfer-up:before {
  content: "";
}
.ti-arrows-up:before {
  content: "";
}
.ti-arrows-up-down:before {
  content: "";
}
.ti-arrows-up-left:before {
  content: "";
}
.ti-arrows-up-right:before {
  content: "";
}
.ti-arrows-vertical:before {
  content: "";
}
.ti-artboard:before {
  content: "";
}
.ti-artboard-filled:before {
  content: "廙";
}
.ti-artboard-off:before {
  content: "";
}
.ti-article:before {
  content: "";
}
.ti-article-filled-filled:before {
  content: "";
}
.ti-article-off:before {
  content: "";
}
.ti-aspect-ratio:before {
  content: "";
}
.ti-aspect-ratio-filled:before {
  content: "";
}
.ti-aspect-ratio-off:before {
  content: "";
}
.ti-assembly:before {
  content: "";
}
.ti-assembly-off:before {
  content: "";
}
.ti-asset:before {
  content: "";
}
.ti-asterisk:before {
  content: "";
}
.ti-asterisk-simple:before {
  content: "";
}
.ti-at:before {
  content: "";
}
.ti-at-off:before {
  content: "";
}
.ti-atom:before {
  content: "";
}
.ti-atom-2:before {
  content: "";
}
.ti-atom-2-filled:before {
  content: "";
}
.ti-atom-off:before {
  content: "";
}
.ti-augmented-reality:before {
  content: "";
}
.ti-augmented-reality-2:before {
  content: "";
}
.ti-augmented-reality-off:before {
  content: "";
}
.ti-award:before {
  content: "";
}
.ti-award-filled:before {
  content: "";
}
.ti-award-off:before {
  content: "";
}
.ti-axe:before {
  content: "";
}
.ti-axis-x:before {
  content: "";
}
.ti-axis-y:before {
  content: "";
}
.ti-baby-bottle:before {
  content: "";
}
.ti-baby-carriage:before {
  content: "";
}
.ti-backhoe:before {
  content: "";
}
.ti-backpack:before {
  content: "";
}
.ti-backpack-off:before {
  content: "";
}
.ti-backslash:before {
  content: "調";
}
.ti-backspace:before {
  content: "";
}
.ti-backspace-filled:before {
  content: "";
}
.ti-badge:before {
  content: "";
}
.ti-badge-3d:before {
  content: "";
}
.ti-badge-4k:before {
  content: "";
}
.ti-badge-8k:before {
  content: "";
}
.ti-badge-ad:before {
  content: "";
}
.ti-badge-ar:before {
  content: "";
}
.ti-badge-cc:before {
  content: "";
}
.ti-badge-filled:before {
  content: "";
}
.ti-badge-hd:before {
  content: "";
}
.ti-badge-off:before {
  content: "";
}
.ti-badge-sd:before {
  content: "";
}
.ti-badge-tm:before {
  content: "";
}
.ti-badge-vo:before {
  content: "";
}
.ti-badge-vr:before {
  content: "";
}
.ti-badge-wc:before {
  content: "";
}
.ti-badges:before {
  content: "";
}
.ti-badges-filled:before {
  content: "";
}
.ti-badges-off:before {
  content: "";
}
.ti-baguette:before {
  content: "";
}
.ti-ball-american-football:before {
  content: "";
}
.ti-ball-american-football-off:before {
  content: "";
}
.ti-ball-baseball:before {
  content: "";
}
.ti-ball-basketball:before {
  content: "";
}
.ti-ball-bowling:before {
  content: "";
}
.ti-ball-football:before {
  content: "";
}
.ti-ball-football-off:before {
  content: "";
}
.ti-ball-tennis:before {
  content: "";
}
.ti-ball-volleyball:before {
  content: "";
}
.ti-balloon:before {
  content: "";
}
.ti-balloon-filled:before {
  content: "彩";
}
.ti-balloon-off:before {
  content: "";
}
.ti-ballpen:before {
  content: "";
}
.ti-ballpen-filled:before {
  content: "徭";
}
.ti-ballpen-off:before {
  content: "";
}
.ti-ban:before {
  content: "";
}
.ti-bandage:before {
  content: "";
}
.ti-bandage-filled:before {
  content: "";
}
.ti-bandage-off:before {
  content: "";
}
.ti-barbell:before {
  content: "";
}
.ti-barbell-off:before {
  content: "";
}
.ti-barcode:before {
  content: "";
}
.ti-barcode-off:before {
  content: "";
}
.ti-barrel:before {
  content: "";
}
.ti-barrel-off:before {
  content: "";
}
.ti-barrier-block:before {
  content: "";
}
.ti-barrier-block-off:before {
  content: "";
}
.ti-baseline:before {
  content: "";
}
.ti-baseline-density-large:before {
  content: "藺";
}
.ti-baseline-density-medium:before {
  content: "隣";
}
.ti-baseline-density-small:before {
  content: "鱗";
}
.ti-basket:before {
  content: "";
}
.ti-basket-bolt:before {
  content: "ףּ";
}
.ti-basket-cancel:before {
  content: "פּ";
}
.ti-basket-check:before {
  content: "﭅";
}
.ti-basket-code:before {
  content: "צּ";
}
.ti-basket-cog:before {
  content: "קּ";
}
.ti-basket-discount:before {
  content: "רּ";
}
.ti-basket-dollar:before {
  content: "שּ";
}
.ti-basket-down:before {
  content: "תּ";
}
.ti-basket-exclamation:before {
  content: "וֹ";
}
.ti-basket-filled:before {
  content: "";
}
.ti-basket-heart:before {
  content: "בֿ";
}
.ti-basket-minus:before {
  content: "כֿ";
}
.ti-basket-off:before {
  content: "";
}
.ti-basket-pause:before {
  content: "פֿ";
}
.ti-basket-pin:before {
  content: "ﭏ";
}
.ti-basket-plus:before {
  content: "ﭐ";
}
.ti-basket-question:before {
  content: "ﭑ";
}
.ti-basket-search:before {
  content: "ﭒ";
}
.ti-basket-share:before {
  content: "ﭓ";
}
.ti-basket-star:before {
  content: "ﭔ";
}
.ti-basket-up:before {
  content: "ﭕ";
}
.ti-basket-x:before {
  content: "ﭖ";
}
.ti-bat:before {
  content: "";
}
.ti-bath:before {
  content: "";
}
.ti-bath-filled:before {
  content: "";
}
.ti-bath-off:before {
  content: "";
}
.ti-battery:before {
  content: "";
}
.ti-battery-1:before {
  content: "";
}
.ti-battery-1-filled:before {
  content: "";
}
.ti-battery-2:before {
  content: "";
}
.ti-battery-2-filled:before {
  content: "";
}
.ti-battery-3:before {
  content: "";
}
.ti-battery-3-filled:before {
  content: "";
}
.ti-battery-4:before {
  content: "";
}
.ti-battery-4-filled:before {
  content: "";
}
.ti-battery-automotive:before {
  content: "";
}
.ti-battery-charging:before {
  content: "";
}
.ti-battery-charging-2:before {
  content: "";
}
.ti-battery-eco:before {
  content: "";
}
.ti-battery-filled:before {
  content: "";
}
.ti-battery-off:before {
  content: "";
}
.ti-beach:before {
  content: "";
}
.ti-beach-off:before {
  content: "";
}
.ti-bed:before {
  content: "";
}
.ti-bed-filled:before {
  content: "";
}
.ti-bed-off:before {
  content: "";
}
.ti-beer:before {
  content: "";
}
.ti-beer-filled:before {
  content: "";
}
.ti-beer-off:before {
  content: "";
}
.ti-bell:before {
  content: "";
}
.ti-bell-bolt:before {
  content: "";
}
.ti-bell-cancel:before {
  content: "";
}
.ti-bell-check:before {
  content: "";
}
.ti-bell-code:before {
  content: "";
}
.ti-bell-cog:before {
  content: "";
}
.ti-bell-dollar:before {
  content: "";
}
.ti-bell-down:before {
  content: "";
}
.ti-bell-exclamation:before {
  content: "";
}
.ti-bell-filled:before {
  content: "";
}
.ti-bell-heart:before {
  content: "";
}
.ti-bell-minus:before {
  content: "";
}
.ti-bell-minus-filled:before {
  content: "";
}
.ti-bell-off:before {
  content: "";
}
.ti-bell-pause:before {
  content: "";
}
.ti-bell-pin:before {
  content: "";
}
.ti-bell-plus:before {
  content: "";
}
.ti-bell-plus-filled:before {
  content: "";
}
.ti-bell-question:before {
  content: "";
}
.ti-bell-ringing:before {
  content: "";
}
.ti-bell-ringing-2:before {
  content: "";
}
.ti-bell-ringing-2-filled:before {
  content: "";
}
.ti-bell-ringing-filled:before {
  content: "";
}
.ti-bell-school:before {
  content: "";
}
.ti-bell-search:before {
  content: "";
}
.ti-bell-share:before {
  content: "";
}
.ti-bell-star:before {
  content: "";
}
.ti-bell-up:before {
  content: "";
}
.ti-bell-x:before {
  content: "";
}
.ti-bell-x-filled:before {
  content: "";
}
.ti-bell-z:before {
  content: "";
}
.ti-bell-z-filled:before {
  content: "";
}
.ti-beta:before {
  content: "";
}
.ti-bible:before {
  content: "";
}
.ti-bike:before {
  content: "";
}
.ti-bike-off:before {
  content: "";
}
.ti-binary:before {
  content: "";
}
.ti-binary-off:before {
  content: "";
}
.ti-binary-tree:before {
  content: "";
}
.ti-binary-tree-2:before {
  content: "";
}
.ti-biohazard:before {
  content: "";
}
.ti-biohazard-off:before {
  content: "";
}
.ti-blade:before {
  content: "";
}
.ti-blade-filled:before {
  content: "";
}
.ti-bleach:before {
  content: "";
}
.ti-bleach-chlorine:before {
  content: "";
}
.ti-bleach-no-chlorine:before {
  content: "";
}
.ti-bleach-off:before {
  content: "";
}
.ti-blockquote:before {
  content: "";
}
.ti-bluetooth:before {
  content: "";
}
.ti-bluetooth-connected:before {
  content: "";
}
.ti-bluetooth-off:before {
  content: "";
}
.ti-bluetooth-x:before {
  content: "";
}
.ti-blur:before {
  content: "";
}
.ti-blur-off:before {
  content: "";
}
.ti-bmp:before {
  content: "";
}
.ti-bold:before {
  content: "";
}
.ti-bold-off:before {
  content: "";
}
.ti-bolt:before {
  content: "";
}
.ti-bolt-off:before {
  content: "";
}
.ti-bomb:before {
  content: "";
}
.ti-bomb-filled:before {
  content: "惘";
}
.ti-bone:before {
  content: "";
}
.ti-bone-off:before {
  content: "";
}
.ti-bong:before {
  content: "";
}
.ti-bong-off:before {
  content: "";
}
.ti-book:before {
  content: "";
}
.ti-book-2:before {
  content: "";
}
.ti-book-download:before {
  content: "";
}
.ti-book-filled:before {
  content: "慎";
}
.ti-book-off:before {
  content: "";
}
.ti-book-upload:before {
  content: "";
}
.ti-bookmark:before {
  content: "";
}
.ti-bookmark-edit:before {
  content: "艹";
}
.ti-bookmark-filled:before {
  content: "愈";
}
.ti-bookmark-minus:before {
  content: "著";
}
.ti-bookmark-off:before {
  content: "";
}
.ti-bookmark-plus:before {
  content: "褐";
}
.ti-bookmark-question:before {
  content: "視";
}
.ti-bookmarks:before {
  content: "";
}
.ti-bookmarks-filled:before {
  content: "ײַ";
}
.ti-bookmarks-off:before {
  content: "";
}
.ti-books:before {
  content: "";
}
.ti-books-off:before {
  content: "";
}
.ti-border-all:before {
  content: "";
}
.ti-border-bottom:before {
  content: "";
}
.ti-border-corners:before {
  content: "";
}
.ti-border-horizontal:before {
  content: "";
}
.ti-border-inner:before {
  content: "";
}
.ti-border-left:before {
  content: "";
}
.ti-border-none:before {
  content: "";
}
.ti-border-outer:before {
  content: "";
}
.ti-border-radius:before {
  content: "";
}
.ti-border-right:before {
  content: "";
}
.ti-border-sides:before {
  content: "";
}
.ti-border-style:before {
  content: "";
}
.ti-border-style-2:before {
  content: "";
}
.ti-border-top:before {
  content: "";
}
.ti-border-vertical:before {
  content: "";
}
.ti-bottle:before {
  content: "";
}
.ti-bottle-filled:before {
  content: "憎";
}
.ti-bottle-off:before {
  content: "";
}
.ti-bounce-left:before {
  content: "";
}
.ti-bounce-left-filled:before {
  content: "ﬠ";
}
.ti-bounce-right:before {
  content: "";
}
.ti-bounce-right-filled:before {
  content: "ﬡ";
}
.ti-bow:before {
  content: "";
}
.ti-bowl:before {
  content: "";
}
.ti-bowl-filled:before {
  content: "ﬢ";
}
.ti-box:before {
  content: "";
}
.ti-box-align-bottom:before {
  content: "";
}
.ti-box-align-bottom-filled:before {
  content: "慠";
}
.ti-box-align-bottom-left:before {
  content: "";
}
.ti-box-align-bottom-left-filled:before {
  content: "懲";
}
.ti-box-align-bottom-right:before {
  content: "";
}
.ti-box-align-bottom-right-filled:before {
  content: "戴";
}
.ti-box-align-left:before {
  content: "";
}
.ti-box-align-left-filled:before {
  content: "揄";
}
.ti-box-align-right:before {
  content: "";
}
.ti-box-align-right-filled:before {
  content: "搜";
}
.ti-box-align-top:before {
  content: "";
}
.ti-box-align-top-filled:before {
  content: "摒";
}
.ti-box-align-top-left:before {
  content: "";
}
.ti-box-align-top-left-filled:before {
  content: "敖";
}
.ti-box-align-top-right:before {
  content: "";
}
.ti-box-align-top-right-filled:before {
  content: "晴";
}
.ti-box-margin:before {
  content: "";
}
.ti-box-model:before {
  content: "";
}
.ti-box-model-2:before {
  content: "";
}
.ti-box-model-2-off:before {
  content: "";
}
.ti-box-model-off:before {
  content: "";
}
.ti-box-multiple:before {
  content: "";
}
.ti-box-multiple-0:before {
  content: "";
}
.ti-box-multiple-1:before {
  content: "";
}
.ti-box-multiple-2:before {
  content: "";
}
.ti-box-multiple-3:before {
  content: "";
}
.ti-box-multiple-4:before {
  content: "";
}
.ti-box-multiple-5:before {
  content: "";
}
.ti-box-multiple-6:before {
  content: "";
}
.ti-box-multiple-7:before {
  content: "";
}
.ti-box-multiple-8:before {
  content: "";
}
.ti-box-multiple-9:before {
  content: "";
}
.ti-box-off:before {
  content: "";
}
.ti-box-padding:before {
  content: "";
}
.ti-box-seam:before {
  content: "";
}
.ti-braces:before {
  content: "";
}
.ti-braces-off:before {
  content: "";
}
.ti-brackets:before {
  content: "";
}
.ti-brackets-contain:before {
  content: "";
}
.ti-brackets-contain-end:before {
  content: "";
}
.ti-brackets-contain-start:before {
  content: "";
}
.ti-brackets-off:before {
  content: "";
}
.ti-braille:before {
  content: "";
}
.ti-brain:before {
  content: "";
}
.ti-brand-4chan:before {
  content: "";
}
.ti-brand-abstract:before {
  content: "";
}
.ti-brand-adobe:before {
  content: "";
}
.ti-brand-adonis-js:before {
  content: "";
}
.ti-brand-airbnb:before {
  content: "";
}
.ti-brand-airtable:before {
  content: "";
}
.ti-brand-algolia:before {
  content: "";
}
.ti-brand-alipay:before {
  content: "";
}
.ti-brand-alpine-js:before {
  content: "";
}
.ti-brand-amazon:before {
  content: "";
}
.ti-brand-amd:before {
  content: "";
}
.ti-brand-amigo:before {
  content: "";
}
.ti-brand-among-us:before {
  content: "";
}
.ti-brand-android:before {
  content: "";
}
.ti-brand-angular:before {
  content: "";
}
.ti-brand-ansible:before {
  content: "並";
}
.ti-brand-ao3:before {
  content: "";
}
.ti-brand-appgallery:before {
  content: "";
}
.ti-brand-apple:before {
  content: "";
}
.ti-brand-apple-arcade:before {
  content: "";
}
.ti-brand-apple-podcast:before {
  content: "";
}
.ti-brand-appstore:before {
  content: "";
}
.ti-brand-asana:before {
  content: "";
}
.ti-brand-aws:before {
  content: "社";
}
.ti-brand-azure:before {
  content: "祉";
}
.ti-brand-backbone:before {
  content: "";
}
.ti-brand-badoo:before {
  content: "";
}
.ti-brand-baidu:before {
  content: "";
}
.ti-brand-bandcamp:before {
  content: "";
}
.ti-brand-bandlab:before {
  content: "";
}
.ti-brand-beats:before {
  content: "";
}
.ti-brand-behance:before {
  content: "";
}
.ti-brand-bilibili:before {
  content: "";
}
.ti-brand-binance:before {
  content: "";
}
.ti-brand-bing:before {
  content: "";
}
.ti-brand-bitbucket:before {
  content: "";
}
.ti-brand-blackberry:before {
  content: "";
}
.ti-brand-blender:before {
  content: "";
}
.ti-brand-blogger:before {
  content: "";
}
.ti-brand-booking:before {
  content: "";
}
.ti-brand-bootstrap:before {
  content: "";
}
.ti-brand-bulma:before {
  content: "";
}
.ti-brand-bumble:before {
  content: "";
}
.ti-brand-bunpo:before {
  content: "";
}
.ti-brand-c-sharp:before {
  content: "";
}
.ti-brand-cake:before {
  content: "";
}
.ti-brand-cakephp:before {
  content: "";
}
.ti-brand-campaignmonitor:before {
  content: "";
}
.ti-brand-carbon:before {
  content: "";
}
.ti-brand-cashapp:before {
  content: "";
}
.ti-brand-chrome:before {
  content: "";
}
.ti-brand-cinema-4d:before {
  content: "况";
}
.ti-brand-citymapper:before {
  content: "";
}
.ti-brand-cloudflare:before {
  content: "祈";
}
.ti-brand-codecov:before {
  content: "";
}
.ti-brand-codepen:before {
  content: "";
}
.ti-brand-codesandbox:before {
  content: "";
}
.ti-brand-cohost:before {
  content: "";
}
.ti-brand-coinbase:before {
  content: "";
}
.ti-brand-comedy-central:before {
  content: "";
}
.ti-brand-coreos:before {
  content: "";
}
.ti-brand-couchdb:before {
  content: "";
}
.ti-brand-couchsurfing:before {
  content: "";
}
.ti-brand-cpp:before {
  content: "";
}
.ti-brand-craft:before {
  content: "全";
}
.ti-brand-crunchbase:before {
  content: "";
}
.ti-brand-css3:before {
  content: "";
}
.ti-brand-ctemplar:before {
  content: "";
}
.ti-brand-cucumber:before {
  content: "";
}
.ti-brand-cupra:before {
  content: "";
}
.ti-brand-cypress:before {
  content: "";
}
.ti-brand-d3:before {
  content: "";
}
.ti-brand-databricks:before {
  content: "ﱁ";
}
.ti-brand-days-counter:before {
  content: "";
}
.ti-brand-dcos:before {
  content: "";
}
.ti-brand-debian:before {
  content: "";
}
.ti-brand-deezer:before {
  content: "";
}
.ti-brand-deliveroo:before {
  content: "";
}
.ti-brand-deno:before {
  content: "";
}
.ti-brand-denodo:before {
  content: "";
}
.ti-brand-deviantart:before {
  content: "";
}
.ti-brand-digg:before {
  content: "侀";
}
.ti-brand-dingtalk:before {
  content: "";
}
.ti-brand-discord:before {
  content: "";
}
.ti-brand-discord-filled:before {
  content: "";
}
.ti-brand-disney:before {
  content: "";
}
.ti-brand-disqus:before {
  content: "";
}
.ti-brand-django:before {
  content: "";
}
.ti-brand-docker:before {
  content: "";
}
.ti-brand-doctrine:before {
  content: "";
}
.ti-brand-dolby-digital:before {
  content: "";
}
.ti-brand-douban:before {
  content: "";
}
.ti-brand-dribbble:before {
  content: "";
}
.ti-brand-dribbble-filled:before {
  content: "";
}
.ti-brand-drops:before {
  content: "";
}
.ti-brand-drupal:before {
  content: "";
}
.ti-brand-edge:before {
  content: "";
}
.ti-brand-elastic:before {
  content: "";
}
.ti-brand-electronic-arts:before {
  content: "充";
}
.ti-brand-ember:before {
  content: "";
}
.ti-brand-envato:before {
  content: "";
}
.ti-brand-etsy:before {
  content: "";
}
.ti-brand-evernote:before {
  content: "";
}
.ti-brand-facebook:before {
  content: "";
}
.ti-brand-facebook-filled:before {
  content: "";
}
.ti-brand-feedly:before {
  content: "冀";
}
.ti-brand-figma:before {
  content: "";
}
.ti-brand-filezilla:before {
  content: "勇";
}
.ti-brand-finder:before {
  content: "";
}
.ti-brand-firebase:before {
  content: "";
}
.ti-brand-firefox:before {
  content: "";
}
.ti-brand-fiverr:before {
  content: "";
}
.ti-brand-flickr:before {
  content: "";
}
.ti-brand-flightradar24:before {
  content: "";
}
.ti-brand-flipboard:before {
  content: "";
}
.ti-brand-flutter:before {
  content: "";
}
.ti-brand-fortnite:before {
  content: "";
}
.ti-brand-foursquare:before {
  content: "";
}
.ti-brand-framer:before {
  content: "";
}
.ti-brand-framer-motion:before {
  content: "";
}
.ti-brand-funimation:before {
  content: "";
}
.ti-brand-gatsby:before {
  content: "";
}
.ti-brand-git:before {
  content: "";
}
.ti-brand-github:before {
  content: "";
}
.ti-brand-github-copilot:before {
  content: "";
}
.ti-brand-github-filled:before {
  content: "";
}
.ti-brand-gitlab:before {
  content: "";
}
.ti-brand-gmail:before {
  content: "";
}
.ti-brand-golang:before {
  content: "";
}
.ti-brand-google:before {
  content: "";
}
.ti-brand-google-analytics:before {
  content: "";
}
.ti-brand-google-big-query:before {
  content: "";
}
.ti-brand-google-drive:before {
  content: "";
}
.ti-brand-google-fit:before {
  content: "";
}
.ti-brand-google-home:before {
  content: "";
}
.ti-brand-google-maps:before {
  content: "祐";
}
.ti-brand-google-one:before {
  content: "";
}
.ti-brand-google-photos:before {
  content: "";
}
.ti-brand-google-play:before {
  content: "";
}
.ti-brand-google-podcasts:before {
  content: "";
}
.ti-brand-grammarly:before {
  content: "";
}
.ti-brand-graphql:before {
  content: "";
}
.ti-brand-gravatar:before {
  content: "";
}
.ti-brand-grindr:before {
  content: "";
}
.ti-brand-guardian:before {
  content: "";
}
.ti-brand-gumroad:before {
  content: "";
}
.ti-brand-hbo:before {
  content: "";
}
.ti-brand-headlessui:before {
  content: "";
}
.ti-brand-hexo:before {
  content: "祖";
}
.ti-brand-hipchat:before {
  content: "";
}
.ti-brand-html5:before {
  content: "";
}
.ti-brand-inertia:before {
  content: "";
}
.ti-brand-instagram:before {
  content: "";
}
.ti-brand-intercom:before {
  content: "";
}
.ti-brand-itch:before {
  content: "諸";
}
.ti-brand-javascript:before {
  content: "";
}
.ti-brand-juejin:before {
  content: "";
}
.ti-brand-kbin:before {
  content: "𢡄";
}
.ti-brand-kick:before {
  content: "﨣";
}
.ti-brand-kickstarter:before {
  content: "";
}
.ti-brand-kotlin:before {
  content: "";
}
.ti-brand-laravel:before {
  content: "";
}
.ti-brand-lastfm:before {
  content: "";
}
.ti-brand-leetcode:before {
  content: "祝";
}
.ti-brand-letterboxd:before {
  content: "﨤";
}
.ti-brand-line:before {
  content: "";
}
.ti-brand-linkedin:before {
  content: "";
}
.ti-brand-linktree:before {
  content: "";
}
.ti-brand-linqpad:before {
  content: "";
}
.ti-brand-loom:before {
  content: "";
}
.ti-brand-mailgun:before {
  content: "";
}
.ti-brand-mantine:before {
  content: "";
}
.ti-brand-mastercard:before {
  content: "";
}
.ti-brand-mastodon:before {
  content: "";
}
.ti-brand-matrix:before {
  content: "";
}
.ti-brand-mcdonalds:before {
  content: "";
}
.ti-brand-medium:before {
  content: "";
}
.ti-brand-meetup:before {
  content: "ﱪ";
}
.ti-brand-mercedes:before {
  content: "";
}
.ti-brand-messenger:before {
  content: "";
}
.ti-brand-meta:before {
  content: "";
}
.ti-brand-minecraft:before {
  content: "﫯";
}
.ti-brand-miniprogram:before {
  content: "";
}
.ti-brand-mixpanel:before {
  content: "";
}
.ti-brand-monday:before {
  content: "";
}
.ti-brand-mongodb:before {
  content: "";
}
.ti-brand-my-oppo:before {
  content: "";
}
.ti-brand-mysql:before {
  content: "";
}
.ti-brand-national-geographic:before {
  content: "";
}
.ti-brand-nem:before {
  content: "";
}
.ti-brand-netbeans:before {
  content: "";
}
.ti-brand-netease-music:before {
  content: "";
}
.ti-brand-netflix:before {
  content: "";
}
.ti-brand-nexo:before {
  content: "";
}
.ti-brand-nextcloud:before {
  content: "";
}
.ti-brand-nextjs:before {
  content: "";
}
.ti-brand-nodejs:before {
  content: "﫠";
}
.ti-brand-nord-vpn:before {
  content: "";
}
.ti-brand-notion:before {
  content: "";
}
.ti-brand-npm:before {
  content: "";
}
.ti-brand-nuxt:before {
  content: "";
}
.ti-brand-nytimes:before {
  content: "";
}
.ti-brand-oauth:before {
  content: "禍";
}
.ti-brand-office:before {
  content: "";
}
.ti-brand-ok-ru:before {
  content: "";
}
.ti-brand-onedrive:before {
  content: "";
}
.ti-brand-onlyfans:before {
  content: "";
}
.ti-brand-open-source:before {
  content: "";
}
.ti-brand-openai:before {
  content: "";
}
.ti-brand-openvpn:before {
  content: "";
}
.ti-brand-opera:before {
  content: "";
}
.ti-brand-pagekit:before {
  content: "";
}
.ti-brand-parsinta:before {
  content: "ﱂ";
}
.ti-brand-patreon:before {
  content: "";
}
.ti-brand-paypal:before {
  content: "";
}
.ti-brand-paypal-filled:before {
  content: "";
}
.ti-brand-paypay:before {
  content: "";
}
.ti-brand-peanut:before {
  content: "";
}
.ti-brand-pepsi:before {
  content: "";
}
.ti-brand-php:before {
  content: "";
}
.ti-brand-picsart:before {
  content: "";
}
.ti-brand-pinterest:before {
  content: "";
}
.ti-brand-planetscale:before {
  content: "";
}
.ti-brand-pocket:before {
  content: "";
}
.ti-brand-polymer:before {
  content: "";
}
.ti-brand-powershell:before {
  content: "";
}
.ti-brand-prisma:before {
  content: "";
}
.ti-brand-producthunt:before {
  content: "";
}
.ti-brand-pushbullet:before {
  content: "";
}
.ti-brand-pushover:before {
  content: "";
}
.ti-brand-python:before {
  content: "";
}
.ti-brand-qq:before {
  content: "";
}
.ti-brand-radix-ui:before {
  content: "";
}
.ti-brand-react:before {
  content: "";
}
.ti-brand-react-native:before {
  content: "";
}
.ti-brand-reason:before {
  content: "";
}
.ti-brand-reddit:before {
  content: "";
}
.ti-brand-redhat:before {
  content: "";
}
.ti-brand-redux:before {
  content: "";
}
.ti-brand-revolut:before {
  content: "";
}
.ti-brand-rumble:before {
  content: "𣏕";
}
.ti-brand-rust:before {
  content: "禎";
}
.ti-brand-safari:before {
  content: "";
}
.ti-brand-samsungpass:before {
  content: "";
}
.ti-brand-sass:before {
  content: "";
}
.ti-brand-sentry:before {
  content: "";
}
.ti-brand-sharik:before {
  content: "";
}
.ti-brand-shazam:before {
  content: "";
}
.ti-brand-shopee:before {
  content: "";
}
.ti-brand-sketch:before {
  content: "";
}
.ti-brand-skype:before {
  content: "";
}
.ti-brand-slack:before {
  content: "";
}
.ti-brand-snapchat:before {
  content: "";
}
.ti-brand-snapseed:before {
  content: "";
}
.ti-brand-snowflake:before {
  content: "";
}
.ti-brand-socket-io:before {
  content: "";
}
.ti-brand-solidjs:before {
  content: "";
}
.ti-brand-soundcloud:before {
  content: "";
}
.ti-brand-spacehey:before {
  content: "";
}
.ti-brand-speedtest:before {
  content: "勺";
}
.ti-brand-spotify:before {
  content: "";
}
.ti-brand-stackoverflow:before {
  content: "";
}
.ti-brand-stackshare:before {
  content: "";
}
.ti-brand-steam:before {
  content: "";
}
.ti-brand-storj:before {
  content: "穀";
}
.ti-brand-storybook:before {
  content: "";
}
.ti-brand-storytel:before {
  content: "";
}
.ti-brand-strava:before {
  content: "";
}
.ti-brand-stripe:before {
  content: "";
}
.ti-brand-sublime-text:before {
  content: "";
}
.ti-brand-sugarizer:before {
  content: "";
}
.ti-brand-supabase:before {
  content: "";
}
.ti-brand-superhuman:before {
  content: "";
}
.ti-brand-supernova:before {
  content: "";
}
.ti-brand-surfshark:before {
  content: "";
}
.ti-brand-svelte:before {
  content: "";
}
.ti-brand-swift:before {
  content: "突";
}
.ti-brand-symfony:before {
  content: "";
}
.ti-brand-tabler:before {
  content: "";
}
.ti-brand-tailwind:before {
  content: "";
}
.ti-brand-taobao:before {
  content: "";
}
.ti-brand-teams:before {
  content: "﫟";
}
.ti-brand-ted:before {
  content: "";
}
.ti-brand-telegram:before {
  content: "";
}
.ti-brand-terraform:before {
  content: "節";
}
.ti-brand-tether:before {
  content: "";
}
.ti-brand-threads:before {
  content: "fl";
}
.ti-brand-threejs:before {
  content: "";
}
.ti-brand-tidal:before {
  content: "";
}
.ti-brand-tiktok:before {
  content: "";
}
.ti-brand-tiktok-filled:before {
  content: "";
}
.ti-brand-tinder:before {
  content: "";
}
.ti-brand-topbuzz:before {
  content: "";
}
.ti-brand-torchain:before {
  content: "";
}
.ti-brand-toyota:before {
  content: "";
}
.ti-brand-trello:before {
  content: "";
}
.ti-brand-tripadvisor:before {
  content: "";
}
.ti-brand-tumblr:before {
  content: "";
}
.ti-brand-twilio:before {
  content: "";
}
.ti-brand-twitch:before {
  content: "";
}
.ti-brand-twitter:before {
  content: "";
}
.ti-brand-twitter-filled:before {
  content: "";
}
.ti-brand-typescript:before {
  content: "";
}
.ti-brand-uber:before {
  content: "";
}
.ti-brand-ubuntu:before {
  content: "";
}
.ti-brand-unity:before {
  content: "";
}
.ti-brand-unsplash:before {
  content: "";
}
.ti-brand-upwork:before {
  content: "";
}
.ti-brand-valorant:before {
  content: "";
}
.ti-brand-vercel:before {
  content: "";
}
.ti-brand-vimeo:before {
  content: "";
}
.ti-brand-vinted:before {
  content: "";
}
.ti-brand-visa:before {
  content: "";
}
.ti-brand-visual-studio:before {
  content: "";
}
.ti-brand-vite:before {
  content: "";
}
.ti-brand-vivaldi:before {
  content: "";
}
.ti-brand-vk:before {
  content: "";
}
.ti-brand-vlc:before {
  content: "喝";
}
.ti-brand-volkswagen:before {
  content: "";
}
.ti-brand-vsco:before {
  content: "";
}
.ti-brand-vscode:before {
  content: "";
}
.ti-brand-vue:before {
  content: "";
}
.ti-brand-walmart:before {
  content: "";
}
.ti-brand-waze:before {
  content: "";
}
.ti-brand-webflow:before {
  content: "";
}
.ti-brand-wechat:before {
  content: "";
}
.ti-brand-weibo:before {
  content: "";
}
.ti-brand-whatsapp:before {
  content: "";
}
.ti-brand-wikipedia:before {
  content: "啕";
}
.ti-brand-windows:before {
  content: "";
}
.ti-brand-windy:before {
  content: "";
}
.ti-brand-wish:before {
  content: "";
}
.ti-brand-wix:before {
  content: "";
}
.ti-brand-wordpress:before {
  content: "";
}
.ti-brand-x:before {
  content: "ﰏ";
}
.ti-brand-x-filled:before {
  content: "ﰡ";
}
.ti-brand-xamarin:before {
  content: "喙";
}
.ti-brand-xbox:before {
  content: "";
}
.ti-brand-xdeep:before {
  content: "ﰐ";
}
.ti-brand-xing:before {
  content: "";
}
.ti-brand-yahoo:before {
  content: "";
}
.ti-brand-yandex:before {
  content: "﫡";
}
.ti-brand-yatse:before {
  content: "";
}
.ti-brand-ycombinator:before {
  content: "";
}
.ti-brand-youtube:before {
  content: "";
}
.ti-brand-youtube-filled:before {
  content: "ﰢ";
}
.ti-brand-youtube-kids:before {
  content: "";
}
.ti-brand-zalando:before {
  content: "";
}
.ti-brand-zapier:before {
  content: "";
}
.ti-brand-zeit:before {
  content: "";
}
.ti-brand-zhihu:before {
  content: "";
}
.ti-brand-zoom:before {
  content: "";
}
.ti-brand-zulip:before {
  content: "";
}
.ti-brand-zwift:before {
  content: "";
}
.ti-bread:before {
  content: "";
}
.ti-bread-off:before {
  content: "";
}
.ti-briefcase:before {
  content: "";
}
.ti-briefcase-2:before {
  content: "ffi";
}
.ti-briefcase-off:before {
  content: "";
}
.ti-brightness:before {
  content: "";
}
.ti-brightness-2:before {
  content: "";
}
.ti-brightness-down:before {
  content: "";
}
.ti-brightness-down-filled:before {
  content: "ﬣ";
}
.ti-brightness-half:before {
  content: "";
}
.ti-brightness-off:before {
  content: "";
}
.ti-brightness-up:before {
  content: "";
}
.ti-brightness-up-filled:before {
  content: "ﬤ";
}
.ti-broadcast:before {
  content: "";
}
.ti-broadcast-off:before {
  content: "";
}
.ti-browser:before {
  content: "";
}
.ti-browser-check:before {
  content: "";
}
.ti-browser-off:before {
  content: "";
}
.ti-browser-plus:before {
  content: "";
}
.ti-browser-x:before {
  content: "";
}
.ti-brush:before {
  content: "";
}
.ti-brush-off:before {
  content: "";
}
.ti-bucket:before {
  content: "";
}
.ti-bucket-droplet:before {
  content: "";
}
.ti-bucket-off:before {
  content: "";
}
.ti-bug:before {
  content: "";
}
.ti-bug-off:before {
  content: "";
}
.ti-building:before {
  content: "";
}
.ti-building-arch:before {
  content: "";
}
.ti-building-bank:before {
  content: "";
}
.ti-building-bridge:before {
  content: "";
}
.ti-building-bridge-2:before {
  content: "";
}
.ti-building-broadcast-tower:before {
  content: "";
}
.ti-building-carousel:before {
  content: "";
}
.ti-building-castle:before {
  content: "";
}
.ti-building-church:before {
  content: "";
}
.ti-building-circus:before {
  content: "";
}
.ti-building-community:before {
  content: "";
}
.ti-building-cottage:before {
  content: "";
}
.ti-building-estate:before {
  content: "";
}
.ti-building-factory:before {
  content: "";
}
.ti-building-factory-2:before {
  content: "";
}
.ti-building-fortress:before {
  content: "";
}
.ti-building-hospital:before {
  content: "";
}
.ti-building-lighthouse:before {
  content: "";
}
.ti-building-monument:before {
  content: "";
}
.ti-building-mosque:before {
  content: "練";
}
.ti-building-pavilion:before {
  content: "";
}
.ti-building-skyscraper:before {
  content: "";
}
.ti-building-stadium:before {
  content: "";
}
.ti-building-store:before {
  content: "";
}
.ti-building-tunnel:before {
  content: "";
}
.ti-building-warehouse:before {
  content: "";
}
.ti-building-wind-turbine:before {
  content: "";
}
.ti-bulb:before {
  content: "";
}
.ti-bulb-filled:before {
  content: "";
}
.ti-bulb-off:before {
  content: "";
}
.ti-bulldozer:before {
  content: "";
}
.ti-bus:before {
  content: "";
}
.ti-bus-off:before {
  content: "";
}
.ti-bus-stop:before {
  content: "";
}
.ti-businessplan:before {
  content: "";
}
.ti-butterfly:before {
  content: "";
}
.ti-cactus:before {
  content: "";
}
.ti-cactus-filled:before {
  content: "ﬥ";
}
.ti-cactus-off:before {
  content: "";
}
.ti-cake:before {
  content: "";
}
.ti-cake-off:before {
  content: "";
}
.ti-calculator:before {
  content: "";
}
.ti-calculator-filled:before {
  content: "ﬦ";
}
.ti-calculator-off:before {
  content: "";
}
.ti-calendar:before {
  content: "";
}
.ti-calendar-bolt:before {
  content: "";
}
.ti-calendar-cancel:before {
  content: "";
}
.ti-calendar-check:before {
  content: "";
}
.ti-calendar-code:before {
  content: "";
}
.ti-calendar-cog:before {
  content: "";
}
.ti-calendar-dollar:before {
  content: "";
}
.ti-calendar-down:before {
  content: "";
}
.ti-calendar-due:before {
  content: "";
}
.ti-calendar-event:before {
  content: "";
}
.ti-calendar-exclamation:before {
  content: "";
}
.ti-calendar-filled:before {
  content: "ﬧ";
}
.ti-calendar-heart:before {
  content: "";
}
.ti-calendar-minus:before {
  content: "";
}
.ti-calendar-off:before {
  content: "";
}
.ti-calendar-pause:before {
  content: "";
}
.ti-calendar-pin:before {
  content: "";
}
.ti-calendar-plus:before {
  content: "";
}
.ti-calendar-question:before {
  content: "";
}
.ti-calendar-repeat:before {
  content: "㮝";
}
.ti-calendar-search:before {
  content: "";
}
.ti-calendar-share:before {
  content: "";
}
.ti-calendar-star:before {
  content: "";
}
.ti-calendar-stats:before {
  content: "";
}
.ti-calendar-time:before {
  content: "";
}
.ti-calendar-up:before {
  content: "";
}
.ti-calendar-x:before {
  content: "";
}
.ti-camera:before {
  content: "";
}
.ti-camera-bolt:before {
  content: "";
}
.ti-camera-cancel:before {
  content: "";
}
.ti-camera-check:before {
  content: "";
}
.ti-camera-code:before {
  content: "";
}
.ti-camera-cog:before {
  content: "";
}
.ti-camera-dollar:before {
  content: "";
}
.ti-camera-down:before {
  content: "";
}
.ti-camera-exclamation:before {
  content: "";
}
.ti-camera-filled:before {
  content: "嘆";
}
.ti-camera-heart:before {
  content: "";
}
.ti-camera-minus:before {
  content: "";
}
.ti-camera-off:before {
  content: "";
}
.ti-camera-pause:before {
  content: "";
}
.ti-camera-pin:before {
  content: "";
}
.ti-camera-plus:before {
  content: "";
}
.ti-camera-question:before {
  content: "";
}
.ti-camera-rotate:before {
  content: "";
}
.ti-camera-search:before {
  content: "";
}
.ti-camera-selfie:before {
  content: "";
}
.ti-camera-share:before {
  content: "";
}
.ti-camera-star:before {
  content: "";
}
.ti-camera-up:before {
  content: "";
}
.ti-camera-x:before {
  content: "";
}
.ti-camper:before {
  content: "逸";
}
.ti-campfire:before {
  content: "";
}
.ti-campfire-filled:before {
  content: "ﬨ";
}
.ti-candle:before {
  content: "";
}
.ti-candle-filled:before {
  content: "ﰣ";
}
.ti-candy:before {
  content: "";
}
.ti-candy-off:before {
  content: "";
}
.ti-cane:before {
  content: "";
}
.ti-cannabis:before {
  content: "";
}
.ti-capsule:before {
  content: "﫣";
}
.ti-capsule-filled:before {
  content: "ﰤ";
}
.ti-capsule-horizontal:before {
  content: "﫢";
}
.ti-capsule-horizontal-filled:before {
  content: "ﰥ";
}
.ti-capture:before {
  content: "";
}
.ti-capture-filled:before {
  content: "﬩";
}
.ti-capture-off:before {
  content: "";
}
.ti-car:before {
  content: "";
}
.ti-car-crane:before {
  content: "";
}
.ti-car-crash:before {
  content: "";
}
.ti-car-garage:before {
  content: "ﱷ";
}
.ti-car-off:before {
  content: "";
}
.ti-car-turbine:before {
  content: "";
}
.ti-caravan:before {
  content: "";
}
.ti-cardboards:before {
  content: "";
}
.ti-cardboards-off:before {
  content: "";
}
.ti-cards:before {
  content: "";
}
.ti-cards-filled:before {
  content: "ﰦ";
}
.ti-caret-down:before {
  content: "";
}
.ti-caret-down-filled:before {
  content: "שׁ";
}
.ti-caret-left:before {
  content: "";
}
.ti-caret-left-filled:before {
  content: "שׂ";
}
.ti-caret-left-right:before {
  content: "ﱃ";
}
.ti-caret-right:before {
  content: "";
}
.ti-caret-right-filled:before {
  content: "שּׁ";
}
.ti-caret-up:before {
  content: "";
}
.ti-caret-up-down:before {
  content: "ﱄ";
}
.ti-caret-up-filled:before {
  content: "שּׂ";
}
.ti-carousel-horizontal:before {
  content: "";
}
.ti-carousel-horizontal-filled:before {
  content: "朗";
}
.ti-carousel-vertical:before {
  content: "";
}
.ti-carousel-vertical-filled:before {
  content: "望";
}
.ti-carrot:before {
  content: "";
}
.ti-carrot-off:before {
  content: "";
}
.ti-cash:before {
  content: "";
}
.ti-cash-banknote:before {
  content: "";
}
.ti-cash-banknote-off:before {
  content: "";
}
.ti-cash-off:before {
  content: "";
}
.ti-cast:before {
  content: "";
}
.ti-cast-off:before {
  content: "";
}
.ti-cat:before {
  content: "";
}
.ti-category:before {
  content: "";
}
.ti-category-2:before {
  content: "";
}
.ti-category-filled:before {
  content: "אַ";
}
.ti-ce:before {
  content: "";
}
.ti-ce-off:before {
  content: "";
}
.ti-cell:before {
  content: "";
}
.ti-cell-signal-1:before {
  content: "";
}
.ti-cell-signal-2:before {
  content: "";
}
.ti-cell-signal-3:before {
  content: "";
}
.ti-cell-signal-4:before {
  content: "";
}
.ti-cell-signal-5:before {
  content: "";
}
.ti-cell-signal-off:before {
  content: "";
}
.ti-certificate:before {
  content: "";
}
.ti-certificate-2:before {
  content: "";
}
.ti-certificate-2-off:before {
  content: "";
}
.ti-certificate-off:before {
  content: "";
}
.ti-chair-director:before {
  content: "";
}
.ti-chalkboard:before {
  content: "";
}
.ti-chalkboard-off:before {
  content: "";
}
.ti-charging-pile:before {
  content: "";
}
.ti-chart-arcs:before {
  content: "";
}
.ti-chart-arcs-3:before {
  content: "";
}
.ti-chart-area:before {
  content: "";
}
.ti-chart-area-filled:before {
  content: "";
}
.ti-chart-area-line:before {
  content: "";
}
.ti-chart-area-line-filled:before {
  content: "";
}
.ti-chart-arrows:before {
  content: "";
}
.ti-chart-arrows-vertical:before {
  content: "";
}
.ti-chart-bar:before {
  content: "";
}
.ti-chart-bar-off:before {
  content: "";
}
.ti-chart-bubble:before {
  content: "";
}
.ti-chart-bubble-filled:before {
  content: "";
}
.ti-chart-candle:before {
  content: "";
}
.ti-chart-candle-filled:before {
  content: "";
}
.ti-chart-circles:before {
  content: "";
}
.ti-chart-donut:before {
  content: "";
}
.ti-chart-donut-2:before {
  content: "";
}
.ti-chart-donut-3:before {
  content: "";
}
.ti-chart-donut-4:before {
  content: "";
}
.ti-chart-donut-filled:before {
  content: "";
}
.ti-chart-dots:before {
  content: "";
}
.ti-chart-dots-2:before {
  content: "";
}
.ti-chart-dots-3:before {
  content: "";
}
.ti-chart-grid-dots:before {
  content: "";
}
.ti-chart-histogram:before {
  content: "";
}
.ti-chart-infographic:before {
  content: "";
}
.ti-chart-line:before {
  content: "";
}
.ti-chart-pie:before {
  content: "";
}
.ti-chart-pie-2:before {
  content: "";
}
.ti-chart-pie-3:before {
  content: "";
}
.ti-chart-pie-4:before {
  content: "";
}
.ti-chart-pie-filled:before {
  content: "";
}
.ti-chart-pie-off:before {
  content: "";
}
.ti-chart-ppf:before {
  content: "";
}
.ti-chart-radar:before {
  content: "";
}
.ti-chart-sankey:before {
  content: "";
}
.ti-chart-treemap:before {
  content: "";
}
.ti-check:before {
  content: "";
}
.ti-checkbox:before {
  content: "";
}
.ti-checklist:before {
  content: "";
}
.ti-checks:before {
  content: "";
}
.ti-checkup-list:before {
  content: "";
}
.ti-cheese:before {
  content: "";
}
.ti-chef-hat:before {
  content: "";
}
.ti-chef-hat-off:before {
  content: "";
}
.ti-cherry:before {
  content: "";
}
.ti-cherry-filled:before {
  content: "";
}
.ti-chess:before {
  content: "";
}
.ti-chess-bishop:before {
  content: "";
}
.ti-chess-bishop-filled:before {
  content: "";
}
.ti-chess-filled:before {
  content: "";
}
.ti-chess-king:before {
  content: "";
}
.ti-chess-king-filled:before {
  content: "";
}
.ti-chess-knight:before {
  content: "";
}
.ti-chess-knight-filled:before {
  content: "";
}
.ti-chess-queen:before {
  content: "";
}
.ti-chess-queen-filled:before {
  content: "";
}
.ti-chess-rook:before {
  content: "";
}
.ti-chess-rook-filled:before {
  content: "";
}
.ti-chevron-compact-down:before {
  content: "﫰";
}
.ti-chevron-compact-left:before {
  content: "﫱";
}
.ti-chevron-compact-right:before {
  content: "﫲";
}
.ti-chevron-compact-up:before {
  content: "﫳";
}
.ti-chevron-down:before {
  content: "";
}
.ti-chevron-down-left:before {
  content: "";
}
.ti-chevron-down-right:before {
  content: "";
}
.ti-chevron-left:before {
  content: "";
}
.ti-chevron-left-pipe:before {
  content: "﫤";
}
.ti-chevron-right:before {
  content: "";
}
.ti-chevron-right-pipe:before {
  content: "﫥";
}
.ti-chevron-up:before {
  content: "";
}
.ti-chevron-up-left:before {
  content: "";
}
.ti-chevron-up-right:before {
  content: "";
}
.ti-chevrons-down:before {
  content: "";
}
.ti-chevrons-down-left:before {
  content: "";
}
.ti-chevrons-down-right:before {
  content: "";
}
.ti-chevrons-left:before {
  content: "";
}
.ti-chevrons-right:before {
  content: "";
}
.ti-chevrons-up:before {
  content: "";
}
.ti-chevrons-up-left:before {
  content: "";
}
.ti-chevrons-up-right:before {
  content: "";
}
.ti-chisel:before {
  content: "";
}
.ti-christmas-tree:before {
  content: "";
}
.ti-christmas-tree-off:before {
  content: "";
}
.ti-circle:before {
  content: "";
}
.ti-circle-0-filled:before {
  content: "";
}
.ti-circle-1-filled:before {
  content: "";
}
.ti-circle-2-filled:before {
  content: "";
}
.ti-circle-3-filled:before {
  content: "";
}
.ti-circle-4-filled:before {
  content: "";
}
.ti-circle-5-filled:before {
  content: "";
}
.ti-circle-6-filled:before {
  content: "";
}
.ti-circle-7-filled:before {
  content: "";
}
.ti-circle-8-filled:before {
  content: "";
}
.ti-circle-9-filled:before {
  content: "";
}
.ti-circle-arrow-down:before {
  content: "";
}
.ti-circle-arrow-down-filled:before {
  content: "";
}
.ti-circle-arrow-down-left:before {
  content: "";
}
.ti-circle-arrow-down-left-filled:before {
  content: "";
}
.ti-circle-arrow-down-right:before {
  content: "";
}
.ti-circle-arrow-down-right-filled:before {
  content: "";
}
.ti-circle-arrow-left:before {
  content: "";
}
.ti-circle-arrow-left-filled:before {
  content: "";
}
.ti-circle-arrow-right:before {
  content: "";
}
.ti-circle-arrow-right-filled:before {
  content: "";
}
.ti-circle-arrow-up:before {
  content: "";
}
.ti-circle-arrow-up-filled:before {
  content: "";
}
.ti-circle-arrow-up-left:before {
  content: "";
}
.ti-circle-arrow-up-left-filled:before {
  content: "";
}
.ti-circle-arrow-up-right:before {
  content: "";
}
.ti-circle-arrow-up-right-filled:before {
  content: "";
}
.ti-circle-caret-down:before {
  content: "";
}
.ti-circle-caret-left:before {
  content: "";
}
.ti-circle-caret-right:before {
  content: "";
}
.ti-circle-caret-up:before {
  content: "";
}
.ti-circle-check:before {
  content: "";
}
.ti-circle-check-filled:before {
  content: "";
}
.ti-circle-chevron-down:before {
  content: "";
}
.ti-circle-chevron-left:before {
  content: "";
}
.ti-circle-chevron-right:before {
  content: "";
}
.ti-circle-chevron-up:before {
  content: "";
}
.ti-circle-chevrons-down:before {
  content: "";
}
.ti-circle-chevrons-left:before {
  content: "";
}
.ti-circle-chevrons-right:before {
  content: "";
}
.ti-circle-chevrons-up:before {
  content: "";
}
.ti-circle-dashed:before {
  content: "";
}
.ti-circle-dashed-number-0:before {
  content: "ﱫ";
}
.ti-circle-dashed-number-1:before {
  content: "ﱬ";
}
.ti-circle-dashed-number-2:before {
  content: "ﱭ";
}
.ti-circle-dashed-number-3:before {
  content: "ﱮ";
}
.ti-circle-dashed-number-4:before {
  content: "ﱯ";
}
.ti-circle-dashed-number-5:before {
  content: "ﱰ";
}
.ti-circle-dashed-number-6:before {
  content: "ﱱ";
}
.ti-circle-dashed-number-7:before {
  content: "ﱲ";
}
.ti-circle-dashed-number-8:before {
  content: "ﱳ";
}
.ti-circle-dashed-number-9:before {
  content: "ﱴ";
}
.ti-circle-dashed-x:before {
  content: "ﱵ";
}
.ti-circle-dot:before {
  content: "";
}
.ti-circle-dot-filled:before {
  content: "";
}
.ti-circle-dotted:before {
  content: "";
}
.ti-circle-filled:before {
  content: "";
}
.ti-circle-half:before {
  content: "";
}
.ti-circle-half-2:before {
  content: "";
}
.ti-circle-half-vertical:before {
  content: "";
}
.ti-circle-key:before {
  content: "";
}
.ti-circle-key-filled:before {
  content: "";
}
.ti-circle-letter-a:before {
  content: "";
}
.ti-circle-letter-b:before {
  content: "";
}
.ti-circle-letter-c:before {
  content: "";
}
.ti-circle-letter-d:before {
  content: "";
}
.ti-circle-letter-e:before {
  content: "";
}
.ti-circle-letter-f:before {
  content: "";
}
.ti-circle-letter-g:before {
  content: "";
}
.ti-circle-letter-h:before {
  content: "";
}
.ti-circle-letter-i:before {
  content: "";
}
.ti-circle-letter-j:before {
  content: "";
}
.ti-circle-letter-k:before {
  content: "";
}
.ti-circle-letter-l:before {
  content: "";
}
.ti-circle-letter-m:before {
  content: "";
}
.ti-circle-letter-n:before {
  content: "";
}
.ti-circle-letter-o:before {
  content: "";
}
.ti-circle-letter-p:before {
  content: "";
}
.ti-circle-letter-q:before {
  content: "";
}
.ti-circle-letter-r:before {
  content: "";
}
.ti-circle-letter-s:before {
  content: "";
}
.ti-circle-letter-t:before {
  content: "";
}
.ti-circle-letter-u:before {
  content: "";
}
.ti-circle-letter-v:before {
  content: "";
}
.ti-circle-letter-w:before {
  content: "";
}
.ti-circle-letter-x:before {
  content: "";
}
.ti-circle-letter-y:before {
  content: "";
}
.ti-circle-letter-z:before {
  content: "";
}
.ti-circle-minus:before {
  content: "";
}
.ti-circle-number-0:before {
  content: "";
}
.ti-circle-number-1:before {
  content: "";
}
.ti-circle-number-2:before {
  content: "";
}
.ti-circle-number-3:before {
  content: "";
}
.ti-circle-number-4:before {
  content: "";
}
.ti-circle-number-5:before {
  content: "";
}
.ti-circle-number-6:before {
  content: "";
}
.ti-circle-number-7:before {
  content: "";
}
.ti-circle-number-8:before {
  content: "";
}
.ti-circle-number-9:before {
  content: "";
}
.ti-circle-off:before {
  content: "";
}
.ti-circle-plus:before {
  content: "";
}
.ti-circle-rectangle:before {
  content: "";
}
.ti-circle-rectangle-off:before {
  content: "";
}
.ti-circle-square:before {
  content: "";
}
.ti-circle-triangle:before {
  content: "";
}
.ti-circle-x:before {
  content: "";
}
.ti-circle-x-filled:before {
  content: "";
}
.ti-circles:before {
  content: "";
}
.ti-circles-filled:before {
  content: "";
}
.ti-circles-relation:before {
  content: "";
}
.ti-circuit-ammeter:before {
  content: "";
}
.ti-circuit-battery:before {
  content: "";
}
.ti-circuit-bulb:before {
  content: "";
}
.ti-circuit-capacitor:before {
  content: "";
}
.ti-circuit-capacitor-polarized:before {
  content: "";
}
.ti-circuit-cell:before {
  content: "";
}
.ti-circuit-cell-plus:before {
  content: "";
}
.ti-circuit-changeover:before {
  content: "";
}
.ti-circuit-diode:before {
  content: "";
}
.ti-circuit-diode-zener:before {
  content: "";
}
.ti-circuit-ground:before {
  content: "";
}
.ti-circuit-ground-digital:before {
  content: "";
}
.ti-circuit-inductor:before {
  content: "";
}
.ti-circuit-motor:before {
  content: "";
}
.ti-circuit-pushbutton:before {
  content: "";
}
.ti-circuit-resistor:before {
  content: "";
}
.ti-circuit-switch-closed:before {
  content: "";
}
.ti-circuit-switch-open:before {
  content: "";
}
.ti-circuit-voltmeter:before {
  content: "";
}
.ti-clear-all:before {
  content: "";
}
.ti-clear-formatting:before {
  content: "";
}
.ti-click:before {
  content: "";
}
.ti-clipboard:before {
  content: "";
}
.ti-clipboard-check:before {
  content: "";
}
.ti-clipboard-copy:before {
  content: "";
}
.ti-clipboard-data:before {
  content: "";
}
.ti-clipboard-heart:before {
  content: "";
}
.ti-clipboard-list:before {
  content: "";
}
.ti-clipboard-off:before {
  content: "";
}
.ti-clipboard-plus:before {
  content: "";
}
.ti-clipboard-text:before {
  content: "";
}
.ti-clipboard-typography:before {
  content: "";
}
.ti-clipboard-x:before {
  content: "";
}
.ti-clock:before {
  content: "";
}
.ti-clock-12:before {
  content: "ﱖ";
}
.ti-clock-2:before {
  content: "";
}
.ti-clock-24:before {
  content: "ﱗ";
}
.ti-clock-bolt:before {
  content: "";
}
.ti-clock-cancel:before {
  content: "";
}
.ti-clock-check:before {
  content: "";
}
.ti-clock-code:before {
  content: "";
}
.ti-clock-cog:before {
  content: "";
}
.ti-clock-dollar:before {
  content: "";
}
.ti-clock-down:before {
  content: "";
}
.ti-clock-edit:before {
  content: "";
}
.ti-clock-exclamation:before {
  content: "";
}
.ti-clock-filled:before {
  content: "";
}
.ti-clock-heart:before {
  content: "";
}
.ti-clock-hour-1:before {
  content: "";
}
.ti-clock-hour-10:before {
  content: "";
}
.ti-clock-hour-11:before {
  content: "";
}
.ti-clock-hour-12:before {
  content: "";
}
.ti-clock-hour-2:before {
  content: "";
}
.ti-clock-hour-3:before {
  content: "";
}
.ti-clock-hour-4:before {
  content: "";
}
.ti-clock-hour-5:before {
  content: "";
}
.ti-clock-hour-6:before {
  content: "";
}
.ti-clock-hour-7:before {
  content: "";
}
.ti-clock-hour-8:before {
  content: "";
}
.ti-clock-hour-9:before {
  content: "";
}
.ti-clock-minus:before {
  content: "";
}
.ti-clock-off:before {
  content: "";
}
.ti-clock-pause:before {
  content: "";
}
.ti-clock-pin:before {
  content: "";
}
.ti-clock-play:before {
  content: "";
}
.ti-clock-plus:before {
  content: "";
}
.ti-clock-question:before {
  content: "";
}
.ti-clock-record:before {
  content: "";
}
.ti-clock-search:before {
  content: "";
}
.ti-clock-share:before {
  content: "";
}
.ti-clock-shield:before {
  content: "";
}
.ti-clock-star:before {
  content: "";
}
.ti-clock-stop:before {
  content: "";
}
.ti-clock-up:before {
  content: "";
}
.ti-clock-x:before {
  content: "";
}
.ti-clothes-rack:before {
  content: "";
}
.ti-clothes-rack-off:before {
  content: "";
}
.ti-cloud:before {
  content: "";
}
.ti-cloud-bolt:before {
  content: "";
}
.ti-cloud-cancel:before {
  content: "";
}
.ti-cloud-check:before {
  content: "";
}
.ti-cloud-code:before {
  content: "";
}
.ti-cloud-cog:before {
  content: "";
}
.ti-cloud-computing:before {
  content: "";
}
.ti-cloud-data-connection:before {
  content: "";
}
.ti-cloud-dollar:before {
  content: "";
}
.ti-cloud-down:before {
  content: "";
}
.ti-cloud-download:before {
  content: "";
}
.ti-cloud-exclamation:before {
  content: "";
}
.ti-cloud-filled:before {
  content: "";
}
.ti-cloud-fog:before {
  content: "";
}
.ti-cloud-heart:before {
  content: "";
}
.ti-cloud-lock:before {
  content: "";
}
.ti-cloud-lock-open:before {
  content: "";
}
.ti-cloud-minus:before {
  content: "";
}
.ti-cloud-network:before {
  content: "ﱸ";
}
.ti-cloud-off:before {
  content: "";
}
.ti-cloud-pause:before {
  content: "";
}
.ti-cloud-pin:before {
  content: "";
}
.ti-cloud-plus:before {
  content: "";
}
.ti-cloud-question:before {
  content: "";
}
.ti-cloud-rain:before {
  content: "";
}
.ti-cloud-search:before {
  content: "";
}
.ti-cloud-share:before {
  content: "";
}
.ti-cloud-snow:before {
  content: "";
}
.ti-cloud-star:before {
  content: "";
}
.ti-cloud-storm:before {
  content: "";
}
.ti-cloud-up:before {
  content: "";
}
.ti-cloud-upload:before {
  content: "";
}
.ti-cloud-x:before {
  content: "";
}
.ti-clover:before {
  content: "";
}
.ti-clover-2:before {
  content: "";
}
.ti-clubs:before {
  content: "";
}
.ti-clubs-filled:before {
  content: "";
}
.ti-code:before {
  content: "";
}
.ti-code-asterix:before {
  content: "";
}
.ti-code-circle:before {
  content: "";
}
.ti-code-circle-2:before {
  content: "";
}
.ti-code-dots:before {
  content: "";
}
.ti-code-minus:before {
  content: "";
}
.ti-code-off:before {
  content: "";
}
.ti-code-plus:before {
  content: "";
}
.ti-coffee:before {
  content: "";
}
.ti-coffee-off:before {
  content: "";
}
.ti-coffin:before {
  content: "";
}
.ti-coin:before {
  content: "";
}
.ti-coin-bitcoin:before {
  content: "";
}
.ti-coin-euro:before {
  content: "";
}
.ti-coin-monero:before {
  content: "";
}
.ti-coin-off:before {
  content: "";
}
.ti-coin-pound:before {
  content: "";
}
.ti-coin-rupee:before {
  content: "";
}
.ti-coin-yen:before {
  content: "";
}
.ti-coin-yuan:before {
  content: "";
}
.ti-coins:before {
  content: "";
}
.ti-color-filter:before {
  content: "";
}
.ti-color-picker:before {
  content: "";
}
.ti-color-picker-off:before {
  content: "";
}
.ti-color-swatch:before {
  content: "";
}
.ti-color-swatch-off:before {
  content: "";
}
.ti-column-insert-left:before {
  content: "";
}
.ti-column-insert-right:before {
  content: "";
}
.ti-column-remove:before {
  content: "﫴";
}
.ti-columns:before {
  content: "";
}
.ti-columns-1:before {
  content: "";
}
.ti-columns-2:before {
  content: "";
}
.ti-columns-3:before {
  content: "";
}
.ti-columns-off:before {
  content: "";
}
.ti-comet:before {
  content: "";
}
.ti-command:before {
  content: "";
}
.ti-command-off:before {
  content: "";
}
.ti-compass:before {
  content: "";
}
.ti-compass-off:before {
  content: "";
}
.ti-components:before {
  content: "";
}
.ti-components-off:before {
  content: "";
}
.ti-cone:before {
  content: "";
}
.ti-cone-2:before {
  content: "";
}
.ti-cone-off:before {
  content: "";
}
.ti-cone-plus:before {
  content: "杖";
}
.ti-confetti:before {
  content: "";
}
.ti-confetti-off:before {
  content: "";
}
.ti-confucius:before {
  content: "";
}
.ti-container:before {
  content: "";
}
.ti-container-off:before {
  content: "";
}
.ti-contrast:before {
  content: "";
}
.ti-contrast-2:before {
  content: "";
}
.ti-contrast-2-off:before {
  content: "";
}
.ti-contrast-off:before {
  content: "";
}
.ti-cooker:before {
  content: "";
}
.ti-cookie:before {
  content: "";
}
.ti-cookie-man:before {
  content: "";
}
.ti-cookie-off:before {
  content: "";
}
.ti-copy:before {
  content: "";
}
.ti-copy-off:before {
  content: "";
}
.ti-copyleft:before {
  content: "";
}
.ti-copyleft-filled:before {
  content: "";
}
.ti-copyleft-off:before {
  content: "";
}
.ti-copyright:before {
  content: "";
}
.ti-copyright-filled:before {
  content: "";
}
.ti-copyright-off:before {
  content: "";
}
.ti-corner-down-left:before {
  content: "";
}
.ti-corner-down-left-double:before {
  content: "";
}
.ti-corner-down-right:before {
  content: "";
}
.ti-corner-down-right-double:before {
  content: "";
}
.ti-corner-left-down:before {
  content: "";
}
.ti-corner-left-down-double:before {
  content: "";
}
.ti-corner-left-up:before {
  content: "";
}
.ti-corner-left-up-double:before {
  content: "";
}
.ti-corner-right-down:before {
  content: "";
}
.ti-corner-right-down-double:before {
  content: "";
}
.ti-corner-right-up:before {
  content: "";
}
.ti-corner-right-up-double:before {
  content: "";
}
.ti-corner-up-left:before {
  content: "";
}
.ti-corner-up-left-double:before {
  content: "";
}
.ti-corner-up-right:before {
  content: "";
}
.ti-corner-up-right-double:before {
  content: "";
}
.ti-cpu:before {
  content: "";
}
.ti-cpu-2:before {
  content: "";
}
.ti-cpu-off:before {
  content: "";
}
.ti-crane:before {
  content: "";
}
.ti-crane-off:before {
  content: "";
}
.ti-creative-commons:before {
  content: "";
}
.ti-creative-commons-by:before {
  content: "";
}
.ti-creative-commons-nc:before {
  content: "";
}
.ti-creative-commons-nd:before {
  content: "";
}
.ti-creative-commons-off:before {
  content: "";
}
.ti-creative-commons-sa:before {
  content: "";
}
.ti-creative-commons-zero:before {
  content: "";
}
.ti-credit-card:before {
  content: "";
}
.ti-credit-card-off:before {
  content: "";
}
.ti-cricket:before {
  content: "";
}
.ti-crop:before {
  content: "";
}
.ti-cross:before {
  content: "";
}
.ti-cross-filled:before {
  content: "";
}
.ti-cross-off:before {
  content: "";
}
.ti-crosshair:before {
  content: "";
}
.ti-crown:before {
  content: "";
}
.ti-crown-off:before {
  content: "";
}
.ti-crutches:before {
  content: "";
}
.ti-crutches-off:before {
  content: "";
}
.ti-crystal-ball:before {
  content: "";
}
.ti-csv:before {
  content: "";
}
.ti-cube:before {
  content: "流";
}
.ti-cube-off:before {
  content: "歹";
}
.ti-cube-plus:before {
  content: "殺";
}
.ti-cube-send:before {
  content: "";
}
.ti-cube-unfolded:before {
  content: "";
}
.ti-cup:before {
  content: "";
}
.ti-cup-off:before {
  content: "";
}
.ti-curling:before {
  content: "";
}
.ti-curly-loop:before {
  content: "";
}
.ti-currency:before {
  content: "";
}
.ti-currency-afghani:before {
  content: "";
}
.ti-currency-bahraini:before {
  content: "";
}
.ti-currency-baht:before {
  content: "";
}
.ti-currency-bitcoin:before {
  content: "";
}
.ti-currency-cent:before {
  content: "";
}
.ti-currency-dinar:before {
  content: "";
}
.ti-currency-dirham:before {
  content: "";
}
.ti-currency-dogecoin:before {
  content: "";
}
.ti-currency-dollar:before {
  content: "";
}
.ti-currency-dollar-australian:before {
  content: "";
}
.ti-currency-dollar-brunei:before {
  content: "";
}
.ti-currency-dollar-canadian:before {
  content: "";
}
.ti-currency-dollar-guyanese:before {
  content: "";
}
.ti-currency-dollar-off:before {
  content: "";
}
.ti-currency-dollar-singapore:before {
  content: "";
}
.ti-currency-dollar-zimbabwean:before {
  content: "";
}
.ti-currency-dong:before {
  content: "";
}
.ti-currency-dram:before {
  content: "";
}
.ti-currency-ethereum:before {
  content: "";
}
.ti-currency-euro:before {
  content: "";
}
.ti-currency-euro-off:before {
  content: "";
}
.ti-currency-florin:before {
  content: "﫵";
}
.ti-currency-forint:before {
  content: "";
}
.ti-currency-frank:before {
  content: "";
}
.ti-currency-guarani:before {
  content: "";
}
.ti-currency-hryvnia:before {
  content: "";
}
.ti-currency-iranian-rial:before {
  content: "縉";
}
.ti-currency-kip:before {
  content: "";
}
.ti-currency-krone-czech:before {
  content: "";
}
.ti-currency-krone-danish:before {
  content: "";
}
.ti-currency-krone-swedish:before {
  content: "";
}
.ti-currency-lari:before {
  content: "";
}
.ti-currency-leu:before {
  content: "";
}
.ti-currency-lira:before {
  content: "";
}
.ti-currency-litecoin:before {
  content: "";
}
.ti-currency-lyd:before {
  content: "";
}
.ti-currency-manat:before {
  content: "";
}
.ti-currency-monero:before {
  content: "";
}
.ti-currency-naira:before {
  content: "";
}
.ti-currency-nano:before {
  content: "";
}
.ti-currency-off:before {
  content: "";
}
.ti-currency-paanga:before {
  content: "";
}
.ti-currency-peso:before {
  content: "";
}
.ti-currency-pound:before {
  content: "";
}
.ti-currency-pound-off:before {
  content: "";
}
.ti-currency-quetzal:before {
  content: "";
}
.ti-currency-real:before {
  content: "";
}
.ti-currency-renminbi:before {
  content: "";
}
.ti-currency-ripple:before {
  content: "";
}
.ti-currency-riyal:before {
  content: "";
}
.ti-currency-rubel:before {
  content: "";
}
.ti-currency-rufiyaa:before {
  content: "";
}
.ti-currency-rupee:before {
  content: "";
}
.ti-currency-rupee-nepalese:before {
  content: "";
}
.ti-currency-shekel:before {
  content: "";
}
.ti-currency-solana:before {
  content: "";
}
.ti-currency-som:before {
  content: "";
}
.ti-currency-taka:before {
  content: "";
}
.ti-currency-tenge:before {
  content: "";
}
.ti-currency-tugrik:before {
  content: "";
}
.ti-currency-won:before {
  content: "";
}
.ti-currency-yen:before {
  content: "";
}
.ti-currency-yen-off:before {
  content: "";
}
.ti-currency-yuan:before {
  content: "";
}
.ti-currency-zloty:before {
  content: "";
}
.ti-current-location:before {
  content: "";
}
.ti-current-location-off:before {
  content: "";
}
.ti-cursor-off:before {
  content: "";
}
.ti-cursor-text:before {
  content: "";
}
.ti-cut:before {
  content: "";
}
.ti-cylinder:before {
  content: "";
}
.ti-cylinder-off:before {
  content: "滛";
}
.ti-cylinder-plus:before {
  content: "滋";
}
.ti-dashboard:before {
  content: "";
}
.ti-dashboard-off:before {
  content: "";
}
.ti-database:before {
  content: "";
}
.ti-database-cog:before {
  content: "塚";
}
.ti-database-dollar:before {
  content: "﨑";
}
.ti-database-edit:before {
  content: "晴";
}
.ti-database-exclamation:before {
  content: "﨓";
}
.ti-database-export:before {
  content: "";
}
.ti-database-heart:before {
  content: "﨔";
}
.ti-database-import:before {
  content: "";
}
.ti-database-leak:before {
  content: "凞";
}
.ti-database-minus:before {
  content: "猪";
}
.ti-database-off:before {
  content: "";
}
.ti-database-plus:before {
  content: "益";
}
.ti-database-search:before {
  content: "礼";
}
.ti-database-share:before {
  content: "神";
}
.ti-database-star:before {
  content: "祥";
}
.ti-database-x:before {
  content: "福";
}
.ti-decimal:before {
  content: "都";
}
.ti-deer:before {
  content: "";
}
.ti-delta:before {
  content: "";
}
.ti-dental:before {
  content: "";
}
.ti-dental-broken:before {
  content: "";
}
.ti-dental-off:before {
  content: "";
}
.ti-deselect:before {
  content: "麟";
}
.ti-details:before {
  content: "";
}
.ti-details-off:before {
  content: "";
}
.ti-device-airpods:before {
  content: "";
}
.ti-device-airpods-case:before {
  content: "";
}
.ti-device-airtag:before {
  content: "﫦";
}
.ti-device-analytics:before {
  content: "";
}
.ti-device-audio-tape:before {
  content: "";
}
.ti-device-camera-phone:before {
  content: "";
}
.ti-device-cctv:before {
  content: "";
}
.ti-device-cctv-off:before {
  content: "";
}
.ti-device-computer-camera:before {
  content: "";
}
.ti-device-computer-camera-off:before {
  content: "";
}
.ti-device-desktop:before {
  content: "";
}
.ti-device-desktop-analytics:before {
  content: "";
}
.ti-device-desktop-bolt:before {
  content: "";
}
.ti-device-desktop-cancel:before {
  content: "";
}
.ti-device-desktop-check:before {
  content: "";
}
.ti-device-desktop-code:before {
  content: "";
}
.ti-device-desktop-cog:before {
  content: "";
}
.ti-device-desktop-dollar:before {
  content: "";
}
.ti-device-desktop-down:before {
  content: "";
}
.ti-device-desktop-exclamation:before {
  content: "";
}
.ti-device-desktop-heart:before {
  content: "";
}
.ti-device-desktop-minus:before {
  content: "";
}
.ti-device-desktop-off:before {
  content: "";
}
.ti-device-desktop-pause:before {
  content: "";
}
.ti-device-desktop-pin:before {
  content: "";
}
.ti-device-desktop-plus:before {
  content: "";
}
.ti-device-desktop-question:before {
  content: "";
}
.ti-device-desktop-search:before {
  content: "";
}
.ti-device-desktop-share:before {
  content: "";
}
.ti-device-desktop-star:before {
  content: "";
}
.ti-device-desktop-up:before {
  content: "";
}
.ti-device-desktop-x:before {
  content: "";
}
.ti-device-floppy:before {
  content: "";
}
.ti-device-game-pad:before {
  content: "ﱘ";
}
.ti-device-gamepad:before {
  content: "";
}
.ti-device-gamepad-2:before {
  content: "";
}
.ti-device-heart-monitor:before {
  content: "";
}
.ti-device-heart-monitor-filled:before {
  content: "器";
}
.ti-device-imac:before {
  content: "";
}
.ti-device-imac-bolt:before {
  content: "";
}
.ti-device-imac-cancel:before {
  content: "";
}
.ti-device-imac-check:before {
  content: "";
}
.ti-device-imac-code:before {
  content: "";
}
.ti-device-imac-cog:before {
  content: "";
}
.ti-device-imac-dollar:before {
  content: "";
}
.ti-device-imac-down:before {
  content: "";
}
.ti-device-imac-exclamation:before {
  content: "";
}
.ti-device-imac-heart:before {
  content: "";
}
.ti-device-imac-minus:before {
  content: "";
}
.ti-device-imac-off:before {
  content: "";
}
.ti-device-imac-pause:before {
  content: "";
}
.ti-device-imac-pin:before {
  content: "";
}
.ti-device-imac-plus:before {
  content: "";
}
.ti-device-imac-question:before {
  content: "";
}
.ti-device-imac-search:before {
  content: "";
}
.ti-device-imac-share:before {
  content: "";
}
.ti-device-imac-star:before {
  content: "";
}
.ti-device-imac-up:before {
  content: "";
}
.ti-device-imac-x:before {
  content: "";
}
.ti-device-ipad:before {
  content: "";
}
.ti-device-ipad-bolt:before {
  content: "";
}
.ti-device-ipad-cancel:before {
  content: "";
}
.ti-device-ipad-check:before {
  content: "";
}
.ti-device-ipad-code:before {
  content: "";
}
.ti-device-ipad-cog:before {
  content: "";
}
.ti-device-ipad-dollar:before {
  content: "";
}
.ti-device-ipad-down:before {
  content: "";
}
.ti-device-ipad-exclamation:before {
  content: "";
}
.ti-device-ipad-heart:before {
  content: "";
}
.ti-device-ipad-horizontal:before {
  content: "";
}
.ti-device-ipad-horizontal-bolt:before {
  content: "";
}
.ti-device-ipad-horizontal-cancel:before {
  content: "";
}
.ti-device-ipad-horizontal-check:before {
  content: "";
}
.ti-device-ipad-horizontal-code:before {
  content: "";
}
.ti-device-ipad-horizontal-cog:before {
  content: "";
}
.ti-device-ipad-horizontal-dollar:before {
  content: "";
}
.ti-device-ipad-horizontal-down:before {
  content: "";
}
.ti-device-ipad-horizontal-exclamation:before {
  content: "";
}
.ti-device-ipad-horizontal-heart:before {
  content: "";
}
.ti-device-ipad-horizontal-minus:before {
  content: "";
}
.ti-device-ipad-horizontal-off:before {
  content: "";
}
.ti-device-ipad-horizontal-pause:before {
  content: "";
}
.ti-device-ipad-horizontal-pin:before {
  content: "";
}
.ti-device-ipad-horizontal-plus:before {
  content: "";
}
.ti-device-ipad-horizontal-question:before {
  content: "";
}
.ti-device-ipad-horizontal-search:before {
  content: "";
}
.ti-device-ipad-horizontal-share:before {
  content: "";
}
.ti-device-ipad-horizontal-star:before {
  content: "";
}
.ti-device-ipad-horizontal-up:before {
  content: "";
}
.ti-device-ipad-horizontal-x:before {
  content: "";
}
.ti-device-ipad-minus:before {
  content: "";
}
.ti-device-ipad-off:before {
  content: "";
}
.ti-device-ipad-pause:before {
  content: "";
}
.ti-device-ipad-pin:before {
  content: "";
}
.ti-device-ipad-plus:before {
  content: "";
}
.ti-device-ipad-question:before {
  content: "";
}
.ti-device-ipad-search:before {
  content: "";
}
.ti-device-ipad-share:before {
  content: "";
}
.ti-device-ipad-star:before {
  content: "";
}
.ti-device-ipad-up:before {
  content: "";
}
.ti-device-ipad-x:before {
  content: "";
}
.ti-device-landline-phone:before {
  content: "";
}
.ti-device-laptop:before {
  content: "";
}
.ti-device-laptop-off:before {
  content: "";
}
.ti-device-mobile:before {
  content: "";
}
.ti-device-mobile-bolt:before {
  content: "";
}
.ti-device-mobile-cancel:before {
  content: "";
}
.ti-device-mobile-charging:before {
  content: "";
}
.ti-device-mobile-check:before {
  content: "";
}
.ti-device-mobile-code:before {
  content: "";
}
.ti-device-mobile-cog:before {
  content: "";
}
.ti-device-mobile-dollar:before {
  content: "";
}
.ti-device-mobile-down:before {
  content: "";
}
.ti-device-mobile-exclamation:before {
  content: "";
}
.ti-device-mobile-filled:before {
  content: "塀";
}
.ti-device-mobile-heart:before {
  content: "";
}
.ti-device-mobile-message:before {
  content: "";
}
.ti-device-mobile-minus:before {
  content: "";
}
.ti-device-mobile-off:before {
  content: "";
}
.ti-device-mobile-pause:before {
  content: "";
}
.ti-device-mobile-pin:before {
  content: "";
}
.ti-device-mobile-plus:before {
  content: "";
}
.ti-device-mobile-question:before {
  content: "";
}
.ti-device-mobile-rotated:before {
  content: "";
}
.ti-device-mobile-search:before {
  content: "";
}
.ti-device-mobile-share:before {
  content: "";
}
.ti-device-mobile-star:before {
  content: "";
}
.ti-device-mobile-up:before {
  content: "";
}
.ti-device-mobile-vibration:before {
  content: "";
}
.ti-device-mobile-x:before {
  content: "";
}
.ti-device-nintendo:before {
  content: "";
}
.ti-device-nintendo-off:before {
  content: "";
}
.ti-device-projector:before {
  content: "ﰑ";
}
.ti-device-remote:before {
  content: "";
}
.ti-device-sd-card:before {
  content: "";
}
.ti-device-sim:before {
  content: "";
}
.ti-device-sim-1:before {
  content: "";
}
.ti-device-sim-2:before {
  content: "";
}
.ti-device-sim-3:before {
  content: "";
}
.ti-device-speaker:before {
  content: "";
}
.ti-device-speaker-off:before {
  content: "";
}
.ti-device-tablet:before {
  content: "";
}
.ti-device-tablet-bolt:before {
  content: "";
}
.ti-device-tablet-cancel:before {
  content: "";
}
.ti-device-tablet-check:before {
  content: "";
}
.ti-device-tablet-code:before {
  content: "";
}
.ti-device-tablet-cog:before {
  content: "";
}
.ti-device-tablet-dollar:before {
  content: "";
}
.ti-device-tablet-down:before {
  content: "";
}
.ti-device-tablet-exclamation:before {
  content: "";
}
.ti-device-tablet-filled:before {
  content: "墨";
}
.ti-device-tablet-heart:before {
  content: "";
}
.ti-device-tablet-minus:before {
  content: "";
}
.ti-device-tablet-off:before {
  content: "";
}
.ti-device-tablet-pause:before {
  content: "";
}
.ti-device-tablet-pin:before {
  content: "";
}
.ti-device-tablet-plus:before {
  content: "";
}
.ti-device-tablet-question:before {
  content: "";
}
.ti-device-tablet-search:before {
  content: "";
}
.ti-device-tablet-share:before {
  content: "";
}
.ti-device-tablet-star:before {
  content: "";
}
.ti-device-tablet-up:before {
  content: "";
}
.ti-device-tablet-x:before {
  content: "";
}
.ti-device-tv:before {
  content: "";
}
.ti-device-tv-off:before {
  content: "";
}
.ti-device-tv-old:before {
  content: "";
}
.ti-device-usb:before {
  content: "ﱙ";
}
.ti-device-vision-pro:before {
  content: "﫧";
}
.ti-device-watch:before {
  content: "";
}
.ti-device-watch-bolt:before {
  content: "";
}
.ti-device-watch-cancel:before {
  content: "";
}
.ti-device-watch-check:before {
  content: "";
}
.ti-device-watch-code:before {
  content: "";
}
.ti-device-watch-cog:before {
  content: "";
}
.ti-device-watch-dollar:before {
  content: "";
}
.ti-device-watch-down:before {
  content: "";
}
.ti-device-watch-exclamation:before {
  content: "";
}
.ti-device-watch-heart:before {
  content: "";
}
.ti-device-watch-minus:before {
  content: "";
}
.ti-device-watch-off:before {
  content: "";
}
.ti-device-watch-pause:before {
  content: "";
}
.ti-device-watch-pin:before {
  content: "";
}
.ti-device-watch-plus:before {
  content: "";
}
.ti-device-watch-question:before {
  content: "";
}
.ti-device-watch-search:before {
  content: "";
}
.ti-device-watch-share:before {
  content: "";
}
.ti-device-watch-star:before {
  content: "";
}
.ti-device-watch-stats:before {
  content: "";
}
.ti-device-watch-stats-2:before {
  content: "";
}
.ti-device-watch-up:before {
  content: "";
}
.ti-device-watch-x:before {
  content: "";
}
.ti-devices:before {
  content: "";
}
.ti-devices-2:before {
  content: "";
}
.ti-devices-bolt:before {
  content: "";
}
.ti-devices-cancel:before {
  content: "";
}
.ti-devices-check:before {
  content: "";
}
.ti-devices-code:before {
  content: "";
}
.ti-devices-cog:before {
  content: "";
}
.ti-devices-dollar:before {
  content: "";
}
.ti-devices-down:before {
  content: "";
}
.ti-devices-exclamation:before {
  content: "";
}
.ti-devices-heart:before {
  content: "";
}
.ti-devices-minus:before {
  content: "";
}
.ti-devices-off:before {
  content: "";
}
.ti-devices-pause:before {
  content: "";
}
.ti-devices-pc:before {
  content: "";
}
.ti-devices-pc-off:before {
  content: "";
}
.ti-devices-pin:before {
  content: "";
}
.ti-devices-plus:before {
  content: "";
}
.ti-devices-question:before {
  content: "";
}
.ti-devices-search:before {
  content: "";
}
.ti-devices-share:before {
  content: "";
}
.ti-devices-star:before {
  content: "";
}
.ti-devices-up:before {
  content: "";
}
.ti-devices-x:before {
  content: "";
}
.ti-diabolo:before {
  content: "煮";
}
.ti-diabolo-off:before {
  content: "漢";
}
.ti-diabolo-plus:before {
  content: "瀞";
}
.ti-dialpad:before {
  content: "";
}
.ti-dialpad-filled:before {
  content: "層";
}
.ti-dialpad-off:before {
  content: "";
}
.ti-diamond:before {
  content: "";
}
.ti-diamond-filled:before {
  content: "";
}
.ti-diamond-off:before {
  content: "";
}
.ti-diamonds:before {
  content: "";
}
.ti-diamonds-filled:before {
  content: "";
}
.ti-dice:before {
  content: "";
}
.ti-dice-1:before {
  content: "";
}
.ti-dice-1-filled:before {
  content: "";
}
.ti-dice-2:before {
  content: "";
}
.ti-dice-2-filled:before {
  content: "";
}
.ti-dice-3:before {
  content: "";
}
.ti-dice-3-filled:before {
  content: "";
}
.ti-dice-4:before {
  content: "";
}
.ti-dice-4-filled:before {
  content: "";
}
.ti-dice-5:before {
  content: "";
}
.ti-dice-5-filled:before {
  content: "";
}
.ti-dice-6:before {
  content: "";
}
.ti-dice-6-filled:before {
  content: "";
}
.ti-dice-filled:before {
  content: "";
}
.ti-dimensions:before {
  content: "";
}
.ti-direction:before {
  content: "";
}
.ti-direction-horizontal:before {
  content: "";
}
.ti-direction-sign:before {
  content: "";
}
.ti-direction-sign-filled:before {
  content: "";
}
.ti-direction-sign-off:before {
  content: "";
}
.ti-directions:before {
  content: "";
}
.ti-directions-off:before {
  content: "";
}
.ti-disabled:before {
  content: "";
}
.ti-disabled-2:before {
  content: "";
}
.ti-disabled-off:before {
  content: "";
}
.ti-disc:before {
  content: "";
}
.ti-disc-golf:before {
  content: "";
}
.ti-disc-off:before {
  content: "";
}
.ti-discount:before {
  content: "";
}
.ti-discount-2:before {
  content: "";
}
.ti-discount-2-off:before {
  content: "";
}
.ti-discount-check:before {
  content: "";
}
.ti-discount-check-filled:before {
  content: "";
}
.ti-discount-off:before {
  content: "";
}
.ti-divide:before {
  content: "";
}
.ti-dna:before {
  content: "";
}
.ti-dna-2:before {
  content: "";
}
.ti-dna-2-off:before {
  content: "";
}
.ti-dna-off:before {
  content: "";
}
.ti-dog:before {
  content: "";
}
.ti-dog-bowl:before {
  content: "";
}
.ti-door:before {
  content: "";
}
.ti-door-enter:before {
  content: "";
}
.ti-door-exit:before {
  content: "";
}
.ti-door-off:before {
  content: "";
}
.ti-dots:before {
  content: "";
}
.ti-dots-circle-horizontal:before {
  content: "";
}
.ti-dots-diagonal:before {
  content: "";
}
.ti-dots-diagonal-2:before {
  content: "";
}
.ti-dots-vertical:before {
  content: "";
}
.ti-download:before {
  content: "";
}
.ti-download-off:before {
  content: "";
}
.ti-drag-drop:before {
  content: "";
}
.ti-drag-drop-2:before {
  content: "";
}
.ti-drone:before {
  content: "";
}
.ti-drone-off:before {
  content: "";
}
.ti-drop-circle:before {
  content: "";
}
.ti-droplet:before {
  content: "";
}
.ti-droplet-bolt:before {
  content: "";
}
.ti-droplet-cancel:before {
  content: "";
}
.ti-droplet-check:before {
  content: "";
}
.ti-droplet-code:before {
  content: "";
}
.ti-droplet-cog:before {
  content: "";
}
.ti-droplet-dollar:before {
  content: "";
}
.ti-droplet-down:before {
  content: "";
}
.ti-droplet-exclamation:before {
  content: "豈";
}
.ti-droplet-filled:before {
  content: "";
}
.ti-droplet-half:before {
  content: "";
}
.ti-droplet-half-2:before {
  content: "";
}
.ti-droplet-half-2-filled:before {
  content: "ﭬ";
}
.ti-droplet-half-filled:before {
  content: "";
}
.ti-droplet-heart:before {
  content: "更";
}
.ti-droplet-minus:before {
  content: "車";
}
.ti-droplet-off:before {
  content: "";
}
.ti-droplet-pause:before {
  content: "賈";
}
.ti-droplet-pin:before {
  content: "滑";
}
.ti-droplet-plus:before {
  content: "串";
}
.ti-droplet-question:before {
  content: "句";
}
.ti-droplet-search:before {
  content: "龜";
}
.ti-droplet-share:before {
  content: "龜";
}
.ti-droplet-star:before {
  content: "契";
}
.ti-droplet-up:before {
  content: "金";
}
.ti-droplet-x:before {
  content: "喇";
}
.ti-droplets:before {
  content: "ﰒ";
}
.ti-dual-screen:before {
  content: "繁";
}
.ti-e-passport:before {
  content: "";
}
.ti-ear:before {
  content: "";
}
.ti-ear-off:before {
  content: "";
}
.ti-ease-in:before {
  content: "";
}
.ti-ease-in-control-point:before {
  content: "";
}
.ti-ease-in-out:before {
  content: "";
}
.ti-ease-in-out-control-points:before {
  content: "";
}
.ti-ease-out:before {
  content: "";
}
.ti-ease-out-control-point:before {
  content: "";
}
.ti-edit:before {
  content: "";
}
.ti-edit-circle:before {
  content: "";
}
.ti-edit-circle-off:before {
  content: "";
}
.ti-edit-off:before {
  content: "";
}
.ti-egg:before {
  content: "";
}
.ti-egg-cracked:before {
  content: "";
}
.ti-egg-filled:before {
  content: "";
}
.ti-egg-fried:before {
  content: "";
}
.ti-egg-off:before {
  content: "";
}
.ti-eggs:before {
  content: "";
}
.ti-elevator:before {
  content: "";
}
.ti-elevator-off:before {
  content: "";
}
.ti-emergency-bed:before {
  content: "";
}
.ti-empathize:before {
  content: "";
}
.ti-empathize-off:before {
  content: "";
}
.ti-emphasis:before {
  content: "";
}
.ti-engine:before {
  content: "";
}
.ti-engine-off:before {
  content: "";
}
.ti-equal:before {
  content: "";
}
.ti-equal-double:before {
  content: "";
}
.ti-equal-not:before {
  content: "";
}
.ti-eraser:before {
  content: "";
}
.ti-eraser-off:before {
  content: "";
}
.ti-error-404:before {
  content: "";
}
.ti-error-404-off:before {
  content: "";
}
.ti-escalator:before {
  content: "st";
}
.ti-escalator-down:before {
  content: "ffl";
}
.ti-escalator-up:before {
  content: "ſt";
}
.ti-exchange:before {
  content: "";
}
.ti-exchange-off:before {
  content: "";
}
.ti-exclamation-circle:before {
  content: "";
}
.ti-exclamation-mark:before {
  content: "";
}
.ti-exclamation-mark-off:before {
  content: "";
}
.ti-explicit:before {
  content: "";
}
.ti-explicit-off:before {
  content: "";
}
.ti-exposure:before {
  content: "";
}
.ti-exposure-0:before {
  content: "";
}
.ti-exposure-minus-1:before {
  content: "";
}
.ti-exposure-minus-2:before {
  content: "";
}
.ti-exposure-off:before {
  content: "";
}
.ti-exposure-plus-1:before {
  content: "";
}
.ti-exposure-plus-2:before {
  content: "";
}
.ti-external-link:before {
  content: "";
}
.ti-external-link-off:before {
  content: "";
}
.ti-eye:before {
  content: "";
}
.ti-eye-bolt:before {
  content: "ﭭ";
}
.ti-eye-cancel:before {
  content: "ﭮ";
}
.ti-eye-check:before {
  content: "";
}
.ti-eye-closed:before {
  content: "";
}
.ti-eye-code:before {
  content: "ﭯ";
}
.ti-eye-cog:before {
  content: "";
}
.ti-eye-discount:before {
  content: "ﭰ";
}
.ti-eye-dollar:before {
  content: "ﭱ";
}
.ti-eye-down:before {
  content: "ﭲ";
}
.ti-eye-edit:before {
  content: "";
}
.ti-eye-exclamation:before {
  content: "";
}
.ti-eye-filled:before {
  content: "";
}
.ti-eye-heart:before {
  content: "";
}
.ti-eye-minus:before {
  content: "ﭳ";
}
.ti-eye-off:before {
  content: "";
}
.ti-eye-pause:before {
  content: "ﭴ";
}
.ti-eye-pin:before {
  content: "ﭵ";
}
.ti-eye-plus:before {
  content: "ﭶ";
}
.ti-eye-question:before {
  content: "ﭷ";
}
.ti-eye-search:before {
  content: "ﭸ";
}
.ti-eye-share:before {
  content: "ﭹ";
}
.ti-eye-star:before {
  content: "ﭺ";
}
.ti-eye-table:before {
  content: "";
}
.ti-eye-up:before {
  content: "ﭻ";
}
.ti-eye-x:before {
  content: "";
}
.ti-eyeglass:before {
  content: "";
}
.ti-eyeglass-2:before {
  content: "";
}
.ti-eyeglass-off:before {
  content: "";
}
.ti-face-id:before {
  content: "";
}
.ti-face-id-error:before {
  content: "";
}
.ti-face-mask:before {
  content: "";
}
.ti-face-mask-off:before {
  content: "";
}
.ti-fall:before {
  content: "";
}
.ti-feather:before {
  content: "";
}
.ti-feather-off:before {
  content: "";
}
.ti-fence:before {
  content: "";
}
.ti-fence-off:before {
  content: "";
}
.ti-fidget-spinner:before {
  content: "";
}
.ti-file:before {
  content: "";
}
.ti-file-3d:before {
  content: "";
}
.ti-file-alert:before {
  content: "";
}
.ti-file-analytics:before {
  content: "";
}
.ti-file-arrow-left:before {
  content: "";
}
.ti-file-arrow-right:before {
  content: "";
}
.ti-file-barcode:before {
  content: "";
}
.ti-file-broken:before {
  content: "";
}
.ti-file-certificate:before {
  content: "";
}
.ti-file-chart:before {
  content: "";
}
.ti-file-check:before {
  content: "";
}
.ti-file-code:before {
  content: "";
}
.ti-file-code-2:before {
  content: "";
}
.ti-file-cv:before {
  content: "署";
}
.ti-file-database:before {
  content: "";
}
.ti-file-delta:before {
  content: "";
}
.ti-file-description:before {
  content: "";
}
.ti-file-diff:before {
  content: "";
}
.ti-file-digit:before {
  content: "";
}
.ti-file-dislike:before {
  content: "";
}
.ti-file-dollar:before {
  content: "";
}
.ti-file-dots:before {
  content: "";
}
.ti-file-download:before {
  content: "";
}
.ti-file-euro:before {
  content: "";
}
.ti-file-export:before {
  content: "";
}
.ti-file-filled:before {
  content: "";
}
.ti-file-function:before {
  content: "";
}
.ti-file-horizontal:before {
  content: "";
}
.ti-file-import:before {
  content: "";
}
.ti-file-infinity:before {
  content: "";
}
.ti-file-info:before {
  content: "";
}
.ti-file-invoice:before {
  content: "";
}
.ti-file-lambda:before {
  content: "";
}
.ti-file-like:before {
  content: "";
}
.ti-file-minus:before {
  content: "";
}
.ti-file-music:before {
  content: "";
}
.ti-file-off:before {
  content: "";
}
.ti-file-orientation:before {
  content: "";
}
.ti-file-pencil:before {
  content: "";
}
.ti-file-percent:before {
  content: "";
}
.ti-file-phone:before {
  content: "";
}
.ti-file-plus:before {
  content: "";
}
.ti-file-power:before {
  content: "";
}
.ti-file-report:before {
  content: "";
}
.ti-file-rss:before {
  content: "";
}
.ti-file-scissors:before {
  content: "";
}
.ti-file-search:before {
  content: "";
}
.ti-file-settings:before {
  content: "";
}
.ti-file-shredder:before {
  content: "";
}
.ti-file-signal:before {
  content: "";
}
.ti-file-spreadsheet:before {
  content: "";
}
.ti-file-stack:before {
  content: "";
}
.ti-file-star:before {
  content: "";
}
.ti-file-symlink:before {
  content: "";
}
.ti-file-text:before {
  content: "";
}
.ti-file-text-ai:before {
  content: "﨧";
}
.ti-file-time:before {
  content: "";
}
.ti-file-type-bmp:before {
  content: "﬇";
}
.ti-file-type-css:before {
  content: "﬈";
}
.ti-file-type-csv:before {
  content: "﬉";
}
.ti-file-type-doc:before {
  content: "﬊";
}
.ti-file-type-docx:before {
  content: "﬋";
}
.ti-file-type-html:before {
  content: "﬌";
}
.ti-file-type-jpg:before {
  content: "﬍";
}
.ti-file-type-js:before {
  content: "﬎";
}
.ti-file-type-jsx:before {
  content: "﬏";
}
.ti-file-type-pdf:before {
  content: "﬐";
}
.ti-file-type-php:before {
  content: "﬑";
}
.ti-file-type-png:before {
  content: "﬒";
}
.ti-file-type-ppt:before {
  content: "ﬓ";
}
.ti-file-type-rs:before {
  content: "ﬔ";
}
.ti-file-type-sql:before {
  content: "ﬕ";
}
.ti-file-type-svg:before {
  content: "ﬖ";
}
.ti-file-type-ts:before {
  content: "ﬗ";
}
.ti-file-type-tsx:before {
  content: "﬘";
}
.ti-file-type-txt:before {
  content: "﬙";
}
.ti-file-type-vue:before {
  content: "﬚";
}
.ti-file-type-xls:before {
  content: "﬛";
}
.ti-file-type-xml:before {
  content: "﬜";
}
.ti-file-type-zip:before {
  content: "יִ";
}
.ti-file-typography:before {
  content: "";
}
.ti-file-unknown:before {
  content: "";
}
.ti-file-upload:before {
  content: "";
}
.ti-file-vector:before {
  content: "";
}
.ti-file-x:before {
  content: "";
}
.ti-file-x-filled:before {
  content: "";
}
.ti-file-zip:before {
  content: "";
}
.ti-files:before {
  content: "";
}
.ti-files-off:before {
  content: "";
}
.ti-filter:before {
  content: "";
}
.ti-filter-bolt:before {
  content: "ﭼ";
}
.ti-filter-cancel:before {
  content: "ﭽ";
}
.ti-filter-check:before {
  content: "ﭾ";
}
.ti-filter-code:before {
  content: "ﭿ";
}
.ti-filter-cog:before {
  content: "茶";
}
.ti-filter-discount:before {
  content: "ﮀ";
}
.ti-filter-dollar:before {
  content: "刺";
}
.ti-filter-down:before {
  content: "ﮁ";
}
.ti-filter-edit:before {
  content: "切";
}
.ti-filter-exclamation:before {
  content: "ﮂ";
}
.ti-filter-filled:before {
  content: "ﰧ";
}
.ti-filter-heart:before {
  content: "ﮃ";
}
.ti-filter-minus:before {
  content: "度";
}
.ti-filter-off:before {
  content: "";
}
.ti-filter-pause:before {
  content: "ﮄ";
}
.ti-filter-pin:before {
  content: "ﮅ";
}
.ti-filter-plus:before {
  content: "拓";
}
.ti-filter-question:before {
  content: "ﮆ";
}
.ti-filter-search:before {
  content: "ﮇ";
}
.ti-filter-share:before {
  content: "ﮈ";
}
.ti-filter-star:before {
  content: "糖";
}
.ti-filter-up:before {
  content: "ﮉ";
}
.ti-filter-x:before {
  content: "宅";
}
.ti-filters:before {
  content: "";
}
.ti-fingerprint:before {
  content: "";
}
.ti-fingerprint-off:before {
  content: "";
}
.ti-fire-extinguisher:before {
  content: "﫶";
}
.ti-fire-hydrant:before {
  content: "";
}
.ti-fire-hydrant-off:before {
  content: "";
}
.ti-firetruck:before {
  content: "";
}
.ti-first-aid-kit:before {
  content: "";
}
.ti-first-aid-kit-off:before {
  content: "";
}
.ti-fish:before {
  content: "";
}
.ti-fish-bone:before {
  content: "";
}
.ti-fish-christianity:before {
  content: "";
}
.ti-fish-hook:before {
  content: "";
}
.ti-fish-hook-off:before {
  content: "";
}
.ti-fish-off:before {
  content: "";
}
.ti-flag:before {
  content: "";
}
.ti-flag-2:before {
  content: "";
}
.ti-flag-2-filled:before {
  content: "";
}
.ti-flag-2-off:before {
  content: "";
}
.ti-flag-3:before {
  content: "";
}
.ti-flag-3-filled:before {
  content: "";
}
.ti-flag-bolt:before {
  content: "ﮊ";
}
.ti-flag-cancel:before {
  content: "ﮋ";
}
.ti-flag-check:before {
  content: "ﮌ";
}
.ti-flag-code:before {
  content: "ﮍ";
}
.ti-flag-cog:before {
  content: "ﮎ";
}
.ti-flag-discount:before {
  content: "ﮏ";
}
.ti-flag-dollar:before {
  content: "ﮐ";
}
.ti-flag-down:before {
  content: "ﮑ";
}
.ti-flag-exclamation:before {
  content: "ﮒ";
}
.ti-flag-filled:before {
  content: "";
}
.ti-flag-heart:before {
  content: "ﮓ";
}
.ti-flag-minus:before {
  content: "ﮔ";
}
.ti-flag-off:before {
  content: "";
}
.ti-flag-pause:before {
  content: "ﮕ";
}
.ti-flag-pin:before {
  content: "ﮖ";
}
.ti-flag-plus:before {
  content: "ﮗ";
}
.ti-flag-question:before {
  content: "ﮘ";
}
.ti-flag-search:before {
  content: "ﮙ";
}
.ti-flag-share:before {
  content: "ﮚ";
}
.ti-flag-star:before {
  content: "ﮛ";
}
.ti-flag-up:before {
  content: "ﮜ";
}
.ti-flag-x:before {
  content: "ﮝ";
}
.ti-flame:before {
  content: "";
}
.ti-flame-off:before {
  content: "";
}
.ti-flare:before {
  content: "";
}
.ti-flask:before {
  content: "";
}
.ti-flask-2:before {
  content: "";
}
.ti-flask-2-off:before {
  content: "";
}
.ti-flask-off:before {
  content: "";
}
.ti-flip-flops:before {
  content: "";
}
.ti-flip-horizontal:before {
  content: "";
}
.ti-flip-vertical:before {
  content: "";
}
.ti-float-center:before {
  content: "";
}
.ti-float-left:before {
  content: "";
}
.ti-float-none:before {
  content: "";
}
.ti-float-right:before {
  content: "";
}
.ti-flower:before {
  content: "";
}
.ti-flower-off:before {
  content: "";
}
.ti-focus:before {
  content: "";
}
.ti-focus-2:before {
  content: "";
}
.ti-focus-auto:before {
  content: "謁";
}
.ti-focus-centered:before {
  content: "";
}
.ti-fold:before {
  content: "";
}
.ti-fold-down:before {
  content: "";
}
.ti-fold-up:before {
  content: "";
}
.ti-folder:before {
  content: "";
}
.ti-folder-bolt:before {
  content: "奈";
}
.ti-folder-cancel:before {
  content: "懶";
}
.ti-folder-check:before {
  content: "癩";
}
.ti-folder-code:before {
  content: "羅";
}
.ti-folder-cog:before {
  content: "蘿";
}
.ti-folder-dollar:before {
  content: "螺";
}
.ti-folder-down:before {
  content: "裸";
}
.ti-folder-exclamation:before {
  content: "邏";
}
.ti-folder-filled:before {
  content: "";
}
.ti-folder-heart:before {
  content: "樂";
}
.ti-folder-minus:before {
  content: "";
}
.ti-folder-off:before {
  content: "";
}
.ti-folder-open:before {
  content: "﫷";
}
.ti-folder-pause:before {
  content: "洛";
}
.ti-folder-pin:before {
  content: "烙";
}
.ti-folder-plus:before {
  content: "";
}
.ti-folder-question:before {
  content: "珞";
}
.ti-folder-search:before {
  content: "落";
}
.ti-folder-share:before {
  content: "酪";
}
.ti-folder-star:before {
  content: "駱";
}
.ti-folder-symlink:before {
  content: "亂";
}
.ti-folder-up:before {
  content: "卵";
}
.ti-folder-x:before {
  content: "";
}
.ti-folders:before {
  content: "";
}
.ti-folders-off:before {
  content: "";
}
.ti-forbid:before {
  content: "";
}
.ti-forbid-2:before {
  content: "";
}
.ti-forbid-2-filled:before {
  content: "ﰨ";
}
.ti-forbid-filled:before {
  content: "ﰩ";
}
.ti-forklift:before {
  content: "";
}
.ti-forms:before {
  content: "";
}
.ti-fountain:before {
  content: "";
}
.ti-fountain-filled:before {
  content: "ﰪ";
}
.ti-fountain-off:before {
  content: "";
}
.ti-frame:before {
  content: "";
}
.ti-frame-off:before {
  content: "";
}
.ti-free-rights:before {
  content: "";
}
.ti-freeze-column:before {
  content: "謹";
}
.ti-freeze-row:before {
  content: "贈";
}
.ti-freeze-row-column:before {
  content: "賓";
}
.ti-fridge:before {
  content: "";
}
.ti-fridge-off:before {
  content: "";
}
.ti-friends:before {
  content: "";
}
.ti-friends-off:before {
  content: "";
}
.ti-frustum:before {
  content: "犯";
}
.ti-frustum-off:before {
  content: "瞧";
}
.ti-frustum-plus:before {
  content: "爵";
}
.ti-function:before {
  content: "";
}
.ti-function-filled:before {
  content: "ﰫ";
}
.ti-function-off:before {
  content: "";
}
.ti-garden-cart:before {
  content: "";
}
.ti-garden-cart-off:before {
  content: "";
}
.ti-gas-station:before {
  content: "";
}
.ti-gas-station-off:before {
  content: "";
}
.ti-gauge:before {
  content: "";
}
.ti-gauge-filled:before {
  content: "ﰬ";
}
.ti-gauge-off:before {
  content: "";
}
.ti-gavel:before {
  content: "";
}
.ti-gender-agender:before {
  content: "";
}
.ti-gender-androgyne:before {
  content: "";
}
.ti-gender-bigender:before {
  content: "";
}
.ti-gender-demiboy:before {
  content: "";
}
.ti-gender-demigirl:before {
  content: "";
}
.ti-gender-epicene:before {
  content: "";
}
.ti-gender-female:before {
  content: "";
}
.ti-gender-femme:before {
  content: "";
}
.ti-gender-genderfluid:before {
  content: "";
}
.ti-gender-genderless:before {
  content: "";
}
.ti-gender-genderqueer:before {
  content: "";
}
.ti-gender-hermaphrodite:before {
  content: "";
}
.ti-gender-intergender:before {
  content: "";
}
.ti-gender-male:before {
  content: "";
}
.ti-gender-neutrois:before {
  content: "";
}
.ti-gender-third:before {
  content: "";
}
.ti-gender-transgender:before {
  content: "";
}
.ti-gender-trasvesti:before {
  content: "";
}
.ti-geometry:before {
  content: "";
}
.ti-ghost:before {
  content: "";
}
.ti-ghost-2:before {
  content: "";
}
.ti-ghost-2-filled:before {
  content: "";
}
.ti-ghost-3:before {
  content: "ﰓ";
}
.ti-ghost-filled:before {
  content: "";
}
.ti-ghost-off:before {
  content: "";
}
.ti-gif:before {
  content: "";
}
.ti-gift:before {
  content: "";
}
.ti-gift-card:before {
  content: "";
}
.ti-gift-card-filled:before {
  content: "ﰭ";
}
.ti-gift-off:before {
  content: "";
}
.ti-git-branch:before {
  content: "";
}
.ti-git-branch-deleted:before {
  content: "";
}
.ti-git-cherry-pick:before {
  content: "";
}
.ti-git-commit:before {
  content: "";
}
.ti-git-compare:before {
  content: "";
}
.ti-git-fork:before {
  content: "";
}
.ti-git-merge:before {
  content: "";
}
.ti-git-pull-request:before {
  content: "";
}
.ti-git-pull-request-closed:before {
  content: "";
}
.ti-git-pull-request-draft:before {
  content: "";
}
.ti-gizmo:before {
  content: "";
}
.ti-glass:before {
  content: "";
}
.ti-glass-full:before {
  content: "";
}
.ti-glass-full-filled:before {
  content: "ﰮ";
}
.ti-glass-off:before {
  content: "";
}
.ti-globe:before {
  content: "";
}
.ti-globe-filled:before {
  content: "ﰯ";
}
.ti-globe-off:before {
  content: "";
}
.ti-go-game:before {
  content: "";
}
.ti-golf:before {
  content: "";
}
.ti-golf-off:before {
  content: "";
}
.ti-gps:before {
  content: "";
}
.ti-gradienter:before {
  content: "";
}
.ti-grain:before {
  content: "";
}
.ti-graph:before {
  content: "";
}
.ti-graph-off:before {
  content: "";
}
.ti-grave:before {
  content: "";
}
.ti-grave-2:before {
  content: "";
}
.ti-grid-dots:before {
  content: "";
}
.ti-grid-pattern:before {
  content: "";
}
.ti-grill:before {
  content: "";
}
.ti-grill-fork:before {
  content: "";
}
.ti-grill-off:before {
  content: "";
}
.ti-grill-spatula:before {
  content: "";
}
.ti-grip-horizontal:before {
  content: "";
}
.ti-grip-vertical:before {
  content: "";
}
.ti-growth:before {
  content: "";
}
.ti-guitar-pick:before {
  content: "";
}
.ti-guitar-pick-filled:before {
  content: "";
}
.ti-h-1:before {
  content: "";
}
.ti-h-2:before {
  content: "";
}
.ti-h-3:before {
  content: "";
}
.ti-h-4:before {
  content: "";
}
.ti-h-5:before {
  content: "";
}
.ti-h-6:before {
  content: "";
}
.ti-hammer:before {
  content: "";
}
.ti-hammer-off:before {
  content: "";
}
.ti-hand-click:before {
  content: "";
}
.ti-hand-finger:before {
  content: "";
}
.ti-hand-finger-off:before {
  content: "";
}
.ti-hand-grab:before {
  content: "";
}
.ti-hand-little-finger:before {
  content: "";
}
.ti-hand-middle-finger:before {
  content: "";
}
.ti-hand-move:before {
  content: "";
}
.ti-hand-off:before {
  content: "";
}
.ti-hand-ring-finger:before {
  content: "";
}
.ti-hand-rock:before {
  content: "";
}
.ti-hand-sanitizer:before {
  content: "";
}
.ti-hand-stop:before {
  content: "";
}
.ti-hand-three-fingers:before {
  content: "";
}
.ti-hand-two-fingers:before {
  content: "";
}
.ti-hanger:before {
  content: "";
}
.ti-hanger-2:before {
  content: "";
}
.ti-hanger-off:before {
  content: "";
}
.ti-hash:before {
  content: "";
}
.ti-haze:before {
  content: "";
}
.ti-haze-moon:before {
  content: "﫸";
}
.ti-hdr:before {
  content: "嗢";
}
.ti-heading:before {
  content: "";
}
.ti-heading-off:before {
  content: "";
}
.ti-headphones:before {
  content: "";
}
.ti-headphones-filled:before {
  content: "屮";
}
.ti-headphones-off:before {
  content: "";
}
.ti-headset:before {
  content: "";
}
.ti-headset-off:before {
  content: "";
}
.ti-health-recognition:before {
  content: "";
}
.ti-heart:before {
  content: "";
}
.ti-heart-bolt:before {
  content: "ﮞ";
}
.ti-heart-broken:before {
  content: "";
}
.ti-heart-cancel:before {
  content: "ﮟ";
}
.ti-heart-check:before {
  content: "ﮠ";
}
.ti-heart-code:before {
  content: "ﮡ";
}
.ti-heart-cog:before {
  content: "ﮢ";
}
.ti-heart-discount:before {
  content: "ﮣ";
}
.ti-heart-dollar:before {
  content: "ﮤ";
}
.ti-heart-down:before {
  content: "ﮥ";
}
.ti-heart-exclamation:before {
  content: "ﮦ";
}
.ti-heart-filled:before {
  content: "";
}
.ti-heart-handshake:before {
  content: "";
}
.ti-heart-minus:before {
  content: "";
}
.ti-heart-off:before {
  content: "";
}
.ti-heart-pause:before {
  content: "ﮧ";
}
.ti-heart-pin:before {
  content: "ﮨ";
}
.ti-heart-plus:before {
  content: "";
}
.ti-heart-question:before {
  content: "ﮩ";
}
.ti-heart-rate-monitor:before {
  content: "";
}
.ti-heart-search:before {
  content: "ﮪ";
}
.ti-heart-share:before {
  content: "ﮫ";
}
.ti-heart-star:before {
  content: "ﮬ";
}
.ti-heart-up:before {
  content: "ﮭ";
}
.ti-heart-x:before {
  content: "ﮮ";
}
.ti-heartbeat:before {
  content: "";
}
.ti-hearts:before {
  content: "";
}
.ti-hearts-off:before {
  content: "";
}
.ti-helicopter:before {
  content: "";
}
.ti-helicopter-landing:before {
  content: "";
}
.ti-helmet:before {
  content: "";
}
.ti-helmet-off:before {
  content: "";
}
.ti-help:before {
  content: "";
}
.ti-help-circle:before {
  content: "欄";
}
.ti-help-circle-filled:before {
  content: "悔";
}
.ti-help-hexagon:before {
  content: "";
}
.ti-help-hexagon-filled:before {
  content: "慨";
}
.ti-help-octagon:before {
  content: "";
}
.ti-help-octagon-filled:before {
  content: "憎";
}
.ti-help-off:before {
  content: "";
}
.ti-help-small:before {
  content: "爛";
}
.ti-help-square:before {
  content: "鸞";
}
.ti-help-square-filled:before {
  content: "懲";
}
.ti-help-square-rounded:before {
  content: "蘭";
}
.ti-help-square-rounded-filled:before {
  content: "敏";
}
.ti-help-triangle:before {
  content: "嵐";
}
.ti-help-triangle-filled:before {
  content: "既";
}
.ti-hemisphere:before {
  content: "甆";
}
.ti-hemisphere-off:before {
  content: "猪";
}
.ti-hemisphere-plus:before {
  content: "瑱";
}
.ti-hexagon:before {
  content: "";
}
.ti-hexagon-0-filled:before {
  content: "";
}
.ti-hexagon-1-filled:before {
  content: "";
}
.ti-hexagon-2-filled:before {
  content: "";
}
.ti-hexagon-3-filled:before {
  content: "";
}
.ti-hexagon-3d:before {
  content: "";
}
.ti-hexagon-4-filled:before {
  content: "";
}
.ti-hexagon-5-filled:before {
  content: "";
}
.ti-hexagon-6-filled:before {
  content: "";
}
.ti-hexagon-7-filled:before {
  content: "";
}
.ti-hexagon-8-filled:before {
  content: "";
}
.ti-hexagon-9-filled:before {
  content: "";
}
.ti-hexagon-filled:before {
  content: "";
}
.ti-hexagon-letter-a:before {
  content: "";
}
.ti-hexagon-letter-b:before {
  content: "";
}
.ti-hexagon-letter-c:before {
  content: "";
}
.ti-hexagon-letter-d:before {
  content: "";
}
.ti-hexagon-letter-e:before {
  content: "";
}
.ti-hexagon-letter-f:before {
  content: "";
}
.ti-hexagon-letter-g:before {
  content: "";
}
.ti-hexagon-letter-h:before {
  content: "";
}
.ti-hexagon-letter-i:before {
  content: "";
}
.ti-hexagon-letter-j:before {
  content: "";
}
.ti-hexagon-letter-k:before {
  content: "";
}
.ti-hexagon-letter-l:before {
  content: "";
}
.ti-hexagon-letter-m:before {
  content: "";
}
.ti-hexagon-letter-n:before {
  content: "";
}
.ti-hexagon-letter-o:before {
  content: "";
}
.ti-hexagon-letter-p:before {
  content: "";
}
.ti-hexagon-letter-q:before {
  content: "";
}
.ti-hexagon-letter-r:before {
  content: "";
}
.ti-hexagon-letter-s:before {
  content: "";
}
.ti-hexagon-letter-t:before {
  content: "";
}
.ti-hexagon-letter-u:before {
  content: "";
}
.ti-hexagon-letter-v:before {
  content: "";
}
.ti-hexagon-letter-w:before {
  content: "";
}
.ti-hexagon-letter-x:before {
  content: "";
}
.ti-hexagon-letter-y:before {
  content: "";
}
.ti-hexagon-letter-z:before {
  content: "";
}
.ti-hexagon-number-0:before {
  content: "";
}
.ti-hexagon-number-1:before {
  content: "";
}
.ti-hexagon-number-2:before {
  content: "";
}
.ti-hexagon-number-3:before {
  content: "";
}
.ti-hexagon-number-4:before {
  content: "";
}
.ti-hexagon-number-5:before {
  content: "";
}
.ti-hexagon-number-6:before {
  content: "";
}
.ti-hexagon-number-7:before {
  content: "";
}
.ti-hexagon-number-8:before {
  content: "";
}
.ti-hexagon-number-9:before {
  content: "";
}
.ti-hexagon-off:before {
  content: "";
}
.ti-hexagon-plus:before {
  content: "ﱅ";
}
.ti-hexagonal-prism:before {
  content: "瘟";
}
.ti-hexagonal-prism-off:before {
  content: "画";
}
.ti-hexagonal-prism-plus:before {
  content: "瘝";
}
.ti-hexagonal-pyramid:before {
  content: "直";
}
.ti-hexagonal-pyramid-off:before {
  content: "益";
}
.ti-hexagonal-pyramid-plus:before {
  content: "盛";
}
.ti-hexagons:before {
  content: "";
}
.ti-hexagons-off:before {
  content: "";
}
.ti-hierarchy:before {
  content: "";
}
.ti-hierarchy-2:before {
  content: "";
}
.ti-hierarchy-3:before {
  content: "";
}
.ti-hierarchy-off:before {
  content: "";
}
.ti-highlight:before {
  content: "";
}
.ti-highlight-off:before {
  content: "";
}
.ti-history:before {
  content: "";
}
.ti-history-off:before {
  content: "";
}
.ti-history-toggle:before {
  content: "";
}
.ti-home:before {
  content: "";
}
.ti-home-2:before {
  content: "";
}
.ti-home-bolt:before {
  content: "";
}
.ti-home-cancel:before {
  content: "";
}
.ti-home-check:before {
  content: "";
}
.ti-home-cog:before {
  content: "";
}
.ti-home-dollar:before {
  content: "";
}
.ti-home-dot:before {
  content: "";
}
.ti-home-down:before {
  content: "";
}
.ti-home-eco:before {
  content: "";
}
.ti-home-edit:before {
  content: "";
}
.ti-home-exclamation:before {
  content: "";
}
.ti-home-hand:before {
  content: "";
}
.ti-home-heart:before {
  content: "";
}
.ti-home-infinity:before {
  content: "";
}
.ti-home-link:before {
  content: "";
}
.ti-home-minus:before {
  content: "";
}
.ti-home-move:before {
  content: "";
}
.ti-home-off:before {
  content: "";
}
.ti-home-plus:before {
  content: "";
}
.ti-home-question:before {
  content: "";
}
.ti-home-ribbon:before {
  content: "";
}
.ti-home-search:before {
  content: "";
}
.ti-home-share:before {
  content: "";
}
.ti-home-shield:before {
  content: "";
}
.ti-home-signal:before {
  content: "";
}
.ti-home-star:before {
  content: "";
}
.ti-home-stats:before {
  content: "";
}
.ti-home-up:before {
  content: "";
}
.ti-home-x:before {
  content: "";
}
.ti-horse:before {
  content: "ﱆ";
}
.ti-horse-toy:before {
  content: "";
}
.ti-hotel-service:before {
  content: "";
}
.ti-hourglass:before {
  content: "";
}
.ti-hourglass-empty:before {
  content: "";
}
.ti-hourglass-filled:before {
  content: "";
}
.ti-hourglass-high:before {
  content: "";
}
.ti-hourglass-low:before {
  content: "";
}
.ti-hourglass-off:before {
  content: "";
}
.ti-html:before {
  content: "";
}
.ti-http-connect:before {
  content: "﨨";
}
.ti-http-delete:before {
  content: "﨩";
}
.ti-http-get:before {
  content: "飯";
}
.ti-http-head:before {
  content: "飼";
}
.ti-http-options:before {
  content: "館";
}
.ti-http-patch:before {
  content: "鶴";
}
.ti-http-post:before {
  content: "郞";
}
.ti-http-put:before {
  content: "隷";
}
.ti-http-que:before {
  content: "者";
}
.ti-http-trace:before {
  content: "侮";
}
.ti-ice-cream:before {
  content: "";
}
.ti-ice-cream-2:before {
  content: "";
}
.ti-ice-cream-off:before {
  content: "";
}
.ti-ice-skating:before {
  content: "";
}
.ti-icons:before {
  content: "";
}
.ti-icons-off:before {
  content: "";
}
.ti-id:before {
  content: "";
}
.ti-id-badge:before {
  content: "";
}
.ti-id-badge-2:before {
  content: "";
}
.ti-id-badge-off:before {
  content: "";
}
.ti-id-off:before {
  content: "";
}
.ti-inbox:before {
  content: "";
}
.ti-inbox-off:before {
  content: "";
}
.ti-indent-decrease:before {
  content: "";
}
.ti-indent-increase:before {
  content: "";
}
.ti-infinity:before {
  content: "";
}
.ti-infinity-off:before {
  content: "";
}
.ti-info-circle:before {
  content: "";
}
.ti-info-circle-filled:before {
  content: "";
}
.ti-info-hexagon:before {
  content: "";
}
.ti-info-hexagon-filled:before {
  content: "暑";
}
.ti-info-octagon:before {
  content: "";
}
.ti-info-octagon-filled:before {
  content: "梅";
}
.ti-info-small:before {
  content: "濫";
}
.ti-info-square:before {
  content: "";
}
.ti-info-square-filled:before {
  content: "海";
}
.ti-info-square-rounded:before {
  content: "";
}
.ti-info-square-rounded-filled:before {
  content: "";
}
.ti-info-triangle:before {
  content: "藍";
}
.ti-info-triangle-filled:before {
  content: "渚";
}
.ti-inner-shadow-bottom:before {
  content: "";
}
.ti-inner-shadow-bottom-filled:before {
  content: "";
}
.ti-inner-shadow-bottom-left:before {
  content: "";
}
.ti-inner-shadow-bottom-left-filled:before {
  content: "";
}
.ti-inner-shadow-bottom-right:before {
  content: "";
}
.ti-inner-shadow-bottom-right-filled:before {
  content: "";
}
.ti-inner-shadow-left:before {
  content: "";
}
.ti-inner-shadow-left-filled:before {
  content: "";
}
.ti-inner-shadow-right:before {
  content: "";
}
.ti-inner-shadow-right-filled:before {
  content: "";
}
.ti-inner-shadow-top:before {
  content: "";
}
.ti-inner-shadow-top-filled:before {
  content: "";
}
.ti-inner-shadow-top-left:before {
  content: "";
}
.ti-inner-shadow-top-left-filled:before {
  content: "";
}
.ti-inner-shadow-top-right:before {
  content: "";
}
.ti-inner-shadow-top-right-filled:before {
  content: "";
}
.ti-input-ai:before {
  content: "ﱚ";
}
.ti-input-check:before {
  content: "ﱛ";
}
.ti-input-search:before {
  content: "";
}
.ti-input-x:before {
  content: "ﱜ";
}
.ti-ironing:before {
  content: "塚";
}
.ti-ironing-1:before {
  content: "";
}
.ti-ironing-2:before {
  content: "";
}
.ti-ironing-3:before {
  content: "";
}
.ti-ironing-off:before {
  content: "";
}
.ti-ironing-steam:before {
  content: "";
}
.ti-ironing-steam-off:before {
  content: "";
}
.ti-irregular-polyhedron:before {
  content: "磌";
}
.ti-irregular-polyhedron-off:before {
  content: "睊";
}
.ti-irregular-polyhedron-plus:before {
  content: "着";
}
.ti-italic:before {
  content: "";
}
.ti-jacket:before {
  content: "";
}
.ti-jetpack:before {
  content: "";
}
.ti-jewish-star:before {
  content: "";
}
.ti-jewish-star-filled:before {
  content: "";
}
.ti-jpg:before {
  content: "";
}
.ti-json:before {
  content: "";
}
.ti-jump-rope:before {
  content: "";
}
.ti-karate:before {
  content: "";
}
.ti-kayak:before {
  content: "";
}
.ti-kering:before {
  content: "";
}
.ti-key:before {
  content: "";
}
.ti-key-off:before {
  content: "";
}
.ti-keyboard:before {
  content: "";
}
.ti-keyboard-hide:before {
  content: "";
}
.ti-keyboard-off:before {
  content: "";
}
.ti-keyboard-show:before {
  content: "";
}
.ti-keyframe:before {
  content: "";
}
.ti-keyframe-align-center:before {
  content: "";
}
.ti-keyframe-align-center-filled:before {
  content: "ﰰ";
}
.ti-keyframe-align-horizontal:before {
  content: "";
}
.ti-keyframe-align-horizontal-filled:before {
  content: "ﰱ";
}
.ti-keyframe-align-vertical:before {
  content: "";
}
.ti-keyframe-align-vertical-filled:before {
  content: "ﰲ";
}
.ti-keyframe-filled:before {
  content: "ﰳ";
}
.ti-keyframes:before {
  content: "";
}
.ti-keyframes-filled:before {
  content: "ﰴ";
}
.ti-ladder:before {
  content: "";
}
.ti-ladder-off:before {
  content: "";
}
.ti-ladle:before {
  content: "ﰔ";
}
.ti-lambda:before {
  content: "";
}
.ti-lamp:before {
  content: "";
}
.ti-lamp-2:before {
  content: "";
}
.ti-lamp-off:before {
  content: "";
}
.ti-lane:before {
  content: "﫹";
}
.ti-language:before {
  content: "";
}
.ti-language-hiragana:before {
  content: "";
}
.ti-language-katakana:before {
  content: "";
}
.ti-language-off:before {
  content: "";
}
.ti-lasso:before {
  content: "";
}
.ti-lasso-off:before {
  content: "";
}
.ti-lasso-polygon:before {
  content: "";
}
.ti-layers-difference:before {
  content: "";
}
.ti-layers-intersect:before {
  content: "";
}
.ti-layers-intersect-2:before {
  content: "";
}
.ti-layers-linked:before {
  content: "";
}
.ti-layers-off:before {
  content: "";
}
.ti-layers-subtract:before {
  content: "";
}
.ti-layers-union:before {
  content: "";
}
.ti-layout:before {
  content: "";
}
.ti-layout-2:before {
  content: "";
}
.ti-layout-align-bottom:before {
  content: "";
}
.ti-layout-align-center:before {
  content: "";
}
.ti-layout-align-left:before {
  content: "";
}
.ti-layout-align-middle:before {
  content: "";
}
.ti-layout-align-right:before {
  content: "";
}
.ti-layout-align-top:before {
  content: "";
}
.ti-layout-board:before {
  content: "";
}
.ti-layout-board-split:before {
  content: "";
}
.ti-layout-bottombar:before {
  content: "";
}
.ti-layout-bottombar-collapse:before {
  content: "";
}
.ti-layout-bottombar-collapse-filled:before {
  content: "ﰵ";
}
.ti-layout-bottombar-expand:before {
  content: "";
}
.ti-layout-bottombar-expand-filled:before {
  content: "ﰶ";
}
.ti-layout-bottombar-filled:before {
  content: "ﰷ";
}
.ti-layout-cards:before {
  content: "";
}
.ti-layout-collage:before {
  content: "";
}
.ti-layout-columns:before {
  content: "";
}
.ti-layout-dashboard:before {
  content: "";
}
.ti-layout-distribute-horizontal:before {
  content: "";
}
.ti-layout-distribute-vertical:before {
  content: "";
}
.ti-layout-grid:before {
  content: "";
}
.ti-layout-grid-add:before {
  content: "";
}
.ti-layout-grid-remove:before {
  content: "墳";
}
.ti-layout-kanban:before {
  content: "";
}
.ti-layout-list:before {
  content: "";
}
.ti-layout-navbar:before {
  content: "";
}
.ti-layout-navbar-collapse:before {
  content: "";
}
.ti-layout-navbar-collapse-filled:before {
  content: "ﰸ";
}
.ti-layout-navbar-expand:before {
  content: "";
}
.ti-layout-navbar-expand-filled:before {
  content: "ﰹ";
}
.ti-layout-navbar-filled:before {
  content: "ﰺ";
}
.ti-layout-off:before {
  content: "";
}
.ti-layout-rows:before {
  content: "";
}
.ti-layout-sidebar:before {
  content: "";
}
.ti-layout-sidebar-left-collapse:before {
  content: "";
}
.ti-layout-sidebar-left-collapse-filled:before {
  content: "ﰻ";
}
.ti-layout-sidebar-left-expand:before {
  content: "";
}
.ti-layout-sidebar-left-expand-filled:before {
  content: "ﰼ";
}
.ti-layout-sidebar-right:before {
  content: "";
}
.ti-layout-sidebar-right-collapse:before {
  content: "";
}
.ti-layout-sidebar-right-collapse-filled:before {
  content: "ﰽ";
}
.ti-layout-sidebar-right-expand:before {
  content: "";
}
.ti-layout-sidebar-right-expand-filled:before {
  content: "ﰾ";
}
.ti-leaf:before {
  content: "";
}
.ti-leaf-off:before {
  content: "";
}
.ti-lego:before {
  content: "";
}
.ti-lego-off:before {
  content: "";
}
.ti-lemon:before {
  content: "";
}
.ti-lemon-2:before {
  content: "";
}
.ti-letter-a:before {
  content: "";
}
.ti-letter-b:before {
  content: "";
}
.ti-letter-c:before {
  content: "";
}
.ti-letter-case:before {
  content: "";
}
.ti-letter-case-lower:before {
  content: "";
}
.ti-letter-case-toggle:before {
  content: "";
}
.ti-letter-case-upper:before {
  content: "";
}
.ti-letter-d:before {
  content: "";
}
.ti-letter-e:before {
  content: "";
}
.ti-letter-f:before {
  content: "";
}
.ti-letter-g:before {
  content: "";
}
.ti-letter-h:before {
  content: "";
}
.ti-letter-i:before {
  content: "";
}
.ti-letter-j:before {
  content: "";
}
.ti-letter-k:before {
  content: "";
}
.ti-letter-l:before {
  content: "";
}
.ti-letter-m:before {
  content: "";
}
.ti-letter-n:before {
  content: "";
}
.ti-letter-o:before {
  content: "";
}
.ti-letter-p:before {
  content: "";
}
.ti-letter-q:before {
  content: "";
}
.ti-letter-r:before {
  content: "";
}
.ti-letter-s:before {
  content: "";
}
.ti-letter-spacing:before {
  content: "";
}
.ti-letter-t:before {
  content: "";
}
.ti-letter-u:before {
  content: "";
}
.ti-letter-v:before {
  content: "";
}
.ti-letter-w:before {
  content: "";
}
.ti-letter-x:before {
  content: "";
}
.ti-letter-y:before {
  content: "";
}
.ti-letter-z:before {
  content: "";
}
.ti-license:before {
  content: "";
}
.ti-license-off:before {
  content: "";
}
.ti-lifebuoy:before {
  content: "";
}
.ti-lifebuoy-off:before {
  content: "";
}
.ti-lighter:before {
  content: "";
}
.ti-line:before {
  content: "";
}
.ti-line-dashed:before {
  content: "";
}
.ti-line-dotted:before {
  content: "";
}
.ti-line-height:before {
  content: "";
}
.ti-link:before {
  content: "";
}
.ti-link-off:before {
  content: "";
}
.ti-list:before {
  content: "";
}
.ti-list-check:before {
  content: "";
}
.ti-list-details:before {
  content: "";
}
.ti-list-letters:before {
  content: "ﱇ";
}
.ti-list-numbers:before {
  content: "";
}
.ti-list-search:before {
  content: "";
}
.ti-list-tree:before {
  content: "﫺";
}
.ti-live-photo:before {
  content: "";
}
.ti-live-photo-off:before {
  content: "";
}
.ti-live-view:before {
  content: "";
}
.ti-load-balancer:before {
  content: "臭";
}
.ti-loader:before {
  content: "";
}
.ti-loader-2:before {
  content: "";
}
.ti-loader-3:before {
  content: "";
}
.ti-loader-quarter:before {
  content: "";
}
.ti-location:before {
  content: "";
}
.ti-location-bolt:before {
  content: "ﮯ";
}
.ti-location-broken:before {
  content: "";
}
.ti-location-cancel:before {
  content: "ﮰ";
}
.ti-location-check:before {
  content: "ﮱ";
}
.ti-location-code:before {
  content: "﮲";
}
.ti-location-cog:before {
  content: "﮳";
}
.ti-location-discount:before {
  content: "﮴";
}
.ti-location-dollar:before {
  content: "﮵";
}
.ti-location-down:before {
  content: "﮶";
}
.ti-location-exclamation:before {
  content: "﮷";
}
.ti-location-filled:before {
  content: "";
}
.ti-location-heart:before {
  content: "﮸";
}
.ti-location-minus:before {
  content: "﮹";
}
.ti-location-off:before {
  content: "";
}
.ti-location-pause:before {
  content: "﮺";
}
.ti-location-pin:before {
  content: "﮻";
}
.ti-location-plus:before {
  content: "﮼";
}
.ti-location-question:before {
  content: "﮽";
}
.ti-location-search:before {
  content: "﮾";
}
.ti-location-share:before {
  content: "﮿";
}
.ti-location-star:before {
  content: "﯀";
}
.ti-location-up:before {
  content: "﯁";
}
.ti-location-x:before {
  content: "﯂";
}
.ti-lock:before {
  content: "";
}
.ti-lock-access:before {
  content: "";
}
.ti-lock-access-off:before {
  content: "";
}
.ti-lock-bolt:before {
  content: "襤";
}
.ti-lock-cancel:before {
  content: "拉";
}
.ti-lock-check:before {
  content: "臘";
}
.ti-lock-code:before {
  content: "蠟";
}
.ti-lock-cog:before {
  content: "廊";
}
.ti-lock-dollar:before {
  content: "朗";
}
.ti-lock-down:before {
  content: "浪";
}
.ti-lock-exclamation:before {
  content: "狼";
}
.ti-lock-heart:before {
  content: "郎";
}
.ti-lock-minus:before {
  content: "來";
}
.ti-lock-off:before {
  content: "";
}
.ti-lock-open:before {
  content: "";
}
.ti-lock-open-off:before {
  content: "";
}
.ti-lock-pause:before {
  content: "冷";
}
.ti-lock-pin:before {
  content: "勞";
}
.ti-lock-plus:before {
  content: "擄";
}
.ti-lock-question:before {
  content: "櫓";
}
.ti-lock-search:before {
  content: "爐";
}
.ti-lock-share:before {
  content: "盧";
}
.ti-lock-square:before {
  content: "";
}
.ti-lock-square-rounded:before {
  content: "";
}
.ti-lock-square-rounded-filled:before {
  content: "";
}
.ti-lock-star:before {
  content: "老";
}
.ti-lock-up:before {
  content: "蘆";
}
.ti-lock-x:before {
  content: "虜";
}
.ti-logic-and:before {
  content: "";
}
.ti-logic-buffer:before {
  content: "";
}
.ti-logic-nand:before {
  content: "";
}
.ti-logic-nor:before {
  content: "";
}
.ti-logic-not:before {
  content: "";
}
.ti-logic-or:before {
  content: "";
}
.ti-logic-xnor:before {
  content: "";
}
.ti-logic-xor:before {
  content: "";
}
.ti-login:before {
  content: "";
}
.ti-login-2:before {
  content: "ﱶ";
}
.ti-logout:before {
  content: "";
}
.ti-logout-2:before {
  content: "奄";
}
.ti-lollipop:before {
  content: "";
}
.ti-lollipop-off:before {
  content: "";
}
.ti-luggage:before {
  content: "";
}
.ti-luggage-off:before {
  content: "";
}
.ti-lungs:before {
  content: "";
}
.ti-lungs-off:before {
  content: "";
}
.ti-macro:before {
  content: "";
}
.ti-macro-off:before {
  content: "";
}
.ti-magnet:before {
  content: "";
}
.ti-magnet-off:before {
  content: "";
}
.ti-mail:before {
  content: "";
}
.ti-mail-ai:before {
  content: "僧";
}
.ti-mail-bolt:before {
  content: "路";
}
.ti-mail-cancel:before {
  content: "露";
}
.ti-mail-check:before {
  content: "魯";
}
.ti-mail-code:before {
  content: "鷺";
}
.ti-mail-cog:before {
  content: "碌";
}
.ti-mail-dollar:before {
  content: "祿";
}
.ti-mail-down:before {
  content: "綠";
}
.ti-mail-exclamation:before {
  content: "菉";
}
.ti-mail-fast:before {
  content: "";
}
.ti-mail-filled:before {
  content: "漢";
}
.ti-mail-forward:before {
  content: "";
}
.ti-mail-heart:before {
  content: "錄";
}
.ti-mail-minus:before {
  content: "鹿";
}
.ti-mail-off:before {
  content: "";
}
.ti-mail-opened:before {
  content: "";
}
.ti-mail-opened-filled:before {
  content: "煮";
}
.ti-mail-pause:before {
  content: "論";
}
.ti-mail-pin:before {
  content: "壟";
}
.ti-mail-plus:before {
  content: "弄";
}
.ti-mail-question:before {
  content: "籠";
}
.ti-mail-search:before {
  content: "聾";
}
.ti-mail-share:before {
  content: "牢";
}
.ti-mail-star:before {
  content: "磊";
}
.ti-mail-up:before {
  content: "賂";
}
.ti-mail-x:before {
  content: "雷";
}
.ti-mailbox:before {
  content: "";
}
.ti-mailbox-off:before {
  content: "";
}
.ti-man:before {
  content: "";
}
.ti-manual-gearbox:before {
  content: "";
}
.ti-map:before {
  content: "";
}
.ti-map-2:before {
  content: "";
}
.ti-map-bolt:before {
  content: "﯃";
}
.ti-map-cancel:before {
  content: "﯄";
}
.ti-map-check:before {
  content: "﯅";
}
.ti-map-code:before {
  content: "﯆";
}
.ti-map-cog:before {
  content: "﯇";
}
.ti-map-discount:before {
  content: "﯈";
}
.ti-map-dollar:before {
  content: "﯉";
}
.ti-map-down:before {
  content: "﯊";
}
.ti-map-east:before {
  content: "ﱝ";
}
.ti-map-exclamation:before {
  content: "﯋";
}
.ti-map-heart:before {
  content: "﯌";
}
.ti-map-minus:before {
  content: "﯍";
}
.ti-map-north:before {
  content: "ﱞ";
}
.ti-map-off:before {
  content: "";
}
.ti-map-pause:before {
  content: "﯎";
}
.ti-map-pin:before {
  content: "";
}
.ti-map-pin-2:before {
  content: "ﱈ";
}
.ti-map-pin-bolt:before {
  content: "壘";
}
.ti-map-pin-cancel:before {
  content: "屢";
}
.ti-map-pin-check:before {
  content: "樓";
}
.ti-map-pin-code:before {
  content: "淚";
}
.ti-map-pin-cog:before {
  content: "漏";
}
.ti-map-pin-dollar:before {
  content: "累";
}
.ti-map-pin-down:before {
  content: "縷";
}
.ti-map-pin-exclamation:before {
  content: "陋";
}
.ti-map-pin-filled:before {
  content: "";
}
.ti-map-pin-heart:before {
  content: "勒";
}
.ti-map-pin-minus:before {
  content: "肋";
}
.ti-map-pin-off:before {
  content: "";
}
.ti-map-pin-pause:before {
  content: "凜";
}
.ti-map-pin-pin:before {
  content: "凌";
}
.ti-map-pin-plus:before {
  content: "稜";
}
.ti-map-pin-question:before {
  content: "綾";
}
.ti-map-pin-search:before {
  content: "菱";
}
.ti-map-pin-share:before {
  content: "";
}
.ti-map-pin-star:before {
  content: "陵";
}
.ti-map-pin-up:before {
  content: "讀";
}
.ti-map-pin-x:before {
  content: "拏";
}
.ti-map-pins:before {
  content: "";
}
.ti-map-plus:before {
  content: "﯏";
}
.ti-map-question:before {
  content: "﯐";
}
.ti-map-route:before {
  content: "ﱹ";
}
.ti-map-search:before {
  content: "";
}
.ti-map-share:before {
  content: "﯑";
}
.ti-map-south:before {
  content: "ﱟ";
}
.ti-map-star:before {
  content: "﯒";
}
.ti-map-up:before {
  content: "ﯓ";
}
.ti-map-west:before {
  content: "ﱠ";
}
.ti-map-x:before {
  content: "ﯔ";
}
.ti-markdown:before {
  content: "";
}
.ti-markdown-off:before {
  content: "";
}
.ti-marquee:before {
  content: "";
}
.ti-marquee-2:before {
  content: "";
}
.ti-marquee-off:before {
  content: "";
}
.ti-mars:before {
  content: "";
}
.ti-mask:before {
  content: "";
}
.ti-mask-off:before {
  content: "";
}
.ti-masks-theater:before {
  content: "";
}
.ti-masks-theater-off:before {
  content: "";
}
.ti-massage:before {
  content: "";
}
.ti-matchstick:before {
  content: "";
}
.ti-math:before {
  content: "";
}
.ti-math-1-divide-2:before {
  content: "";
}
.ti-math-1-divide-3:before {
  content: "";
}
.ti-math-avg:before {
  content: "";
}
.ti-math-equal-greater:before {
  content: "";
}
.ti-math-equal-lower:before {
  content: "";
}
.ti-math-function:before {
  content: "";
}
.ti-math-function-off:before {
  content: "";
}
.ti-math-function-y:before {
  content: "";
}
.ti-math-greater:before {
  content: "";
}
.ti-math-integral:before {
  content: "";
}
.ti-math-integral-x:before {
  content: "";
}
.ti-math-integrals:before {
  content: "";
}
.ti-math-lower:before {
  content: "";
}
.ti-math-max:before {
  content: "";
}
.ti-math-min:before {
  content: "";
}
.ti-math-not:before {
  content: "";
}
.ti-math-off:before {
  content: "";
}
.ti-math-pi:before {
  content: "";
}
.ti-math-pi-divide-2:before {
  content: "";
}
.ti-math-symbols:before {
  content: "";
}
.ti-math-x-divide-2:before {
  content: "";
}
.ti-math-x-divide-y:before {
  content: "";
}
.ti-math-x-divide-y-2:before {
  content: "";
}
.ti-math-x-minus-x:before {
  content: "";
}
.ti-math-x-minus-y:before {
  content: "";
}
.ti-math-x-plus-x:before {
  content: "";
}
.ti-math-x-plus-y:before {
  content: "";
}
.ti-math-xy:before {
  content: "";
}
.ti-math-y-minus-y:before {
  content: "";
}
.ti-math-y-plus-y:before {
  content: "";
}
.ti-maximize:before {
  content: "";
}
.ti-maximize-off:before {
  content: "";
}
.ti-meat:before {
  content: "";
}
.ti-meat-off:before {
  content: "";
}
.ti-medal:before {
  content: "";
}
.ti-medal-2:before {
  content: "";
}
.ti-medical-cross:before {
  content: "";
}
.ti-medical-cross-circle:before {
  content: "﫨";
}
.ti-medical-cross-filled:before {
  content: "";
}
.ti-medical-cross-off:before {
  content: "";
}
.ti-medicine-syrup:before {
  content: "";
}
.ti-meeple:before {
  content: "";
}
.ti-melon:before {
  content: "ﱺ";
}
.ti-menorah:before {
  content: "";
}
.ti-menu:before {
  content: "";
}
.ti-menu-2:before {
  content: "";
}
.ti-menu-deep:before {
  content: "﫻";
}
.ti-menu-order:before {
  content: "";
}
.ti-message:before {
  content: "";
}
.ti-message-2:before {
  content: "";
}
.ti-message-2-bolt:before {
  content: "樂";
}
.ti-message-2-cancel:before {
  content: "諾";
}
.ti-message-2-check:before {
  content: "丹";
}
.ti-message-2-code:before {
  content: "";
}
.ti-message-2-cog:before {
  content: "寧";
}
.ti-message-2-dollar:before {
  content: "怒";
}
.ti-message-2-down:before {
  content: "率";
}
.ti-message-2-exclamation:before {
  content: "異";
}
.ti-message-2-heart:before {
  content: "北";
}
.ti-message-2-minus:before {
  content: "磻";
}
.ti-message-2-off:before {
  content: "";
}
.ti-message-2-pause:before {
  content: "便";
}
.ti-message-2-pin:before {
  content: "復";
}
.ti-message-2-plus:before {
  content: "不";
}
.ti-message-2-question:before {
  content: "泌";
}
.ti-message-2-search:before {
  content: "數";
}
.ti-message-2-share:before {
  content: "";
}
.ti-message-2-star:before {
  content: "索";
}
.ti-message-2-up:before {
  content: "參";
}
.ti-message-2-x:before {
  content: "塞";
}
.ti-message-bolt:before {
  content: "省";
}
.ti-message-cancel:before {
  content: "葉";
}
.ti-message-chatbot:before {
  content: "";
}
.ti-message-check:before {
  content: "說";
}
.ti-message-circle:before {
  content: "";
}
.ti-message-circle-2:before {
  content: "";
}
.ti-message-circle-2-filled:before {
  content: "";
}
.ti-message-circle-bolt:before {
  content: "殺";
}
.ti-message-circle-cancel:before {
  content: "辰";
}
.ti-message-circle-check:before {
  content: "沈";
}
.ti-message-circle-code:before {
  content: "拾";
}
.ti-message-circle-cog:before {
  content: "若";
}
.ti-message-circle-dollar:before {
  content: "掠";
}
.ti-message-circle-down:before {
  content: "略";
}
.ti-message-circle-exclamation:before {
  content: "亮";
}
.ti-message-circle-heart:before {
  content: "兩";
}
.ti-message-circle-minus:before {
  content: "凉";
}
.ti-message-circle-off:before {
  content: "";
}
.ti-message-circle-pause:before {
  content: "梁";
}
.ti-message-circle-pin:before {
  content: "糧";
}
.ti-message-circle-plus:before {
  content: "良";
}
.ti-message-circle-question:before {
  content: "諒";
}
.ti-message-circle-search:before {
  content: "量";
}
.ti-message-circle-share:before {
  content: "勵";
}
.ti-message-circle-star:before {
  content: "呂";
}
.ti-message-circle-up:before {
  content: "女";
}
.ti-message-circle-x:before {
  content: "廬";
}
.ti-message-code:before {
  content: "";
}
.ti-message-cog:before {
  content: "旅";
}
.ti-message-dollar:before {
  content: "濾";
}
.ti-message-dots:before {
  content: "";
}
.ti-message-down:before {
  content: "礪";
}
.ti-message-exclamation:before {
  content: "閭";
}
.ti-message-forward:before {
  content: "";
}
.ti-message-heart:before {
  content: "驪";
}
.ti-message-language:before {
  content: "";
}
.ti-message-minus:before {
  content: "麗";
}
.ti-message-off:before {
  content: "";
}
.ti-message-pause:before {
  content: "黎";
}
.ti-message-pin:before {
  content: "力";
}
.ti-message-plus:before {
  content: "";
}
.ti-message-question:before {
  content: "曆";
}
.ti-message-report:before {
  content: "";
}
.ti-message-search:before {
  content: "歷";
}
.ti-message-share:before {
  content: "";
}
.ti-message-star:before {
  content: "轢";
}
.ti-message-up:before {
  content: "年";
}
.ti-message-x:before {
  content: "憐";
}
.ti-messages:before {
  content: "";
}
.ti-messages-off:before {
  content: "";
}
.ti-meteor:before {
  content: "";
}
.ti-meteor-off:before {
  content: "";
}
.ti-michelin-bib-gourmand:before {
  content: "﫩";
}
.ti-michelin-star:before {
  content: "﫫";
}
.ti-michelin-star-green:before {
  content: "﫪";
}
.ti-mickey:before {
  content: "";
}
.ti-mickey-filled:before {
  content: "";
}
.ti-microphone:before {
  content: "";
}
.ti-microphone-2:before {
  content: "";
}
.ti-microphone-2-off:before {
  content: "";
}
.ti-microphone-off:before {
  content: "";
}
.ti-microscope:before {
  content: "";
}
.ti-microscope-off:before {
  content: "";
}
.ti-microwave:before {
  content: "";
}
.ti-microwave-off:before {
  content: "";
}
.ti-military-award:before {
  content: "";
}
.ti-military-rank:before {
  content: "";
}
.ti-milk:before {
  content: "";
}
.ti-milk-off:before {
  content: "";
}
.ti-milkshake:before {
  content: "";
}
.ti-minimize:before {
  content: "";
}
.ti-minus:before {
  content: "";
}
.ti-minus-vertical:before {
  content: "";
}
.ti-mist:before {
  content: "";
}
.ti-mist-off:before {
  content: "";
}
.ti-mobiledata:before {
  content: "淋";
}
.ti-mobiledata-off:before {
  content: "林";
}
.ti-moneybag:before {
  content: "";
}
.ti-mood-angry:before {
  content: "";
}
.ti-mood-annoyed:before {
  content: "";
}
.ti-mood-annoyed-2:before {
  content: "";
}
.ti-mood-boy:before {
  content: "";
}
.ti-mood-check:before {
  content: "";
}
.ti-mood-cog:before {
  content: "";
}
.ti-mood-confuzed:before {
  content: "";
}
.ti-mood-confuzed-filled:before {
  content: "";
}
.ti-mood-crazy-happy:before {
  content: "";
}
.ti-mood-cry:before {
  content: "";
}
.ti-mood-dollar:before {
  content: "";
}
.ti-mood-edit:before {
  content: "洞";
}
.ti-mood-empty:before {
  content: "";
}
.ti-mood-empty-filled:before {
  content: "";
}
.ti-mood-happy:before {
  content: "";
}
.ti-mood-happy-filled:before {
  content: "";
}
.ti-mood-heart:before {
  content: "";
}
.ti-mood-kid:before {
  content: "";
}
.ti-mood-kid-filled:before {
  content: "";
}
.ti-mood-look-left:before {
  content: "";
}
.ti-mood-look-right:before {
  content: "";
}
.ti-mood-minus:before {
  content: "";
}
.ti-mood-nerd:before {
  content: "";
}
.ti-mood-nervous:before {
  content: "";
}
.ti-mood-neutral:before {
  content: "";
}
.ti-mood-neutral-filled:before {
  content: "";
}
.ti-mood-off:before {
  content: "";
}
.ti-mood-pin:before {
  content: "";
}
.ti-mood-plus:before {
  content: "";
}
.ti-mood-sad:before {
  content: "";
}
.ti-mood-sad-2:before {
  content: "";
}
.ti-mood-sad-dizzy:before {
  content: "";
}
.ti-mood-sad-filled:before {
  content: "";
}
.ti-mood-sad-squint:before {
  content: "";
}
.ti-mood-search:before {
  content: "";
}
.ti-mood-share:before {
  content: "暴";
}
.ti-mood-sick:before {
  content: "";
}
.ti-mood-silence:before {
  content: "";
}
.ti-mood-sing:before {
  content: "";
}
.ti-mood-smile:before {
  content: "";
}
.ti-mood-smile-beam:before {
  content: "";
}
.ti-mood-smile-dizzy:before {
  content: "";
}
.ti-mood-smile-filled:before {
  content: "";
}
.ti-mood-suprised:before {
  content: "";
}
.ti-mood-tongue:before {
  content: "";
}
.ti-mood-tongue-wink:before {
  content: "";
}
.ti-mood-tongue-wink-2:before {
  content: "";
}
.ti-mood-unamused:before {
  content: "";
}
.ti-mood-up:before {
  content: "";
}
.ti-mood-wink:before {
  content: "";
}
.ti-mood-wink-2:before {
  content: "";
}
.ti-mood-wrrr:before {
  content: "";
}
.ti-mood-x:before {
  content: "";
}
.ti-mood-xd:before {
  content: "";
}
.ti-moon:before {
  content: "";
}
.ti-moon-2:before {
  content: "";
}
.ti-moon-filled:before {
  content: "";
}
.ti-moon-off:before {
  content: "";
}
.ti-moon-stars:before {
  content: "";
}
.ti-moped:before {
  content: "";
}
.ti-motorbike:before {
  content: "";
}
.ti-mountain:before {
  content: "";
}
.ti-mountain-off:before {
  content: "";
}
.ti-mouse:before {
  content: "";
}
.ti-mouse-2:before {
  content: "";
}
.ti-mouse-filled:before {
  content: "אָ";
}
.ti-mouse-off:before {
  content: "";
}
.ti-moustache:before {
  content: "";
}
.ti-movie:before {
  content: "";
}
.ti-movie-off:before {
  content: "";
}
.ti-mug:before {
  content: "";
}
.ti-mug-off:before {
  content: "";
}
.ti-multiplier-0-5x:before {
  content: "";
}
.ti-multiplier-1-5x:before {
  content: "";
}
.ti-multiplier-1x:before {
  content: "";
}
.ti-multiplier-2x:before {
  content: "";
}
.ti-mushroom:before {
  content: "";
}
.ti-mushroom-filled:before {
  content: "";
}
.ti-mushroom-off:before {
  content: "";
}
.ti-music:before {
  content: "";
}
.ti-music-bolt:before {
  content: "ﯕ";
}
.ti-music-cancel:before {
  content: "ﯖ";
}
.ti-music-check:before {
  content: "ﯗ";
}
.ti-music-code:before {
  content: "ﯘ";
}
.ti-music-cog:before {
  content: "ﯙ";
}
.ti-music-discount:before {
  content: "ﯚ";
}
.ti-music-dollar:before {
  content: "ﯛ";
}
.ti-music-down:before {
  content: "ﯜ";
}
.ti-music-exclamation:before {
  content: "ﯝ";
}
.ti-music-heart:before {
  content: "ﯞ";
}
.ti-music-minus:before {
  content: "ﯟ";
}
.ti-music-off:before {
  content: "";
}
.ti-music-pause:before {
  content: "ﯠ";
}
.ti-music-pin:before {
  content: "ﯡ";
}
.ti-music-plus:before {
  content: "ﯢ";
}
.ti-music-question:before {
  content: "ﯣ";
}
.ti-music-search:before {
  content: "ﯤ";
}
.ti-music-share:before {
  content: "ﯥ";
}
.ti-music-star:before {
  content: "ﯦ";
}
.ti-music-up:before {
  content: "ﯧ";
}
.ti-music-x:before {
  content: "ﯨ";
}
.ti-navigation:before {
  content: "";
}
.ti-navigation-bolt:before {
  content: "ﯩ";
}
.ti-navigation-cancel:before {
  content: "ﯪ";
}
.ti-navigation-check:before {
  content: "ﯫ";
}
.ti-navigation-code:before {
  content: "ﯬ";
}
.ti-navigation-cog:before {
  content: "ﯭ";
}
.ti-navigation-discount:before {
  content: "ﯮ";
}
.ti-navigation-dollar:before {
  content: "ﯯ";
}
.ti-navigation-down:before {
  content: "ﯰ";
}
.ti-navigation-exclamation:before {
  content: "ﯱ";
}
.ti-navigation-filled:before {
  content: "";
}
.ti-navigation-heart:before {
  content: "ﯲ";
}
.ti-navigation-minus:before {
  content: "ﯳ";
}
.ti-navigation-north:before {
  content: "﫬";
}
.ti-navigation-off:before {
  content: "";
}
.ti-navigation-pause:before {
  content: "ﯴ";
}
.ti-navigation-pin:before {
  content: "ﯵ";
}
.ti-navigation-plus:before {
  content: "ﯶ";
}
.ti-navigation-question:before {
  content: "ﯷ";
}
.ti-navigation-search:before {
  content: "ﯸ";
}
.ti-navigation-share:before {
  content: "ﯹ";
}
.ti-navigation-star:before {
  content: "ﯺ";
}
.ti-navigation-up:before {
  content: "ﯻ";
}
.ti-navigation-x:before {
  content: "ﯼ";
}
.ti-needle:before {
  content: "";
}
.ti-needle-thread:before {
  content: "";
}
.ti-network:before {
  content: "";
}
.ti-network-off:before {
  content: "";
}
.ti-new-section:before {
  content: "";
}
.ti-news:before {
  content: "";
}
.ti-news-off:before {
  content: "";
}
.ti-nfc:before {
  content: "";
}
.ti-nfc-off:before {
  content: "";
}
.ti-no-copyright:before {
  content: "";
}
.ti-no-creative-commons:before {
  content: "";
}
.ti-no-derivatives:before {
  content: "";
}
.ti-north-star:before {
  content: "";
}
.ti-note:before {
  content: "";
}
.ti-note-off:before {
  content: "";
}
.ti-notebook:before {
  content: "";
}
.ti-notebook-off:before {
  content: "";
}
.ti-notes:before {
  content: "";
}
.ti-notes-off:before {
  content: "";
}
.ti-notification:before {
  content: "";
}
.ti-notification-off:before {
  content: "";
}
.ti-number:before {
  content: "";
}
.ti-number-0:before {
  content: "";
}
.ti-number-1:before {
  content: "";
}
.ti-number-2:before {
  content: "";
}
.ti-number-3:before {
  content: "";
}
.ti-number-4:before {
  content: "";
}
.ti-number-5:before {
  content: "";
}
.ti-number-6:before {
  content: "";
}
.ti-number-7:before {
  content: "";
}
.ti-number-8:before {
  content: "";
}
.ti-number-9:before {
  content: "";
}
.ti-numbers:before {
  content: "";
}
.ti-nurse:before {
  content: "";
}
.ti-nut:before {
  content: "ﱡ";
}
.ti-octagon:before {
  content: "";
}
.ti-octagon-filled:before {
  content: "";
}
.ti-octagon-off:before {
  content: "";
}
.ti-octahedron:before {
  content: "类";
}
.ti-octahedron-off:before {
  content: "窱";
}
.ti-octahedron-plus:before {
  content: "節";
}
.ti-old:before {
  content: "";
}
.ti-olympics:before {
  content: "";
}
.ti-olympics-off:before {
  content: "";
}
.ti-om:before {
  content: "";
}
.ti-omega:before {
  content: "";
}
.ti-outbound:before {
  content: "";
}
.ti-outlet:before {
  content: "";
}
.ti-oval:before {
  content: "";
}
.ti-oval-filled:before {
  content: "";
}
.ti-oval-vertical:before {
  content: "";
}
.ti-oval-vertical-filled:before {
  content: "";
}
.ti-overline:before {
  content: "";
}
.ti-package:before {
  content: "";
}
.ti-package-export:before {
  content: "";
}
.ti-package-import:before {
  content: "";
}
.ti-package-off:before {
  content: "";
}
.ti-packages:before {
  content: "";
}
.ti-pacman:before {
  content: "";
}
.ti-page-break:before {
  content: "";
}
.ti-paint:before {
  content: "";
}
.ti-paint-filled:before {
  content: "";
}
.ti-paint-off:before {
  content: "";
}
.ti-palette:before {
  content: "";
}
.ti-palette-off:before {
  content: "";
}
.ti-panorama-horizontal:before {
  content: "";
}
.ti-panorama-horizontal-off:before {
  content: "";
}
.ti-panorama-vertical:before {
  content: "";
}
.ti-panorama-vertical-off:before {
  content: "";
}
.ti-paper-bag:before {
  content: "";
}
.ti-paper-bag-off:before {
  content: "";
}
.ti-paperclip:before {
  content: "";
}
.ti-parachute:before {
  content: "";
}
.ti-parachute-off:before {
  content: "";
}
.ti-parentheses:before {
  content: "";
}
.ti-parentheses-off:before {
  content: "";
}
.ti-parking:before {
  content: "";
}
.ti-parking-off:before {
  content: "";
}
.ti-password:before {
  content: "";
}
.ti-password-fingerprint:before {
  content: "ﱻ";
}
.ti-password-mobile-phone:before {
  content: "ﱼ";
}
.ti-password-user:before {
  content: "ﱽ";
}
.ti-paw:before {
  content: "";
}
.ti-paw-filled:before {
  content: "";
}
.ti-paw-off:before {
  content: "";
}
.ti-pdf:before {
  content: "";
}
.ti-peace:before {
  content: "";
}
.ti-pencil:before {
  content: "";
}
.ti-pencil-bolt:before {
  content: "ﯽ";
}
.ti-pencil-cancel:before {
  content: "ﯾ";
}
.ti-pencil-check:before {
  content: "ﯿ";
}
.ti-pencil-code:before {
  content: "ﰀ";
}
.ti-pencil-cog:before {
  content: "ﰁ";
}
.ti-pencil-discount:before {
  content: "ﰂ";
}
.ti-pencil-dollar:before {
  content: "ﰃ";
}
.ti-pencil-down:before {
  content: "ﰄ";
}
.ti-pencil-exclamation:before {
  content: "ﰅ";
}
.ti-pencil-heart:before {
  content: "ﰆ";
}
.ti-pencil-minus:before {
  content: "";
}
.ti-pencil-off:before {
  content: "";
}
.ti-pencil-pause:before {
  content: "ﰇ";
}
.ti-pencil-pin:before {
  content: "ﰈ";
}
.ti-pencil-plus:before {
  content: "";
}
.ti-pencil-question:before {
  content: "ﰉ";
}
.ti-pencil-search:before {
  content: "ﰊ";
}
.ti-pencil-share:before {
  content: "ﰋ";
}
.ti-pencil-star:before {
  content: "ﰌ";
}
.ti-pencil-up:before {
  content: "ﰍ";
}
.ti-pencil-x:before {
  content: "ﰎ";
}
.ti-pennant:before {
  content: "";
}
.ti-pennant-2:before {
  content: "";
}
.ti-pennant-2-filled:before {
  content: "";
}
.ti-pennant-filled:before {
  content: "";
}
.ti-pennant-off:before {
  content: "";
}
.ti-pentagon:before {
  content: "";
}
.ti-pentagon-filled:before {
  content: "";
}
.ti-pentagon-number-0:before {
  content: "ﱾ";
}
.ti-pentagon-number-1:before {
  content: "ﱿ";
}
.ti-pentagon-number-2:before {
  content: "ﲀ";
}
.ti-pentagon-number-3:before {
  content: "ﲁ";
}
.ti-pentagon-number-4:before {
  content: "ﲂ";
}
.ti-pentagon-number-5:before {
  content: "ﲃ";
}
.ti-pentagon-number-6:before {
  content: "ﲄ";
}
.ti-pentagon-number-7:before {
  content: "ﲅ";
}
.ti-pentagon-number-8:before {
  content: "ﲆ";
}
.ti-pentagon-number-9:before {
  content: "ﲇ";
}
.ti-pentagon-off:before {
  content: "";
}
.ti-pentagon-plus:before {
  content: "ﱉ";
}
.ti-pentagon-x:before {
  content: "ﲈ";
}
.ti-pentagram:before {
  content: "";
}
.ti-pepper:before {
  content: "";
}
.ti-pepper-off:before {
  content: "";
}
.ti-percentage:before {
  content: "";
}
.ti-perfume:before {
  content: "";
}
.ti-perspective:before {
  content: "";
}
.ti-perspective-off:before {
  content: "";
}
.ti-phone:before {
  content: "";
}
.ti-phone-call:before {
  content: "";
}
.ti-phone-calling:before {
  content: "";
}
.ti-phone-check:before {
  content: "";
}
.ti-phone-filled:before {
  content: "爫";
}
.ti-phone-incoming:before {
  content: "";
}
.ti-phone-off:before {
  content: "";
}
.ti-phone-outgoing:before {
  content: "";
}
.ti-phone-pause:before {
  content: "";
}
.ti-phone-plus:before {
  content: "";
}
.ti-phone-x:before {
  content: "";
}
.ti-photo:before {
  content: "";
}
.ti-photo-ai:before {
  content: "免";
}
.ti-photo-bolt:before {
  content: "戀";
}
.ti-photo-cancel:before {
  content: "";
}
.ti-photo-check:before {
  content: "";
}
.ti-photo-circle:before {
  content: "ﱊ";
}
.ti-photo-circle-minus:before {
  content: "ﱢ";
}
.ti-photo-circle-plus:before {
  content: "ﱣ";
}
.ti-photo-code:before {
  content: "撚";
}
.ti-photo-cog:before {
  content: "漣";
}
.ti-photo-dollar:before {
  content: "煉";
}
.ti-photo-down:before {
  content: "";
}
.ti-photo-edit:before {
  content: "";
}
.ti-photo-exclamation:before {
  content: "璉";
}
.ti-photo-filled:before {
  content: "琢";
}
.ti-photo-heart:before {
  content: "";
}
.ti-photo-hexagon:before {
  content: "ﱋ";
}
.ti-photo-minus:before {
  content: "";
}
.ti-photo-off:before {
  content: "";
}
.ti-photo-pause:before {
  content: "秊";
}
.ti-photo-pentagon:before {
  content: "ﱌ";
}
.ti-photo-pin:before {
  content: "練";
}
.ti-photo-plus:before {
  content: "";
}
.ti-photo-question:before {
  content: "聯";
}
.ti-photo-search:before {
  content: "";
}
.ti-photo-sensor:before {
  content: "";
}
.ti-photo-sensor-2:before {
  content: "";
}
.ti-photo-sensor-3:before {
  content: "";
}
.ti-photo-share:before {
  content: "輦";
}
.ti-photo-shield:before {
  content: "";
}
.ti-photo-square-rounded:before {
  content: "ﱍ";
}
.ti-photo-star:before {
  content: "";
}
.ti-photo-up:before {
  content: "";
}
.ti-photo-x:before {
  content: "";
}
.ti-physotherapist:before {
  content: "";
}
.ti-piano:before {
  content: "䀘";
}
.ti-pick:before {
  content: "﫼";
}
.ti-picture-in-picture:before {
  content: "";
}
.ti-picture-in-picture-off:before {
  content: "";
}
.ti-picture-in-picture-on:before {
  content: "";
}
.ti-picture-in-picture-top:before {
  content: "";
}
.ti-pig:before {
  content: "";
}
.ti-pig-money:before {
  content: "";
}
.ti-pig-off:before {
  content: "";
}
.ti-pilcrow:before {
  content: "";
}
.ti-pill:before {
  content: "";
}
.ti-pill-off:before {
  content: "";
}
.ti-pills:before {
  content: "";
}
.ti-pin:before {
  content: "";
}
.ti-pin-filled:before {
  content: "";
}
.ti-ping-pong:before {
  content: "";
}
.ti-pinned:before {
  content: "";
}
.ti-pinned-filled:before {
  content: "";
}
.ti-pinned-off:before {
  content: "";
}
.ti-pizza:before {
  content: "";
}
.ti-pizza-off:before {
  content: "";
}
.ti-placeholder:before {
  content: "";
}
.ti-plane:before {
  content: "";
}
.ti-plane-arrival:before {
  content: "";
}
.ti-plane-departure:before {
  content: "";
}
.ti-plane-inflight:before {
  content: "";
}
.ti-plane-off:before {
  content: "";
}
.ti-plane-tilt:before {
  content: "";
}
.ti-planet:before {
  content: "";
}
.ti-planet-off:before {
  content: "";
}
.ti-plant:before {
  content: "";
}
.ti-plant-2:before {
  content: "";
}
.ti-plant-2-off:before {
  content: "";
}
.ti-plant-off:before {
  content: "";
}
.ti-play-basketball:before {
  content: "辶";
}
.ti-play-card:before {
  content: "";
}
.ti-play-card-off:before {
  content: "";
}
.ti-play-football:before {
  content: "逸";
}
.ti-play-handball:before {
  content: "難";
}
.ti-play-volleyball:before {
  content: "響";
}
.ti-player-eject:before {
  content: "";
}
.ti-player-eject-filled:before {
  content: "";
}
.ti-player-pause:before {
  content: "";
}
.ti-player-pause-filled:before {
  content: "";
}
.ti-player-play:before {
  content: "";
}
.ti-player-play-filled:before {
  content: "";
}
.ti-player-record:before {
  content: "";
}
.ti-player-record-filled:before {
  content: "";
}
.ti-player-skip-back:before {
  content: "";
}
.ti-player-skip-back-filled:before {
  content: "";
}
.ti-player-skip-forward:before {
  content: "";
}
.ti-player-skip-forward-filled:before {
  content: "";
}
.ti-player-stop:before {
  content: "";
}
.ti-player-stop-filled:before {
  content: "";
}
.ti-player-track-next:before {
  content: "";
}
.ti-player-track-next-filled:before {
  content: "";
}
.ti-player-track-prev:before {
  content: "";
}
.ti-player-track-prev-filled:before {
  content: "";
}
.ti-playlist:before {
  content: "";
}
.ti-playlist-add:before {
  content: "";
}
.ti-playlist-off:before {
  content: "";
}
.ti-playlist-x:before {
  content: "";
}
.ti-playstation-circle:before {
  content: "";
}
.ti-playstation-square:before {
  content: "";
}
.ti-playstation-triangle:before {
  content: "";
}
.ti-playstation-x:before {
  content: "";
}
.ti-plug:before {
  content: "";
}
.ti-plug-connected:before {
  content: "";
}
.ti-plug-connected-x:before {
  content: "";
}
.ti-plug-off:before {
  content: "";
}
.ti-plug-x:before {
  content: "";
}
.ti-plus:before {
  content: "";
}
.ti-plus-equal:before {
  content: "";
}
.ti-plus-minus:before {
  content: "";
}
.ti-png:before {
  content: "";
}
.ti-podium:before {
  content: "";
}
.ti-podium-off:before {
  content: "";
}
.ti-point:before {
  content: "";
}
.ti-point-filled:before {
  content: "";
}
.ti-point-off:before {
  content: "";
}
.ti-pointer:before {
  content: "";
}
.ti-pointer-bolt:before {
  content: "蓮";
}
.ti-pointer-cancel:before {
  content: "連";
}
.ti-pointer-check:before {
  content: "鍊";
}
.ti-pointer-code:before {
  content: "列";
}
.ti-pointer-cog:before {
  content: "劣";
}
.ti-pointer-dollar:before {
  content: "咽";
}
.ti-pointer-down:before {
  content: "烈";
}
.ti-pointer-exclamation:before {
  content: "裂";
}
.ti-pointer-filled:before {
  content: "אּ";
}
.ti-pointer-heart:before {
  content: "說";
}
.ti-pointer-minus:before {
  content: "廉";
}
.ti-pointer-off:before {
  content: "念";
}
.ti-pointer-pause:before {
  content: "捻";
}
.ti-pointer-pin:before {
  content: "殮";
}
.ti-pointer-plus:before {
  content: "簾";
}
.ti-pointer-question:before {
  content: "獵";
}
.ti-pointer-search:before {
  content: "令";
}
.ti-pointer-share:before {
  content: "囹";
}
.ti-pointer-star:before {
  content: "寧";
}
.ti-pointer-up:before {
  content: "嶺";
}
.ti-pointer-x:before {
  content: "怜";
}
.ti-pokeball:before {
  content: "";
}
.ti-pokeball-off:before {
  content: "";
}
.ti-poker-chip:before {
  content: "";
}
.ti-polaroid:before {
  content: "";
}
.ti-polaroid-filled:before {
  content: "碑";
}
.ti-polygon:before {
  content: "";
}
.ti-polygon-off:before {
  content: "";
}
.ti-poo:before {
  content: "";
}
.ti-pool:before {
  content: "";
}
.ti-pool-off:before {
  content: "";
}
.ti-power:before {
  content: "";
}
.ti-pray:before {
  content: "";
}
.ti-premium-rights:before {
  content: "";
}
.ti-prescription:before {
  content: "";
}
.ti-presentation:before {
  content: "";
}
.ti-presentation-analytics:before {
  content: "";
}
.ti-presentation-off:before {
  content: "";
}
.ti-printer:before {
  content: "";
}
.ti-printer-off:before {
  content: "";
}
.ti-prism:before {
  content: "缾";
}
.ti-prism-off:before {
  content: "絛";
}
.ti-prism-plus:before {
  content: "練";
}
.ti-prison:before {
  content: "";
}
.ti-progress:before {
  content: "嗀";
}
.ti-progress-alert:before {
  content: "輻";
}
.ti-progress-bolt:before {
  content: "行";
}
.ti-progress-check:before {
  content: "降";
}
.ti-progress-down:before {
  content: "見";
}
.ti-progress-help:before {
  content: "廓";
}
.ti-progress-x:before {
  content: "兀";
}
.ti-prompt:before {
  content: "";
}
.ti-propeller:before {
  content: "";
}
.ti-propeller-off:before {
  content: "";
}
.ti-pumpkin-scary:before {
  content: "";
}
.ti-puzzle:before {
  content: "";
}
.ti-puzzle-2:before {
  content: "";
}
.ti-puzzle-filled:before {
  content: "";
}
.ti-puzzle-off:before {
  content: "";
}
.ti-pyramid:before {
  content: "";
}
.ti-pyramid-off:before {
  content: "";
}
.ti-pyramid-plus:before {
  content: "者";
}
.ti-qrcode:before {
  content: "";
}
.ti-qrcode-off:before {
  content: "";
}
.ti-question-mark:before {
  content: "";
}
.ti-quote:before {
  content: "";
}
.ti-quote-off:before {
  content: "";
}
.ti-quotes:before {
  content: "ﬞ";
}
.ti-radar:before {
  content: "";
}
.ti-radar-2:before {
  content: "";
}
.ti-radar-off:before {
  content: "";
}
.ti-radio:before {
  content: "";
}
.ti-radio-off:before {
  content: "";
}
.ti-radioactive:before {
  content: "";
}
.ti-radioactive-filled:before {
  content: "";
}
.ti-radioactive-off:before {
  content: "";
}
.ti-radius-bottom-left:before {
  content: "";
}
.ti-radius-bottom-right:before {
  content: "";
}
.ti-radius-top-left:before {
  content: "";
}
.ti-radius-top-right:before {
  content: "";
}
.ti-rainbow:before {
  content: "";
}
.ti-rainbow-off:before {
  content: "";
}
.ti-rating-12-plus:before {
  content: "";
}
.ti-rating-14-plus:before {
  content: "";
}
.ti-rating-16-plus:before {
  content: "";
}
.ti-rating-18-plus:before {
  content: "";
}
.ti-rating-21-plus:before {
  content: "";
}
.ti-razor:before {
  content: "";
}
.ti-razor-electric:before {
  content: "";
}
.ti-receipt:before {
  content: "";
}
.ti-receipt-2:before {
  content: "";
}
.ti-receipt-off:before {
  content: "";
}
.ti-receipt-refund:before {
  content: "";
}
.ti-receipt-tax:before {
  content: "";
}
.ti-recharging:before {
  content: "";
}
.ti-record-mail:before {
  content: "";
}
.ti-record-mail-off:before {
  content: "";
}
.ti-rectangle:before {
  content: "";
}
.ti-rectangle-filled:before {
  content: "";
}
.ti-rectangle-rounded-bottom:before {
  content: "﫭";
}
.ti-rectangle-rounded-top:before {
  content: "﫮";
}
.ti-rectangle-vertical:before {
  content: "";
}
.ti-rectangle-vertical-filled:before {
  content: "";
}
.ti-rectangular-prism:before {
  content: "蝹";
}
.ti-rectangular-prism-off:before {
  content: "荒";
}
.ti-rectangular-prism-plus:before {
  content: "華";
}
.ti-recycle:before {
  content: "";
}
.ti-recycle-off:before {
  content: "";
}
.ti-refresh:before {
  content: "";
}
.ti-refresh-alert:before {
  content: "";
}
.ti-refresh-dot:before {
  content: "";
}
.ti-refresh-off:before {
  content: "";
}
.ti-regex:before {
  content: "";
}
.ti-regex-off:before {
  content: "";
}
.ti-registered:before {
  content: "";
}
.ti-relation-many-to-many:before {
  content: "";
}
.ti-relation-one-to-many:before {
  content: "";
}
.ti-relation-one-to-one:before {
  content: "";
}
.ti-reload:before {
  content: "";
}
.ti-reorder:before {
  content: "ﰕ";
}
.ti-repeat:before {
  content: "";
}
.ti-repeat-off:before {
  content: "";
}
.ti-repeat-once:before {
  content: "";
}
.ti-replace:before {
  content: "";
}
.ti-replace-filled:before {
  content: "";
}
.ti-replace-off:before {
  content: "";
}
.ti-report:before {
  content: "";
}
.ti-report-analytics:before {
  content: "";
}
.ti-report-medical:before {
  content: "";
}
.ti-report-money:before {
  content: "";
}
.ti-report-off:before {
  content: "";
}
.ti-report-search:before {
  content: "";
}
.ti-reserved-line:before {
  content: "臨";
}
.ti-resize:before {
  content: "";
}
.ti-restore:before {
  content: "﫽";
}
.ti-rewind-backward-10:before {
  content: "諸";
}
.ti-rewind-backward-15:before {
  content: "請";
}
.ti-rewind-backward-20:before {
  content: "謁";
}
.ti-rewind-backward-30:before {
  content: "諾";
}
.ti-rewind-backward-40:before {
  content: "諭";
}
.ti-rewind-backward-5:before {
  content: "謹";
}
.ti-rewind-backward-50:before {
  content: "變";
}
.ti-rewind-backward-60:before {
  content: "贈";
}
.ti-rewind-forward-10:before {
  content: "輸";
}
.ti-rewind-forward-15:before {
  content: "遲";
}
.ti-rewind-forward-20:before {
  content: "醙";
}
.ti-rewind-forward-30:before {
  content: "鉶";
}
.ti-rewind-forward-40:before {
  content: "陼";
}
.ti-rewind-forward-5:before {
  content: "難";
}
.ti-rewind-forward-50:before {
  content: "靖";
}
.ti-rewind-forward-60:before {
  content: "韛";
}
.ti-ribbon-health:before {
  content: "";
}
.ti-rings:before {
  content: "頻";
}
.ti-ripple:before {
  content: "";
}
.ti-ripple-off:before {
  content: "";
}
.ti-road:before {
  content: "";
}
.ti-road-off:before {
  content: "";
}
.ti-road-sign:before {
  content: "";
}
.ti-robot:before {
  content: "";
}
.ti-robot-off:before {
  content: "";
}
.ti-rocket:before {
  content: "";
}
.ti-rocket-off:before {
  content: "";
}
.ti-roller-skating:before {
  content: "";
}
.ti-rollercoaster:before {
  content: "";
}
.ti-rollercoaster-off:before {
  content: "";
}
.ti-rosette:before {
  content: "";
}
.ti-rosette-filled:before {
  content: "";
}
.ti-rosette-number-0:before {
  content: "";
}
.ti-rosette-number-1:before {
  content: "";
}
.ti-rosette-number-2:before {
  content: "";
}
.ti-rosette-number-3:before {
  content: "";
}
.ti-rosette-number-4:before {
  content: "";
}
.ti-rosette-number-5:before {
  content: "";
}
.ti-rosette-number-6:before {
  content: "";
}
.ti-rosette-number-7:before {
  content: "";
}
.ti-rosette-number-8:before {
  content: "";
}
.ti-rosette-number-9:before {
  content: "";
}
.ti-rotate:before {
  content: "";
}
.ti-rotate-2:before {
  content: "";
}
.ti-rotate-360:before {
  content: "";
}
.ti-rotate-clockwise:before {
  content: "";
}
.ti-rotate-clockwise-2:before {
  content: "";
}
.ti-rotate-dot:before {
  content: "";
}
.ti-rotate-rectangle:before {
  content: "";
}
.ti-route:before {
  content: "";
}
.ti-route-2:before {
  content: "";
}
.ti-route-off:before {
  content: "";
}
.ti-router:before {
  content: "";
}
.ti-router-off:before {
  content: "";
}
.ti-row-insert-bottom:before {
  content: "";
}
.ti-row-insert-top:before {
  content: "";
}
.ti-row-remove:before {
  content: "﫾";
}
.ti-rss:before {
  content: "";
}
.ti-rubber-stamp:before {
  content: "";
}
.ti-rubber-stamp-off:before {
  content: "";
}
.ti-ruler:before {
  content: "";
}
.ti-ruler-2:before {
  content: "";
}
.ti-ruler-2-off:before {
  content: "";
}
.ti-ruler-3:before {
  content: "";
}
.ti-ruler-measure:before {
  content: "";
}
.ti-ruler-off:before {
  content: "";
}
.ti-run:before {
  content: "";
}
.ti-s-turn-down:before {
  content: "";
}
.ti-s-turn-left:before {
  content: "";
}
.ti-s-turn-right:before {
  content: "";
}
.ti-s-turn-up:before {
  content: "";
}
.ti-sailboat:before {
  content: "";
}
.ti-sailboat-2:before {
  content: "";
}
.ti-sailboat-off:before {
  content: "";
}
.ti-salad:before {
  content: "";
}
.ti-salt:before {
  content: "";
}
.ti-satellite:before {
  content: "";
}
.ti-satellite-off:before {
  content: "";
}
.ti-sausage:before {
  content: "";
}
.ti-scale:before {
  content: "";
}
.ti-scale-off:before {
  content: "";
}
.ti-scale-outline:before {
  content: "";
}
.ti-scale-outline-off:before {
  content: "";
}
.ti-scan:before {
  content: "";
}
.ti-scan-eye:before {
  content: "";
}
.ti-schema:before {
  content: "";
}
.ti-schema-off:before {
  content: "";
}
.ti-school:before {
  content: "";
}
.ti-school-bell:before {
  content: "";
}
.ti-school-off:before {
  content: "";
}
.ti-scissors:before {
  content: "";
}
.ti-scissors-off:before {
  content: "";
}
.ti-scooter:before {
  content: "";
}
.ti-scooter-electric:before {
  content: "";
}
.ti-scoreboard:before {
  content: "恵";
}
.ti-screen-share:before {
  content: "";
}
.ti-screen-share-off:before {
  content: "";
}
.ti-screenshot:before {
  content: "";
}
.ti-scribble:before {
  content: "";
}
.ti-scribble-off:before {
  content: "";
}
.ti-script:before {
  content: "";
}
.ti-script-minus:before {
  content: "";
}
.ti-script-plus:before {
  content: "";
}
.ti-script-x:before {
  content: "";
}
.ti-scuba-mask:before {
  content: "";
}
.ti-scuba-mask-off:before {
  content: "";
}
.ti-sdk:before {
  content: "";
}
.ti-search:before {
  content: "";
}
.ti-search-off:before {
  content: "";
}
.ti-section:before {
  content: "";
}
.ti-section-sign:before {
  content: "";
}
.ti-seeding:before {
  content: "";
}
.ti-seeding-off:before {
  content: "";
}
.ti-select:before {
  content: "";
}
.ti-select-all:before {
  content: "立";
}
.ti-selector:before {
  content: "";
}
.ti-send:before {
  content: "";
}
.ti-send-off:before {
  content: "";
}
.ti-seo:before {
  content: "";
}
.ti-separator:before {
  content: "";
}
.ti-separator-horizontal:before {
  content: "";
}
.ti-separator-vertical:before {
  content: "";
}
.ti-server:before {
  content: "";
}
.ti-server-2:before {
  content: "";
}
.ti-server-bolt:before {
  content: "";
}
.ti-server-cog:before {
  content: "";
}
.ti-server-off:before {
  content: "";
}
.ti-servicemark:before {
  content: "";
}
.ti-settings:before {
  content: "";
}
.ti-settings-2:before {
  content: "";
}
.ti-settings-automation:before {
  content: "";
}
.ti-settings-bolt:before {
  content: "玲";
}
.ti-settings-cancel:before {
  content: "瑩";
}
.ti-settings-check:before {
  content: "羚";
}
.ti-settings-code:before {
  content: "聆";
}
.ti-settings-cog:before {
  content: "鈴";
}
.ti-settings-dollar:before {
  content: "零";
}
.ti-settings-down:before {
  content: "靈";
}
.ti-settings-exclamation:before {
  content: "領";
}
.ti-settings-filled:before {
  content: "";
}
.ti-settings-heart:before {
  content: "例";
}
.ti-settings-minus:before {
  content: "禮";
}
.ti-settings-off:before {
  content: "";
}
.ti-settings-pause:before {
  content: "醴";
}
.ti-settings-pin:before {
  content: "隸";
}
.ti-settings-plus:before {
  content: "惡";
}
.ti-settings-question:before {
  content: "了";
}
.ti-settings-search:before {
  content: "僚";
}
.ti-settings-share:before {
  content: "寮";
}
.ti-settings-star:before {
  content: "尿";
}
.ti-settings-up:before {
  content: "料";
}
.ti-settings-x:before {
  content: "樂";
}
.ti-shadow:before {
  content: "";
}
.ti-shadow-off:before {
  content: "";
}
.ti-shape:before {
  content: "";
}
.ti-shape-2:before {
  content: "";
}
.ti-shape-3:before {
  content: "";
}
.ti-shape-off:before {
  content: "";
}
.ti-share:before {
  content: "";
}
.ti-share-2:before {
  content: "";
}
.ti-share-3:before {
  content: "";
}
.ti-share-off:before {
  content: "";
}
.ti-shi-jumping:before {
  content: "𤋮";
}
.ti-shield:before {
  content: "";
}
.ti-shield-bolt:before {
  content: "燎";
}
.ti-shield-cancel:before {
  content: "療";
}
.ti-shield-check:before {
  content: "";
}
.ti-shield-check-filled:before {
  content: "";
}
.ti-shield-checkered:before {
  content: "";
}
.ti-shield-checkered-filled:before {
  content: "";
}
.ti-shield-chevron:before {
  content: "";
}
.ti-shield-code:before {
  content: "蓼";
}
.ti-shield-cog:before {
  content: "遼";
}
.ti-shield-dollar:before {
  content: "龍";
}
.ti-shield-down:before {
  content: "暈";
}
.ti-shield-exclamation:before {
  content: "阮";
}
.ti-shield-filled:before {
  content: "";
}
.ti-shield-half:before {
  content: "";
}
.ti-shield-half-filled:before {
  content: "";
}
.ti-shield-heart:before {
  content: "劉";
}
.ti-shield-lock:before {
  content: "";
}
.ti-shield-lock-filled:before {
  content: "";
}
.ti-shield-minus:before {
  content: "杻";
}
.ti-shield-off:before {
  content: "";
}
.ti-shield-pause:before {
  content: "柳";
}
.ti-shield-pin:before {
  content: "流";
}
.ti-shield-plus:before {
  content: "溜";
}
.ti-shield-question:before {
  content: "琉";
}
.ti-shield-search:before {
  content: "留";
}
.ti-shield-share:before {
  content: "硫";
}
.ti-shield-star:before {
  content: "紐";
}
.ti-shield-up:before {
  content: "類";
}
.ti-shield-x:before {
  content: "";
}
.ti-ship:before {
  content: "";
}
.ti-ship-off:before {
  content: "";
}
.ti-shirt:before {
  content: "";
}
.ti-shirt-filled:before {
  content: "";
}
.ti-shirt-off:before {
  content: "";
}
.ti-shirt-sport:before {
  content: "";
}
.ti-shoe:before {
  content: "";
}
.ti-shoe-off:before {
  content: "";
}
.ti-shopping-bag:before {
  content: "";
}
.ti-shopping-bag-check:before {
  content: "ﰖ";
}
.ti-shopping-bag-discount:before {
  content: "ﰗ";
}
.ti-shopping-bag-edit:before {
  content: "ﰘ";
}
.ti-shopping-bag-exclamation:before {
  content: "ﰙ";
}
.ti-shopping-bag-minus:before {
  content: "ﰚ";
}
.ti-shopping-bag-plus:before {
  content: "ﰛ";
}
.ti-shopping-bag-search:before {
  content: "ﰜ";
}
.ti-shopping-bag-x:before {
  content: "ﰝ";
}
.ti-shopping-cart:before {
  content: "";
}
.ti-shopping-cart-bolt:before {
  content: "ﭗ";
}
.ti-shopping-cart-cancel:before {
  content: "ﭘ";
}
.ti-shopping-cart-check:before {
  content: "ﭙ";
}
.ti-shopping-cart-code:before {
  content: "ﭚ";
}
.ti-shopping-cart-cog:before {
  content: "ﭛ";
}
.ti-shopping-cart-copy:before {
  content: "ﭜ";
}
.ti-shopping-cart-discount:before {
  content: "ﭝ";
}
.ti-shopping-cart-dollar:before {
  content: "ﭞ";
}
.ti-shopping-cart-down:before {
  content: "ﭟ";
}
.ti-shopping-cart-exclamation:before {
  content: "ﭠ";
}
.ti-shopping-cart-filled:before {
  content: "ﰿ";
}
.ti-shopping-cart-heart:before {
  content: "ﭡ";
}
.ti-shopping-cart-minus:before {
  content: "ﭢ";
}
.ti-shopping-cart-off:before {
  content: "";
}
.ti-shopping-cart-pause:before {
  content: "ﭣ";
}
.ti-shopping-cart-pin:before {
  content: "ﭤ";
}
.ti-shopping-cart-plus:before {
  content: "ﭥ";
}
.ti-shopping-cart-question:before {
  content: "ﭦ";
}
.ti-shopping-cart-search:before {
  content: "ﭧ";
}
.ti-shopping-cart-share:before {
  content: "ﭨ";
}
.ti-shopping-cart-star:before {
  content: "ﭩ";
}
.ti-shopping-cart-up:before {
  content: "ﭪ";
}
.ti-shopping-cart-x:before {
  content: "ﭫ";
}
.ti-shovel:before {
  content: "";
}
.ti-shredder:before {
  content: "";
}
.ti-sign-left:before {
  content: "";
}
.ti-sign-left-filled:before {
  content: "";
}
.ti-sign-right:before {
  content: "";
}
.ti-sign-right-filled:before {
  content: "";
}
.ti-signal-2g:before {
  content: "";
}
.ti-signal-3g:before {
  content: "";
}
.ti-signal-4g:before {
  content: "";
}
.ti-signal-4g-plus:before {
  content: "";
}
.ti-signal-5g:before {
  content: "";
}
.ti-signal-6g:before {
  content: "笠";
}
.ti-signal-e:before {
  content: "粒";
}
.ti-signal-g:before {
  content: "狀";
}
.ti-signal-h:before {
  content: "識";
}
.ti-signal-h-plus:before {
  content: "炙";
}
.ti-signal-lte:before {
  content: "什";
}
.ti-signature:before {
  content: "";
}
.ti-signature-off:before {
  content: "";
}
.ti-sitemap:before {
  content: "";
}
.ti-sitemap-off:before {
  content: "";
}
.ti-skateboard:before {
  content: "";
}
.ti-skateboard-off:before {
  content: "";
}
.ti-skateboarding:before {
  content: "響";
}
.ti-skull:before {
  content: "";
}
.ti-slash:before {
  content: "";
}
.ti-slashes:before {
  content: "";
}
.ti-sleigh:before {
  content: "";
}
.ti-slice:before {
  content: "";
}
.ti-slideshow:before {
  content: "";
}
.ti-smart-home:before {
  content: "";
}
.ti-smart-home-off:before {
  content: "";
}
.ti-smoking:before {
  content: "";
}
.ti-smoking-no:before {
  content: "";
}
.ti-snowflake:before {
  content: "";
}
.ti-snowflake-off:before {
  content: "";
}
.ti-snowman:before {
  content: "";
}
.ti-soccer-field:before {
  content: "";
}
.ti-social:before {
  content: "";
}
.ti-social-off:before {
  content: "";
}
.ti-sock:before {
  content: "";
}
.ti-sofa:before {
  content: "";
}
.ti-sofa-off:before {
  content: "";
}
.ti-solar-panel:before {
  content: "";
}
.ti-solar-panel-2:before {
  content: "";
}
.ti-sort-0-9:before {
  content: "";
}
.ti-sort-9-0:before {
  content: "";
}
.ti-sort-a-z:before {
  content: "";
}
.ti-sort-ascending:before {
  content: "";
}
.ti-sort-ascending-2:before {
  content: "";
}
.ti-sort-ascending-letters:before {
  content: "";
}
.ti-sort-ascending-numbers:before {
  content: "";
}
.ti-sort-descending:before {
  content: "";
}
.ti-sort-descending-2:before {
  content: "";
}
.ti-sort-descending-letters:before {
  content: "";
}
.ti-sort-descending-numbers:before {
  content: "";
}
.ti-sort-z-a:before {
  content: "";
}
.ti-sos:before {
  content: "";
}
.ti-soup:before {
  content: "";
}
.ti-soup-off:before {
  content: "";
}
.ti-source-code:before {
  content: "";
}
.ti-space:before {
  content: "";
}
.ti-space-off:before {
  content: "";
}
.ti-spacing-horizontal:before {
  content: "";
}
.ti-spacing-vertical:before {
  content: "";
}
.ti-spade:before {
  content: "";
}
.ti-spade-filled:before {
  content: "";
}
.ti-sparkles:before {
  content: "";
}
.ti-speakerphone:before {
  content: "";
}
.ti-speedboat:before {
  content: "";
}
.ti-sphere:before {
  content: "視";
}
.ti-sphere-off:before {
  content: "襁";
}
.ti-sphere-plus:before {
  content: "覆";
}
.ti-spider:before {
  content: "";
}
.ti-spiral:before {
  content: "";
}
.ti-spiral-off:before {
  content: "";
}
.ti-sport-billard:before {
  content: "";
}
.ti-spray:before {
  content: "";
}
.ti-spy:before {
  content: "";
}
.ti-spy-off:before {
  content: "";
}
.ti-sql:before {
  content: "";
}
.ti-square:before {
  content: "";
}
.ti-square-0-filled:before {
  content: "";
}
.ti-square-1-filled:before {
  content: "";
}
.ti-square-2-filled:before {
  content: "";
}
.ti-square-3-filled:before {
  content: "";
}
.ti-square-4-filled:before {
  content: "";
}
.ti-square-5-filled:before {
  content: "";
}
.ti-square-6-filled:before {
  content: "";
}
.ti-square-7-filled:before {
  content: "";
}
.ti-square-8-filled:before {
  content: "";
}
.ti-square-9-filled:before {
  content: "";
}
.ti-square-arrow-down:before {
  content: "";
}
.ti-square-arrow-down-filled:before {
  content: "בּ";
}
.ti-square-arrow-left:before {
  content: "";
}
.ti-square-arrow-left-filled:before {
  content: "גּ";
}
.ti-square-arrow-right:before {
  content: "";
}
.ti-square-arrow-right-filled:before {
  content: "דּ";
}
.ti-square-arrow-up:before {
  content: "";
}
.ti-square-arrow-up-filled:before {
  content: "הּ";
}
.ti-square-asterisk:before {
  content: "";
}
.ti-square-asterisk-filled:before {
  content: "וּ";
}
.ti-square-check:before {
  content: "";
}
.ti-square-check-filled:before {
  content: "";
}
.ti-square-chevron-down:before {
  content: "";
}
.ti-square-chevron-down-filled:before {
  content: "זּ";
}
.ti-square-chevron-left:before {
  content: "";
}
.ti-square-chevron-left-filled:before {
  content: "﬷";
}
.ti-square-chevron-right:before {
  content: "";
}
.ti-square-chevron-right-filled:before {
  content: "טּ";
}
.ti-square-chevron-up:before {
  content: "";
}
.ti-square-chevron-up-filled:before {
  content: "יּ";
}
.ti-square-chevrons-down:before {
  content: "";
}
.ti-square-chevrons-down-filled:before {
  content: "ךּ";
}
.ti-square-chevrons-left:before {
  content: "";
}
.ti-square-chevrons-left-filled:before {
  content: "כּ";
}
.ti-square-chevrons-right:before {
  content: "";
}
.ti-square-chevrons-right-filled:before {
  content: "לּ";
}
.ti-square-chevrons-up:before {
  content: "";
}
.ti-square-chevrons-up-filled:before {
  content: "﬽";
}
.ti-square-dot:before {
  content: "";
}
.ti-square-dot-filled:before {
  content: "מּ";
}
.ti-square-f0:before {
  content: "";
}
.ti-square-f0-filled:before {
  content: "";
}
.ti-square-f1:before {
  content: "";
}
.ti-square-f1-filled:before {
  content: "";
}
.ti-square-f2:before {
  content: "";
}
.ti-square-f2-filled:before {
  content: "";
}
.ti-square-f3:before {
  content: "";
}
.ti-square-f3-filled:before {
  content: "";
}
.ti-square-f4:before {
  content: "";
}
.ti-square-f4-filled:before {
  content: "";
}
.ti-square-f5:before {
  content: "";
}
.ti-square-f5-filled:before {
  content: "";
}
.ti-square-f6:before {
  content: "";
}
.ti-square-f6-filled:before {
  content: "";
}
.ti-square-f7:before {
  content: "";
}
.ti-square-f7-filled:before {
  content: "";
}
.ti-square-f8:before {
  content: "";
}
.ti-square-f8-filled:before {
  content: "";
}
.ti-square-f9:before {
  content: "";
}
.ti-square-f9-filled:before {
  content: "";
}
.ti-square-filled:before {
  content: "ﱀ";
}
.ti-square-forbid:before {
  content: "";
}
.ti-square-forbid-2:before {
  content: "";
}
.ti-square-half:before {
  content: "";
}
.ti-square-key:before {
  content: "";
}
.ti-square-letter-a:before {
  content: "";
}
.ti-square-letter-b:before {
  content: "";
}
.ti-square-letter-c:before {
  content: "";
}
.ti-square-letter-d:before {
  content: "";
}
.ti-square-letter-e:before {
  content: "";
}
.ti-square-letter-f:before {
  content: "";
}
.ti-square-letter-g:before {
  content: "";
}
.ti-square-letter-h:before {
  content: "";
}
.ti-square-letter-i:before {
  content: "";
}
.ti-square-letter-j:before {
  content: "";
}
.ti-square-letter-k:before {
  content: "";
}
.ti-square-letter-l:before {
  content: "";
}
.ti-square-letter-m:before {
  content: "";
}
.ti-square-letter-n:before {
  content: "";
}
.ti-square-letter-o:before {
  content: "";
}
.ti-square-letter-p:before {
  content: "";
}
.ti-square-letter-q:before {
  content: "";
}
.ti-square-letter-r:before {
  content: "";
}
.ti-square-letter-s:before {
  content: "";
}
.ti-square-letter-t:before {
  content: "";
}
.ti-square-letter-u:before {
  content: "";
}
.ti-square-letter-v:before {
  content: "";
}
.ti-square-letter-w:before {
  content: "";
}
.ti-square-letter-x:before {
  content: "";
}
.ti-square-letter-y:before {
  content: "";
}
.ti-square-letter-z:before {
  content: "";
}
.ti-square-minus:before {
  content: "";
}
.ti-square-minus-filled:before {
  content: "﬿";
}
.ti-square-number-0:before {
  content: "";
}
.ti-square-number-1:before {
  content: "";
}
.ti-square-number-2:before {
  content: "";
}
.ti-square-number-3:before {
  content: "";
}
.ti-square-number-4:before {
  content: "";
}
.ti-square-number-5:before {
  content: "";
}
.ti-square-number-6:before {
  content: "";
}
.ti-square-number-7:before {
  content: "";
}
.ti-square-number-8:before {
  content: "";
}
.ti-square-number-9:before {
  content: "";
}
.ti-square-off:before {
  content: "";
}
.ti-square-plus:before {
  content: "";
}
.ti-square-root:before {
  content: "";
}
.ti-square-root-2:before {
  content: "";
}
.ti-square-rotated:before {
  content: "";
}
.ti-square-rotated-filled:before {
  content: "";
}
.ti-square-rotated-forbid:before {
  content: "";
}
.ti-square-rotated-forbid-2:before {
  content: "";
}
.ti-square-rotated-off:before {
  content: "";
}
.ti-square-rounded:before {
  content: "";
}
.ti-square-rounded-arrow-down:before {
  content: "";
}
.ti-square-rounded-arrow-down-filled:before {
  content: "";
}
.ti-square-rounded-arrow-left:before {
  content: "";
}
.ti-square-rounded-arrow-left-filled:before {
  content: "";
}
.ti-square-rounded-arrow-right:before {
  content: "";
}
.ti-square-rounded-arrow-right-filled:before {
  content: "";
}
.ti-square-rounded-arrow-up:before {
  content: "";
}
.ti-square-rounded-arrow-up-filled:before {
  content: "";
}
.ti-square-rounded-check:before {
  content: "";
}
.ti-square-rounded-check-filled:before {
  content: "";
}
.ti-square-rounded-chevron-down:before {
  content: "";
}
.ti-square-rounded-chevron-down-filled:before {
  content: "";
}
.ti-square-rounded-chevron-left:before {
  content: "";
}
.ti-square-rounded-chevron-left-filled:before {
  content: "";
}
.ti-square-rounded-chevron-right:before {
  content: "";
}
.ti-square-rounded-chevron-right-filled:before {
  content: "";
}
.ti-square-rounded-chevron-up:before {
  content: "";
}
.ti-square-rounded-chevron-up-filled:before {
  content: "";
}
.ti-square-rounded-chevrons-down:before {
  content: "";
}
.ti-square-rounded-chevrons-down-filled:before {
  content: "";
}
.ti-square-rounded-chevrons-left:before {
  content: "";
}
.ti-square-rounded-chevrons-left-filled:before {
  content: "";
}
.ti-square-rounded-chevrons-right:before {
  content: "";
}
.ti-square-rounded-chevrons-right-filled:before {
  content: "";
}
.ti-square-rounded-chevrons-up:before {
  content: "";
}
.ti-square-rounded-chevrons-up-filled:before {
  content: "";
}
.ti-square-rounded-filled:before {
  content: "";
}
.ti-square-rounded-letter-a:before {
  content: "";
}
.ti-square-rounded-letter-b:before {
  content: "";
}
.ti-square-rounded-letter-c:before {
  content: "";
}
.ti-square-rounded-letter-d:before {
  content: "";
}
.ti-square-rounded-letter-e:before {
  content: "";
}
.ti-square-rounded-letter-f:before {
  content: "";
}
.ti-square-rounded-letter-g:before {
  content: "";
}
.ti-square-rounded-letter-h:before {
  content: "";
}
.ti-square-rounded-letter-i:before {
  content: "";
}
.ti-square-rounded-letter-j:before {
  content: "";
}
.ti-square-rounded-letter-k:before {
  content: "";
}
.ti-square-rounded-letter-l:before {
  content: "";
}
.ti-square-rounded-letter-m:before {
  content: "";
}
.ti-square-rounded-letter-n:before {
  content: "";
}
.ti-square-rounded-letter-o:before {
  content: "";
}
.ti-square-rounded-letter-p:before {
  content: "";
}
.ti-square-rounded-letter-q:before {
  content: "";
}
.ti-square-rounded-letter-r:before {
  content: "";
}
.ti-square-rounded-letter-s:before {
  content: "";
}
.ti-square-rounded-letter-t:before {
  content: "";
}
.ti-square-rounded-letter-u:before {
  content: "";
}
.ti-square-rounded-letter-v:before {
  content: "";
}
.ti-square-rounded-letter-w:before {
  content: "";
}
.ti-square-rounded-letter-x:before {
  content: "";
}
.ti-square-rounded-letter-y:before {
  content: "";
}
.ti-square-rounded-letter-z:before {
  content: "";
}
.ti-square-rounded-minus:before {
  content: "";
}
.ti-square-rounded-minus-filled:before {
  content: "נּ";
}
.ti-square-rounded-number-0:before {
  content: "";
}
.ti-square-rounded-number-0-filled:before {
  content: "";
}
.ti-square-rounded-number-1:before {
  content: "";
}
.ti-square-rounded-number-1-filled:before {
  content: "";
}
.ti-square-rounded-number-2:before {
  content: "";
}
.ti-square-rounded-number-2-filled:before {
  content: "";
}
.ti-square-rounded-number-3:before {
  content: "";
}
.ti-square-rounded-number-3-filled:before {
  content: "";
}
.ti-square-rounded-number-4:before {
  content: "";
}
.ti-square-rounded-number-4-filled:before {
  content: "";
}
.ti-square-rounded-number-5:before {
  content: "";
}
.ti-square-rounded-number-5-filled:before {
  content: "";
}
.ti-square-rounded-number-6:before {
  content: "";
}
.ti-square-rounded-number-6-filled:before {
  content: "";
}
.ti-square-rounded-number-7:before {
  content: "";
}
.ti-square-rounded-number-7-filled:before {
  content: "";
}
.ti-square-rounded-number-8:before {
  content: "";
}
.ti-square-rounded-number-8-filled:before {
  content: "";
}
.ti-square-rounded-number-9:before {
  content: "";
}
.ti-square-rounded-number-9-filled:before {
  content: "";
}
.ti-square-rounded-plus:before {
  content: "";
}
.ti-square-rounded-plus-filled:before {
  content: "";
}
.ti-square-rounded-x:before {
  content: "";
}
.ti-square-rounded-x-filled:before {
  content: "";
}
.ti-square-toggle:before {
  content: "";
}
.ti-square-toggle-horizontal:before {
  content: "";
}
.ti-square-x:before {
  content: "";
}
.ti-square-x-filled:before {
  content: "סּ";
}
.ti-squares-diagonal:before {
  content: "";
}
.ti-squares-filled:before {
  content: "";
}
.ti-stack:before {
  content: "";
}
.ti-stack-2:before {
  content: "";
}
.ti-stack-3:before {
  content: "";
}
.ti-stack-pop:before {
  content: "";
}
.ti-stack-push:before {
  content: "";
}
.ti-stairs:before {
  content: "";
}
.ti-stairs-down:before {
  content: "";
}
.ti-stairs-up:before {
  content: "";
}
.ti-star:before {
  content: "";
}
.ti-star-filled:before {
  content: "";
}
.ti-star-half:before {
  content: "";
}
.ti-star-half-filled:before {
  content: "";
}
.ti-star-off:before {
  content: "";
}
.ti-stars:before {
  content: "";
}
.ti-stars-filled:before {
  content: "";
}
.ti-stars-off:before {
  content: "";
}
.ti-status-change:before {
  content: "";
}
.ti-steam:before {
  content: "";
}
.ti-steering-wheel:before {
  content: "";
}
.ti-steering-wheel-off:before {
  content: "";
}
.ti-step-into:before {
  content: "";
}
.ti-step-out:before {
  content: "";
}
.ti-stereo-glasses:before {
  content: "";
}
.ti-stethoscope:before {
  content: "";
}
.ti-stethoscope-off:before {
  content: "";
}
.ti-sticker:before {
  content: "";
}
.ti-storm:before {
  content: "";
}
.ti-storm-off:before {
  content: "";
}
.ti-stretching:before {
  content: "";
}
.ti-stretching-2:before {
  content: "舘";
}
.ti-strikethrough:before {
  content: "";
}
.ti-submarine:before {
  content: "";
}
.ti-subscript:before {
  content: "";
}
.ti-subtask:before {
  content: "";
}
.ti-sum:before {
  content: "";
}
.ti-sum-off:before {
  content: "";
}
.ti-sun:before {
  content: "";
}
.ti-sun-filled:before {
  content: "";
}
.ti-sun-high:before {
  content: "";
}
.ti-sun-low:before {
  content: "";
}
.ti-sun-moon:before {
  content: "";
}
.ti-sun-off:before {
  content: "";
}
.ti-sun-wind:before {
  content: "";
}
.ti-sunglasses:before {
  content: "";
}
.ti-sunrise:before {
  content: "";
}
.ti-sunset:before {
  content: "";
}
.ti-sunset-2:before {
  content: "";
}
.ti-superscript:before {
  content: "";
}
.ti-svg:before {
  content: "";
}
.ti-swimming:before {
  content: "";
}
.ti-swipe:before {
  content: "";
}
.ti-switch:before {
  content: "";
}
.ti-switch-2:before {
  content: "";
}
.ti-switch-3:before {
  content: "";
}
.ti-switch-horizontal:before {
  content: "";
}
.ti-switch-vertical:before {
  content: "";
}
.ti-sword:before {
  content: "";
}
.ti-sword-off:before {
  content: "";
}
.ti-swords:before {
  content: "";
}
.ti-table:before {
  content: "";
}
.ti-table-alias:before {
  content: "";
}
.ti-table-column:before {
  content: "﫿";
}
.ti-table-down:before {
  content: "靖";
}
.ti-table-export:before {
  content: "";
}
.ti-table-filled:before {
  content: "";
}
.ti-table-heart:before {
  content: "精";
}
.ti-table-import:before {
  content: "";
}
.ti-table-minus:before {
  content: "羽";
}
.ti-table-off:before {
  content: "";
}
.ti-table-options:before {
  content: "";
}
.ti-table-plus:before {
  content: "﨟";
}
.ti-table-row:before {
  content: "ff";
}
.ti-table-share:before {
  content: "蘒";
}
.ti-table-shortcut:before {
  content: "";
}
.ti-tag:before {
  content: "";
}
.ti-tag-off:before {
  content: "";
}
.ti-tags:before {
  content: "";
}
.ti-tags-off:before {
  content: "";
}
.ti-tallymark-1:before {
  content: "";
}
.ti-tallymark-2:before {
  content: "";
}
.ti-tallymark-3:before {
  content: "";
}
.ti-tallymark-4:before {
  content: "";
}
.ti-tallymarks:before {
  content: "";
}
.ti-tank:before {
  content: "";
}
.ti-target:before {
  content: "";
}
.ti-target-arrow:before {
  content: "";
}
.ti-target-off:before {
  content: "";
}
.ti-teapot:before {
  content: "";
}
.ti-telescope:before {
  content: "";
}
.ti-telescope-off:before {
  content: "";
}
.ti-temperature:before {
  content: "";
}
.ti-temperature-celsius:before {
  content: "";
}
.ti-temperature-fahrenheit:before {
  content: "";
}
.ti-temperature-minus:before {
  content: "";
}
.ti-temperature-off:before {
  content: "";
}
.ti-temperature-plus:before {
  content: "";
}
.ti-template:before {
  content: "";
}
.ti-template-off:before {
  content: "";
}
.ti-tent:before {
  content: "";
}
.ti-tent-off:before {
  content: "";
}
.ti-terminal:before {
  content: "";
}
.ti-terminal-2:before {
  content: "";
}
.ti-test-pipe:before {
  content: "";
}
.ti-test-pipe-2:before {
  content: "";
}
.ti-test-pipe-off:before {
  content: "";
}
.ti-tex:before {
  content: "";
}
.ti-text-caption:before {
  content: "";
}
.ti-text-color:before {
  content: "";
}
.ti-text-decrease:before {
  content: "";
}
.ti-text-direction-ltr:before {
  content: "";
}
.ti-text-direction-rtl:before {
  content: "";
}
.ti-text-increase:before {
  content: "";
}
.ti-text-orientation:before {
  content: "";
}
.ti-text-plus:before {
  content: "";
}
.ti-text-recognition:before {
  content: "";
}
.ti-text-resize:before {
  content: "";
}
.ti-text-size:before {
  content: "";
}
.ti-text-spellcheck:before {
  content: "";
}
.ti-text-wrap:before {
  content: "";
}
.ti-text-wrap-disabled:before {
  content: "";
}
.ti-texture:before {
  content: "";
}
.ti-theater:before {
  content: "";
}
.ti-thermometer:before {
  content: "";
}
.ti-thumb-down:before {
  content: "";
}
.ti-thumb-down-filled:before {
  content: "";
}
.ti-thumb-down-off:before {
  content: "";
}
.ti-thumb-up:before {
  content: "";
}
.ti-thumb-up-filled:before {
  content: "";
}
.ti-thumb-up-off:before {
  content: "";
}
.ti-tic-tac:before {
  content: "";
}
.ti-ticket:before {
  content: "";
}
.ti-ticket-off:before {
  content: "";
}
.ti-tie:before {
  content: "";
}
.ti-tilde:before {
  content: "";
}
.ti-tilt-shift:before {
  content: "";
}
.ti-tilt-shift-off:before {
  content: "";
}
.ti-time-duration-0:before {
  content: "䀹";
}
.ti-time-duration-10:before {
  content: "𥉉";
}
.ti-time-duration-15:before {
  content: "𥳐";
}
.ti-time-duration-30:before {
  content: "𧻓";
}
.ti-time-duration-45:before {
  content: "齃";
}
.ti-time-duration-5:before {
  content: "龎";
}
.ti-time-duration-60:before {
  content: "﫚";
}
.ti-time-duration-90:before {
  content: "﫛";
}
.ti-time-duration-off:before {
  content: "﫜";
}
.ti-timeline:before {
  content: "";
}
.ti-timeline-event:before {
  content: "";
}
.ti-timeline-event-exclamation:before {
  content: "";
}
.ti-timeline-event-minus:before {
  content: "";
}
.ti-timeline-event-plus:before {
  content: "";
}
.ti-timeline-event-text:before {
  content: "";
}
.ti-timeline-event-x:before {
  content: "";
}
.ti-tir:before {
  content: "";
}
.ti-toggle-left:before {
  content: "";
}
.ti-toggle-right:before {
  content: "";
}
.ti-toilet-paper:before {
  content: "";
}
.ti-toilet-paper-off:before {
  content: "";
}
.ti-toml:before {
  content: "艹";
}
.ti-tool:before {
  content: "";
}
.ti-tools:before {
  content: "";
}
.ti-tools-kitchen:before {
  content: "";
}
.ti-tools-kitchen-2:before {
  content: "";
}
.ti-tools-kitchen-2-off:before {
  content: "";
}
.ti-tools-kitchen-off:before {
  content: "";
}
.ti-tools-off:before {
  content: "";
}
.ti-tooltip:before {
  content: "";
}
.ti-topology-bus:before {
  content: "";
}
.ti-topology-complex:before {
  content: "";
}
.ti-topology-full:before {
  content: "";
}
.ti-topology-full-hierarchy:before {
  content: "";
}
.ti-topology-ring:before {
  content: "";
}
.ti-topology-ring-2:before {
  content: "";
}
.ti-topology-ring-3:before {
  content: "";
}
.ti-topology-star:before {
  content: "";
}
.ti-topology-star-2:before {
  content: "";
}
.ti-topology-star-3:before {
  content: "";
}
.ti-topology-star-ring:before {
  content: "";
}
.ti-topology-star-ring-2:before {
  content: "";
}
.ti-topology-star-ring-3:before {
  content: "";
}
.ti-torii:before {
  content: "";
}
.ti-tornado:before {
  content: "";
}
.ti-tournament:before {
  content: "";
}
.ti-tower:before {
  content: "";
}
.ti-tower-off:before {
  content: "";
}
.ti-track:before {
  content: "";
}
.ti-tractor:before {
  content: "";
}
.ti-trademark:before {
  content: "";
}
.ti-traffic-cone:before {
  content: "";
}
.ti-traffic-cone-off:before {
  content: "";
}
.ti-traffic-lights:before {
  content: "";
}
.ti-traffic-lights-off:before {
  content: "";
}
.ti-train:before {
  content: "";
}
.ti-transfer:before {
  content: "ﰟ";
}
.ti-transfer-in:before {
  content: "";
}
.ti-transfer-out:before {
  content: "";
}
.ti-transfer-vertical:before {
  content: "ﰞ";
}
.ti-transform:before {
  content: "";
}
.ti-transform-filled:before {
  content: "";
}
.ti-transition-bottom:before {
  content: "";
}
.ti-transition-left:before {
  content: "";
}
.ti-transition-right:before {
  content: "";
}
.ti-transition-top:before {
  content: "";
}
.ti-trash:before {
  content: "";
}
.ti-trash-filled:before {
  content: "";
}
.ti-trash-off:before {
  content: "";
}
.ti-trash-x:before {
  content: "";
}
.ti-trash-x-filled:before {
  content: "";
}
.ti-treadmill:before {
  content: "﩮";
}
.ti-tree:before {
  content: "";
}
.ti-trees:before {
  content: "";
}
.ti-trekking:before {
  content: "";
}
.ti-trending-down:before {
  content: "";
}
.ti-trending-down-2:before {
  content: "";
}
.ti-trending-down-3:before {
  content: "";
}
.ti-trending-up:before {
  content: "";
}
.ti-trending-up-2:before {
  content: "";
}
.ti-trending-up-3:before {
  content: "";
}
.ti-triangle:before {
  content: "";
}
.ti-triangle-filled:before {
  content: "";
}
.ti-triangle-inverted:before {
  content: "";
}
.ti-triangle-inverted-filled:before {
  content: "";
}
.ti-triangle-off:before {
  content: "";
}
.ti-triangle-square-circle:before {
  content: "";
}
.ti-triangle-square-circle-filled:before {
  content: "﭂";
}
.ti-triangles:before {
  content: "";
}
.ti-trident:before {
  content: "";
}
.ti-trolley:before {
  content: "";
}
.ti-trophy:before {
  content: "";
}
.ti-trophy-filled:before {
  content: "";
}
.ti-trophy-off:before {
  content: "";
}
.ti-trowel:before {
  content: "";
}
.ti-truck:before {
  content: "";
}
.ti-truck-delivery:before {
  content: "";
}
.ti-truck-loading:before {
  content: "";
}
.ti-truck-off:before {
  content: "";
}
.ti-truck-return:before {
  content: "";
}
.ti-txt:before {
  content: "";
}
.ti-typography:before {
  content: "";
}
.ti-typography-off:before {
  content: "";
}
.ti-ufo:before {
  content: "";
}
.ti-ufo-off:before {
  content: "";
}
.ti-umbrella:before {
  content: "";
}
.ti-umbrella-filled:before {
  content: "";
}
.ti-umbrella-off:before {
  content: "";
}
.ti-underline:before {
  content: "";
}
.ti-unlink:before {
  content: "";
}
.ti-upload:before {
  content: "";
}
.ti-urgent:before {
  content: "";
}
.ti-usb:before {
  content: "";
}
.ti-user:before {
  content: "";
}
.ti-user-bolt:before {
  content: "六";
}
.ti-user-cancel:before {
  content: "戮";
}
.ti-user-check:before {
  content: "";
}
.ti-user-circle:before {
  content: "";
}
.ti-user-code:before {
  content: "陸";
}
.ti-user-cog:before {
  content: "倫";
}
.ti-user-dollar:before {
  content: "崙";
}
.ti-user-down:before {
  content: "淪";
}
.ti-user-edit:before {
  content: "";
}
.ti-user-exclamation:before {
  content: "";
}
.ti-user-heart:before {
  content: "";
}
.ti-user-hexagon:before {
  content: "ﱎ";
}
.ti-user-minus:before {
  content: "";
}
.ti-user-off:before {
  content: "";
}
.ti-user-pause:before {
  content: "輪";
}
.ti-user-pentagon:before {
  content: "ﱏ";
}
.ti-user-pin:before {
  content: "";
}
.ti-user-plus:before {
  content: "";
}
.ti-user-question:before {
  content: "";
}
.ti-user-search:before {
  content: "";
}
.ti-user-share:before {
  content: "律";
}
.ti-user-shield:before {
  content: "";
}
.ti-user-square:before {
  content: "ﱑ";
}
.ti-user-square-rounded:before {
  content: "ﱐ";
}
.ti-user-star:before {
  content: "";
}
.ti-user-up:before {
  content: "";
}
.ti-user-x:before {
  content: "";
}
.ti-users:before {
  content: "";
}
.ti-users-group:before {
  content: "﨡";
}
.ti-users-minus:before {
  content: "﨎";
}
.ti-users-plus:before {
  content: "﨏";
}
.ti-uv-index:before {
  content: "";
}
.ti-ux-circle:before {
  content: "";
}
.ti-vaccine:before {
  content: "";
}
.ti-vaccine-bottle:before {
  content: "";
}
.ti-vaccine-bottle-off:before {
  content: "";
}
.ti-vaccine-off:before {
  content: "";
}
.ti-vacuum-cleaner:before {
  content: "";
}
.ti-variable:before {
  content: "";
}
.ti-variable-minus:before {
  content: "";
}
.ti-variable-off:before {
  content: "";
}
.ti-variable-plus:before {
  content: "";
}
.ti-vector:before {
  content: "";
}
.ti-vector-bezier:before {
  content: "";
}
.ti-vector-bezier-2:before {
  content: "";
}
.ti-vector-bezier-arc:before {
  content: "";
}
.ti-vector-bezier-circle:before {
  content: "";
}
.ti-vector-off:before {
  content: "";
}
.ti-vector-spline:before {
  content: "";
}
.ti-vector-triangle:before {
  content: "";
}
.ti-vector-triangle-off:before {
  content: "";
}
.ti-venus:before {
  content: "";
}
.ti-versions:before {
  content: "";
}
.ti-versions-filled:before {
  content: "";
}
.ti-versions-off:before {
  content: "";
}
.ti-video:before {
  content: "";
}
.ti-video-minus:before {
  content: "";
}
.ti-video-off:before {
  content: "";
}
.ti-video-plus:before {
  content: "";
}
.ti-view-360:before {
  content: "";
}
.ti-view-360-off:before {
  content: "";
}
.ti-viewfinder:before {
  content: "";
}
.ti-viewfinder-off:before {
  content: "";
}
.ti-viewport-narrow:before {
  content: "";
}
.ti-viewport-wide:before {
  content: "";
}
.ti-vinyl:before {
  content: "";
}
.ti-vip:before {
  content: "";
}
.ti-vip-off:before {
  content: "";
}
.ti-virus:before {
  content: "";
}
.ti-virus-off:before {
  content: "";
}
.ti-virus-search:before {
  content: "";
}
.ti-vocabulary:before {
  content: "";
}
.ti-vocabulary-off:before {
  content: "";
}
.ti-volcano:before {
  content: "";
}
.ti-volume:before {
  content: "";
}
.ti-volume-2:before {
  content: "";
}
.ti-volume-3:before {
  content: "";
}
.ti-volume-off:before {
  content: "";
}
.ti-vs:before {
  content: "ﱒ";
}
.ti-walk:before {
  content: "";
}
.ti-wall:before {
  content: "";
}
.ti-wall-off:before {
  content: "";
}
.ti-wallet:before {
  content: "";
}
.ti-wallet-off:before {
  content: "";
}
.ti-wallpaper:before {
  content: "";
}
.ti-wallpaper-off:before {
  content: "";
}
.ti-wand:before {
  content: "";
}
.ti-wand-off:before {
  content: "";
}
.ti-wash:before {
  content: "";
}
.ti-wash-dry:before {
  content: "";
}
.ti-wash-dry-1:before {
  content: "";
}
.ti-wash-dry-2:before {
  content: "";
}
.ti-wash-dry-3:before {
  content: "";
}
.ti-wash-dry-a:before {
  content: "";
}
.ti-wash-dry-dip:before {
  content: "";
}
.ti-wash-dry-f:before {
  content: "";
}
.ti-wash-dry-flat:before {
  content: "奔";
}
.ti-wash-dry-hang:before {
  content: "";
}
.ti-wash-dry-off:before {
  content: "";
}
.ti-wash-dry-p:before {
  content: "";
}
.ti-wash-dry-shade:before {
  content: "";
}
.ti-wash-dry-w:before {
  content: "";
}
.ti-wash-dryclean:before {
  content: "";
}
.ti-wash-dryclean-off:before {
  content: "";
}
.ti-wash-eco:before {
  content: "婢";
}
.ti-wash-gentle:before {
  content: "";
}
.ti-wash-hand:before {
  content: "嬨";
}
.ti-wash-machine:before {
  content: "";
}
.ti-wash-off:before {
  content: "";
}
.ti-wash-press:before {
  content: "";
}
.ti-wash-temperature-1:before {
  content: "";
}
.ti-wash-temperature-2:before {
  content: "";
}
.ti-wash-temperature-3:before {
  content: "";
}
.ti-wash-temperature-4:before {
  content: "";
}
.ti-wash-temperature-5:before {
  content: "";
}
.ti-wash-temperature-6:before {
  content: "";
}
.ti-wash-tumble-dry:before {
  content: "";
}
.ti-wash-tumble-off:before {
  content: "";
}
.ti-waterpolo:before {
  content: "﩯";
}
.ti-wave-saw-tool:before {
  content: "";
}
.ti-wave-sine:before {
  content: "";
}
.ti-wave-square:before {
  content: "";
}
.ti-webhook:before {
  content: "";
}
.ti-webhook-off:before {
  content: "";
}
.ti-weight:before {
  content: "";
}
.ti-wheel:before {
  content: "ﱤ";
}
.ti-wheelchair:before {
  content: "";
}
.ti-wheelchair-off:before {
  content: "";
}
.ti-whirl:before {
  content: "";
}
.ti-wifi:before {
  content: "";
}
.ti-wifi-0:before {
  content: "";
}
.ti-wifi-1:before {
  content: "";
}
.ti-wifi-2:before {
  content: "";
}
.ti-wifi-off:before {
  content: "";
}
.ti-wind:before {
  content: "";
}
.ti-wind-off:before {
  content: "";
}
.ti-windmill:before {
  content: "";
}
.ti-windmill-filled:before {
  content: "";
}
.ti-windmill-off:before {
  content: "";
}
.ti-window:before {
  content: "";
}
.ti-window-maximize:before {
  content: "";
}
.ti-window-minimize:before {
  content: "";
}
.ti-window-off:before {
  content: "";
}
.ti-windsock:before {
  content: "";
}
.ti-wiper:before {
  content: "";
}
.ti-wiper-wash:before {
  content: "";
}
.ti-woman:before {
  content: "";
}
.ti-wood:before {
  content: "";
}
.ti-world:before {
  content: "";
}
.ti-world-bolt:before {
  content: "慄";
}
.ti-world-cancel:before {
  content: "栗";
}
.ti-world-check:before {
  content: "率";
}
.ti-world-code:before {
  content: "隆";
}
.ti-world-cog:before {
  content: "利";
}
.ti-world-dollar:before {
  content: "吏";
}
.ti-world-down:before {
  content: "履";
}
.ti-world-download:before {
  content: "";
}
.ti-world-exclamation:before {
  content: "易";
}
.ti-world-heart:before {
  content: "李";
}
.ti-world-latitude:before {
  content: "";
}
.ti-world-longitude:before {
  content: "";
}
.ti-world-minus:before {
  content: "梨";
}
.ti-world-off:before {
  content: "";
}
.ti-world-pause:before {
  content: "泥";
}
.ti-world-pin:before {
  content: "理";
}
.ti-world-plus:before {
  content: "痢";
}
.ti-world-question:before {
  content: "罹";
}
.ti-world-search:before {
  content: "裏";
}
.ti-world-share:before {
  content: "裡";
}
.ti-world-star:before {
  content: "里";
}
.ti-world-up:before {
  content: "離";
}
.ti-world-upload:before {
  content: "";
}
.ti-world-www:before {
  content: "";
}
.ti-world-x:before {
  content: "匿";
}
.ti-wrecking-ball:before {
  content: "";
}
.ti-writing:before {
  content: "";
}
.ti-writing-off:before {
  content: "";
}
.ti-writing-sign:before {
  content: "";
}
.ti-writing-sign-off:before {
  content: "";
}
.ti-x:before {
  content: "";
}
.ti-xbox-a:before {
  content: "";
}
.ti-xbox-b:before {
  content: "";
}
.ti-xbox-x:before {
  content: "";
}
.ti-xbox-y:before {
  content: "";
}
.ti-xd:before {
  content: "勉";
}
.ti-xxx:before {
  content: "ﰠ";
}
.ti-yin-yang:before {
  content: "";
}
.ti-yin-yang-filled:before {
  content: "";
}
.ti-yoga:before {
  content: "";
}
.ti-zeppelin:before {
  content: "";
}
.ti-zeppelin-off:before {
  content: "";
}
.ti-zip:before {
  content: "";
}
.ti-zodiac-aquarius:before {
  content: "";
}
.ti-zodiac-aries:before {
  content: "";
}
.ti-zodiac-cancer:before {
  content: "";
}
.ti-zodiac-capricorn:before {
  content: "";
}
.ti-zodiac-gemini:before {
  content: "";
}
.ti-zodiac-leo:before {
  content: "";
}
.ti-zodiac-libra:before {
  content: "";
}
.ti-zodiac-pisces:before {
  content: "";
}
.ti-zodiac-sagittarius:before {
  content: "";
}
.ti-zodiac-scorpio:before {
  content: "";
}
.ti-zodiac-taurus:before {
  content: "";
}
.ti-zodiac-virgo:before {
  content: "";
}
.ti-zoom-cancel:before {
  content: "";
}
.ti-zoom-check:before {
  content: "";
}
.ti-zoom-check-filled:before {
  content: "";
}
.ti-zoom-code:before {
  content: "";
}
.ti-zoom-exclamation:before {
  content: "";
}
.ti-zoom-filled:before {
  content: "";
}
.ti-zoom-in:before {
  content: "";
}
.ti-zoom-in-area:before {
  content: "";
}
.ti-zoom-in-area-filled:before {
  content: "";
}
.ti-zoom-in-filled:before {
  content: "";
}
.ti-zoom-money:before {
  content: "";
}
.ti-zoom-out:before {
  content: "";
}
.ti-zoom-out-area:before {
  content: "";
}
.ti-zoom-out-filled:before {
  content: "";
}
.ti-zoom-pan:before {
  content: "";
}
.ti-zoom-question:before {
  content: "";
}
.ti-zoom-replace:before {
  content: "";
}
.ti-zoom-reset:before {
  content: "";
}
.ti-zzz:before {
  content: "";
}
.ti-zzz-off:before {
  content: "";
}
:root {
  --tblr-blue: #206bc4;
  --tblr-indigo: #4263eb;
  --tblr-purple: #ae3ec9;
  --tblr-pink: #d6336c;
  --tblr-red: #d63939;
  --tblr-orange: #f76707;
  --tblr-yellow: #f59f00;
  --tblr-green: #2fb344;
  --tblr-teal: #0ca678;
  --tblr-cyan: #17a2b8;
  --tblr-white: #ffffff;
  --tblr-gray: #475569;
  --tblr-gray-dark: #1e293b;
  --tblr-gray-100: #f1f5f9;
  --tblr-gray-200: #e2e8f0;
  --tblr-gray-300: #cbd5e1;
  --tblr-gray-400: #94a3b8;
  --tblr-gray-500: #64748b;
  --tblr-gray-600: #475569;
  --tblr-gray-700: #334155;
  --tblr-gray-800: #1e293b;
  --tblr-gray-900: #0f172a;
  --tblr-primary: #fec95c;
  --tblr-secondary: #606f91;
  --tblr-success: #2fb344;
  --tblr-info: #80abe4;
  --tblr-warning: #f76707;
  --tblr-danger: #d63939;
  --tblr-light: #fafbfc;
  --tblr-dark: #1e293b;
  --tblr-muted: #626976;
  --tblr-primary-rgb: 254, 201, 92;
  --tblr-secondary-rgb: 96, 111, 145;
  --tblr-success-rgb: 47, 179, 68;
  --tblr-info-rgb: 128, 171, 228;
  --tblr-warning-rgb: 247, 103, 7;
  --tblr-danger-rgb: 214, 57, 57;
  --tblr-light-rgb: 250, 251, 252;
  --tblr-dark-rgb: 30, 41, 59;
  --tblr-muted-rgb: 98, 105, 118;
  --tblr-white-rgb: 255, 255, 255;
  --tblr-black-rgb: 0, 0, 0;
  --tblr-body-color-rgb: 30, 41, 59;
  --tblr-body-bg-rgb: 245, 247, 251;
  --tblr-font-sans-serif: inter, -apple-system, blinkmacsystemfont, san francisco, segoe ui, roboto, helvetica neue, sans-serif;
  --tblr-font-monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 0.875rem;
  --tblr-body-font-weight: 400;
  --tblr-body-line-height: 1.4285714286;
  --tblr-body-color: #1e293b;
  --tblr-body-bg: #f5f7fb;
}
*, *::before, *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--tblr-body-font-family);
  font-size: var(--tblr-body-font-size);
  font-weight: var(--tblr-body-font-weight);
  line-height: var(--tblr-body-line-height);
  color: var(--tblr-body-color);
  text-align: var(--tblr-body-text-align);
  background-color: var(--tblr-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr, .hr {
  margin: 2rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.16;
}
hr:not([size]), .hr:not([size]) {
  height: 1px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 1.5rem;
}
h2, .h2 {
  font-size: 1.25rem;
}
h3, .h3 {
  font-size: 1rem;
}
h4, .h4 {
  font-size: 0.875rem;
}
h5, .h5 {
  font-size: 0.75rem;
}
h6, .h6 {
  font-size: 0.625rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title], abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul {
  padding-left: 2rem;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 600;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b, strong {
  font-weight: bolder;
}
small, .small {
  font-size: 85.71428571%;
}
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #3a5693;
  text-decoration: none;
}
a:hover {
  color: #2e4576;
  text-decoration: none;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre, code, kbd, samp {
  font-family: var(--tblr-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 85.71428571%;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 85.71428571%;
  color: #4b5462;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 85.71428571%;
  color: #ffffff;
  background-color: #0f172a;
  border-radius: 2px;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 600;
}
figure {
  margin: 0 0 1rem;
}
img, svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #626976;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 0.875rem;
  font-weight: 400;
}
.display-1 {
  font-size: 5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 85.71428571%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 85.71428571%;
  color: #475569;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #f5f7fb;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 85.71428571%;
  color: #475569;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--tblr-gutter-x, 1.5rem);
  padding-left: var(--tblr-gutter-x, 1.5rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --tblr-gutter-x: 1rem;
  --tblr-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--tblr-gutter-y));
  margin-right: calc(-.5 * var(--tblr-gutter-x));
  margin-left: calc(-.5 * var(--tblr-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * .5);
  padding-left: calc(var(--tblr-gutter-x) * .5);
  margin-top: var(--tblr-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0, .gx-0 {
  --tblr-gutter-x: 0;
}
.g-0, .gy-0 {
  --tblr-gutter-y: 0;
}
.g-1, .gx-1 {
  --tblr-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --tblr-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --tblr-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --tblr-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --tblr-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --tblr-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --tblr-gutter-x: 2rem;
}
.g-4, .gy-4 {
  --tblr-gutter-y: 2rem;
}
.g-5, .gx-5 {
  --tblr-gutter-x: 4rem;
}
.g-5, .gy-5 {
  --tblr-gutter-y: 4rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --tblr-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --tblr-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --tblr-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --tblr-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --tblr-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --tblr-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --tblr-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --tblr-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --tblr-gutter-x: 2rem;
  }
  .g-sm-4, .gy-sm-4 {
    --tblr-gutter-y: 2rem;
  }
  .g-sm-5, .gx-sm-5 {
    --tblr-gutter-x: 4rem;
  }
  .g-sm-5, .gy-sm-5 {
    --tblr-gutter-y: 4rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --tblr-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --tblr-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --tblr-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --tblr-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --tblr-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --tblr-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --tblr-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --tblr-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --tblr-gutter-x: 2rem;
  }
  .g-md-4, .gy-md-4 {
    --tblr-gutter-y: 2rem;
  }
  .g-md-5, .gx-md-5 {
    --tblr-gutter-x: 4rem;
  }
  .g-md-5, .gy-md-5 {
    --tblr-gutter-y: 4rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --tblr-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --tblr-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --tblr-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --tblr-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --tblr-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --tblr-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --tblr-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --tblr-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --tblr-gutter-x: 2rem;
  }
  .g-lg-4, .gy-lg-4 {
    --tblr-gutter-y: 2rem;
  }
  .g-lg-5, .gx-lg-5 {
    --tblr-gutter-x: 4rem;
  }
  .g-lg-5, .gy-lg-5 {
    --tblr-gutter-y: 4rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --tblr-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --tblr-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --tblr-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --tblr-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --tblr-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --tblr-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --tblr-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --tblr-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --tblr-gutter-x: 2rem;
  }
  .g-xl-4, .gy-xl-4 {
    --tblr-gutter-y: 2rem;
  }
  .g-xl-5, .gx-xl-5 {
    --tblr-gutter-x: 4rem;
  }
  .g-xl-5, .gy-xl-5 {
    --tblr-gutter-y: 4rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --tblr-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --tblr-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --tblr-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --tblr-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --tblr-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --tblr-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --tblr-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --tblr-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --tblr-gutter-x: 2rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --tblr-gutter-y: 2rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --tblr-gutter-x: 4rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --tblr-gutter-y: 4rem;
  }
}
.table, .markdown > table {
  --tblr-table-bg: transparent;
  --tblr-table-accent-bg: transparent;
  --tblr-table-striped-color: inherit;
  --tblr-table-striped-bg: var(--tblr-border-color-light);
  --tblr-table-active-color: inherit;
  --tblr-table-active-bg: rgba(0, 0, 0, 0.1);
  --tblr-table-hover-color: inherit;
  --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: inherit;
  vertical-align: top;
  border-color: rgba(98, 105, 118, 0.16);
}
.table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--tblr-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--tblr-table-accent-bg);
}
.table > tbody, .markdown > table > tbody {
  vertical-align: inherit;
}
.table > thead, .markdown > table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child), .markdown > table > :not(:first-child) {
  border-top: 2px solid rgba(98, 105, 118, 0.16);
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > *, .markdown > table > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(even) > * {
  --tblr-table-accent-bg: var(--tblr-table-striped-bg);
  color: var(--tblr-table-striped-color);
}
.table-active {
  --tblr-table-accent-bg: var(--tblr-table-active-bg);
  color: var(--tblr-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --tblr-table-accent-bg: var(--tblr-table-hover-bg);
  color: var(--tblr-table-hover-color);
}
.table-primary {
  --tblr-table-bg: #fff4de;
  --tblr-table-striped-bg: #f4ead6;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #e9e0ce;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #eee5d2;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #e9e0ce;
}
.table-secondary {
  --tblr-table-bg: #dfe2e9;
  --tblr-table-striped-bg: #d5d9e0;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #ccd0d8;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #d1d4dc;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #ccd0d8;
}
.table-success {
  --tblr-table-bg: #d5f0da;
  --tblr-table-striped-bg: #cce6d2;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #c3dcca;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #c7e1ce;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #c3dcca;
}
.table-info {
  --tblr-table-bg: #e6eefa;
  --tblr-table-striped-bg: #dce4f0;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #d2dae7;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #d7dfec;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #d2dae7;
}
.table-warning {
  --tblr-table-bg: #fde1cd;
  --tblr-table-striped-bg: #f2d8c6;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #e7cfbe;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #ecd3c2;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #e7cfbe;
}
.table-danger {
  --tblr-table-bg: #f7d7d7;
  --tblr-table-striped-bg: #eccecf;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #e1c6c7;
  --tblr-table-active-color: #fafbfc;
  --tblr-table-hover-bg: #e7cacb;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #e1c6c7;
}
.table-light {
  --tblr-table-bg: #fafbfc;
  --tblr-table-striped-bg: #eff1f2;
  --tblr-table-striped-color: #1e293b;
  --tblr-table-active-bg: #e4e6e9;
  --tblr-table-active-color: #1e293b;
  --tblr-table-hover-bg: #eaebee;
  --tblr-table-hover-color: #1e293b;
  color: #1e293b;
  border-color: #e4e6e9;
}
.table-dark {
  --tblr-table-bg: #1e293b;
  --tblr-table-striped-bg: #293445;
  --tblr-table-striped-color: #fafbfc;
  --tblr-table-active-bg: #343e4e;
  --tblr-table-active-color: #fafbfc;
  --tblr-table-hover-bg: #2f3949;
  --tblr-table-hover-color: #fafbfc;
  color: #fafbfc;
  border-color: #343e4e;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.col-form-label {
  padding-top: calc(0.4375rem + 1px);
  padding-bottom: calc(0.4375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.4285714286;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.125rem + 1px);
  padding-bottom: calc(0.125rem + 1px);
  font-size: 0.75rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 85.71428571%;
  color: #626976;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.6rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  background-color: #fdfdfd;
  background-clip: padding-box;
  border: 1px solid #d9dbde;
  appearance: none;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  min-height: calc(1.5em + 1.2rem + 2px);
  height: auto;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: inherit;
  background-color: #fdfdfd;
  border-color: #ffe4ae;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.4285714286em;
}
.form-control::placeholder {
  color: #a5a9b1;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #f1f5f9;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.4375rem 0.75rem;
  margin: -0.4375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: inherit;
  background-color: #fafbfc;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #eeeeef;
}
.form-control::-webkit-file-upload-button {
  padding: 0.4375rem 0.75rem;
  margin: -0.4375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: inherit;
  background-color: #fafbfc;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #eeeeef;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.4375rem 0;
  margin-bottom: 0;
  line-height: 1.4285714286;
  color: #1e293b;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.4285714286em + 0.25rem + 2px);
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
}
.form-control-sm::file-selector-button {
  padding: 0.125rem 0.5rem;
  margin: -0.125rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.125rem 0.5rem;
  margin: -0.125rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.4285714286em + 1rem + 2px);
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 8px;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1.5rem;
  margin: -0.5rem -1.5rem;
  margin-inline-end: 1.5rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1.5rem;
  margin: -0.5rem -1.5rem;
  margin-inline-end: 1.5rem;
}
textarea.form-control {
  min-height: calc(1.4285714286em + 0.875rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.4285714286em + 0.25rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.4285714286em + 1rem + 2px);
}
.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.4375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.4285714286em;
  border-radius: 4px;
}
.form-control-color::-webkit-color-swatch {
  height: 1.4285714286em;
  border-radius: 4px;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.6rem 2.25rem 0.6rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  background-color: #fdfdfd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #d9dbde;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  min-height: calc(1.5em + 1.2rem + 2px);
  height: auto;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #ffe4ae;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e2e8f0;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 inherit;
}
.form-select-sm {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  border-radius: 8px;
}
.form-check {
  display: block;
  min-height: 1.25rem;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5rem;
}
.form-check-input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2142857143rem;
  vertical-align: top;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(98, 105, 118, 0.24);
  appearance: none;
  color-adjust: exact;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input[type="checkbox"] {
  border-radius: 4px;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #ffe4ae;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-check-input:checked {
  background-color: #fec95c;
  border-color: rgba(98, 105, 118, 0.24);
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #fec95c;
  border-color: #fec95c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.7;
}
.form-switch {
  padding-left: 2.5rem;
}
.form-switch .form-check-input {
  width: 2rem;
  margin-left: -2.5rem;
  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='%23e6e7e9'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2rem;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  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='%23ffe4ae'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  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='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
.form-range {
  width: 100%;
  height: 1.25rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.375rem;
  background-color: #fec95c;
  border: 2px solid var(--tblr-border-color-light);
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #ffefce;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.25rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--tblr-border-color-light);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #fec95c;
  border: 2px solid var(--tblr-border-color-light);
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #ffefce;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.25rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--tblr-border-color-light);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #64748b;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #64748b;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  min-height: calc(1.5em + 1.2rem + 2px);
  height: auto;
}
.input-group > .form-control:focus, .input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #626976;
  text-align: center;
  white-space: nowrap;
  background-color: #fafbfc;
  border: 1px solid #d9dbde;
  border-radius: 4px;
}
.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 8px;
}
.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
}
.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 85.71428571%;
  color: #2fb344;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fafbfc;
  background-color: rgba(47, 179, 68, 0.9);
  border-radius: 4px;
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #2fb344;
  padding-right: calc(1.4285714286em + 0.875rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428572em + 0.21875rem) center;
  background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #2fb344;
  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.4285714286em + 0.875rem);
  background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #2fb344;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #2fb344;
  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #2fb344;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #2fb344;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #2fb344;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 85.71428571%;
  color: #d63939;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fafbfc;
  background-color: rgba(214, 57, 57, 0.9);
  border-radius: 4px;
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #d63939;
  padding-right: calc(1.4285714286em + 0.875rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428572em + 0.21875rem) center;
  background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.4285714286em + 0.875rem);
  background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #d63939;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #d63939;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #d63939;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #d63939;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus {
  z-index: 3;
}
.btn {
  display: inline-block;
  font-weight: 500;
  line-height: 1.4285714286;
  color: #1e293b;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4375rem 1rem;
  font-size: 0.875rem;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #1e293b;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}
.btn-link {
  font-weight: 400;
  color: #3a5693;
  text-decoration: none;
}
.btn-link:hover {
  color: #2e4576;
  text-decoration: none;
}
.btn-link:focus {
  text-decoration: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #475569;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 8px;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 2px;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup, .dropend, .dropdown, .dropstart {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-45deg);
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 11rem;
  padding: 0.25rem 0;
  margin: 0;
  font-size: 0.875rem;
  color: #1e293b;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(98, 105, 118, 0.16);
  border-radius: 4px;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 1px;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 1px;
}
.dropup .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(135deg);
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 1px;
}
.dropend .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-135deg);
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 1px;
}
.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(45deg);
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(98, 105, 118, 0.16);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  clear: both;
  font-weight: 400;
  color: inherit;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: inherit;
  background-color: rgba(98, 105, 118, 0.04);
}
.dropdown-item.active, .dropdown-item:active {
  color: #fec95c;
  text-decoration: none;
  background-color: rgba(32, 107, 196, 0.04);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #64748b;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.25rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: #475569;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.5rem 0.75rem;
  color: inherit;
}
.dropdown-menu-dark {
  color: #cbd5e1;
  background-color: #1e293b;
  border-color: rgba(98, 105, 118, 0.16);
}
.dropdown-menu-dark .dropdown-item {
  color: #cbd5e1;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fec95c;
  background-color: rgba(32, 107, 196, 0.04);
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #64748b;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(98, 105, 118, 0.16);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #cbd5e1;
}
.dropdown-menu-dark .dropdown-header {
  color: #64748b;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 0.75rem;
  color: inherit;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #2e4576;
}
.nav-link.disabled {
  color: #475569;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #cbd5e1;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e2e8f0 #e2e8f0 #cbd5e1;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #475569;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #334155;
  background-color: #f5f7fb;
  border-color: #cbd5e1 #cbd5e1 #f5f7fb;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 4px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fec95c;
  background-color: rgba(32, 107, 196, 0.04);
}
.nav-fill > .nav-link, .nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link, .nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-right: 1rem;
  font-size: 1rem;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0 0;
  font-size: 1rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--tblr-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-light .navbar-brand {
  color: #1e293b;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #1e293b;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(30, 41, 59, 0.7);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(30, 41, 59, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
  color: #1e293b;
}
.navbar-light .navbar-toggler {
  color: rgba(30, 41, 59, 0.7);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2830, 41, 59, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(30, 41, 59, 0.7);
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: #1e293b;
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.3);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #ffffff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(98, 105, 118, 0.16);
  border-radius: 4px;
}
.card > hr, .card > .hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1.25rem;
}
.card-title {
  margin-bottom: 1.25rem;
}
.card-subtitle {
  margin-top: -0.625rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 1rem 1.25rem;
  margin-bottom: 0;
  color: #626976;
  background-color: #fafbfc;
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.card-header:first-child {
  border-radius: 3px 3px 0 0;
}
.card-footer {
  padding: 1rem 1.25rem;
  color: #626976;
  background-color: #fafbfc;
  border-top: 1px solid rgba(98, 105, 118, 0.16);
}
.card-footer:last-child {
  border-radius: 0 0 3px 3px;
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -1rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: 3px;
}
.card-img, .card-img-top, .card-img-bottom {
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card-group > .card {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  color: #1e293b;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 rgba(98, 105, 118, 0.16);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e293b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: rgba(98, 105, 118, 0.16);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: transparent;
  border: 1px solid rgba(98, 105, 118, 0.16);
}
.accordion-item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #626976;
  content: var(--tblr-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: inherit;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  color: #626976;
  background-color: transparent;
  border: 0 solid #cbd5e1;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #2e4576;
  background-color: #e2e8f0;
  border-color: #cbd5e1;
}
.page-link:focus {
  z-index: 3;
  color: #2e4576;
  background-color: #e2e8f0;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.page-item:not(:first-child) .page-link {
  margin-left: 0;
}
.page-item.active .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #fec95c;
  border-color: #fec95c;
}
.page-item.disabled .page-link {
  color: rgba(98, 105, 118, 0.5);
  pointer-events: none;
  background-color: transparent;
  border-color: #cbd5e1;
}
.page-link {
  padding: 0.25rem 0.25rem;
}
.page-item:first-child .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 85.71428571%;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 600;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 0.5rem;
  }
}
.progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #e6e7e9;
  border-radius: 4px;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background-color: #fec95c;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.5rem 0.5rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 4px;
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: inherit;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: inherit;
  text-decoration: none;
  background-color: rgba(98, 105, 118, 0.04);
}
.list-group-item-action:active {
  color: #1e293b;
  background-color: #e2e8f0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 1rem 1.25rem;
  color: #0f172a;
  background-color: inherit;
  border: 1px solid #e6e7e9;
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #475569;
  pointer-events: none;
  background-color: inherit;
}
.list-group-item.active {
  z-index: 2;
  color: inherit;
  background-color: rgba(32, 107, 196, 0.04);
  border-color: #e6e7e9;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #987937;
  background-color: #fff4de;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #987937;
  background-color: #e6dcc8;
}
.list-group-item-primary.list-group-item-action.active {
  color: #ffffff;
  background-color: #987937;
  border-color: #987937;
}
.list-group-item-secondary {
  color: #3a4357;
  background-color: #dfe2e9;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #3a4357;
  background-color: #c9cbd2;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  background-color: #3a4357;
  border-color: #3a4357;
}
.list-group-item-success {
  color: #1c6b29;
  background-color: #d5f0da;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #1c6b29;
  background-color: #c0d8c4;
}
.list-group-item-success.list-group-item-action.active {
  color: #ffffff;
  background-color: #1c6b29;
  border-color: #1c6b29;
}
.list-group-item-info {
  color: #4d6789;
  background-color: #e6eefa;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #4d6789;
  background-color: #cfd6e1;
}
.list-group-item-info.list-group-item-action.active {
  color: #ffffff;
  background-color: #4d6789;
  border-color: #4d6789;
}
.list-group-item-warning {
  color: #943e04;
  background-color: #fde1cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #943e04;
  background-color: #e4cbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #ffffff;
  background-color: #943e04;
  border-color: #943e04;
}
.list-group-item-danger {
  color: #802222;
  background-color: #f7d7d7;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #802222;
  background-color: #dec2c2;
}
.list-group-item-danger.list-group-item-action.active {
  color: #ffffff;
  background-color: #802222;
  border-color: #802222;
}
.list-group-item-light {
  color: #969797;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #969797;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #ffffff;
  background-color: #969797;
  border-color: #969797;
}
.list-group-item-dark {
  color: #121923;
  background-color: #d2d4d8;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #121923;
  background-color: #bdbfc2;
}
.list-group-item-dark.list-group-item-action.active {
  color: #ffffff;
  background-color: #121923;
  border-color: #121923;
}
.list-group-item-muted {
  color: #3b3f47;
  background-color: #e0e1e4;
}
.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus {
  color: #3b3f47;
  background-color: #cacbcd;
}
.list-group-item-muted.list-group-item-action.active {
  color: #ffffff;
  background-color: #3b3f47;
  border-color: #3b3f47;
}
.btn-close {
  box-sizing: content-box;
  width: 0.75rem;
  height: 0.75rem;
  padding: 0.25em 0.25em;
  color: #000000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 0.75rem auto no-repeat;
  border: 0;
  border-radius: 4px;
  opacity: 0.3;
}
.btn-close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid #e6e7e9;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 1.5rem;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #626976;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}
.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: static !important;
  width: auto;
  margin: 1.75rem auto !important;
  max-width: 500px;
  pointer-events: none;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}
.modal.fade .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  position: static !important;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}
.modal.show .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}
.modal.modal-static .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  position: static !important;
}
.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered .modal-dialog {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fafbfc;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0;
}
.modal-backdrop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -1 !important;
}
.modal-backdrop.fade {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.modal-backdrop.show {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid #e6e7e9;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.modal-header .btn-close {
  padding: 0.75rem 0.75rem;
  margin: -0.75rem -0.75rem -0.75rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.4285714286;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1.5rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 1.125rem;
  border-top: 0 solid #e6e7e9;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.modal-footer > * {
  margin: 0.375rem;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 540px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 380px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--tblr-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--tblr-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #e6e7e9;
  border-radius: 8px;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #e6e7e9;
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #ffffff;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #e6e7e9;
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #ffffff;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #e6e7e9;
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #e6e7e9;
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #ffffff;
}
.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #e6e7e9;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 1rem 1rem;
  color: #1e293b;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
  transform: translateX(-100%);
}
/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #ffffff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #ffffff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000000;
}
.carousel-dark .carousel-caption {
  color: #000000;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: -0.125em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 1px;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fafbfc;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #1e293b;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.24;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem;
}
.offcanvas-header .btn-close {
  padding: 0.75rem 0.75rem;
  margin-top: -0.75rem;
  margin-right: -0.75rem;
  margin-bottom: -0.75rem;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.4285714286;
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1.5rem 1.5rem;
  overflow-y: auto;
}
.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(98, 105, 118, 0.16);
  transform: translateX(-100%);
}
.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(98, 105, 118, 0.16);
  transform: translateX(100%);
}
.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  transform: translateY(-100%);
}
.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(98, 105, 118, 0.16);
  transform: translateY(100%);
}
.offcanvas.show {
  transform: none;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.2;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.link-primary {
  color: #fec95c;
}
.link-primary:hover, .link-primary:focus {
  color: #fed47d;
}
.link-secondary {
  color: #606f91;
}
.link-secondary:hover, .link-secondary:focus {
  color: #4d5974;
}
.link-success {
  color: #2fb344;
}
.link-success:hover, .link-success:focus {
  color: #268f36;
}
.link-info {
  color: #80abe4;
}
.link-info:hover, .link-info:focus {
  color: #6689b6;
}
.link-warning {
  color: #f76707;
}
.link-warning:hover, .link-warning:focus {
  color: #c65206;
}
.link-danger {
  color: #d63939;
}
.link-danger:hover, .link-danger:focus {
  color: #ab2e2e;
}
.link-light {
  color: #fafbfc;
}
.link-light:hover, .link-light:focus {
  color: #fbfcfd;
}
.link-dark {
  color: #1e293b;
}
.link-dark:hover, .link-dark:focus {
  color: #18212f;
}
.link-muted {
  color: #626976;
}
.link-muted:hover, .link-muted:focus {
  color: #4e545e;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--tblr-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --tblr-aspect-ratio: 100%;
}
.ratio-4x3 {
  --tblr-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-3x4 {
  --tblr-aspect-ratio: calc(4 / 3 * 100%);
}
.ratio-16x9 {
  --tblr-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-9x16 {
  --tblr-aspect-ratio: calc(16 / 9 * 100%);
}
.ratio-21x9 {
  --tblr-aspect-ratio: calc(9 / 21 * 100%);
}
.ratio-9x21 {
  --tblr-aspect-ratio: calc(21 / 9 * 100%);
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.16;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-wide {
  border: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-top-wide {
  border-top: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-end-wide {
  border-right: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-bottom-wide {
  border-bottom: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-start-wide {
  border-left: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #fec95c !important;
}
.border-secondary {
  border-color: #606f91 !important;
}
.border-success {
  border-color: #2fb344 !important;
}
.border-info {
  border-color: #80abe4 !important;
}
.border-warning {
  border-color: #f76707 !important;
}
.border-danger {
  border-color: #d63939 !important;
}
.border-light {
  border-color: #fafbfc !important;
}
.border-dark {
  border-color: #1e293b !important;
}
.border-muted {
  border-color: #626976 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.w-0 {
  width: 0 !important;
}
.w-1 {
  width: 0.25rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-3 {
  width: 1rem !important;
}
.w-4 {
  width: 2rem !important;
}
.w-5 {
  width: 4rem !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-0 {
  height: 0 !important;
}
.h-1 {
  height: 0.25rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-3 {
  height: 1rem !important;
}
.h-4 {
  height: 2rem !important;
}
.h-5 {
  height: 4rem !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 2rem !important;
}
.gap-5 {
  gap: 4rem !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 2rem !important;
}
.m-5 {
  margin: 4rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.mx-5 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-5 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 2rem !important;
}
.mt-5 {
  margin-top: 4rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 2rem !important;
}
.me-5 {
  margin-right: 4rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 2rem !important;
}
.mb-5 {
  margin-bottom: 4rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 2rem !important;
}
.ms-5 {
  margin-left: 4rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.m-n4 {
  margin: -2rem !important;
}
.m-n5 {
  margin: -4rem !important;
}
.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}
.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}
.mx-n3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}
.mx-n4 {
  margin-right: -2rem !important;
  margin-left: -2rem !important;
}
.mx-n5 {
  margin-right: -4rem !important;
  margin-left: -4rem !important;
}
.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}
.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.my-n4 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}
.my-n5 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.mt-n4 {
  margin-top: -2rem !important;
}
.mt-n5 {
  margin-top: -4rem !important;
}
.me-n1 {
  margin-right: -0.25rem !important;
}
.me-n2 {
  margin-right: -0.5rem !important;
}
.me-n3 {
  margin-right: -1rem !important;
}
.me-n4 {
  margin-right: -2rem !important;
}
.me-n5 {
  margin-right: -4rem !important;
}
.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mb-n2 {
  margin-bottom: -0.5rem !important;
}
.mb-n3 {
  margin-bottom: -1rem !important;
}
.mb-n4 {
  margin-bottom: -2rem !important;
}
.mb-n5 {
  margin-bottom: -4rem !important;
}
.ms-n1 {
  margin-left: -0.25rem !important;
}
.ms-n2 {
  margin-left: -0.5rem !important;
}
.ms-n3 {
  margin-left: -1rem !important;
}
.ms-n4 {
  margin-left: -2rem !important;
}
.ms-n5 {
  margin-left: -4rem !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 2rem !important;
}
.p-5 {
  padding: 4rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.px-5 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 2rem !important;
}
.pt-5 {
  padding-top: 4rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 2rem !important;
}
.pe-5 {
  padding-right: 4rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 2rem !important;
}
.pb-5 {
  padding-bottom: 4rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 2rem !important;
}
.ps-5 {
  padding-left: 4rem !important;
}
.font-monospace {
  font-family: var(--tblr-font-monospace) !important;
}
.fs-1 {
  font-size: 1.5rem !important;
}
.fs-2 {
  font-size: 1.25rem !important;
}
.fs-3 {
  font-size: 1rem !important;
}
.fs-4 {
  font-size: 0.875rem !important;
}
.fs-5 {
  font-size: 0.75rem !important;
}
.fs-6 {
  font-size: 0.625rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 600 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.1428571429 !important;
}
.lh-base {
  line-height: 1.4285714286 !important;
}
.lh-lg {
  line-height: 1.7142857143 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
}
.text-secondary {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
}
.text-success {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
}
.text-info {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
}
.text-warning {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
}
.text-danger {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
}
.text-light {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
}
.text-dark {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
}
.text-muted {
  --tblr-text-opacity: 1;
  color: #626976 !important;
}
.text-black {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-black-rgb), var(--tblr-text-opacity)) !important;
}
.text-white {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important;
}
.text-body {
  --tblr-text-opacity: 1;
  color: rgba(var(--tblr-body-color-rgb), var(--tblr-text-opacity)) !important;
}
.text-black-50 {
  --tblr-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --tblr-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  --tblr-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --tblr-text-opacity: 0.25;
}
.text-opacity-50 {
  --tblr-text-opacity: 0.5;
}
.text-opacity-75 {
  --tblr-text-opacity: 0.75;
}
.text-opacity-100 {
  --tblr-text-opacity: 1;
}
.bg-primary {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-secondary {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-success {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-info {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-warning {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-danger {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-light {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-dark {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-muted {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-black {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-black-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-white {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-body {
  --tblr-bg-opacity: 1;
  background-color: rgba(var(--tblr-body-bg-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-transparent {
  --tblr-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-opacity-10 {
  --tblr-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --tblr-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --tblr-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --tblr-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --tblr-bg-opacity: 1;
}
.bg-gradient {
  background-image: var(--tblr-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 4px !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 2px !important;
}
.rounded-2 {
  border-radius: 4px !important;
}
.rounded-3 {
  border-radius: 8px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 100rem !important;
}
.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.rounded-end {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-bottom {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.rounded-start {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.object-contain {
  object-fit: contain !important;
}
.object-cover {
  object-fit: cover !important;
}
.object-fill {
  object-fit: fill !important;
}
.object-scale-down {
  object-fit: scale-down !important;
}
.object-none {
  object-fit: none !important;
}
.tracking-tight {
  letter-spacing: -0.05em !important;
}
.tracking-normal {
  letter-spacing: 0 !important;
}
.tracking-wide {
  letter-spacing: 0.05em !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-move {
  cursor: move !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-zoom-in {
  cursor: zoom-in !important;
}
.cursor-zoom-out {
  cursor: zoom-out !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-none {
  cursor: none !important;
}
.cursor-help {
  cursor: help !important;
}
.cursor-progress {
  cursor: progress !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-text {
  cursor: text !important;
}
.cursor-v-text {
  cursor: vertical-text !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grabbing {
  cursor: grabbing !important;
}
.border-x {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
  border-right: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-x-wide {
  border-left: 2px solid rgba(98, 105, 118, 0.16) !important;
  border-right: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-x-0 {
  border-left: 0 !important;
  border-right: 0 !important;
}
.border-y {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
  border-bottom: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.border-y-wide {
  border-top: 2px solid rgba(98, 105, 118, 0.16) !important;
  border-bottom: 2px solid rgba(98, 105, 118, 0.16) !important;
}
.border-y-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.columns-2 {
  columns: 2 !important;
}
.columns-3 {
  columns: 3 !important;
}
.columns-4 {
  columns: 4 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 2rem !important;
  }
  .gap-sm-5 {
    gap: 4rem !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 2rem !important;
  }
  .m-sm-5 {
    margin: 4rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 2rem !important;
  }
  .mt-sm-5 {
    margin-top: 4rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 2rem !important;
  }
  .me-sm-5 {
    margin-right: 4rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 2rem !important;
  }
  .ms-sm-5 {
    margin-left: 4rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -2rem !important;
  }
  .m-sm-n5 {
    margin: -4rem !important;
  }
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-sm-n4 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-sm-n5 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-sm-n4 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-sm-n5 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -2rem !important;
  }
  .mt-sm-n5 {
    margin-top: -4rem !important;
  }
  .me-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .me-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .me-sm-n3 {
    margin-right: -1rem !important;
  }
  .me-sm-n4 {
    margin-right: -2rem !important;
  }
  .me-sm-n5 {
    margin-right: -4rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -2rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -4rem !important;
  }
  .ms-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-sm-n3 {
    margin-left: -1rem !important;
  }
  .ms-sm-n4 {
    margin-left: -2rem !important;
  }
  .ms-sm-n5 {
    margin-left: -4rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 2rem !important;
  }
  .p-sm-5 {
    padding: 4rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 2rem !important;
  }
  .pt-sm-5 {
    padding-top: 4rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 2rem !important;
  }
  .pe-sm-5 {
    padding-right: 4rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 4rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 2rem !important;
  }
  .ps-sm-5 {
    padding-left: 4rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .columns-sm-2 {
    columns: 2 !important;
  }
  .columns-sm-3 {
    columns: 3 !important;
  }
  .columns-sm-4 {
    columns: 4 !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 2rem !important;
  }
  .gap-md-5 {
    gap: 4rem !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 2rem !important;
  }
  .m-md-5 {
    margin: 4rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 2rem !important;
  }
  .mt-md-5 {
    margin-top: 4rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 2rem !important;
  }
  .me-md-5 {
    margin-right: 4rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 2rem !important;
  }
  .mb-md-5 {
    margin-bottom: 4rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 2rem !important;
  }
  .ms-md-5 {
    margin-left: 4rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -2rem !important;
  }
  .m-md-n5 {
    margin: -4rem !important;
  }
  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-md-n4 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-md-n5 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n4 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-md-n5 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -2rem !important;
  }
  .mt-md-n5 {
    margin-top: -4rem !important;
  }
  .me-md-n1 {
    margin-right: -0.25rem !important;
  }
  .me-md-n2 {
    margin-right: -0.5rem !important;
  }
  .me-md-n3 {
    margin-right: -1rem !important;
  }
  .me-md-n4 {
    margin-right: -2rem !important;
  }
  .me-md-n5 {
    margin-right: -4rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -2rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -4rem !important;
  }
  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-left: -1rem !important;
  }
  .ms-md-n4 {
    margin-left: -2rem !important;
  }
  .ms-md-n5 {
    margin-left: -4rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 2rem !important;
  }
  .p-md-5 {
    padding: 4rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 2rem !important;
  }
  .pt-md-5 {
    padding-top: 4rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 2rem !important;
  }
  .pe-md-5 {
    padding-right: 4rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 2rem !important;
  }
  .pb-md-5 {
    padding-bottom: 4rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 2rem !important;
  }
  .ps-md-5 {
    padding-left: 4rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .columns-md-2 {
    columns: 2 !important;
  }
  .columns-md-3 {
    columns: 3 !important;
  }
  .columns-md-4 {
    columns: 4 !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 2rem !important;
  }
  .gap-lg-5 {
    gap: 4rem !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 2rem !important;
  }
  .m-lg-5 {
    margin: 4rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 2rem !important;
  }
  .mt-lg-5 {
    margin-top: 4rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 2rem !important;
  }
  .me-lg-5 {
    margin-right: 4rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 2rem !important;
  }
  .ms-lg-5 {
    margin-left: 4rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -2rem !important;
  }
  .m-lg-n5 {
    margin: -4rem !important;
  }
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-lg-n4 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-lg-n5 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n4 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-lg-n5 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -2rem !important;
  }
  .mt-lg-n5 {
    margin-top: -4rem !important;
  }
  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-right: -1rem !important;
  }
  .me-lg-n4 {
    margin-right: -2rem !important;
  }
  .me-lg-n5 {
    margin-right: -4rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -2rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -4rem !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-left: -1rem !important;
  }
  .ms-lg-n4 {
    margin-left: -2rem !important;
  }
  .ms-lg-n5 {
    margin-left: -4rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 2rem !important;
  }
  .p-lg-5 {
    padding: 4rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 2rem !important;
  }
  .pt-lg-5 {
    padding-top: 4rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 2rem !important;
  }
  .pe-lg-5 {
    padding-right: 4rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 4rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 2rem !important;
  }
  .ps-lg-5 {
    padding-left: 4rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .columns-lg-2 {
    columns: 2 !important;
  }
  .columns-lg-3 {
    columns: 3 !important;
  }
  .columns-lg-4 {
    columns: 4 !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 2rem !important;
  }
  .gap-xl-5 {
    gap: 4rem !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 2rem !important;
  }
  .m-xl-5 {
    margin: 4rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 2rem !important;
  }
  .mt-xl-5 {
    margin-top: 4rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 2rem !important;
  }
  .me-xl-5 {
    margin-right: 4rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 2rem !important;
  }
  .ms-xl-5 {
    margin-left: 4rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -2rem !important;
  }
  .m-xl-n5 {
    margin: -4rem !important;
  }
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xl-n4 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xl-n5 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n4 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xl-n5 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -2rem !important;
  }
  .mt-xl-n5 {
    margin-top: -4rem !important;
  }
  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-right: -1rem !important;
  }
  .me-xl-n4 {
    margin-right: -2rem !important;
  }
  .me-xl-n5 {
    margin-right: -4rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -2rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -4rem !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xl-n4 {
    margin-left: -2rem !important;
  }
  .ms-xl-n5 {
    margin-left: -4rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 2rem !important;
  }
  .p-xl-5 {
    padding: 4rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 2rem !important;
  }
  .pt-xl-5 {
    padding-top: 4rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 2rem !important;
  }
  .pe-xl-5 {
    padding-right: 4rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 4rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 2rem !important;
  }
  .ps-xl-5 {
    padding-left: 4rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .columns-xl-2 {
    columns: 2 !important;
  }
  .columns-xl-3 {
    columns: 3 !important;
  }
  .columns-xl-4 {
    columns: 4 !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 2rem !important;
  }
  .gap-xxl-5 {
    gap: 4rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 2rem !important;
  }
  .m-xxl-5 {
    margin: 4rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 2rem !important;
  }
  .mt-xxl-5 {
    margin-top: 4rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 2rem !important;
  }
  .me-xxl-5 {
    margin-right: 4rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 4rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 2rem !important;
  }
  .ms-xxl-5 {
    margin-left: 4rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -2rem !important;
  }
  .m-xxl-n5 {
    margin: -4rem !important;
  }
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xxl-n5 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xxl-n4 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xxl-n5 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -2rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -4rem !important;
  }
  .me-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xxl-n3 {
    margin-right: -1rem !important;
  }
  .me-xxl-n4 {
    margin-right: -2rem !important;
  }
  .me-xxl-n5 {
    margin-right: -4rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -2rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -4rem !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-left: -2rem !important;
  }
  .ms-xxl-n5 {
    margin-left: -4rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 2rem !important;
  }
  .p-xxl-5 {
    padding: 4rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xxl-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 2rem !important;
  }
  .pt-xxl-5 {
    padding-top: 4rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 2rem !important;
  }
  .pe-xxl-5 {
    padding-right: 4rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 4rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 2rem !important;
  }
  .ps-xxl-5 {
    padding-left: 4rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .columns-xxl-2 {
    columns: 2 !important;
  }
  .columns-xxl-3 {
    columns: 3 !important;
  }
  .columns-xxl-4 {
    columns: 4 !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:root {
  font-size: 16px;
  height: 100%;
  --tblr-card-bg: #ffffff;
  --tblr-card-bg-rgb: 255, 255, 255;
  --tblr-border-color: #e6e7e9;
  --tblr-border-color-rgb: 230, 231, 233;
  --tblr-border-color-light: #f2f3f4;
  --tblr-border-color-light-rgb: 242, 243, 244;
}
body {
  overflow-y: scroll;
  letter-spacing: 0;
  touch-action: manipulation;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 0;
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print {
  body {
    background: transparent;
  }
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  ::-webkit-scrollbar {
    transition: none;
  }
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(var(--tblr-body-color-rgb), 0.16);
}
::-webkit-scrollbar-track {
  background: rgba(var(--tblr-body-color-rgb), 0.06);
}
:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--tblr-body-color-rgb), 0.32);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.layout-fluid .container, .layout-fluid [class^="container-"], .layout-fluid [class*=" container-"] {
  max-width: 100%;
}
.layout-boxed {
  --tblr-theme-boxed-border-radius: 0;
  --tblr-theme-boxed-width: 1320px;
}
@media (min-width: 768px) {
  .layout-boxed {
    background: #1e293b linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent) fixed;
    padding: 1rem;
    --tblr-theme-boxed-border-radius: 4px;
  }
}
.layout-boxed .page {
  margin: 0 auto;
  max-width: var(--tblr-theme-boxed-width);
  border-radius: var(--tblr-theme-boxed-border-radius);
  color: #1e293b;
}
@media (min-width: 768px) {
  .layout-boxed .page {
    border: 1px solid var(--tblr-border-color);
    background: var(--tblr-body-bg);
  }
}
.layout-boxed .page > .navbar:first-child {
  border-top-left-radius: var(--tblr-theme-boxed-border-radius);
  border-top-right-radius: var(--tblr-theme-boxed-border-radius);
}
/**
Navbar
 */
.navbar {
  align-items: stretch;
  min-height: 3.5rem;
  background: transparent;
  color: rgba(30, 41, 59, 0.7);
}
.navbar-collapse .navbar {
  flex-grow: 1;
}
.navbar.collapsing {
  min-height: 0;
}
.navbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .navbar::-webkit-scrollbar {
    transition: none;
  }
}
.navbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(var(--tblr-body-color-rgb), 0.16);
}
.navbar::-webkit-scrollbar-track {
  background: rgba(var(--tblr-body-color-rgb), 0.06);
}
.navbar:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--tblr-body-color-rgb), 0.32);
}
.navbar::-webkit-scrollbar-corner {
  background: transparent;
}
.navbar .text-muted {
  color: rgba(30, 41, 59, 0.7) !important;
}
.navbar .navbar-brand {
  color: #1e293b;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: #1e293b;
  opacity: 0.8;
}
.navbar .navbar-nav .nav-link {
  color: rgba(30, 41, 59, 0.7);
}
header.navbar .navbar-nav .nav-link, header.navbar .navbar-nav .nav-link i, header.navbar .navbar-nav .nav-link span, header.navbar .navbar-nav .nav-link * {
  color: #ffffff !important;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
  color: #1e293b;
}
header.navbar .navbar-nav .nav-link:hover, header.navbar .navbar-nav .nav-link:focus, header.navbar .navbar-nav .nav-link:hover i, header.navbar .navbar-nav .nav-link:hover span, header.navbar .navbar-nav .nav-link:hover * {
  color: #ff7582 !important;
}
.navbar .navbar-nav .nav-link.disabled {
  color: rgba(30, 41, 59, 0.3);
}
.navbar .navbar-nav .show > .nav-link, .navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .nav-link.active {
  color: #1e293b;
}
.navbar .navbar-toggler {
  color: #1e293b;
  border-color: transparent;
}
.navbar .navbar-text {
  color: rgba(30, 41, 59, 0.7);
}
.navbar .navbar-text a, .navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
  color: rgba(30, 41, 59, 0.7);
}
@media not print {
  .theme-dark .navbar {
    background: #1e293b;
    color: rgba(255, 255, 255, 0.7);
  }
  .theme-dark .navbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    transition: background 0.3s;
  }
  .theme-dark .navbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(var(--tblr-body-color-rgb), 0.16);
  }
  .theme-dark .navbar::-webkit-scrollbar-track {
    background: rgba(var(--tblr-body-color-rgb), 0.06);
  }
  .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--tblr-body-color-rgb), 0.32);
  }
  .theme-dark .navbar::-webkit-scrollbar-corner {
    background: transparent;
  }
  .theme-dark .navbar .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .theme-dark .navbar .navbar-brand {
    color: #ffffff;
  }
  .theme-dark .navbar .navbar-brand:hover, .theme-dark .navbar .navbar-brand:focus {
    color: #ffffff;
    opacity: 0.8;
  }
  .theme-dark .navbar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7);
  }
  .theme-dark .navbar .navbar-nav .nav-link:hover, .theme-dark .navbar .navbar-nav .nav-link:focus {
    color: #ffffff;
  }
  .theme-dark .navbar .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.3);
  }
  .theme-dark .navbar .navbar-nav .show > .nav-link, .theme-dark .navbar .navbar-nav .active > .nav-link, .theme-dark .navbar .navbar-nav .nav-link.show, .theme-dark .navbar .navbar-nav .nav-link.active {
    color: #ffffff;
  }
  .theme-dark .navbar .navbar-toggler {
    color: #ffffff;
    border-color: transparent;
  }
  .theme-dark .navbar .navbar-text {
    color: rgba(255, 255, 255, 0.7);
  }
  .theme-dark .navbar .navbar-text a, .theme-dark .navbar .navbar-text a:hover, .theme-dark .navbar .navbar-text a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .theme-dark .navbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    transition: background 0.3s;
  }
  .theme-dark .navbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(var(--tblr-body-color-rgb), 0.16);
  }
  .theme-dark .navbar::-webkit-scrollbar-track {
    background: rgba(var(--tblr-body-color-rgb), 0.06);
  }
  .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--tblr-body-color-rgb), 0.32);
  }
  .theme-dark .navbar::-webkit-scrollbar-corner {
    background: transparent;
  }
  .theme-dark .navbar .input-icon-addon {
    color: rgba(250, 251, 252, 0.64);
  }
  .theme-dark .navbar .form-control {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .theme-dark .navbar .form-control::placeholder {
    color: rgba(250, 251, 252, 0.64);
  }
}
@media not print {
  @media (prefers-reduced-motion: reduce) {
    .theme-dark .navbar::-webkit-scrollbar {
      transition: none;
    }
  }
}
@media not print {
  @media (prefers-reduced-motion: reduce) {
    .theme-dark .navbar::-webkit-scrollbar {
      transition: none;
    }
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .navbar {
      background: #1e293b;
      color: rgba(255, 255, 255, 0.7);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      transition: background 0.3s;
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: rgba(var(--tblr-body-color-rgb), 0.16);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-track {
      background: rgba(var(--tblr-body-color-rgb), 0.06);
    }
    .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
      background: rgba(var(--tblr-body-color-rgb), 0.32);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-corner {
      background: transparent;
    }
    .theme-dark-auto .navbar .text-muted {
      color: rgba(255, 255, 255, 0.7) !important;
    }
    .theme-dark-auto .navbar .navbar-brand {
      color: #ffffff;
    }
    .theme-dark-auto .navbar .navbar-brand:hover, .theme-dark-auto .navbar .navbar-brand:focus {
      color: #ffffff;
      opacity: 0.8;
    }
    .theme-dark-auto .navbar .navbar-nav .nav-link {
      color: rgba(255, 255, 255, 0.7);
    }
    .theme-dark-auto .navbar .navbar-nav .nav-link:hover, .theme-dark-auto .navbar .navbar-nav .nav-link:focus {
      color: #ffffff;
    }
    .theme-dark-auto .navbar .navbar-nav .nav-link.disabled {
      color: rgba(255, 255, 255, 0.3);
    }
    .theme-dark-auto .navbar .navbar-nav .show > .nav-link, .theme-dark-auto .navbar .navbar-nav .active > .nav-link, .theme-dark-auto .navbar .navbar-nav .nav-link.show, .theme-dark-auto .navbar .navbar-nav .nav-link.active {
      color: #ffffff;
    }
    .theme-dark-auto .navbar .navbar-toggler {
      color: #ffffff;
      border-color: transparent;
    }
    .theme-dark-auto .navbar .navbar-text {
      color: rgba(255, 255, 255, 0.7);
    }
    .theme-dark-auto .navbar .navbar-text a, .theme-dark-auto .navbar .navbar-text a:hover, .theme-dark-auto .navbar .navbar-text a:focus {
      color: rgba(255, 255, 255, 0.7);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      transition: background 0.3s;
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: rgba(var(--tblr-body-color-rgb), 0.16);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-track {
      background: rgba(var(--tblr-body-color-rgb), 0.06);
    }
    .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
      background: rgba(var(--tblr-body-color-rgb), 0.32);
    }
    .theme-dark-auto .navbar::-webkit-scrollbar-corner {
      background: transparent;
    }
    .theme-dark-auto .navbar .input-icon-addon {
      color: rgba(250, 251, 252, 0.64);
    }
    .theme-dark-auto .navbar .form-control {
      border-color: transparent;
      background-color: rgba(0, 0, 0, 0.1);
    }
    .theme-dark-auto .navbar .form-control::placeholder {
      color: rgba(250, 251, 252, 0.64);
    }
  }
}
@media not print {
  @media (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce) {
    .theme-dark-auto .navbar::-webkit-scrollbar {
      transition: none;
    }
  }
}
@media not print {
  @media (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce) {
    .theme-dark-auto .navbar::-webkit-scrollbar {
      transition: none;
    }
  }
}
.navbar .dropdown-menu {
  position: absolute;
  z-index: 1030;
}
.navbar .navbar-nav {
  min-height: 3rem;
}
.navbar .navbar-nav .nav-link {
  position: relative;
  min-width: 2rem;
  min-height: 2rem;
  justify-content: center;
  border-radius: 4px;
}
.navbar .navbar-nav .nav-link .badge {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  transform: translate(50%, -50%);
}
.navbar-nav {
  margin: 0;
  padding: 0;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-sm .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-sm.navbar-dark .nav-item.active .nav-link, .navbar-expand-sm .navbar-dark .nav-item.active .nav-link {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-sm.navbar-light .nav-item.active, .navbar-expand-sm .navbar-light .nav-item.active {
    position: relative;
  }
  .navbar-expand-sm.navbar-light .nav-item.active:after, .navbar-expand-sm .navbar-light .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #fec95c;
    border-bottom-width: 2px;
  }
  .navbar-expand-sm.navbar-light.navbar-vertical, .navbar-expand-sm .navbar-light.navbar-vertical {
    box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-sm.navbar-light.navbar-vertical.navbar-right, .navbar-expand-sm .navbar-light.navbar-vertical.navbar-right {
    box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-sm.navbar-vertical ~ .navbar, .navbar-expand-sm.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-sm.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-md .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-md.navbar-dark .nav-item.active .nav-link, .navbar-expand-md .navbar-dark .nav-item.active .nav-link {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-md.navbar-light .nav-item.active, .navbar-expand-md .navbar-light .nav-item.active {
    position: relative;
  }
  .navbar-expand-md.navbar-light .nav-item.active:after, .navbar-expand-md .navbar-light .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #fec95c;
    border-bottom-width: 2px;
  }
  .navbar-expand-md.navbar-light.navbar-vertical, .navbar-expand-md .navbar-light.navbar-vertical {
    box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-md.navbar-light.navbar-vertical.navbar-right, .navbar-expand-md .navbar-light.navbar-vertical.navbar-right {
    box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-md.navbar-vertical ~ .navbar, .navbar-expand-md.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-md.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-lg .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-lg.navbar-dark .nav-item.active .nav-link, .navbar-expand-lg .navbar-dark .nav-item.active .nav-link {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-lg.navbar-light .nav-item.active, .navbar-expand-lg .navbar-light .nav-item.active {
    position: relative;
  }
  .navbar-expand-lg.navbar-light .nav-item.active:after, .navbar-expand-lg .navbar-light .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #fec95c;
    border-bottom-width: 2px;
  }
  .navbar-expand-lg.navbar-light.navbar-vertical, .navbar-expand-lg .navbar-light.navbar-vertical {
    box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-lg.navbar-light.navbar-vertical.navbar-right, .navbar-expand-lg .navbar-light.navbar-vertical.navbar-right {
    box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-lg.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-xl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-xl.navbar-dark .nav-item.active .nav-link, .navbar-expand-xl .navbar-dark .nav-item.active .nav-link {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xl.navbar-light .nav-item.active, .navbar-expand-xl .navbar-light .nav-item.active {
    position: relative;
  }
  .navbar-expand-xl.navbar-light .nav-item.active:after, .navbar-expand-xl .navbar-light .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #fec95c;
    border-bottom-width: 2px;
  }
  .navbar-expand-xl.navbar-light.navbar-vertical, .navbar-expand-xl .navbar-light.navbar-vertical {
    box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-xl.navbar-light.navbar-vertical.navbar-right, .navbar-expand-xl .navbar-light.navbar-vertical.navbar-right {
    box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-xl.navbar-vertical ~ .navbar, .navbar-expand-xl.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-xl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 1399.98px) {
  .navbar-expand-xxl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-xxl.navbar-dark .nav-item.active .nav-link, .navbar-expand-xxl .navbar-dark .nav-item.active .nav-link {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xxl.navbar-light .nav-item.active, .navbar-expand-xxl .navbar-light .nav-item.active {
    position: relative;
  }
  .navbar-expand-xxl.navbar-light .nav-item.active:after, .navbar-expand-xxl .navbar-light .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #fec95c;
    border-bottom-width: 2px;
  }
  .navbar-expand-xxl.navbar-light.navbar-vertical, .navbar-expand-xxl .navbar-light.navbar-vertical {
    box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-xxl.navbar-light.navbar-vertical.navbar-right, .navbar-expand-xxl .navbar-light.navbar-vertical.navbar-right {
    box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
  }
  .navbar-expand-xxl.navbar-vertical ~ .navbar, .navbar-expand-xxl.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-xxl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
.navbar-expand .navbar-collapse {
  flex-direction: column;
}
.navbar-expand .navbar-collapse [class^="container"] {
  flex-direction: column;
  align-items: stretch;
}
.navbar-expand .navbar-collapse .navbar-nav {
  margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
}
.navbar-expand .navbar-collapse .navbar-nav .nav-link {
  padding: 0.5rem 1.5rem;
  justify-content: flex-start;
}
.navbar-expand .navbar-collapse .dropdown-menu-columns {
  flex-direction: column;
}
.navbar-expand .navbar-collapse .dropdown-menu {
  padding: 0;
  background: transparent;
  position: static;
  color: inherit;
  box-shadow: none;
  border: none;
  min-width: 0;
  margin: 0;
}
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
  min-width: 0;
  display: flex;
  width: auto;
  padding-left: 3.25rem;
  color: inherit;
}
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: 4.75rem;
}
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: 6.25rem;
}
.navbar-expand .navbar-collapse .dropdown-toggle:after {
  margin-left: auto;
}
.navbar-expand .navbar-collapse .nav-item.active:after {
  border-bottom-width: 0;
  border-left-width: 3px;
  right: auto;
  top: 0;
  bottom: 0;
}
.navbar-expand .navbar-collapse {
  width: auto;
  flex: 1 1 auto;
}
.navbar-expand.navbar-dark .nav-item.active .nav-link, .navbar-expand .navbar-dark .nav-item.active .nav-link {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-expand.navbar-light .nav-item.active, .navbar-expand .navbar-light .nav-item.active {
  position: relative;
}
.navbar-expand.navbar-light .nav-item.active:after, .navbar-expand .navbar-light .nav-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25rem;
  border: 0 solid #fec95c;
  border-bottom-width: 2px;
}
.navbar-expand.navbar-light.navbar-vertical, .navbar-expand .navbar-light.navbar-vertical {
  box-shadow: inset -1px 0 0 0 rgba(98, 105, 118, 0.16);
}
.navbar-expand.navbar-light.navbar-vertical.navbar-right, .navbar-expand .navbar-light.navbar-vertical.navbar-right {
  box-shadow: inset 1px 0 0 0 rgba(98, 105, 118, 0.16);
}
.navbar-expand.navbar-vertical ~ .navbar, .navbar-expand.navbar-vertical ~ .page-wrapper {
  margin-left: 15rem;
}
.navbar-expand.navbar-vertical.navbar-right ~ .navbar, .navbar-expand.navbar-vertical.navbar-right ~ .page-wrapper {
  margin-left: 0;
  margin-right: 15rem;
}
/**
Navbar brand
 */
.navbar-brand {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  margin: 0;
}
.navbar-brand-image {
  display: block;
  height: 2rem;
  width: auto;
}
/**
Navbar toggler
 */
.navbar-toggler {
  border: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-toggler-icon {
  height: 2px;
  width: 1.25em;
  background: currentColor;
  border-radius: 10px;
  transition: top 0.2s 0.2s, bottom 0.2s 0.2s, transform 0.2s, opacity 0s 0.2s;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler-icon {
    transition: none;
  }
}
.navbar-toggler-icon:before, .navbar-toggler-icon:after {
  content: "";
  display: block;
  height: inherit;
  width: inherit;
  border-radius: inherit;
  background: inherit;
  position: absolute;
  left: 0;
  transition: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler-icon:before, .navbar-toggler-icon:after {
    transition: none;
  }
}
.navbar-toggler-icon:before {
  top: -0.45em;
}
.navbar-toggler-icon:after {
  bottom: -0.45em;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  transform: rotate(45deg);
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, opacity 0s 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transition: none;
  }
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  top: 0;
  transform: rotate(-90deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  bottom: 0;
  opacity: 0;
}
/**
Navbar light
 */
.navbar-light {
  box-shadow: inset 0 -1px 0 0 rgba(98, 105, 118, 0.16);
  background-color: #ffffff;
}
/**
Navbar dark
 */
.navbar-dark {
  background: #1e293b;
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-dark::-webkit-scrollbar {
    transition: none;
  }
}
.navbar-dark::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(var(--tblr-body-color-rgb), 0.16);
}
.navbar-dark::-webkit-scrollbar-track {
  background: rgba(var(--tblr-body-color-rgb), 0.06);
}
.navbar-dark:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--tblr-body-color-rgb), 0.32);
}
.navbar-dark::-webkit-scrollbar-corner {
  background: transparent;
}
.navbar-dark .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #ffffff;
  opacity: 0.8;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.3);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: #ffffff;
  border-color: transparent;
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-dark::-webkit-scrollbar {
    transition: none;
  }
}
.navbar-dark::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(var(--tblr-body-color-rgb), 0.16);
}
.navbar-dark::-webkit-scrollbar-track {
  background: rgba(var(--tblr-body-color-rgb), 0.06);
}
.navbar-dark:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--tblr-body-color-rgb), 0.32);
}
.navbar-dark::-webkit-scrollbar-corner {
  background: transparent;
}
.navbar-dark .input-icon-addon {
  color: rgba(250, 251, 252, 0.64);
}
.navbar-dark .form-control {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-dark .form-control::placeholder {
  color: rgba(250, 251, 252, 0.64);
}
/**
Navbar nav
 */
.navbar-nav {
  align-items: stretch;
}
.navbar-nav .nav-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/**
Navbar side
 */
.navbar-side {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
/**
Navbar vertical
 */
@media (min-width: 576px) {
  .navbar-vertical.navbar-expand-sm {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-x: auto;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-sm.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-sm > [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-sm ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-sm ~ .page [class^="container"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-sm.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-sm {
    transition: none;
  }
}
@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-x: auto;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-md.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-md .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-md > [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-md ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-md ~ .page [class^="container"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-md.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-md {
    transition: none;
  }
}
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1030;
    align-items: stretch;
    transition: transform 0.3s;
    overflow-x: hidden;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-lg.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-lg > [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-lg > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-vertical.navbar-expand-lg > .container-fluid > .d-lg-inline-block {
    display: block;
    text-align: center;
    width: 100%;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse [class^="container"] {
    flex: 1 1 auto;
    min-height: 0;
  }
  .navbar-vertical.navbar-expand-lg ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-lg ~ .page [class^="container"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-lg.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-lg {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .navbar-vertical.navbar-expand-xl {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-x: auto;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xl.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-xl > [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xl ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-xl ~ .page [class^="container"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-xl.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-xl {
    transition: none;
  }
}
@media (min-width: 1400px) {
  .navbar-vertical.navbar-expand-xxl {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-x: auto;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xxl.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-xxl > [class^="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xxl ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-xxl ~ .page [class^="container"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-xxl.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse [class^="container"] {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
    margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
    margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem 1.5rem;
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: transparent;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: 3.25rem;
    color: inherit;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 4.75rem;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: 6.25rem;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-xxl {
    transition: none;
  }
}
.navbar-vertical.navbar-expand {
  width: 15rem;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1030;
  align-items: flex-start;
  transition: transform 0.3s;
  overflow-x: auto;
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand {
    transition: none;
  }
}
.navbar-vertical.navbar-expand.navbar-right {
  left: auto;
  right: 0;
}
.navbar-vertical.navbar-expand .navbar-brand {
  padding: 0.75rem 0;
  justify-content: center;
}
.navbar-vertical.navbar-expand .navbar-collapse {
  align-items: stretch;
}
.navbar-vertical.navbar-expand .navbar-nav {
  flex-direction: column;
  flex-grow: 1;
  min-height: auto;
}
.navbar-vertical.navbar-expand .navbar-nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-vertical.navbar-expand > [class^="container"] {
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  justify-content: flex-start;
}
.navbar-vertical.navbar-expand ~ .page {
  padding-left: 15rem;
}
.navbar-vertical.navbar-expand ~ .page [class^="container"] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.navbar-vertical.navbar-expand.navbar-right ~ .page {
  padding-left: 0;
  padding-right: 15rem;
}
.navbar-vertical.navbar-expand .navbar-collapse {
  flex-direction: column;
}
.navbar-vertical.navbar-expand .navbar-collapse [class^="container"] {
  flex-direction: column;
  align-items: stretch;
}
.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
  margin-left: calc(-1 * var(--tblr-gutter-x, 1.5rem));
  margin-right: calc(-1 * var(--tblr-gutter-x, 1.5rem));
}
.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
  padding: 0.5rem 1.5rem;
  justify-content: flex-start;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
  flex-direction: column;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
  padding: 0;
  background: transparent;
  position: static;
  color: inherit;
  box-shadow: none;
  border: none;
  min-width: 0;
  margin: 0;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
  min-width: 0;
  display: flex;
  width: auto;
  padding-left: 3.25rem;
  color: inherit;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: 4.75rem;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: 6.25rem;
}
.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
  margin-left: auto;
}
.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
  border-bottom-width: 0;
  border-left-width: 3px;
  right: auto;
  top: 0;
  bottom: 0;
}
.navbar-overlap:after {
  content: "";
  height: 9rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: inherit;
  z-index: -1;
  box-shadow: inherit;
}
.page {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100vh;
}
.page-center {
  justify-content: center;
}
.page-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media print {
  .page-wrapper {
    margin: 0 !important;
  }
}
.page-wrapper-full .page-body:first-child {
  margin: 0;
  border-top: 0;
}
.page-body {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.page-body-card {
  background: #ffffff;
  border-top: 1px solid rgba(98, 105, 118, 0.16);
  padding: 1.25rem 0;
  margin-bottom: 0;
  flex: 1;
}
.page-body ~ .page-body-card {
  margin-top: 0;
}
.page-cover {
  background: no-repeat center/cover;
  min-height: 9rem;
}
@media (min-width: 768px) {
  .page-cover {
    min-height: 12rem;
  }
}
@media (min-width: 992px) {
  .page-cover {
    min-height: 15rem;
  }
}
.page-cover-overlay {
  position: relative;
}
.page-cover-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.page-header {
  display: flex;
  flex-wrap: wrap;
  min-height: 2.25rem;
  flex-direction: column;
  justify-content: center;
}
.page-wrapper .page-header {
  margin: 1.25rem 0 0;
}
.page-header-border {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  padding-bottom: 1.25rem;
}
.page-pretitle {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
}
.page-title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
  color: inherit;
  display: flex;
  align-items: center;
}
.page-title svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
}
.page-title-lg {
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.page-subtitle {
  margin-top: 0.25rem;
  color: #626976;
}
.page-tabs {
  margin-top: 0.5rem;
  position: relative;
}
.page-header-tabs .nav-bordered {
  border: 0;
}
.page-header-tabs + .page-body-card {
  margin-top: 0;
}
.footer {
  border-top: 1px solid #e6e7e9;
  background-color: #ffffff;
  padding: 2rem 0;
  color: #626976;
  margin-top: auto;
}
.footer-transparent {
  background-color: transparent;
  border-top: 0;
}
/*!
 * Tabler (v0.9.0): _dark.scss
 * Copyright 2018-2021 The Tabler Authors
 * Copyright 2018-2021 codecalm
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
body:not(.theme-dark) .hide-theme-light {
  display: none !important;
}
@media not print {
  .theme-dark {
    --tblr-body-color: #fafbfc;
    --tblr-body-color-rgb: 250, 251, 252;
    --tblr-body-bg: #1b2434;
    --tblr-body-bg-rgb: 26, 36, 52;
    --tblr-card-bg: #1e293b;
    --tblr-card-bg-rgb: 30, 41, 59;
    --tblr-border-color: #2c3c56;
    --tblr-border-color-light: #253249;
    --tblr-btn-color: #1e293b;
    color: #fafbfc;
    background-color: #1b2434;
  }
  .theme-dark .page {
    color: #fafbfc;
  }
  .theme-dark .hide-theme-dark {
    display: none !important;
  }
  .theme-dark .text-body {
    color: #fafbfc !important;
  }
  .theme-dark .card, .theme-dark .card-footer, .theme-dark .card-stacked::after, .theme-dark .footer:not(.footer-transparent), .theme-dark .modal-content, .theme-dark .modal-header, .theme-dark .dropdown-menu, .theme-dark .alert:not(.alert-important) {
    background-color: #1e293b;
    color: inherit;
  }
  .theme-dark .card {
    border-color: transparent;
  }
  .theme-dark .card-tabs .nav-tabs .nav-link {
    background-color: #1b2434;
    color: inherit;
  }
  .theme-dark pre {
    background-color: #1b2434;
    border-color: #2c3c56;
  }
  .theme-dark .card-tabs .nav-tabs .nav-link.active {
    background-color: #1e293b;
    color: inherit;
  }
  .theme-dark .btn-white, .theme-dark .form-file-button {
    background-image: none;
  }
  .theme-dark .form-check-input:not(:checked), .theme-dark .form-select, .theme-dark .form-file-text, .theme-dark .form-control, .theme-dark .form-selectgroup-label, .theme-dark .form-selectgroup-check, .theme-dark .form-imagecheck-figure:before {
    background-color: #1b2434;
    color: #fafbfc;
    border-color: #2c3c56;
  }
  .theme-dark .form-control-plaintext {
    color: #fafbfc;
  }
  .theme-dark .input-group-flat .input-group-text {
    background-color: #1b2434;
  }
  .theme-dark .input-group-text {
    border-color: #2c3c56;
  }
  .theme-dark .highlight {
    background-color: #1b2434;
  }
  .theme-dark .avatar {
    --tblr-avatar-bg: #212e42;
  }
  .theme-dark .avatar-list-stacked .avatar {
    box-shadow: 0 0 0 2px #1e293b;
  }
  .theme-dark .markdown, .theme-dark .markdown > *, .theme-dark .accordion-button {
    color: inherit;
  }
  .theme-dark .btn-close, .theme-dark .accordion-button:after {
    filter: invert(1) grayscale(100%) brightness(200%);
  }
  .theme-dark .apexcharts-text {
    fill: #fafbfc;
  }
  .theme-dark .apexcharts-gridline {
    stroke: var(--tblr-border-color);
  }
  .theme-dark .apexcharts-legend-text {
    color: inherit !important;
  }
  .theme-dark .apexcharts-tooltip {
    background: #1e293b !important;
    border: 1px solid #2c3c56 !important;
    box-shadow: 2px 2px 6px -4px #1b2434 !important;
  }
  .theme-dark .apexcharts-tooltip .apexcharts-tooltip-title {
    background: #1e293b !important;
    border-bottom: 1px solid #2c3c56 !important;
  }
  .theme-dark .navbar-brand-autodark {
    filter: brightness(0) invert(1);
  }
  .theme-dark .table thead th, .theme-dark .markdown > table thead th, .theme-dark .input-group-text {
    background: transparent;
  }
  .theme-dark .list-group-header {
    background: #1b2434;
  }
  .theme-dark .list-group-item {
    border-color: rgba(98, 105, 118, 0.16);
  }
  .theme-dark .list-group-item:not(.disabled):not(:disabled) {
    color: #fafbfc;
  }
  .theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
    color: #475569;
  }
  .theme-dark .apexcharts-radialbar-area {
    stroke: #2c3c56;
  }
  .theme-dark .form-control.is-invalid, .theme-dark .was-validated .form-control:invalid {
    border-color: var(--tblr-danger);
  }
  .theme-dark .form-control.is-valid, .theme-dark .was-validated .form-control:valid {
    border-color: var(--tblr-success);
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto {
      --tblr-body-color: #fafbfc;
      --tblr-body-color-rgb: 250, 251, 252;
      --tblr-body-bg: #1b2434;
      --tblr-body-bg-rgb: 26, 36, 52;
      --tblr-card-bg: #1e293b;
      --tblr-card-bg-rgb: 30, 41, 59;
      --tblr-border-color: #2c3c56;
      --tblr-border-color-light: #253249;
      --tblr-btn-color: #1e293b;
      color: #fafbfc;
      background-color: #1b2434;
    }
    .theme-dark-auto .page {
      color: #fafbfc;
    }
    .theme-dark-auto .hide-theme-dark {
      display: none !important;
    }
    .theme-dark-auto .text-body {
      color: #fafbfc !important;
    }
    .theme-dark-auto .card, .theme-dark-auto .card-footer, .theme-dark-auto .card-stacked::after, .theme-dark-auto .footer:not(.footer-transparent), .theme-dark-auto .modal-content, .theme-dark-auto .modal-header, .theme-dark-auto .dropdown-menu, .theme-dark-auto .alert:not(.alert-important) {
      background-color: #1e293b;
      color: inherit;
    }
    .theme-dark-auto .card {
      border-color: transparent;
    }
    .theme-dark-auto .card-tabs .nav-tabs .nav-link {
      background-color: #1b2434;
      color: inherit;
    }
    .theme-dark-auto pre {
      background-color: #1b2434;
      border-color: #2c3c56;
    }
    .theme-dark-auto .card-tabs .nav-tabs .nav-link.active {
      background-color: #1e293b;
      color: inherit;
    }
    .theme-dark-auto .btn-white, .theme-dark-auto .form-file-button {
      background-image: none;
    }
    .theme-dark-auto .form-check-input:not(:checked), .theme-dark-auto .form-select, .theme-dark-auto .form-file-text, .theme-dark-auto .form-control, .theme-dark-auto .form-selectgroup-label, .theme-dark-auto .form-selectgroup-check, .theme-dark-auto .form-imagecheck-figure:before {
      background-color: #1b2434;
      color: #fafbfc;
      border-color: #2c3c56;
    }
    .theme-dark-auto .form-control-plaintext {
      color: #fafbfc;
    }
    .theme-dark-auto .input-group-flat .input-group-text {
      background-color: #1b2434;
    }
    .theme-dark-auto .input-group-text {
      border-color: #2c3c56;
    }
    .theme-dark-auto .highlight {
      background-color: #1b2434;
    }
    .theme-dark-auto .avatar {
      --tblr-avatar-bg: #212e42;
    }
    .theme-dark-auto .avatar-list-stacked .avatar {
      box-shadow: 0 0 0 2px #1e293b;
    }
    .theme-dark-auto .markdown, .theme-dark-auto .markdown > *, .theme-dark-auto .accordion-button {
      color: inherit;
    }
    .theme-dark-auto .btn-close, .theme-dark-auto .accordion-button:after {
      filter: invert(1) grayscale(100%) brightness(200%);
    }
    .theme-dark-auto .apexcharts-text {
      fill: #fafbfc;
    }
    .theme-dark-auto .apexcharts-gridline {
      stroke: var(--tblr-border-color);
    }
    .theme-dark-auto .apexcharts-legend-text {
      color: inherit !important;
    }
    .theme-dark-auto .apexcharts-tooltip {
      background: #1e293b !important;
      border: 1px solid #2c3c56 !important;
      box-shadow: 2px 2px 6px -4px #1b2434 !important;
    }
    .theme-dark-auto .apexcharts-tooltip .apexcharts-tooltip-title {
      background: #1e293b !important;
      border-bottom: 1px solid #2c3c56 !important;
    }
    .theme-dark-auto .navbar-brand-autodark {
      filter: brightness(0) invert(1);
    }
    .theme-dark-auto .table thead th, .theme-dark-auto .markdown > table thead th, .theme-dark-auto .input-group-text {
      background: transparent;
    }
    .theme-dark-auto .list-group-header {
      background: #1b2434;
    }
    .theme-dark-auto .list-group-item {
      border-color: rgba(98, 105, 118, 0.16);
    }
    .theme-dark-auto .list-group-item:not(.disabled):not(:disabled) {
      color: #fafbfc;
    }
    .theme-dark-auto .list-group-item.disabled, .theme-dark-auto .list-group-item:disabled {
      color: #475569;
    }
    .theme-dark-auto .apexcharts-radialbar-area {
      stroke: #2c3c56;
    }
    .theme-dark-auto .form-control.is-invalid, .theme-dark-auto .was-validated .form-control:invalid {
      border-color: var(--tblr-danger);
    }
    .theme-dark-auto .form-control.is-valid, .theme-dark-auto .was-validated .form-control:valid {
      border-color: var(--tblr-success);
    }
  }
}
.accordion-button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.accordion-button:after {
  opacity: 0.7;
}
.accordion-button:not(.collapsed) {
  font-weight: 600;
  border-bottom-color: transparent;
  box-shadow: none;
}
.accordion-button:not(.collapsed):after {
  opacity: 1;
}
.alert {
  --tblr-alert-color: #626976;
  background: #ffffff;
  border: 1px solid rgba(98, 105, 118, 0.16);
  border-left: 0.25rem solid var(--tblr-alert-color);
  box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
}
.alert > :last-child {
  margin-bottom: 0;
}
.alert-important {
  border-color: transparent;
  background: var(--tblr-alert-color);
  color: #fff;
}
.alert-important .alert-icon, .alert-important .alert-link {
  color: inherit;
}
.alert-important .alert-link:hover {
  color: inherit;
}
.alert-link, .alert-link:hover {
  color: var(--tblr-alert-color);
}
.alert-primary {
  --tblr-alert-color: #fec95c;
}
.alert-secondary {
  --tblr-alert-color: #606f91;
}
.alert-success {
  --tblr-alert-color: #2fb344;
}
.alert-info {
  --tblr-alert-color: #80abe4;
}
.alert-warning {
  --tblr-alert-color: #f76707;
}
.alert-danger {
  --tblr-alert-color: #d63939;
}
.alert-light {
  --tblr-alert-color: #fafbfc;
}
.alert-dark {
  --tblr-alert-color: #1e293b;
}
.alert-muted {
  --tblr-alert-color: #626976;
}
.alert-icon {
  color: var(--tblr-alert-color);
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: -0.125rem 1rem -0.125rem 0;
}
.alert-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--tblr-alert-color);
}
.avatar {
  --tblr-avatar-size: 2.5rem;
  --tblr-avatar-bg: var(--tblr-border-color-light);
  position: relative;
  width: var(--tblr-avatar-size);
  height: var(--tblr-avatar-size);
  font-size: calc(var(--tblr-avatar-size) / 2.8571428572);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #626976;
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom;
  user-select: none;
  background: var(--tblr-avatar-bg) no-repeat center/cover;
  border-radius: 4px;
}
.avatar svg {
  width: calc(var(--tblr-avatar-size) / 1.6666666667);
  height: calc(var(--tblr-avatar-size) / 1.6666666667);
}
.avatar .badge {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100rem;
  box-shadow: 0 0 0 2px #ffffff;
}
a.avatar {
  cursor: pointer;
}
.avatar-rounded {
  border-radius: 100rem;
}
.avatar-xs {
  --tblr-avatar-size: 1.5rem;
}
.avatar-xs .badge:empty {
  width: 0.375rem;
  height: 0.375rem;
}
.avatar-sm {
  --tblr-avatar-size: 2rem;
}
.avatar-sm .badge:empty {
  width: 0.5rem;
  height: 0.5rem;
}
.avatar-md {
  --tblr-avatar-size: 3.75rem;
}
.avatar-md .badge:empty {
  width: 0.9375rem;
  height: 0.9375rem;
}
.avatar-lg {
  --tblr-avatar-size: 5rem;
}
.avatar-lg .badge:empty {
  width: 1.25rem;
  height: 1.25rem;
}
.avatar-xl {
  --tblr-avatar-size: 7rem;
}
.avatar-xl .badge:empty {
  width: 1.75rem;
  height: 1.75rem;
}
.avatar-2xl {
  --tblr-avatar-size: 11rem;
}
.avatar-2xl .badge:empty {
  width: 2.75rem;
  height: 2.75rem;
}
.avatar-list {
  display: inline-flex;
  padding: 0;
  margin: 0 0 -0.5rem;
  flex-wrap: wrap;
}
.avatar-list .avatar {
  margin-bottom: 0.5rem;
}
.avatar-list .avatar:not(:last-child) {
  margin-right: 0.5rem;
}
.avatar-list a.avatar:hover {
  z-index: 1;
}
.avatar-list-stacked .avatar {
  margin-right: -0.5rem !important;
  box-shadow: 0 0 0 2px var(--tblr-card-bg);
}
.avatar-upload {
  width: 4rem;
  height: 4rem;
  border: 1px dashed #e6e7e9;
  background: #ffffff;
  flex-direction: column;
  transition: color 0.3s, background-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .avatar-upload {
    transition: none;
  }
}
.avatar-upload svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1;
}
.avatar-upload:hover {
  border-color: #fec95c;
  color: #fec95c;
  text-decoration: none;
}
.avatar-upload-text {
  font-size: 0.625rem;
  line-height: 1;
  margin-top: 0.25rem;
}
.page-cover ~ * .page-avatar {
  margin-top: calc(calc(-1 * calc(var(--tblr-avatar-size) * .5)) - 1.25rem);
  box-shadow: 0 0 0 0.25rem #f5f7fb;
}
.badge {
  justify-content: center;
  align-items: center;
  background: #64748b;
  overflow: hidden;
  user-select: none;
  border: 1px solid transparent;
  min-width: 1.3571428571em;
  font-weight: 600;
  letter-spacing: 0.04em;
  vertical-align: bottom;
}
a.badge {
  color: #ffffff;
}
.badge:empty {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  min-width: 0;
  min-height: auto;
  padding: 0;
  border-radius: 100rem;
  vertical-align: baseline;
}
.badge .avatar {
  box-sizing: content-box;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5rem 0 -0.5rem;
}
.badge .icon {
  width: 1em;
  height: 1em;
  font-size: 1rem;
  stroke-width: 2;
}
.badge-sm {
  font-size: 0.625rem;
  line-height: 1.6;
  padding: 0 0.25rem;
}
.badge-outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.badge-pill {
  border-radius: 100rem;
}
.breadcrumb {
  padding: 0;
  margin: 0;
  background: transparent;
}
.breadcrumb a {
  color: #626976;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-item.active a {
  color: inherit;
  pointer-events: none;
}
.breadcrumb-dots {
  --tblr-breadcrumb-divider: "·";
}
.breadcrumb-arrows {
  --tblr-breadcrumb-divider: "›";
}
.breadcrumb-bullets {
  --tblr-breadcrumb-divider: "•";
}
.btn {
  --tblr-btn-color-text-rgb: var(--tblr-body-color-rgb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: var(--tblr-border-color);
  white-space: nowrap;
  background-color: var(--tblr-btn-color, var(--tblr-card-bg));
  color: var(--tblr-btn-color-text);
}
.btn:hover {
  color: var(--tblr-btn-color-text);
  border-color: rgba(var(--tblr-btn-color-text-rgb), 0.48);
}
.btn:focus:not([disabled]):not(.disabled) {
  border-color: var(--tblr-btn-color, #fec95c);
}
.btn:disabled, .btn.disabled {
  cursor: not-allowed;
}
.btn .icon {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  margin: 0 0.5rem 0 -0.25rem;
  vertical-align: bottom;
  color: inherit;
}
.btn .avatar {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: text-top;
  margin: 0 0.5rem 0 -0.25rem;
}
.btn .icon-right {
  margin: 0 -0.25rem 0 0.5rem;
}
.btn .badge {
  top: auto;
}
.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark, .btn-muted, .btn-blue, .btn-azure, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-lime, .btn-green, .btn-teal, .btn-cyan, .btn-facebook, .btn-twitter, .btn-linkedin, .btn-google, .btn-youtube, .btn-vimeo, .btn-dribbble, .btn-github, .btn-instagram, .btn-pinterest, .btn-vk, .btn-rss, .btn-flickr, .btn-bitbucket, .btn-tabler {
  border-color: rgba(98, 105, 118, 0.24);
}
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-light:hover, .btn-dark:hover, .btn-muted:hover, .btn-blue:hover, .btn-azure:hover, .btn-indigo:hover, .btn-purple:hover, .btn-pink:hover, .btn-red:hover, .btn-orange:hover, .btn-yellow:hover, .btn-lime:hover, .btn-green:hover, .btn-teal:hover, .btn-cyan:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-linkedin:hover, .btn-google:hover, .btn-youtube:hover, .btn-vimeo:hover, .btn-dribbble:hover, .btn-github:hover, .btn-instagram:hover, .btn-pinterest:hover, .btn-vk:hover, .btn-rss:hover, .btn-flickr:hover, .btn-bitbucket:hover, .btn-tabler:hover {
  color: var(--tblr-btn-color-text);
  background: var(--tblr-btn-color-interactive);
  border-color: var(--tblr-btn-color);
}
.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline-muted, .btn-outline-blue, .btn-outline-azure, .btn-outline-indigo, .btn-outline-purple, .btn-outline-pink, .btn-outline-red, .btn-outline-orange, .btn-outline-yellow, .btn-outline-lime, .btn-outline-green, .btn-outline-teal, .btn-outline-cyan, .btn-outline-facebook, .btn-outline-twitter, .btn-outline-linkedin, .btn-outline-google, .btn-outline-youtube, .btn-outline-vimeo, .btn-outline-dribbble, .btn-outline-github, .btn-outline-instagram, .btn-outline-pinterest, .btn-outline-vk, .btn-outline-rss, .btn-outline-flickr, .btn-outline-bitbucket, .btn-outline-tabler {
  background-color: transparent;
  color: var(--tblr-btn-color);
  border-color: var(--tblr-btn-color);
}
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-danger:hover, .btn-outline-light:hover, .btn-outline-dark:hover, .btn-outline-muted:hover, .btn-outline-blue:hover, .btn-outline-azure:hover, .btn-outline-indigo:hover, .btn-outline-purple:hover, .btn-outline-pink:hover, .btn-outline-red:hover, .btn-outline-orange:hover, .btn-outline-yellow:hover, .btn-outline-lime:hover, .btn-outline-green:hover, .btn-outline-teal:hover, .btn-outline-cyan:hover, .btn-outline-facebook:hover, .btn-outline-twitter:hover, .btn-outline-linkedin:hover, .btn-outline-google:hover, .btn-outline-youtube:hover, .btn-outline-vimeo:hover, .btn-outline-dribbble:hover, .btn-outline-github:hover, .btn-outline-instagram:hover, .btn-outline-pinterest:hover, .btn-outline-vk:hover, .btn-outline-rss:hover, .btn-outline-flickr:hover, .btn-outline-bitbucket:hover, .btn-outline-tabler:hover {
  background-color: var(--tblr-btn-color);
  color: var(--tblr-btn-color-text);
  border-color: var(--tblr-btn-color);
}
.btn-ghost-primary, .btn-ghost-secondary, .btn-ghost-success, .btn-ghost-info, .btn-ghost-warning, .btn-ghost-danger, .btn-ghost-light, .btn-ghost-dark, .btn-ghost-muted, .btn-ghost-blue, .btn-ghost-azure, .btn-ghost-indigo, .btn-ghost-purple, .btn-ghost-pink, .btn-ghost-red, .btn-ghost-orange, .btn-ghost-yellow, .btn-ghost-lime, .btn-ghost-green, .btn-ghost-teal, .btn-ghost-cyan, .btn-ghost-facebook, .btn-ghost-twitter, .btn-ghost-linkedin, .btn-ghost-google, .btn-ghost-youtube, .btn-ghost-vimeo, .btn-ghost-dribbble, .btn-ghost-github, .btn-ghost-instagram, .btn-ghost-pinterest, .btn-ghost-vk, .btn-ghost-rss, .btn-ghost-flickr, .btn-ghost-bitbucket, .btn-ghost-tabler {
  background: transparent;
  color: var(--tblr-btn-color);
  border-color: transparent;
}
.btn-ghost-primary:hover, .btn-ghost-secondary:hover, .btn-ghost-success:hover, .btn-ghost-info:hover, .btn-ghost-warning:hover, .btn-ghost-danger:hover, .btn-ghost-light:hover, .btn-ghost-dark:hover, .btn-ghost-muted:hover, .btn-ghost-blue:hover, .btn-ghost-azure:hover, .btn-ghost-indigo:hover, .btn-ghost-purple:hover, .btn-ghost-pink:hover, .btn-ghost-red:hover, .btn-ghost-orange:hover, .btn-ghost-yellow:hover, .btn-ghost-lime:hover, .btn-ghost-green:hover, .btn-ghost-teal:hover, .btn-ghost-cyan:hover, .btn-ghost-facebook:hover, .btn-ghost-twitter:hover, .btn-ghost-linkedin:hover, .btn-ghost-google:hover, .btn-ghost-youtube:hover, .btn-ghost-vimeo:hover, .btn-ghost-dribbble:hover, .btn-ghost-github:hover, .btn-ghost-instagram:hover, .btn-ghost-pinterest:hover, .btn-ghost-vk:hover, .btn-ghost-rss:hover, .btn-ghost-flickr:hover, .btn-ghost-bitbucket:hover, .btn-ghost-tabler:hover {
  background-color: var(--tblr-btn-color);
  color: var(--tblr-btn-color-text);
  border-color: var(--tblr-btn-color);
}
.btn-link {
  color: #3a5693;
  background-color: transparent;
  border-color: transparent;
}
.btn-link .icon {
  color: inherit;
}
.btn-link:hover {
  color: #2e4576;
  border-color: transparent;
}
.btn-lg svg.icon, .btn-group-lg > .btn svg.icon {
  stroke-width: 2;
}
.btn-pill {
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-radius: 10rem;
}
.btn-pill[class*="btn-icon"] {
  padding: 0.375rem 15px;
}
.btn-icon {
  min-width: calc(2.125rem + 2px);
}
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  min-width: calc(1.3214285715rem + 2px);
}
.btn-icon .icon {
  margin: 0 -1em;
}
.btn-square {
  border-radius: 0;
}
.btn-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.5rem !important;
  margin-right: -0.5rem;
}
.btn-list > * {
  margin: 0 0.5rem 0.5rem 0 !important;
}
.btn-floating {
  position: fixed;
  z-index: 1030;
  bottom: 1.5rem;
  right: 1.5rem;
  border-radius: 100rem;
}
.btn-loading {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
}
.btn-loading:after {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  border: 1px solid currentColor;
  border-right-color: transparent;
  border-radius: 100rem;
  color: #ffffff;
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: calc(50% - .5rem);
  top: calc(50% - .5rem);
  animation: spinner-border 0.75s linear infinite;
}
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
  --tblr-btn-color: #fec95c;
  --tblr-btn-color-interactive: #e5b553;
  --tblr-btn-color-text: #1e293b;
}
.btn-secondary, .btn-outline-secondary, .btn-ghost-secondary {
  --tblr-btn-color: #606f91;
  --tblr-btn-color-interactive: #566483;
  --tblr-btn-color-text: #fafbfc;
}
.btn-success, .btn-outline-success, .btn-ghost-success {
  --tblr-btn-color: #2fb344;
  --tblr-btn-color-interactive: #2aa13d;
  --tblr-btn-color-text: #fafbfc;
}
.btn-info, .btn-outline-info, .btn-ghost-info {
  --tblr-btn-color: #80abe4;
  --tblr-btn-color-interactive: #739acd;
  --tblr-btn-color-text: #fafbfc;
}
.btn-warning, .btn-outline-warning, .btn-ghost-warning {
  --tblr-btn-color: #f76707;
  --tblr-btn-color-interactive: #de5d06;
  --tblr-btn-color-text: #fafbfc;
}
.btn-danger, .btn-outline-danger, .btn-ghost-danger {
  --tblr-btn-color: #d63939;
  --tblr-btn-color-interactive: #c13333;
  --tblr-btn-color-text: #fafbfc;
}
.btn-light, .btn-outline-light, .btn-ghost-light {
  --tblr-btn-color: #fafbfc;
  --tblr-btn-color-interactive: #e1e2e3;
  --tblr-btn-color-text: #1e293b;
}
.btn-dark, .btn-outline-dark, .btn-ghost-dark {
  --tblr-btn-color: #1e293b;
  --tblr-btn-color-interactive: #1b2535;
  --tblr-btn-color-text: #fafbfc;
}
.btn-muted, .btn-outline-muted, .btn-ghost-muted {
  --tblr-btn-color: #626976;
  --tblr-btn-color-interactive: #585f6a;
  --tblr-btn-color-text: #fafbfc;
}
.btn-blue, .btn-outline-blue, .btn-ghost-blue {
  --tblr-btn-color: #206bc4;
  --tblr-btn-color-interactive: #1d60b0;
  --tblr-btn-color-text: #fafbfc;
}
.btn-azure, .btn-outline-azure, .btn-ghost-azure {
  --tblr-btn-color: #4299e1;
  --tblr-btn-color-interactive: #3b8acb;
  --tblr-btn-color-text: #fafbfc;
}
.btn-indigo, .btn-outline-indigo, .btn-ghost-indigo {
  --tblr-btn-color: #4263eb;
  --tblr-btn-color-interactive: #3b59d4;
  --tblr-btn-color-text: #fafbfc;
}
.btn-purple, .btn-outline-purple, .btn-ghost-purple {
  --tblr-btn-color: #ae3ec9;
  --tblr-btn-color-interactive: #9d38b5;
  --tblr-btn-color-text: #fafbfc;
}
.btn-pink, .btn-outline-pink, .btn-ghost-pink {
  --tblr-btn-color: #d6336c;
  --tblr-btn-color-interactive: #c12e61;
  --tblr-btn-color-text: #fafbfc;
}
.btn-red, .btn-outline-red, .btn-ghost-red {
  --tblr-btn-color: #d63939;
  --tblr-btn-color-interactive: #c13333;
  --tblr-btn-color-text: #fafbfc;
}
.btn-orange, .btn-outline-orange, .btn-ghost-orange {
  --tblr-btn-color: #f76707;
  --tblr-btn-color-interactive: #de5d06;
  --tblr-btn-color-text: #fafbfc;
}
.btn-yellow, .btn-outline-yellow, .btn-ghost-yellow {
  --tblr-btn-color: #f59f00;
  --tblr-btn-color-interactive: #dd8f00;
  --tblr-btn-color-text: #fafbfc;
}
.btn-lime, .btn-outline-lime, .btn-ghost-lime {
  --tblr-btn-color: #74b816;
  --tblr-btn-color-interactive: #68a614;
  --tblr-btn-color-text: #fafbfc;
}
.btn-green, .btn-outline-green, .btn-ghost-green {
  --tblr-btn-color: #2fb344;
  --tblr-btn-color-interactive: #2aa13d;
  --tblr-btn-color-text: #fafbfc;
}
.btn-teal, .btn-outline-teal, .btn-ghost-teal {
  --tblr-btn-color: #0ca678;
  --tblr-btn-color-interactive: #0b956c;
  --tblr-btn-color-text: #fafbfc;
}
.btn-cyan, .btn-outline-cyan, .btn-ghost-cyan {
  --tblr-btn-color: #17a2b8;
  --tblr-btn-color-interactive: #1592a6;
  --tblr-btn-color-text: #fafbfc;
}
.btn-facebook, .btn-outline-facebook, .btn-ghost-facebook {
  --tblr-btn-color: #3b5998;
  --tblr-btn-color-interactive: #355089;
  --tblr-btn-color-text: #fafbfc;
}
.btn-twitter, .btn-outline-twitter, .btn-ghost-twitter {
  --tblr-btn-color: #1da1f2;
  --tblr-btn-color-interactive: #1a91da;
  --tblr-btn-color-text: #fafbfc;
}
.btn-linkedin, .btn-outline-linkedin, .btn-ghost-linkedin {
  --tblr-btn-color: #0a66c2;
  --tblr-btn-color-interactive: #095caf;
  --tblr-btn-color-text: #fafbfc;
}
.btn-google, .btn-outline-google, .btn-ghost-google {
  --tblr-btn-color: #dc4e41;
  --tblr-btn-color-interactive: #c6463b;
  --tblr-btn-color-text: #fafbfc;
}
.btn-youtube, .btn-outline-youtube, .btn-ghost-youtube {
  --tblr-btn-color: #ff0000;
  --tblr-btn-color-interactive: #e60000;
  --tblr-btn-color-text: #fafbfc;
}
.btn-vimeo, .btn-outline-vimeo, .btn-ghost-vimeo {
  --tblr-btn-color: #1ab7ea;
  --tblr-btn-color-interactive: #17a5d3;
  --tblr-btn-color-text: #fafbfc;
}
.btn-dribbble, .btn-outline-dribbble, .btn-ghost-dribbble {
  --tblr-btn-color: #ea4c89;
  --tblr-btn-color-interactive: #d3447b;
  --tblr-btn-color-text: #fafbfc;
}
.btn-github, .btn-outline-github, .btn-ghost-github {
  --tblr-btn-color: #181717;
  --tblr-btn-color-interactive: #161515;
  --tblr-btn-color-text: #fafbfc;
}
.btn-instagram, .btn-outline-instagram, .btn-ghost-instagram {
  --tblr-btn-color: #e4405f;
  --tblr-btn-color-interactive: #cd3a56;
  --tblr-btn-color-text: #fafbfc;
}
.btn-pinterest, .btn-outline-pinterest, .btn-ghost-pinterest {
  --tblr-btn-color: #bd081c;
  --tblr-btn-color-interactive: #aa0719;
  --tblr-btn-color-text: #fafbfc;
}
.btn-vk, .btn-outline-vk, .btn-ghost-vk {
  --tblr-btn-color: #6383a8;
  --tblr-btn-color-interactive: #597697;
  --tblr-btn-color-text: #fafbfc;
}
.btn-rss, .btn-outline-rss, .btn-ghost-rss {
  --tblr-btn-color: #ffa500;
  --tblr-btn-color-interactive: #e69500;
  --tblr-btn-color-text: #fafbfc;
}
.btn-flickr, .btn-outline-flickr, .btn-ghost-flickr {
  --tblr-btn-color: #0063dc;
  --tblr-btn-color-interactive: #0059c6;
  --tblr-btn-color-text: #fafbfc;
}
.btn-bitbucket, .btn-outline-bitbucket, .btn-ghost-bitbucket {
  --tblr-btn-color: #0052cc;
  --tblr-btn-color-interactive: #004ab8;
  --tblr-btn-color-text: #fafbfc;
}
.btn-tabler, .btn-outline-tabler, .btn-ghost-tabler {
  --tblr-btn-color: #206bc4;
  --tblr-btn-color-interactive: #1d60b0;
  --tblr-btn-color-text: #fafbfc;
}
.btn-action {
  padding: 0;
  border: 0;
  color: #626976;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.btn-action:after {
  content: none;
}
.btn-action:focus {
  outline: none;
  box-shadow: none;
}
.btn-action:hover, .btn-action.show {
  color: #1e293b;
  background: #f5f7fb;
}
.btn-action.show {
  color: #fec95c;
}
.btn-action .icon {
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  stroke-width: 1;
}
.btn-actions {
  display: flex;
}
.calendar {
  display: block;
  font-size: 0.765625rem;
  border: 1px solid #e6e7e9;
  border-radius: 4px;
}
.calendar-nav {
  display: flex;
  align-items: center;
}
.calendar-title {
  flex: 1;
  text-align: center;
}
.calendar-body, .calendar-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0.5rem 0;
}
.calendar-header {
  color: #626976;
}
.calendar-date {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
  padding: 0.2rem;
  text-align: center;
  border: 0;
}
.calendar-date.prev-month, .calendar-date.next-month {
  opacity: 0.25;
}
.calendar-date .date-item {
  position: relative;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  color: #66758c;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 100rem;
  outline: 0;
  transition: background 0.3s, border 0.3s, box-shadow 0.32s, color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .calendar-date .date-item {
    transition: none;
  }
}
.calendar-date .date-item:hover {
  color: #fec95c;
  text-decoration: none;
  background: #fefeff;
  border-color: #e6e7e9;
}
.calendar-date .date-today {
  color: #fec95c;
  border-color: #e6e7e9;
}
.calendar-range {
  position: relative;
}
.calendar-range:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1.4rem;
  content: "";
  background: rgba(254, 201, 92, 0.1);
  transform: translateY(-50%);
}
.calendar-range.range-start .date-item, .calendar-range.range-end .date-item {
  color: #ffffff;
  background: #fec95c;
  border-color: #fec95c;
}
.calendar-range.range-start:before {
  left: 50%;
}
.calendar-range.range-end:before {
  right: 50%;
}
.card {
  --tblr-card-border-radius: 4px;
  box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
  border: 1px solid rgba(98, 105, 118, 0.16);
  background: var(--tblr-card-bg, #ffffff);
  border-radius: var(--tblr-card-border-radius);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, box-shadow 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .card {
    transition: none;
  }
}
@media print {
  .card {
    border: none;
    box-shadow: none;
  }
}
a.card {
  color: inherit;
}
a.card:hover {
  text-decoration: none;
  box-shadow: rgba(30, 41, 59, 0.16) 0 2px 16px 0;
}
.card .card {
  box-shadow: none;
}
.card-borderless, .card-borderless .card-header, .card-borderless .card-footer {
  border-color: transparent;
}
.card-stamp {
  --stamp-size: 7rem;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--stamp-size) * 1);
  height: calc(var(--stamp-size) * 1);
  max-height: 100%;
  border-top-right-radius: 4px;
  opacity: 0.2;
  overflow: hidden;
  pointer-events: none;
}
.card-stamp-lg {
  --stamp-size: 13rem;
}
.card-stamp-icon {
  background: #626976;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  width: calc(var(--stamp-size) * 1);
  height: calc(var(--stamp-size) * 1);
  position: relative;
  top: calc(var(--stamp-size) * -.25);
  right: calc(var(--stamp-size) * -.25);
  font-size: calc(var(--stamp-size) * .75);
  transform: rotate(10deg);
}
.card-stamp-icon .icon {
  stroke-width: 2;
  width: calc(var(--stamp-size) * .75);
  height: calc(var(--stamp-size) * .75);
}
.card-img, .card-img-start {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card-img, .card-img-end {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.card-img-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card-img-overlay-dark {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.card-inactive {
  pointer-events: none;
  box-shadow: none;
}
.card-inactive .card-body {
  opacity: 0.64;
}
.card-active {
  position: relative;
  background-color: rgba(254, 201, 92, 0.03);
  z-index: 1;
}
.card-active:before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: "";
  border: 1px solid #fec95c;
  border-radius: inherit;
}
.card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.25rem;
  text-align: center;
  transition: background 0.3s;
  border-top: 1px solid var(--tblr-border-color);
  flex: 1;
  color: inherit;
  font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {
  .card-btn {
    transition: none;
  }
}
.card-btn:hover {
  text-decoration: none;
  background: rgba(32, 107, 196, 0.04);
}
.card-btn + .card-btn {
  border-left: 1px solid var(--tblr-border-color);
}
.card-stacked {
  position: relative;
}
.card-stacked:after {
  position: absolute;
  top: -5px;
  right: 5px;
  left: 5px;
  height: 5px;
  content: "";
  background: #ffffff;
  border: 1px solid rgba(98, 105, 118, 0.16);
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-cover {
  position: relative;
  padding: 1rem 1.25rem;
  background: #666666 no-repeat center/cover;
}
.card-cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(30, 41, 59, 0.48);
}
.card-cover:first-child, .card-cover:first-child:before {
  border-radius: 4px 4px 0 0;
}
.card-cover-blurred:before {
  backdrop-filter: blur(2px);
}
.card-actions {
  margin: -0.5rem -0.5rem -0.5rem auto;
  padding-left: 0.5rem;
}
.card-actions a {
  text-decoration: none;
}
.card-header {
  color: inherit;
  display: flex;
  align-items: center;
  background: transparent;
}
.card-header:first-child {
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-header-light {
  border-bottom-color: transparent;
  background: var(--tblr-light);
}
.card-header-tabs {
  flex: 1;
  margin: -0.5rem -0.625rem -1rem;
}
.card-header-pills {
  flex: 1;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.card-rotate-left {
  transform: rotate(-1.5deg);
}
.card-rotate-right {
  transform: rotate(1.5deg);
}
.card-link {
  color: inherit;
}
.card-link:hover {
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
}
.card-link-rotate:hover {
  transform: rotate(1.5deg);
  opacity: 1;
}
.card-link-pop:hover {
  transform: translateY(-2px);
  opacity: 1;
}
.card-footer {
  margin-top: auto;
}
.card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}
.card-footer-transparent {
  background: transparent;
  border-color: transparent;
  padding-top: 0;
}
.card-progress {
  height: 0.25rem;
}
.card-progress:last-child {
  border-radius: 0 0 2px 2px;
}
.card-progress:first-child {
  border-radius: 2px 2px 0 0;
}
.card-meta {
  color: #626976;
}
.card-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
a.card-title:hover {
  color: inherit;
}
.card-header .card-title {
  margin: 0;
}
.card-subtitle {
  margin-top: -0.5rem;
  margin-bottom: 1.25rem;
  color: #626976;
  font-weight: normal;
}
.card-header .card-subtitle {
  margin: 0;
}
.card-title .card-subtitle {
  margin: 0 0 0 0.25rem;
  font-size: 0.875rem;
}
.card-body > :last-child {
  margin-bottom: 0;
}
.card-sm > .card-body {
  padding: 1rem;
}
@media (min-width: 768px) {
  .card-md > .card-body {
    padding: 2.5rem;
  }
}
@media (min-width: 768px) {
  .card-lg > .card-body {
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  .card-lg > .card-body {
    padding: 4rem;
  }
}
@media print {
  .card-body {
    padding: 0;
  }
}
.card-body + .card-body {
  border-top: 1px solid #e6e7e9;
}
.card-body-scrollable {
  overflow: auto;
}
/**
Card optinos
 */
.card-options {
  top: 1.5rem;
  right: 0.75rem;
  display: flex;
  margin-left: auto;
}
.card-options-link {
  display: inline-block;
  min-width: 1rem;
  margin-left: 0.25rem;
  color: #626976;
}
/**
Card status
 */
.card-status-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-status-start {
  position: absolute;
  right: auto;
  bottom: 0;
  width: 2px;
  height: 100%;
  border-radius: var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius);
}
.card-status-bottom {
  position: absolute;
  top: initial;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}
/**
Card table
 */
.card-table {
  margin-bottom: 0 !important;
}
.card-table tr td:first-child, .card-table tr th:first-child {
  padding-left: 1.25rem;
}
.card-table tr td:last-child, .card-table tr th:last-child {
  padding-right: 1.25rem;
}
.card-table thead tr:first-child td, .card-table thead tr:first-child th {
  border-top: 0;
}
.card-table tbody tr:last-child td, .card-table tbody tr:last-child th {
  border-bottom: 0;
}
.card-body + .card-table {
  border-top: 1px solid #e6e7e9;
}
/*
Card code
 */
.card-code {
  padding: 0;
}
.card-code .highlight {
  margin: 0;
  border: 0;
}
.card-code pre {
  margin: 0 !important;
  border: 0 !important;
}
/*
Card chart
 */
.card-chart {
  position: relative;
  z-index: 1;
  height: 3.5rem;
}
/**
Card avatar
 */
.card-avatar {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 0 0.25rem #ffffff;
  margin-top: calc(-1 * calc(var(--tblr-avatar-size) * .5));
}
/*
Card list group
 */
.card-body + .card-list-group {
  border-top: 1px solid #e6e7e9;
}
.card-list-group .list-group-item {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.card-list-group .list-group-item:last-child {
  border-bottom: 0;
}
.card-list-group .list-group-item:first-child {
  border-top: 0;
}
.card-tabs .nav-tabs {
  position: relative;
  z-index: 1000;
  border-bottom: 0;
}
.card-tabs .nav-tabs .nav-link {
  color: #626976;
  background: #fafbfc;
  border: 1px solid rgba(98, 105, 118, 0.16);
}
.card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
  border-color: rgba(98, 105, 118, 0.16);
  color: #1e293b;
}
.card-tabs .nav-tabs .nav-link.active {
  background: #ffffff;
  border-bottom-color: transparent;
}
.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
  border-top-left-radius: 0;
}
.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
  border-top-right-radius: 0;
}
.card-tabs .nav-tabs .nav-item + .nav-item {
  margin-left: -1px;
}
.card-tabs .nav-tabs-bottom {
  margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-link {
  margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-link.active {
  border-top-color: transparent;
}
.card-tabs .nav-tabs-bottom .nav-item {
  margin-top: -1px;
  margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-item .nav-link {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  border-radius: 0 0 4px 4px;
}
.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link {
  border-bottom-left-radius: 0;
}
.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link {
  border-bottom-right-radius: 0;
}
.card-tabs .card {
  border-bottom-left-radius: 0;
}
.card-tabs .nav-tabs + .tab-content .card {
  border-bottom-left-radius: var(--tblr-card-border-radius);
  border-top-left-radius: 0;
}
.btn-close {
  cursor: pointer;
}
.btn-close:focus {
  outline: none;
}
.dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  user-select: none;
  margin: 0 !important;
}
.dropdown-menu.card {
  padding: 0;
  min-width: 25rem;
  display: none;
}
.dropdown-menu.card.show {
  display: flex;
}
.dropdown-item {
  min-width: 11rem;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.4285714286;
}
.dropdown-item-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin-right: 0.5rem;
  color: #626976;
  opacity: 0.7;
  text-align: center;
}
.dropdown-item-indicator {
  margin-right: 0.5rem;
  margin-left: -0.25rem;
  height: 1.25rem;
  display: inline-flex;
  line-height: 1;
  vertical-align: bottom;
  align-items: center;
}
.dropdown-header {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
  padding-bottom: 0.25rem;
  pointer-events: none;
}
.dropdown-menu-scrollable {
  height: auto;
  max-height: 13rem;
  overflow-x: hidden;
}
.dropdown-menu-column {
  min-width: 11rem;
}
.dropdown-menu-column .dropdown-item {
  min-width: 0;
  margin-bottom: 0.25rem !important;
}
.dropdown-menu-column .dropdown-item:last-child {
  margin-bottom: 0 !important;
}
.dropdown-menu-columns {
  display: flex;
  gap: 1rem !important;
  padding: 0.5rem 0.75rem !important;
  flex: 0 0.25rem;
}
.dropdown-menu-arrow:before {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: 0.75rem;
  display: block;
  background: inherit;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  transform-origin: center;
  border: 1px solid;
  border-color: inherit;
  z-index: -1;
  clip: rect(0px, 9px, 9px, 0px);
}
.dropdown-menu-arrow.dropdown-menu-end:before {
  right: 0.75rem;
  left: auto;
}
.dropend > .dropdown-menu {
  margin-top: calc(-0.25rem - 1px);
  margin-left: -0.25rem;
}
.dropend .dropdown-toggle:after {
  margin-left: auto;
}
.dropdown-menu-card {
  padding: 0;
}
.dropdown-menu-card > .card {
  margin: 0;
  border: 0;
  box-shadow: none;
}
.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .empty {
    padding: 3rem;
  }
}
.empty-icon {
  margin: 0 0 1rem;
  width: 3rem;
  height: 3rem;
  line-height: 1;
  color: #626976;
}
.empty-icon svg {
  width: 100%;
  height: 100%;
}
.empty-img {
  margin: 0 0 2rem;
  line-height: 1;
}
.empty-img img {
  height: 8rem;
  width: auto;
}
.empty-header {
  margin: 0 0 1rem;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
  color: #626976;
}
.empty-title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
}
.empty-title, .empty-subtitle {
  margin: 0 0 0.5rem;
}
.empty-action {
  margin-top: 1.5rem;
}
.empty-bordered {
  border: 1px solid #e6e7e9;
  border-radius: 4px;
}
.row > * {
  min-width: 0;
}
.col-separator {
  border-left: 1px solid #e6e7e9;
}
@media (max-width: 991.98px) {
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    --tblr-gutter-x: 1rem;
  }
}
.container-tight {
  width: 100%;
  padding-right: var(--tblr-gutter-x, 1.5rem);
  padding-left: var(--tblr-gutter-x, 1.5rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 30rem;
}
.container-narrow {
  width: 100%;
  padding-right: var(--tblr-gutter-x, 1.5rem);
  padding-left: var(--tblr-gutter-x, 1.5rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 45rem;
}
.row-0 {
  margin-right: 0;
  margin-left: 0;
}
.row-0 > .col, .row-0 > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.row-0 .card {
  margin-bottom: 0;
}
.row-sm {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}
.row-sm > .col, .row-sm > [class*="col-"] {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.row-sm .card {
  margin-bottom: 0.75rem;
}
.row-md {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.row-md > .col, .row-md > [class*="col-"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.row-md .card {
  margin-bottom: 3rem;
}
.row-lg {
  margin-right: -3rem;
  margin-left: -3rem;
}
.row-lg > .col, .row-lg > [class*="col-"] {
  padding-right: 3rem;
  padding-left: 3rem;
}
.row-lg .card {
  margin-bottom: 6rem;
}
.row-deck > .col, .row-deck > [class*="col-"] {
  display: flex;
  align-items: stretch;
}
.row-deck > .col .card, .row-deck > [class*="col-"] .card {
  flex: 1 1 auto;
}
.row-cards {
  --tblr-gutter-x: 1rem;
  --tblr-gutter-y: 1rem;
  min-width: 0;
}
.row-cards .row-cards {
  flex: 1;
}
@media (max-width: 991.98px) {
  .row-cards {
    --tblr-gutter-x: 0.5rem;
    --tblr-gutter-y: 0.5rem;
  }
}
.space-y > :not(template) ~ :not(template) {
  margin-top: 1rem !important;
}
.space-x > :not(template) ~ :not(template) {
  margin-left: 1rem !important;
}
.space-y-0 > :not(template) ~ :not(template) {
  margin-top: 0 !important;
}
.space-x-0 > :not(template) ~ :not(template) {
  margin-left: 0 !important;
}
.space-y-1 > :not(template) ~ :not(template) {
  margin-top: 0.25rem !important;
}
.space-x-1 > :not(template) ~ :not(template) {
  margin-left: 0.25rem !important;
}
.space-y-2 > :not(template) ~ :not(template) {
  margin-top: 0.5rem !important;
}
.space-x-2 > :not(template) ~ :not(template) {
  margin-left: 0.5rem !important;
}
.space-y-3 > :not(template) ~ :not(template) {
  margin-top: 1rem !important;
}
.space-x-3 > :not(template) ~ :not(template) {
  margin-left: 1rem !important;
}
.space-y-4 > :not(template) ~ :not(template) {
  margin-top: 2rem !important;
}
.space-x-4 > :not(template) ~ :not(template) {
  margin-left: 2rem !important;
}
.space-y-5 > :not(template) ~ :not(template) {
  margin-top: 4rem !important;
}
.space-x-5 > :not(template) ~ :not(template) {
  margin-left: 4rem !important;
}
.divide-y > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y > :not(template):not(:first-child) {
  padding-top: 1rem !important;
}
.divide-y > :not(template):not(:last-child) {
  padding-bottom: 1rem !important;
}
.divide-x > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x > :not(template):not(:first-child) {
  padding-left: 1rem !important;
}
.divide-x > :not(template):not(:last-child) {
  padding-right: 1rem !important;
}
.divide-y-0 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-0 > :not(template):not(:first-child) {
  padding-top: 0 !important;
}
.divide-y-0 > :not(template):not(:last-child) {
  padding-bottom: 0 !important;
}
.divide-x-0 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-0 > :not(template):not(:first-child) {
  padding-left: 0 !important;
}
.divide-x-0 > :not(template):not(:last-child) {
  padding-right: 0 !important;
}
.divide-y-1 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-1 > :not(template):not(:first-child) {
  padding-top: 0.25rem !important;
}
.divide-y-1 > :not(template):not(:last-child) {
  padding-bottom: 0.25rem !important;
}
.divide-x-1 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-1 > :not(template):not(:first-child) {
  padding-left: 0.25rem !important;
}
.divide-x-1 > :not(template):not(:last-child) {
  padding-right: 0.25rem !important;
}
.divide-y-2 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-2 > :not(template):not(:first-child) {
  padding-top: 0.5rem !important;
}
.divide-y-2 > :not(template):not(:last-child) {
  padding-bottom: 0.5rem !important;
}
.divide-x-2 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-2 > :not(template):not(:first-child) {
  padding-left: 0.5rem !important;
}
.divide-x-2 > :not(template):not(:last-child) {
  padding-right: 0.5rem !important;
}
.divide-y-3 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-3 > :not(template):not(:first-child) {
  padding-top: 1rem !important;
}
.divide-y-3 > :not(template):not(:last-child) {
  padding-bottom: 1rem !important;
}
.divide-x-3 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-3 > :not(template):not(:first-child) {
  padding-left: 1rem !important;
}
.divide-x-3 > :not(template):not(:last-child) {
  padding-right: 1rem !important;
}
.divide-y-4 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-4 > :not(template):not(:first-child) {
  padding-top: 2rem !important;
}
.divide-y-4 > :not(template):not(:last-child) {
  padding-bottom: 2rem !important;
}
.divide-x-4 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-4 > :not(template):not(:first-child) {
  padding-left: 2rem !important;
}
.divide-x-4 > :not(template):not(:last-child) {
  padding-right: 2rem !important;
}
.divide-y-5 > :not(template) ~ :not(template) {
  border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-y-5 > :not(template):not(:first-child) {
  padding-top: 4rem !important;
}
.divide-y-5 > :not(template):not(:last-child) {
  padding-bottom: 4rem !important;
}
.divide-x-5 > :not(template) ~ :not(template) {
  border-left: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.divide-x-5 > :not(template):not(:first-child) {
  padding-left: 4rem !important;
}
.divide-x-5 > :not(template):not(:last-child) {
  padding-right: 4rem !important;
}
.divide-y-fill {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.divide-y-fill > :not(template) {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  vertical-align: bottom;
  stroke-width: 1.5;
}
.icon:hover {
  text-decoration: none;
}
.icon-inline {
  width: 1em;
  height: 1em;
  font-size: 1.1428571429em;
  vertical-align: -0.2em;
}
.icon-filled {
  fill: currentColor;
}
.icon-sm {
  width: 1rem;
  height: 1rem;
  stroke-width: 1;
}
.icon-md {
  width: 2.5rem;
  height: 2.5rem;
  stroke-width: 1;
}
.icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  stroke-width: 1;
}
.img-responsive {
  background: no-repeat center/cover;
  padding-top: 75%;
}
.img-responsive-1x1 {
  padding-top: 100%;
}
.img-responsive-4x3 {
  padding-top: calc(3 / 4 * 100%);
}
.img-responsive-3x4 {
  padding-top: calc(4 / 3 * 100%);
}
.img-responsive-16x9 {
  padding-top: calc(9 / 16 * 100%);
}
.img-responsive-9x16 {
  padding-top: calc(16 / 9 * 100%);
}
.img-responsive-21x9 {
  padding-top: calc(9 / 21 * 100%);
}
.img-responsive-9x21 {
  padding-top: calc(21 / 9 * 100%);
}
textarea[cols] {
  height: auto;
}
/**
Form label
 */
.form-label {
  display: block;
  font-weight: 500;
}
.form-label.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}
.form-label-description {
  float: right;
  font-weight: 400;
  color: #626976;
}
/**
Form hint
 */
.form-hint {
  display: block;
  color: #626976;
}
.form-hint:last-child {
  margin-bottom: 0;
}
.form-hint + .form-control {
  margin-top: 0.25rem;
}
.form-label + .form-hint {
  margin-top: -0.25rem;
}
.input-group + .form-hint, .form-control + .form-hint, .form-select + .form-hint {
  margin-top: 0.5rem;
}
/**
Form control
 */
.form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--tblr-body-bg) inset;
  color: var(--tblr-body-color);
}
.form-control:disabled, .form-control.disabled {
  color: #626976;
  user-select: none;
}
.form-control[size] {
  width: auto;
}
.form-control[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
  cursor: pointer;
  height: calc(calc(1.4285714286em + 0.875rem + 2px) - 1px);
  margin: 0 -0.75rem 0 0;
}
.form-control[type="number"]::-moz-inner-spin-button {
  opacity: 1;
  cursor: pointer;
  height: calc(calc(1.4285714286em + 0.875rem + 2px) - 1px);
  margin: 0 -0.75rem 0 0;
}
.form-control-light {
  background-color: #f1f5f9;
  border-color: transparent;
}
.form-control-dark {
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  border-color: transparent;
}
.form-control-dark:focus {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.24);
}
.form-control-dark::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.form-control-rounded {
  border-radius: 10rem;
}
.form-control-flush {
  padding: 0;
  background: none !important;
  border-color: transparent !important;
  resize: none;
  box-shadow: none !important;
  line-height: inherit;
}
.form-footer {
  margin-top: 2rem;
}
.form-fieldset {
  padding: 1rem;
  margin-bottom: 1rem;
  background: var(--tblr-body-bg);
  border: 1px solid var(--tblr-border-color);
  border-radius: 4px;
}
/**
Form help
 */
.form-help {
  display: inline-flex;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.75rem;
  color: #626976;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  background: var(--tblr-border-color-light);
  border-radius: 100rem;
  transition: background-color 0.3s, color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-help {
    transition: none;
  }
}
.form-help:hover, .form-help[aria-describedby] {
  color: #ffffff;
  background: #fec95c;
}
/**
Input group
 */
.input-group-link {
  font-size: 0.75rem;
}
.input-group-flat:focus-within {
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
  border-radius: 4px;
}
.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
  border-color: #ffe4ae !important;
}
.input-group-flat .form-control:focus {
  border-color: #d9dbde;
  box-shadow: none;
}
.input-group-flat .form-control:not(:last-child) {
  border-right: 0;
}
.input-group-flat .form-control:not(:first-child) {
  border-left: 0;
}
.input-group-flat .input-group-text {
  background: transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group-flat .input-group-text {
    transition: none;
  }
}
.input-group-flat .input-group-text:first-child {
  padding-right: 0;
}
.input-group-flat .input-group-text:last-child {
  padding-left: 0;
}
/**
Upload files
 */
.form-file-button {
  margin-left: 0;
  border-left: 0;
}
/**
Icon input
 */
.input-icon {
  position: relative;
}
.input-icon .form-control:not(:last-child), .input-icon .form-select:not(:last-child) {
  padding-right: 2.5rem;
}
.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
  padding-left: 2.5rem;
}
.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  color: #626976;
  pointer-events: none;
  font-size: 1.2em;
}
.input-icon-addon:last-child {
  right: 0;
  left: auto;
}
/*
Color Input
 */
.form-colorinput {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 1;
  cursor: pointer;
}
.form-colorinput-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-colorinput-color {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff;
  border: 1px solid rgba(98, 105, 118, 0.16);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form-colorinput-color:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: no-repeat center center/1rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
  opacity: 0;
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-colorinput-color:before {
    transition: none;
  }
}
.form-colorinput-input:checked ~ .form-colorinput-color:before {
  opacity: 1;
}
.form-colorinput-input:focus ~ .form-colorinput-color {
  border-color: #fec95c;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-colorinput-light .form-colorinput-color:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}
/**
Image check
 */
.form-imagecheck {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.form-imagecheck-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-imagecheck-figure {
  position: relative;
  display: block;
  margin: 0;
  user-select: none;
  border: 1px solid var(--tblr-border-color);
  border-radius: 3px;
}
.form-imagecheck-input:focus ~ .form-imagecheck-figure {
  border-color: #fec95c;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure {
  border-color: #fec95c;
}
.form-imagecheck-figure:before {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 1;
  display: block;
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  pointer-events: none;
  content: "";
  user-select: none;
  background: #ffffff;
  border: 1px solid #e6e7e9;
  border-radius: 3px;
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-figure:before {
    transition: none;
  }
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
  background-color: #fec95c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
  background-repeat: repeat;
  background-position: center;
  background-size: 1rem;
  border-color: rgba(98, 105, 118, 0.24);
}
.form-imagecheck-image {
  max-width: 100%;
  display: block;
  opacity: 0.64;
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-image {
    transition: none;
  }
}
.form-imagecheck-image:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.form-imagecheck-image:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-imagecheck:hover .form-imagecheck-image, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image {
  opacity: 1;
}
.form-imagecheck-caption {
  padding: 0.25rem;
  font-size: 0.765625rem;
  color: #626976;
  text-align: center;
  transition: color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-caption {
    transition: none;
  }
}
.form-imagecheck:hover .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
  color: #1e293b;
}
/*
Select group
 */
.form-selectgroup {
  display: inline-flex;
  margin: 0 -0.5rem -0.5rem 0;
  flex-wrap: wrap;
}
.form-selectgroup .form-selectgroup-item {
  margin: 0 0.5rem 0.5rem 0;
}
.form-selectgroup-vertical {
  flex-direction: column;
}
.form-selectgroup-item {
  display: block;
  position: relative;
}
.form-selectgroup-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.form-selectgroup-label {
  position: relative;
  display: block;
  min-width: calc(1.4285714286em + 0.875rem + 2px);
  margin: 0;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #626976;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid #d9dbde;
  border-radius: 3px;
  transition: border-color 0.3s, background 0.3s, color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-selectgroup-label {
    transition: none;
  }
}
.form-selectgroup-label .icon:only-child {
  margin: 0 -0.25rem;
}
.form-selectgroup-label:hover {
  color: #1e293b;
}
.form-selectgroup-check {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(98, 105, 118, 0.24);
  vertical-align: middle;
}
.form-selectgroup-input[type="checkbox"] + .form-selectgroup-label .form-selectgroup-check {
  border-radius: 4px;
}
.form-selectgroup-input[type="radio"] + .form-selectgroup-label .form-selectgroup-check {
  border-radius: 50%;
}
.form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
  background-color: #fec95c;
  background-repeat: repeat;
  background-position: center;
  background-size: 1rem;
  border-color: rgba(98, 105, 118, 0.24);
}
.form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-label .form-selectgroup-check {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}
.form-selectgroup-input[type="radio"]:checked + .form-selectgroup-label .form-selectgroup-check {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}
.form-selectgroup-check-floated {
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
}
.form-selectgroup-input:checked + .form-selectgroup-label {
  z-index: 1;
  color: #fec95c;
  background: rgba(254, 201, 92, 0.04);
  border-color: #fec95c;
}
.form-selectgroup-input:focus + .form-selectgroup-label {
  z-index: 2;
  color: #fec95c;
  border-color: #fec95c;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
/**
Alternate version of form select group
 */
.form-selectgroup-boxes .form-selectgroup-label {
  text-align: left;
  padding: 1.25rem 1rem;
  color: inherit;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label {
  color: inherit;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
  color: #fec95c;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-label-content {
  opacity: 1;
}
/**
Select group
 */
.form-selectgroup-pills {
  flex-wrap: wrap;
  align-items: flex-start;
}
.form-selectgroup-pills .form-selectgroup-item {
  flex-grow: 0;
}
.form-selectgroup-pills .form-selectgroup-label {
  border-radius: 50px;
}
/**
Bootstrap color input
 */
.form-control-color::-webkit-color-swatch {
  border: none;
}
/**
Remove the cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/**
Form control dark theme fix
 */
.form-control::file-selector-button {
  background-color: var(--tblr-btn-color, #fafbfc);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--tblr-btn-color, #eeeeef);
}
/*
Form check
 */
.form-check {
  user-select: none;
}
.form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
  opacity: 0.7;
}
.form-check-input {
  background-size: 1rem;
  margin-top: 0.125rem;
}
.form-switch .form-check-input {
  transition: background-color 0.3s, background-position 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-check-label {
  display: block;
}
.form-check-label.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}
.form-check-description {
  display: block;
  color: #626976;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.form-check-single {
  margin: 0;
}
.form-check-single .form-check-input {
  margin: 0;
}
/*
Form switch
 */
.form-switch .form-check-input {
  height: 1.125rem;
  margin-top: 0.0625rem;
}
.form-switch-lg .form-check-input {
  height: 1.5rem;
  width: 2.75rem;
  background-size: 1.5rem;
}
.form-control.is-valid-lite, .form-select.is-valid-lite, .form-control.is-invalid-lite, .form-select.is-invalid-lite {
  border-color: var(--tblr-border-color) !important;
}
.legend {
  display: inline-block;
  background: var(--tblr-border-color-light);
  width: 0.75em;
  height: 0.75em;
  border-radius: 4px;
}
.list-group {
  margin-left: 0;
  margin-right: 0;
}
.list-group-header {
  background: #fafbfc;
  padding: 0.5rem 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #626976;
  border-bottom: 1px solid var(--tblr-border-color);
}
.list-group-flush > .list-group-header:last-child {
  border-bottom-width: 0;
}
.list-group-item {
  background-color: rgba(27, 125, 241, 0.02);
}
.list-group-item.active {
  background-color: inherit;
  border-left: 2px solid #f59f00 !important;
}
.list-group-item:active, .list-group-item:focus, .list-group-item:hover {
  background-color: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #64748b;
  background-color: rgba(27, 125, 241, 0.02);
}
.list-bordered .list-item {
  border-top: 1px solid #e6e7e9;
  margin-top: -1px;
}
.list-bordered .list-item:first-child {
  border-top: none;
}
.list-group-hoverable .list-group-item-actions {
  opacity: 0;
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-hoverable .list-group-item-actions {
    transition: none;
  }
}
.list-group-hoverable .list-group-item:hover .list-group-item-actions, .list-group-hoverable .list-group-item-actions.show {
  opacity: 1;
}
.list-timeline {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-timeline > li {
  position: relative;
  margin-bottom: 1.5rem;
}
.list-timeline > li:last-child {
  margin-bottom: 0;
}
.list-timeline-time {
  float: right;
  margin-left: 1rem;
  color: #626976;
}
.list-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: #ffffff;
  text-align: center;
  background: #626976;
  border-radius: 100rem;
}
.list-timeline-icon .icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.list-timeline-title {
  margin: 0;
  font-weight: 600;
}
.list-timeline-content {
  margin-left: 3.5rem;
}
@media screen and (min-width: 768px) {
  .list-timeline:not(.list-timeline-simple):before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(7.5rem + 2px);
    z-index: 1;
    display: block;
    width: 4px;
    content: "";
    background-color: #f5f7fb;
  }
  .list-timeline:not(.list-timeline-simple) > li {
    z-index: 2;
    min-height: 40px;
  }
  .list-timeline:not(.list-timeline-simple) .list-timeline-time {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 5.5rem;
    margin: 0;
    text-align: right;
  }
  .list-timeline:not(.list-timeline-simple) .list-timeline-icon {
    top: 0;
    left: 6.5rem;
  }
  .list-timeline:not(.list-timeline-simple) .list-timeline-content {
    padding: 0.625rem 0 0 10rem;
    margin: 0;
  }
}
.list-group-transparent {
  margin: 0 -1.25rem;
}
.list-group-transparent .list-group-item {
  background: none;
  border: 0;
  border-radius: 3px;
}
.list-group-transparent .list-group-item .icon {
  color: #626976;
}
.list-group-transparent .list-group-item.active {
  font-weight: 600;
  color: inherit;
  background: rgba(32, 107, 196, 0.04);
}
.list-group-transparent .list-group-item.active .icon {
  color: inherit;
}
.list-separated-item {
  padding: 1rem 0;
}
.list-separated-item:first-child {
  padding-top: 0;
}
.list-separated-item:last-child {
  padding-bottom: 0;
}
.list-separated-item + .list-separated-item {
  border-top: 1px solid #e6e7e9;
}
/**
Inline list
 */
.list-inline-item:not(:last-child) {
  margin-right: auto;
  margin-inline-end: 0.5rem;
}
.list-inline-dots .list-inline-item + .list-inline-item:before {
  content: " · ";
  margin-inline-end: 0.5rem;
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loader {
  position: relative;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  color: #206bc4;
  vertical-align: middle;
}
.loader:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid;
  border-color: transparent;
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-radius: 100rem;
  animation: loader 0.6s linear;
  animation-iteration-count: infinite;
}
/**
Dimmer
*/
.dimmer {
  position: relative;
}
.dimmer .loader {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: none;
  margin: 0 auto;
  transform: translateY(-50%);
}
.dimmer.active .loader {
  display: block;
}
.dimmer.active .dimmer-content {
  pointer-events: none;
  opacity: 0.1;
}
@keyframes animated-dots {
  0% {
    transform: translateX(-100%);
  }
}
.animated-dots {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
.animated-dots:after {
  display: inline-block;
  content: "...";
  animation: animated-dots 1.2s steps(4, jump-none) infinite;
}
.modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0;
  padding: 0;
  z-index: 10;
}
.modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .modal-body::-webkit-scrollbar {
    transition: none;
  }
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(var(--tblr-body-color-rgb), 0.16);
}
.modal-body::-webkit-scrollbar-track {
  background: rgba(var(--tblr-body-color-rgb), 0.06);
}
.modal-body:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--tblr-body-color-rgb), 0.32);
}
.modal-body::-webkit-scrollbar-corner {
  background: transparent;
}
.modal-body .modal-title {
  margin-bottom: 1rem;
}
.modal-body + .modal-body {
  border-top: 1px solid var(--tblr-border-color);
}
.modal-status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #626976;
  border-radius: 4px 4px 0 0;
}
.modal-header {
  align-items: center;
  min-height: 3.5rem;
  background: #ffffff;
  padding: 0 3.5rem 0 1.5rem;
}
.modal-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4285714286;
}
.modal-footer {
  padding-top: 0;
  padding-bottom: 0.75rem;
}
.modal-blur {
  backdrop-filter: blur(4px);
}
.modal-full-width {
  max-width: none;
  margin: 0 0.5rem;
}
.nav-vertical, .nav-vertical .nav {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-vertical .nav {
  margin-left: 1.25rem;
  border-left: 1px solid var(--tblr-border-color);
  padding-left: 0.5rem;
}
.nav-vertical .nav-link.active, .nav-vertical .nav-item.show .nav-link {
  font-weight: 600;
}
.nav-vertical.nav-pills {
  margin: 0 -0.75rem;
}
.nav-bordered {
  border-bottom: 1px solid #e6e7e9;
}
.nav-bordered .nav-item + .nav-item {
  margin-left: 1.25rem;
}
.nav-bordered .nav-link {
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 -1px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #626976;
}
.nav-bordered .nav-link.active, .nav-bordered .nav-item.show .nav-link {
  color: #ffffff !important;
  border-color: #c8202f !important;
  background-image: linear-gradient(135deg, #162a56 0%, #345291 25%, #c8202f 75%, #a01a26 100%) !important;
  background: linear-gradient(135deg, #162a56 0%, #345291 25%, #c8202f 75%, #a01a26 100%) !important;
}
.nav-tabs-alt .nav-link {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.nav-link {
  display: flex;
  transition: color 0.3s;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link-toggle {
  margin-left: auto;
  padding: 0 0.25rem;
  transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link-toggle {
    transition: none;
  }
}
.nav-link-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-45deg);
}
.nav-link-toggle:after {
  margin: 0;
}
.nav-link[aria-expanded="true"] .nav-link-toggle {
  transform: rotate(180deg);
}
.nav-link-icon {
  width: 1.5rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  opacity: 0.7;
}
.nav-link-icon svg {
  display: block;
  height: 100%;
}
.stars {
  display: inline-flex;
  color: #94a3b8;
  font-size: 0.75rem;
}
.stars .star:not(:first-child) {
  margin-left: 0.25rem;
}
.pagination {
  user-select: none;
}
.page-link {
  min-width: 1.75rem;
  border-radius: 4px;
}
.page-link:hover {
  background: transparent;
}
.page-item {
  text-align: center;
}
.page-item.page-prev, .page-item.page-next {
  flex: 0 0 50%;
  text-align: left;
}
.page-item.page-next {
  margin-left: auto;
  text-align: right;
}
.page-item-subtitle {
  margin-bottom: 2px;
  font-size: 12px;
  color: #626976;
  text-transform: uppercase;
}
.page-item.disabled .page-item-subtitle {
  color: rgba(98, 105, 118, 0.5);
}
.page-item-title {
  font-size: 1rem;
  font-weight: 400;
  color: #1e293b;
}
.page-link:hover .page-item-title {
  color: #3a5693;
}
.page-item.disabled .page-item-title {
  color: rgba(98, 105, 118, 0.5);
}
@keyframes progress-indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }
  100%, 60% {
    right: -90%;
    left: 100%;
  }
}
.progress {
  position: relative;
  width: 100%;
  line-height: 0.5rem;
  appearance: none;
  background: var(--tblr-border-color-light);
}
.progress::-webkit-progress-bar {
  background: #f1f5f9;
}
.progress::-webkit-progress-value {
  background-color: #fec95c;
}
.progress::-moz-progress-bar {
  background-color: #fec95c;
}
.progress::-ms-fill {
  background-color: #fec95c;
  border: none;
}
.progress-sm {
  height: 0.25rem;
}
.progress-bar {
  height: 100%;
}
.progress-bar-indeterminate:after, .progress-bar-indeterminate:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: inherit;
  will-change: left, right;
}
.progress-bar-indeterminate:before {
  animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-separated .progress-bar {
  border-right: 2px solid var(--tblr-card-bg, #ffffff);
}
.ribbon {
  position: absolute;
  top: 0.75rem;
  right: -0.25rem;
  z-index: 1;
  padding: 0.25rem 0.75rem;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  background: #fec95c;
  border-color: #fec95c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
}
.ribbon:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 0;
  height: 0;
  content: "";
  filter: brightness(70%);
  border: 0.125rem solid;
  border-color: inherit;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon.bg-blue {
  border-color: #206bc4;
}
.ribbon.bg-blue-lt {
  border-color: #2b72c7 !important;
}
.ribbon.bg-azure {
  border-color: #4299e1;
}
.ribbon.bg-azure-lt {
  border-color: #4b9ee3 !important;
}
.ribbon.bg-indigo {
  border-color: #4263eb;
}
.ribbon.bg-indigo-lt {
  border-color: #4b6bec !important;
}
.ribbon.bg-purple {
  border-color: #ae3ec9;
}
.ribbon.bg-purple-lt {
  border-color: #b248cc !important;
}
.ribbon.bg-pink {
  border-color: #d6336c;
}
.ribbon.bg-pink-lt {
  border-color: #d83d73 !important;
}
.ribbon.bg-red {
  border-color: #d63939;
}
.ribbon.bg-red-lt {
  border-color: #d84343 !important;
}
.ribbon.bg-orange {
  border-color: #f76707;
}
.ribbon.bg-orange-lt {
  border-color: #f76f13 !important;
}
.ribbon.bg-yellow {
  border-color: #f59f00;
}
.ribbon.bg-yellow-lt {
  border-color: #f6a40d !important;
}
.ribbon.bg-lime {
  border-color: #74b816;
}
.ribbon.bg-lime-lt {
  border-color: #7bbc22 !important;
}
.ribbon.bg-green {
  border-color: #2fb344;
}
.ribbon.bg-green-lt {
  border-color: #39b74d !important;
}
.ribbon.bg-teal {
  border-color: #0ca678;
}
.ribbon.bg-teal-lt {
  border-color: #18aa7f !important;
}
.ribbon.bg-cyan {
  border-color: #17a2b8;
}
.ribbon.bg-cyan-lt {
  border-color: #23a7bc !important;
}
.ribbon .icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.ribbon-top {
  top: -0.25rem;
  right: 0.75rem;
  width: 2rem;
  padding: 0.5rem 0;
}
.ribbon-top:before {
  top: 0;
  right: 100%;
  bottom: auto;
  border-color: inherit;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top.ribbon-start {
  right: auto;
  left: 0.75rem;
}
.ribbon-top.ribbon-start:before {
  top: 0;
  right: 100%;
  left: auto;
}
.ribbon-start {
  right: auto;
  left: -0.25rem;
}
.ribbon-start:before {
  top: auto;
  bottom: 100%;
  left: 0;
  border-color: inherit;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom {
  top: auto;
  bottom: 0.75rem;
}
.ribbon-bookmark {
  padding-left: 0.25rem;
}
.ribbon-bookmark:after {
  position: absolute;
  top: 0;
  right: 100%;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 1rem solid;
  border-color: inherit;
  border-right-width: 0;
  border-left-color: transparent;
  border-left-width: 0.5rem;
}
.ribbon-bookmark.ribbon-left {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.ribbon-bookmark.ribbon-left:after {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-right-width: 0.5rem;
  border-left-width: 0;
}
.ribbon-bookmark.ribbon-top {
  padding-right: 0;
  padding-bottom: 0.25rem;
  padding-left: 0;
}
.ribbon-bookmark.ribbon-top:after {
  top: 100%;
  right: 0;
  left: 0;
  border-color: inherit;
  border-width: 1rem;
  border-top-width: 0;
  border-bottom-color: transparent;
  border-bottom-width: 0.5rem;
}
/**
Markdown
 */
.markdown {
  font-size: 1rem;
  line-height: 1.7142857143;
}
.markdown > :first-child {
  margin-top: 0;
}
.markdown > :last-child, .markdown > :last-child .highlight {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .markdown > hr, .markdown > .hr {
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
  font-weight: 600;
}
.markdown > blockquote {
  font-size: 1rem;
  margin: 1.5rem 0;
  padding: 0.5rem 1.5rem;
}
.markdown > img {
  border-radius: 4px;
}
.placeholder:not(.btn):not([class*="bg-"]) {
  background-color: currentColor !important;
}
.placeholder:not(.avatar):not([class*="card-img-"]) {
  border-radius: 4px;
}
.steps {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0;
  margin: 2rem 0;
  list-style: none;
}
.steps .step-item {
  padding-top: calc(0.5rem + 4px);
}
.steps .step-item:after {
  top: calc(0.25rem + 2px);
  height: 2px;
}
.steps .step-item:before {
  width: 0.5rem;
  height: 0.5rem;
}
.steps .step-item:after, .steps .step-item:before {
  color: #ffffff;
  background: #fec95c;
}
.steps .step-item.active:before {
  color: inherit;
  border-color: #fec95c;
}
.steps-blue .step-item:after, .steps-blue .step-item:before {
  color: #ffffff;
  background: #206bc4;
}
.steps-blue .step-item.active:before {
  color: inherit;
  border-color: #206bc4;
}
.steps-azure .step-item:after, .steps-azure .step-item:before {
  color: #ffffff;
  background: #4299e1;
}
.steps-azure .step-item.active:before {
  color: inherit;
  border-color: #4299e1;
}
.steps-indigo .step-item:after, .steps-indigo .step-item:before {
  color: #ffffff;
  background: #4263eb;
}
.steps-indigo .step-item.active:before {
  color: inherit;
  border-color: #4263eb;
}
.steps-purple .step-item:after, .steps-purple .step-item:before {
  color: #ffffff;
  background: #ae3ec9;
}
.steps-purple .step-item.active:before {
  color: inherit;
  border-color: #ae3ec9;
}
.steps-pink .step-item:after, .steps-pink .step-item:before {
  color: #ffffff;
  background: #d6336c;
}
.steps-pink .step-item.active:before {
  color: inherit;
  border-color: #d6336c;
}
.steps-red .step-item:after, .steps-red .step-item:before {
  color: #ffffff;
  background: #d63939;
}
.steps-red .step-item.active:before {
  color: inherit;
  border-color: #d63939;
}
.steps-orange .step-item:after, .steps-orange .step-item:before {
  color: #ffffff;
  background: #f76707;
}
.steps-orange .step-item.active:before {
  color: inherit;
  border-color: #f76707;
}
.steps-yellow .step-item:after, .steps-yellow .step-item:before {
  color: #ffffff;
  background: #f59f00;
}
.steps-yellow .step-item.active:before {
  color: inherit;
  border-color: #f59f00;
}
.steps-lime .step-item:after, .steps-lime .step-item:before {
  color: #ffffff;
  background: #74b816;
}
.steps-lime .step-item.active:before {
  color: inherit;
  border-color: #74b816;
}
.steps-green .step-item:after, .steps-green .step-item:before {
  color: #ffffff;
  background: #2fb344;
}
.steps-green .step-item.active:before {
  color: inherit;
  border-color: #2fb344;
}
.steps-teal .step-item:after, .steps-teal .step-item:before {
  color: #ffffff;
  background: #0ca678;
}
.steps-teal .step-item.active:before {
  color: inherit;
  border-color: #0ca678;
}
.steps-cyan .step-item:after, .steps-cyan .step-item:before {
  color: #ffffff;
  background: #17a2b8;
}
.steps-cyan .step-item.active:before {
  color: inherit;
  border-color: #17a2b8;
}
.step-item {
  position: relative;
  flex: 1 1 0;
  min-height: 1rem;
  margin-top: 0;
  color: inherit;
  text-align: center;
  cursor: default;
}
a.step-item {
  cursor: pointer;
}
a.step-item:hover {
  color: inherit;
}
.step-item:not(:first-child):after {
  position: absolute;
  left: -50%;
  width: 100%;
  content: "";
  transform: translateY(-50%);
}
.step-item:before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  box-sizing: content-box;
  display: block;
  content: "";
  border: 2px solid #ffffff;
  border-radius: 100rem;
  transform: translateX(-50%);
}
.step-item.active {
  font-weight: 600;
}
.step-item.active:before {
  background: #ffffff;
}
.step-item.active ~ .step-item {
  color: #626976;
}
.step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
  background: #f3f5f5;
}
.step-item.active ~ .step-item:before {
  color: #626976 !important;
}
.steps-counter {
  counter-reset: steps;
}
.steps-counter .step-item {
  padding-top: calc(1.5rem + 4px);
}
.steps-counter .step-item:after {
  top: calc(0.75rem + 2px);
  height: 2px;
}
.steps-counter .step-item:before {
  width: 1.5rem;
  height: 1.5rem;
}
.steps-counter .step-item {
  counter-increment: steps;
}
.steps-counter .step-item:before {
  font-size: 0.75rem;
  line-height: 1.5rem;
  content: counter(steps);
}
.steps-counter .step-item.active ~ .step-item:before {
  background: #ffffff;
}
@keyframes status-pulsate-main {
  40% {
    transform: scale(1.25, 1.25);
  }
  60% {
    transform: scale(1.25, 1.25);
  }
}
@keyframes status-pulsate-secondary {
  10% {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(3, 3);
  }
  80% {
    transform: scale(3, 3);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes status-pulsate-tertiary {
  25% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(3, 3);
    opacity: 0;
  }
  100% {
    transform: scale(3, 3);
    opacity: 0;
  }
}
.status {
  --tblr-status-color: #626976;
  --tblr-status-color-rgb: 98, 105, 118;
  display: inline-flex;
  align-items: center;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
  color: var(--tblr-status-color);
  background: rgba(var(--tblr-status-color-rgb), 0.1);
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 100rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}
.status .status-dot {
  background: var(--tblr-status-color);
}
.status .icon {
  font-size: 1.25rem;
}
.status-lite {
  border: 1px solid var(--tblr-border-color) !important;
  background: transparent !important;
  color: var(--tblr-body-text) !important;
}
.status-primary {
  --tblr-status-color: #fec95c;
  --tblr-status-color-rgb: 254, 201, 92;
}
.status-secondary {
  --tblr-status-color: #606f91;
  --tblr-status-color-rgb: 96, 111, 145;
}
.status-success {
  --tblr-status-color: #2fb344;
  --tblr-status-color-rgb: 47, 179, 68;
}
.status-info {
  --tblr-status-color: #80abe4;
  --tblr-status-color-rgb: 128, 171, 228;
}
.status-warning {
  --tblr-status-color: #f76707;
  --tblr-status-color-rgb: 247, 103, 7;
}
.status-danger {
  --tblr-status-color: #d63939;
  --tblr-status-color-rgb: 214, 57, 57;
}
.status-light {
  --tblr-status-color: #fafbfc;
  --tblr-status-color-rgb: 250, 251, 252;
}
.status-dark {
  --tblr-status-color: #1e293b;
  --tblr-status-color-rgb: 30, 41, 59;
}
.status-muted {
  --tblr-status-color: #626976;
  --tblr-status-color-rgb: 98, 105, 118;
}
.status-blue {
  --tblr-status-color: #206bc4;
  --tblr-status-color-rgb: 32, 107, 196;
}
.status-azure {
  --tblr-status-color: #4299e1;
  --tblr-status-color-rgb: 66, 153, 225;
}
.status-indigo {
  --tblr-status-color: #4263eb;
  --tblr-status-color-rgb: 66, 99, 235;
}
.status-purple {
  --tblr-status-color: #ae3ec9;
  --tblr-status-color-rgb: 174, 62, 201;
}
.status-pink {
  --tblr-status-color: #d6336c;
  --tblr-status-color-rgb: 214, 51, 108;
}
.status-red {
  --tblr-status-color: #d63939;
  --tblr-status-color-rgb: 214, 57, 57;
}
.status-orange {
  --tblr-status-color: #f76707;
  --tblr-status-color-rgb: 247, 103, 7;
}
.status-yellow {
  --tblr-status-color: #f59f00;
  --tblr-status-color-rgb: 245, 159, 0;
}
.status-lime {
  --tblr-status-color: #74b816;
  --tblr-status-color-rgb: 116, 184, 22;
}
.status-green {
  --tblr-status-color: #2fb344;
  --tblr-status-color-rgb: 47, 179, 68;
}
.status-teal {
  --tblr-status-color: #0ca678;
  --tblr-status-color-rgb: 12, 166, 120;
}
.status-cyan {
  --tblr-status-color: #17a2b8;
  --tblr-status-color-rgb: 23, 162, 184;
}
.status-facebook {
  --tblr-status-color: #3b5998;
  --tblr-status-color-rgb: 59, 89, 152;
}
.status-twitter {
  --tblr-status-color: #1da1f2;
  --tblr-status-color-rgb: 29, 161, 242;
}
.status-linkedin {
  --tblr-status-color: #0a66c2;
  --tblr-status-color-rgb: 10, 102, 194;
}
.status-google {
  --tblr-status-color: #dc4e41;
  --tblr-status-color-rgb: 220, 78, 65;
}
.status-youtube {
  --tblr-status-color: #ff0000;
  --tblr-status-color-rgb: 255, 0, 0;
}
.status-vimeo {
  --tblr-status-color: #1ab7ea;
  --tblr-status-color-rgb: 26, 183, 234;
}
.status-dribbble {
  --tblr-status-color: #ea4c89;
  --tblr-status-color-rgb: 234, 76, 137;
}
.status-github {
  --tblr-status-color: #181717;
  --tblr-status-color-rgb: 24, 23, 23;
}
.status-instagram {
  --tblr-status-color: #e4405f;
  --tblr-status-color-rgb: 228, 64, 95;
}
.status-pinterest {
  --tblr-status-color: #bd081c;
  --tblr-status-color-rgb: 189, 8, 28;
}
.status-vk {
  --tblr-status-color: #6383a8;
  --tblr-status-color-rgb: 99, 131, 168;
}
.status-rss {
  --tblr-status-color: #ffa500;
  --tblr-status-color-rgb: 255, 165, 0;
}
.status-flickr {
  --tblr-status-color: #0063dc;
  --tblr-status-color-rgb: 0, 99, 220;
}
.status-bitbucket {
  --tblr-status-color: #0052cc;
  --tblr-status-color-rgb: 0, 82, 204;
}
.status-tabler {
  --tblr-status-color: #206bc4;
  --tblr-status-color-rgb: 32, 107, 196;
}
.status-dot {
  --tblr-status-dot-color: var(--tblr-status-color, #626976);
  --tblr-status-size: 0.5rem;
  position: relative;
  display: inline-block;
  width: var(--tblr-status-size);
  height: var(--tblr-status-size);
  background: var(--tblr-status-dot-color);
  border-radius: 100rem;
}
.status-dot-animated:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  border-radius: inherit;
  opacity: 0.6;
  animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
}
.status-indicator {
  --tblr-status-indicator-size: 2.5rem;
  --tblr-status-indicator-color: var(--tblr-status-color, #626976);
  display: block;
  position: relative;
  width: var(--tblr-status-indicator-size);
  height: var(--tblr-status-indicator-size);
}
.status-indicator-circle {
  --tblr-status-circle-size: .75rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
  width: var(--tblr-status-circle-size);
  height: var(--tblr-status-circle-size);
  border-radius: 100rem;
  background: var(--tblr-status-color);
}
.status-indicator-circle:nth-child(1) {
  z-index: 3;
}
.status-indicator-circle:nth-child(2) {
  z-index: 2;
  opacity: 0.1;
}
.status-indicator-circle:nth-child(3) {
  z-index: 1;
  opacity: 0.3;
}
.status-indicator-animated .status-indicator-circle:nth-child(1) {
  animation: 2s linear 1s infinite backwards status-pulsate-main;
}
.status-indicator-animated .status-indicator-circle:nth-child(2) {
  animation: 2s linear 1s infinite backwards status-pulsate-secondary;
}
.status-indicator-animated .status-indicator-circle:nth-child(3) {
  animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
}
.switch-icon {
  display: inline-block;
  line-height: 1;
  border: 0;
  padding: 0;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: bottom;
  position: relative;
  cursor: pointer;
}
.switch-icon.disabled {
  pointer-events: none;
  opacity: 0.65;
}
.switch-icon:focus {
  outline: none;
}
.switch-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.switch-icon .switch-icon-a, .switch-icon .switch-icon-b {
  display: block;
  width: 100%;
  height: 100%;
}
.switch-icon .switch-icon-a {
  opacity: 1;
}
.switch-icon .switch-icon-b {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch-icon.active .switch-icon-a {
  opacity: 0;
}
.switch-icon.active .switch-icon-b {
  opacity: 1;
}
.switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
  transition: opacity 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
  transition: opacity 0.5s, transform 0s 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale .switch-icon-b {
  transform: scale(1.5);
}
.switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
  transition: opacity 0s, transform 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale.active .switch-icon-b {
  transform: scale(1);
}
.switch-icon-flip {
  perspective: 10em;
}
.switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: opacity 0s 0.2s, transform 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
    transition: none;
  }
}
.switch-icon-flip .switch-icon-a {
  opacity: 1;
  transform: rotateY(0deg);
}
.switch-icon-flip .switch-icon-b {
  opacity: 1;
  transform: rotateY(-180deg);
}
.switch-icon-flip.active .switch-icon-a {
  opacity: 1;
  transform: rotateY(180deg);
}
.switch-icon-flip.active .switch-icon-b {
  opacity: 1;
  transform: rotateY(0deg);
}
.switch-icon-slide-up, .switch-icon-slide-left, .switch-icon-slide-right, .switch-icon-slide-down {
  overflow: hidden;
}
.switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b {
  transition: opacity 0.3s, transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b {
    transition: none;
  }
}
.switch-icon-slide-up .switch-icon-a, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-down .switch-icon-a {
  transform: translateY(0);
}
.switch-icon-slide-up .switch-icon-b, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-down .switch-icon-b {
  transform: translateY(100%);
}
.switch-icon-slide-up.active .switch-icon-a, .switch-icon-slide-left.active .switch-icon-a, .switch-icon-slide-right.active .switch-icon-a, .switch-icon-slide-down.active .switch-icon-a {
  transform: translateY(-100%);
}
.switch-icon-slide-up.active .switch-icon-b, .switch-icon-slide-left.active .switch-icon-b, .switch-icon-slide-right.active .switch-icon-b, .switch-icon-slide-down.active .switch-icon-b {
  transform: translateY(0);
}
.switch-icon-slide-left .switch-icon-a {
  transform: translateX(0);
}
.switch-icon-slide-left .switch-icon-b {
  transform: translateX(100%);
}
.switch-icon-slide-left.active .switch-icon-a {
  transform: translateX(-100%);
}
.switch-icon-slide-left.active .switch-icon-b {
  transform: translateX(0);
}
.switch-icon-slide-right .switch-icon-a {
  transform: translateX(0);
}
.switch-icon-slide-right .switch-icon-b {
  transform: translateX(-100%);
}
.switch-icon-slide-right.active .switch-icon-a {
  transform: translateX(100%);
}
.switch-icon-slide-right.active .switch-icon-b {
  transform: translateX(0);
}
.switch-icon-slide-down .switch-icon-a {
  transform: translateY(0);
}
.switch-icon-slide-down .switch-icon-b {
  transform: translateY(-100%);
}
.switch-icon-slide-down.active .switch-icon-a {
  transform: translateY(100%);
}
.switch-icon-slide-down.active .switch-icon-b {
  transform: translateY(0);
}
.table thead th, .markdown > table thead th {
  color: #626976;
  background: var(--tblr-border-color-light);
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media print {
  .table thead th, .markdown > table thead th {
    background: transparent;
  }
}
.table > :not(:first-child), .markdown > table > :not(:first-child) {
  border-top-width: 1px;
}
.table-responsive .table, .table-responsive .markdown > table {
  margin-bottom: 0;
}
.table-transparent thead th {
  background: transparent;
}
.table-nowrap > :not(caption) > * > * {
  white-space: nowrap;
}
.table-vcenter > :not(caption) > * > * {
  vertical-align: middle;
}
.table-center > :not(caption) > * > * {
  text-align: center;
}
.td-truncate {
  max-width: 1px;
  width: 100%;
}
.table-mobile {
  display: block;
}
.table-mobile thead {
  display: none;
}
.table-mobile tbody, .table-mobile tr {
  display: flex;
  flex-direction: column;
}
.table-mobile td {
  display: block;
  padding: 0.5rem 0.5rem !important;
  border: none;
  color: #1e293b !important;
}
.table-mobile td[data-label]:before {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
  content: attr(data-label);
  display: block;
}
.table-mobile tr {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.table-mobile .btn {
  display: block;
}
@media (max-width: 575.98px) {
  .table-mobile-sm {
    display: block;
  }
  .table-mobile-sm thead {
    display: none;
  }
  .table-mobile-sm tbody, .table-mobile-sm tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-sm td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #1e293b !important;
  }
  .table-mobile-sm td[data-label]:before {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #626976;
    content: attr(data-label);
    display: block;
  }
  .table-mobile-sm tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  }
  .table-mobile-sm .btn {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .table-mobile-md {
    display: block;
  }
  .table-mobile-md thead {
    display: none;
  }
  .table-mobile-md tbody, .table-mobile-md tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-md td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #1e293b !important;
  }
  .table-mobile-md td[data-label]:before {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #626976;
    content: attr(data-label);
    display: block;
  }
  .table-mobile-md tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  }
  .table-mobile-md .btn {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .table-mobile-lg {
    display: block;
  }
  .table-mobile-lg thead {
    display: none;
  }
  .table-mobile-lg tbody, .table-mobile-lg tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-lg td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #1e293b !important;
  }
  .table-mobile-lg td[data-label]:before {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #626976;
    content: attr(data-label);
    display: block;
  }
  .table-mobile-lg tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  }
  .table-mobile-lg .btn {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .table-mobile-xl {
    display: block;
  }
  .table-mobile-xl thead {
    display: none;
  }
  .table-mobile-xl tbody, .table-mobile-xl tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-xl td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #1e293b !important;
  }
  .table-mobile-xl td[data-label]:before {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #626976;
    content: attr(data-label);
    display: block;
  }
  .table-mobile-xl tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  }
  .table-mobile-xl .btn {
    display: block;
  }
}
@media (max-width: 1399.98px) {
  .table-mobile-xxl {
    display: block;
  }
  .table-mobile-xxl thead {
    display: none;
  }
  .table-mobile-xxl tbody, .table-mobile-xxl tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-xxl td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #1e293b !important;
  }
  .table-mobile-xxl td[data-label]:before {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.6;
    color: #626976;
    content: attr(data-label);
    display: block;
  }
  .table-mobile-xxl tr {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  }
  .table-mobile-xxl .btn {
    display: block;
  }
}
.toast-header {
  user-select: none;
}
.toast button[data-bs-dismiss="toast"] {
  outline: none;
}
.toolbar {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin: 0 -0.5rem;
}
.toolbar > * {
  margin: 0 0.5rem;
}
/**
Horizontal rules
 */
/**
Hr text
 */
.hr-text {
  display: flex;
  align-items: center;
  margin: 2rem 0;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
  height: 1px;
}
.hr-text:after, .hr-text:before {
  flex: 1 1 auto;
  height: 1px;
  background-color: currentColor;
  opacity: 0.16;
}
.hr-text:before {
  content: "";
  margin-right: 0.5rem;
}
.hr-text:after {
  content: "";
  margin-left: 0.5rem;
}
.hr-text > *:first-child {
  padding-right: 0.5rem;
  padding-left: 0;
  color: #626976;
}
.hr-text.hr-text-left:before {
  content: none;
}
.hr-text.hr-text-left > *:first-child {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.hr-text.hr-text-right:before {
  content: "";
}
.hr-text.hr-text-right:after {
  content: none;
}
.hr-text.hr-text-right > *:first-child {
  padding-right: 0;
  padding-left: 0.5rem;
}
.card > .hr-text {
  margin: 0;
}
.hr-text-spaceless {
  margin: -0.5rem 0;
}
.lead {
  line-height: 1.4;
}
a {
  text-decoration-skip-ink: auto;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  color: inherit;
}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
  color: inherit;
}
h1, .h1 {
  line-height: 1.3333333333;
}
h2, .h2 {
  line-height: 1.4;
}
h3, .h3 {
  line-height: 1.5;
}
h4, .h4 {
  line-height: 1.4285714286;
}
h5, .h5 {
  line-height: 1.3333333333;
}
h6, .h6 {
  line-height: 1.6;
}
strong, .strong, b {
  font-weight: 600;
}
blockquote {
  padding-left: 1rem;
  border-left: 2px solid #e6e7e9;
}
blockquote p {
  margin-bottom: 1rem;
}
blockquote cite {
  display: block;
  text-align: right;
}
blockquote cite:before {
  content: "— ";
}
ul, ol {
  padding-left: 1.5rem;
}
hr, .hr {
  margin: 2rem 0;
}
dl dd:last-child {
  margin-bottom: 0;
}
code {
  padding: 2px 4px;
  background: rgba(75, 84, 98, 0.03);
  border: 1px solid rgba(75, 84, 98, 0.064);
  border-radius: 4px;
  font-weight: 400;
}
pre {
  padding: 1rem;
  overflow: auto;
  font-size: 0.75rem;
  hyphens: none;
  line-height: 1.25rem;
  tab-size: 3;
  border-radius: 4px;
  white-space: pre-wrap;
  background: #fdfdfe;
  border: 1px solid rgba(98, 105, 118, 0.16);
  -webkit-font-smoothing: auto;
}
pre code {
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
img {
  max-width: 100%;
}
.list-unstyled {
  margin-left: 0;
}
/**
Selection
 */
::selection {
  color: #ffffff;
  background-color: #fed685;
}
/**
Links
 */
[class^="link-"].disabled, [class*=" link-"].disabled {
  color: #475569;
  pointer-events: none;
}
/**
Subheader
 */
.subheader {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
}
.chart {
  display: block;
  min-height: 10rem;
}
.chart text {
  font-family: inherit;
}
.chart-sm {
  height: 2.5rem;
}
.chart-lg {
  height: 15rem;
}
.chart-square {
  height: 5.75rem;
}
/**
Chart sparkline
 */
.chart-sparkline {
  position: relative;
  width: 4rem;
  height: 2.5rem;
  line-height: 1;
  min-height: 0 !important;
}
.chart-sparkline-sm {
  height: 1.5rem;
}
.chart-sparkline-square {
  width: 2.5rem;
}
.chart-sparkline-wide {
  width: 6rem;
}
.chart-sparkline-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
}
.chart-sparkline-label .icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.offcanvas {
  background: var(--tblr-card-bg);
}
.offcanvas-header {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.offcanvas-footer {
  padding: 1.5rem 1.5rem;
}
.offcanvas-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.offcanvas-narrow {
  width: 20rem;
}
.bg-white-overlay {
  color: #ffffff;
  background-color: rgba(250, 251, 252, 0.24);
}
.bg-dark-overlay {
  color: #ffffff;
  background-color: rgba(30, 41, 59, 0.24);
}
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-primary {
  color: #ffffff !important;
  background: #fec95c !important;
}
.text-primary {
  color: #fec95c !important;
}
.bg-primary-lt {
  color: #fec95c !important;
  background: rgba(254, 201, 92, 0.05) !important;
}
.bg-secondary {
  color: #ffffff !important;
  background: #606f91 !important;
}
.text-secondary {
  color: #606f91 !important;
}
.bg-secondary-lt {
  color: #606f91 !important;
  background: rgba(96, 111, 145, 0.05) !important;
}
.bg-success {
  color: #ffffff !important;
  background: #2fb344 !important;
}
.text-success {
  color: #2fb344 !important;
}
.bg-success-lt {
  color: #2fb344 !important;
  background: rgba(47, 179, 68, 0.05) !important;
}
.bg-info {
  color: #ffffff !important;
  background: #80abe4 !important;
}
.text-info {
  color: #80abe4 !important;
}
.bg-info-lt {
  color: #80abe4 !important;
  background: rgba(128, 171, 228, 0.05) !important;
}
.bg-warning {
  color: #ffffff !important;
  background: #f76707 !important;
}
.text-warning {
  color: #f76707 !important;
}
.bg-warning-lt {
  color: #f76707 !important;
  background: rgba(247, 103, 7, 0.05) !important;
}
.bg-danger {
  color: #ffffff !important;
  background: #d63939 !important;
}
.text-danger {
  color: #d63939 !important;
}
.bg-danger-lt {
  color: #d63939 !important;
  background: rgba(214, 57, 57, 0.05) !important;
}
.bg-light {
  color: #ffffff !important;
  background: #fafbfc !important;
}
.text-light {
  color: #fafbfc !important;
}
.bg-light-lt {
  color: #fafbfc !important;
  background: rgba(250, 251, 252, 0.05) !important;
}
.bg-dark {
  color: #ffffff !important;
  background: #1e293b !important;
}
.text-dark {
  color: #1e293b !important;
}
.bg-dark-lt {
  color: #1e293b !important;
  background: rgba(30, 41, 59, 0.05) !important;
}
.bg-muted {
  color: #ffffff !important;
  background: #626976 !important;
}
.text-muted {
  color: #626976 !important;
}
.bg-muted-lt {
  color: #626976 !important;
  background: rgba(98, 105, 118, 0.05) !important;
}
.bg-blue {
  color: #ffffff !important;
  background: #206bc4 !important;
}
.text-blue {
  color: #206bc4 !important;
}
.bg-blue-lt {
  color: #206bc4 !important;
  background: rgba(32, 107, 196, 0.05) !important;
}
.bg-azure {
  color: #ffffff !important;
  background: #4299e1 !important;
}
.text-azure {
  color: #4299e1 !important;
}
.bg-azure-lt {
  color: #4299e1 !important;
  background: rgba(66, 153, 225, 0.05) !important;
}
.bg-indigo {
  color: #ffffff !important;
  background: #4263eb !important;
}
.text-indigo {
  color: #4263eb !important;
}
.bg-indigo-lt {
  color: #4263eb !important;
  background: rgba(66, 99, 235, 0.05) !important;
}
.bg-purple {
  color: #ffffff !important;
  background: #ae3ec9 !important;
}
.text-purple {
  color: #ae3ec9 !important;
}
.bg-purple-lt {
  color: #ae3ec9 !important;
  background: rgba(174, 62, 201, 0.05) !important;
}
.bg-pink {
  color: #ffffff !important;
  background: #d6336c !important;
}
.text-pink {
  color: #d6336c !important;
}
.bg-pink-lt {
  color: #d6336c !important;
  background: rgba(214, 51, 108, 0.05) !important;
}
.bg-red {
  color: #ffffff !important;
  background: #d63939 !important;
}
.text-red {
  color: #d63939 !important;
}
.bg-red-lt {
  color: #d63939 !important;
  background: rgba(214, 57, 57, 0.05) !important;
}
.bg-orange {
  color: #ffffff !important;
  background: #f76707 !important;
}
.text-orange {
  color: #f76707 !important;
}
.bg-orange-lt {
  color: #f76707 !important;
  background: rgba(247, 103, 7, 0.05) !important;
}
.bg-yellow {
  color: #ffffff !important;
  background: #f59f00 !important;
}
.text-yellow {
  color: #f59f00 !important;
}
.bg-yellow-lt {
  color: #f59f00 !important;
  background: rgba(245, 159, 0, 0.05) !important;
}
.bg-lime {
  color: #ffffff !important;
  background: #74b816 !important;
}
.text-lime {
  color: #74b816 !important;
}
.bg-lime-lt {
  color: #74b816 !important;
  background: rgba(116, 184, 22, 0.05) !important;
}
.bg-green {
  color: #ffffff !important;
  background: #2fb344 !important;
}
.text-green {
  color: #2fb344 !important;
}
.bg-green-lt {
  color: #2fb344 !important;
  background: rgba(47, 179, 68, 0.05) !important;
}
.bg-teal {
  color: #ffffff !important;
  background: #0ca678 !important;
}
.text-teal {
  color: #0ca678 !important;
}
.bg-teal-lt {
  color: #0ca678 !important;
  background: rgba(12, 166, 120, 0.05) !important;
}
.bg-cyan {
  color: #ffffff !important;
  background: #17a2b8 !important;
}
.text-cyan {
  color: #17a2b8 !important;
}
.bg-cyan-lt {
  color: #17a2b8 !important;
  background: rgba(23, 162, 184, 0.05) !important;
}
.bg-facebook {
  color: #ffffff !important;
  background: #3b5998 !important;
}
.text-facebook {
  color: #3b5998 !important;
}
.bg-facebook-lt {
  color: #3b5998 !important;
  background: rgba(59, 89, 152, 0.05) !important;
}
.bg-twitter {
  color: #ffffff !important;
  background: #1da1f2 !important;
}
.text-twitter {
  color: #1da1f2 !important;
}
.bg-twitter-lt {
  color: #1da1f2 !important;
  background: rgba(29, 161, 242, 0.05) !important;
}
.bg-linkedin {
  color: #ffffff !important;
  background: #0a66c2 !important;
}
.text-linkedin {
  color: #0a66c2 !important;
}
.bg-linkedin-lt {
  color: #0a66c2 !important;
  background: rgba(10, 102, 194, 0.05) !important;
}
.bg-google {
  color: #ffffff !important;
  background: #dc4e41 !important;
}
.text-google {
  color: #dc4e41 !important;
}
.bg-google-lt {
  color: #dc4e41 !important;
  background: rgba(220, 78, 65, 0.05) !important;
}
.bg-youtube {
  color: #ffffff !important;
  background: #ff0000 !important;
}
.text-youtube {
  color: #ff0000 !important;
}
.bg-youtube-lt {
  color: #ff0000 !important;
  background: rgba(255, 0, 0, 0.05) !important;
}
.bg-vimeo {
  color: #ffffff !important;
  background: #1ab7ea !important;
}
.text-vimeo {
  color: #1ab7ea !important;
}
.bg-vimeo-lt {
  color: #1ab7ea !important;
  background: rgba(26, 183, 234, 0.05) !important;
}
.bg-dribbble {
  color: #ffffff !important;
  background: #ea4c89 !important;
}
.text-dribbble {
  color: #ea4c89 !important;
}
.bg-dribbble-lt {
  color: #ea4c89 !important;
  background: rgba(234, 76, 137, 0.05) !important;
}
.bg-github {
  color: #ffffff !important;
  background: #181717 !important;
}
.text-github {
  color: #181717 !important;
}
.bg-github-lt {
  color: #181717 !important;
  background: rgba(24, 23, 23, 0.05) !important;
}
.bg-instagram {
  color: #ffffff !important;
  background: #e4405f !important;
}
.text-instagram {
  color: #e4405f !important;
}
.bg-instagram-lt {
  color: #e4405f !important;
  background: rgba(228, 64, 95, 0.05) !important;
}
.bg-pinterest {
  color: #ffffff !important;
  background: #bd081c !important;
}
.text-pinterest {
  color: #bd081c !important;
}
.bg-pinterest-lt {
  color: #bd081c !important;
  background: rgba(189, 8, 28, 0.05) !important;
}
.bg-vk {
  color: #ffffff !important;
  background: #6383a8 !important;
}
.text-vk {
  color: #6383a8 !important;
}
.bg-vk-lt {
  color: #6383a8 !important;
  background: rgba(99, 131, 168, 0.05) !important;
}
.bg-rss {
  color: #ffffff !important;
  background: #ffa500 !important;
}
.text-rss {
  color: #ffa500 !important;
}
.bg-rss-lt {
  color: #ffa500 !important;
  background: rgba(255, 165, 0, 0.05) !important;
}
.bg-flickr {
  color: #ffffff !important;
  background: #0063dc !important;
}
.text-flickr {
  color: #0063dc !important;
}
.bg-flickr-lt {
  color: #0063dc !important;
  background: rgba(0, 99, 220, 0.05) !important;
}
.bg-bitbucket {
  color: #ffffff !important;
  background: #0052cc !important;
}
.text-bitbucket {
  color: #0052cc !important;
}
.bg-bitbucket-lt {
  color: #0052cc !important;
  background: rgba(0, 82, 204, 0.05) !important;
}
.bg-tabler {
  color: #ffffff !important;
  background: #206bc4 !important;
}
.text-tabler {
  color: #206bc4 !important;
}
.bg-tabler-lt {
  color: #206bc4 !important;
  background: rgba(32, 107, 196, 0.05) !important;
}
/*
Scrollable
*/
.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable.hover {
  overflow-y: hidden;
}
.scrollable.hover > * {
  margin-top: -1px;
}
.scrollable.hover:hover, .scrollable.hover:focus, .scrollable.hover:active {
  overflow: visible;
  overflow-y: auto;
}
.touch .scrollable {
  overflow-y: auto !important;
}
.scroll-x, .scroll-y {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-x {
  overflow-x: auto;
}
.no-scroll {
  overflow: hidden;
}
.w-0 {
  width: 0 !important;
}
.h-0 {
  height: 0 !important;
}
.w-1 {
  width: 0.25rem !important;
}
.h-1 {
  height: 0.25rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.w-3 {
  width: 1rem !important;
}
.h-3 {
  height: 1rem !important;
}
.w-4 {
  width: 2rem !important;
}
.h-4 {
  height: 2rem !important;
}
.w-5 {
  width: 4rem !important;
}
.h-5 {
  height: 4rem !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto !important;
}
.w-px {
  width: 1px !important;
}
.h-px {
  height: 1px !important;
}
.w-full {
  width: 100% !important;
}
.h-full {
  height: 100% !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-5 {
  opacity: 0.05 !important;
}
.opacity-10 {
  opacity: 0.1 !important;
}
.opacity-15 {
  opacity: 0.15 !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-35 {
  opacity: 0.35 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-45 {
  opacity: 0.45 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-55 {
  opacity: 0.55 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-65 {
  opacity: 0.65 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.opacity-85 {
  opacity: 0.85 !important;
}
.opacity-90 {
  opacity: 0.9 !important;
}
.opacity-95 {
  opacity: 0.95 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.hover-shadow-sm:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.hover-shadow:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.hover-shadow-lg:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.hover-shadow-none:hover {
  box-shadow: none !important;
}
/**
Antialiasing
 */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: 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/>.
 *
 * ---------------------------------------------------------------------
 */
/*!
 * ---------------------------------------------------------------------
 *
 * 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/>.
 *
 * ---------------------------------------------------------------------
 */
body.iframed, body.in_modal {
  background-color: transparent;
  overflow-x: hidden;
}
.page .glpi-logo {
  background: url("../pics/logos/logo-GLPI-100-white.png") no-repeat;
  height: 55px;
  width: 100px;
}
.page .page-body {
  margin-bottom: 0;
}
.page .footer {
  font-size: 0.75rem;
  padding: 0.5em;
}
.breadcrumb-alternate a:hover {
  text-decoration: none;
}
.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;
  line-height: 1.5em;
}
.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
  min-height: 24px;
}
.btn.btn-icon.btn-sm .fa-stack, .btn-group-sm > .btn.btn-icon .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, .btn-group-sm > .btn.btn-icon .fa-stack {
    width: 1.4em;
  }
}
.btn.btn-icon.btn-sm i.fas, .btn-group-sm > .btn.btn-icon i.fas, .btn.btn-icon.btn-sm i.fa-solid, .btn-group-sm > .btn.btn-icon i.fa-solid, .btn.btn-icon.btn-sm i.far, .btn-group-sm > .btn.btn-icon i.far, .btn.btn-icon.btn-sm i.fa-regular, .btn-group-sm > .btn.btn-icon i.fa-regular, .btn.btn-icon.btn-sm i.fab, .btn-group-sm > .btn.btn-icon i.fab, .btn.btn-icon.btn-sm i.fa-brands, .btn-group-sm > .btn.btn-icon i.fa-brands, .btn.btn-icon.btn-sm i.ti, .btn-group-sm > .btn.btn-icon i.ti {
  line-height: 1.2em;
}
.toast-container {
  z-index: 999999;
  position: fixed;
}
.img-overlay-wrapper {
  width: fit-content;
}
.page-anonymous .glpi-logo {
  --logo: url(../pics/logos/logo-GLPI-250-black.png);
  content: var(--logo);
  width: 200px;
  height: 110px;
}
table tbody:not(:has(tr)) {
  display: none;
}
table td.active, table td.tab_bg_4 {
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}
table.deleted-results > :not(caption) > * > * {
  box-shadow: none;
}
.glpi-badge {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: rgba(58, 86, 147, 0.05);
  color: #3a5693 !important;
  padding: calc(0.25rem - 1px) 0.25rem;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 0.7rem;
}
.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: #fec95c;
}
.entity_tree .plain-scrollbar[data-scrollable="false"] {
  visibility: hidden;
}
.entity_tree .plain-scrollbar.scrollbar-vertical {
  width: 8px;
}
.entity_tree .plain-scrollbar .arrow-up, .entity_tree .plain-scrollbar .arrow-down {
  display: none;
}
.entity_tree .plain-scrollbar .slider-area {
  top: 0 !important;
  bottom: 0 !important;
}
.qtip-bootstrap, .popover .popover-body {
  background-color: #fafbfc;
  color: #1e293b;
}
.popover .popover-arrow::after {
  border-top-color: #fafbfc;
}
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);
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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 {
  --is-dark: false;
  --animate-duration: 0.3s;
  --light: #fafbfc;
  --dark: #1e293b;
  --logo: ../pics/logos/logo-GLPI-100-white.png;
  --contrast-light: #fafbfc;
  --contrast-dark: #1e293b;
  --light-mix: rgba(171, 175, 183, 0.24);
  --hover-bg: rgba(98, 105, 118, 0.04);
  --btn-disabled-opacity: 0.65;
  --dark-mode-darken: #1b2434;
  --dark-mode-text: #fafbfc;
  --input-bg: #fdfdfd;
  --input-color: inherit;
  --input-border: #fafbfc;
  --input-border-color: #d9dbde;
  --input-border-radius: 4px;
  --input-border-width: 1px;
  --header-fg: #206bc4;
  --header-bg: rgba(32, 107, 196, 0.05);
  --header-border-color: #c7daf0;
  --card-border-color: rgba(98, 105, 118, 0.16);
  --table-head-border-color: rgba(98, 105, 118, 0.16);
  --table-head-color: #626976;
  --table-head-bg: var(--tblr-border-color-light);
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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 #475569;
}
:root[data-high-contrast="1"] .tab-content .tab-pane:first-of-type .main-header {
  border-bottom: 1px solid #475569;
  border-top: 1px solid #475569;
  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 #475569;
}
:root[data-high-contrast="1"] #searchcriterias .tab_cadre_fixe {
  border: 1px solid #475569;
}
:root[data-high-contrast="1"] #searchcriterias th, :root[data-high-contrast="1"] #searchcriterias td {
  border: 0;
}
:root[data-high-contrast="1"] table.table tr, :root[data-high-contrast="1"] .markdown > table tr {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .order_DESC::before {
  color: #1e293b;
}
: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 #1e293b;
  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 #1e293b;
  padding: 2px;
  border-radius: 2px;
}
:root[data-high-contrast="1"] .card-tabs:not(.horizontal) .nav-tabs {
  border-bottom: 1px solid #1e293b;
  padding: 0;
}
:root[data-high-contrast="1"] .card-tabs .nav-tabs li {
  border-color: #1e293b;
  border-bottom: 0;
  box-sizing: border-box;
  border-collapse: collapse;
}
:root[data-high-contrast="1"] .card-tabs.vertical .nav-tabs li {
  border-color: #1e293b;
  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 #1e293b !important;
}
:root[data-high-contrast="1"] textarea {
  border: 1px solid #1e293b;
}
: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 #1e293b;
}
: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 #1e293b !important;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-outline-primary {
  border-color: #744e01;
}
:root[data-high-contrast="1"] .btn-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
  border-color: #050507;
}
:root[data-high-contrast="1"] .btn-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-success {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-outline-info {
  border-color: #163a68;
}
:root[data-high-contrast="1"] .btn-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-outline-warning {
  border-color: #180a01;
}
:root[data-high-contrast="1"] .btn-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-outline-danger {
  border-color: #220707;
}
:root[data-high-contrast="1"] .btn-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-outline-light {
  border-color: #6b88a6;
}
:root[data-high-contrast="1"] .btn-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-dark {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn-outline-muted {
  border-color: black;
}
:root[data-high-contrast="1"] .btn.btn-secondary, :root[data-high-contrast="1"] .btn.btn-outline-secondary {
  border-color: #1e293b;
}
:root[data-high-contrast="1"] .btn.btn-ghost-secondary {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .subheader .box {
  background-color: #fafbfc;
  border: 2px solid #1e293b;
  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 #1e293b;
}
:root[data-high-contrast="1"] .form-check:not(.form-switch) input:checked {
  background-color: #1e293b;
}
:root[data-high-contrast="1"] .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .pointer {
  opacity: 1;
}
:root[data-high-contrast="1"] .dropdown-toggle {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] #navbar-menu .dropdown-toggle {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link {
  border-color: #1e293b !important;
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link.active {
  border: 2px solid #1e293b;
}
:root[data-high-contrast="1"] .navigationheader a, :root[data-high-contrast="1"] #page div.objectlockmessage a, #page :root[data-high-contrast="1"] div.objectlockmessage a, :root[data-high-contrast="1"] .qtip div.objectlockmessage a, .qtip :root[data-high-contrast="1"] div.objectlockmessage a, :root[data-high-contrast="1"] .modal .modal-body div.objectlockmessage a, .modal .modal-body :root[data-high-contrast="1"] div.objectlockmessage a {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .pagination .page-item {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .pagination .page-item .page-link {
  border-radius: 0 !important;
}
:root[data-high-contrast="1"] .accordion-header {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .timeline-item .timeline-content {
  border: 1px solid #1e293b;
}
:root[data-high-contrast="1"] .timeline-item .timeline-content::before, :root[data-high-contrast="1"] .timeline-item .timeline-content::after {
  border-color: #1e293b #1e293b transparent transparent;
}
:root[data-high-contrast="1"] .timeline-buttons .answer-action {
  border: 1px solid #1e293b;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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 .card-header, .navigationheader .card-header, #page div.objectlockmessage .card-header, .qtip div.objectlockmessage .card-header, .modal .modal-body div.objectlockmessage .card-header {
  background-color: rgba(32, 107, 196, 0.05);
  color: #206bc4;
  border-color: #c7daf0;
}
.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 #c7daf0;
}
.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;
}
.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: #d2e1f3;
  color: #123b6c;
}
.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: #e27474;
  color: #6b1d1d;
  border-color: #6b1d1d;
}
.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: #f7d7d7;
  color: #6b1d1d;
}
.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 .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: #1e293b;
  background-color: #fec95c;
  border-color: #fec95c;
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary {
  color: #fafbfc;
  background-color: #606f91;
  border-color: #606f91;
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success {
  color: #fafbfc;
  background-color: #2fb344;
  border-color: #2fb344;
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info {
  color: #fafbfc;
  background-color: #80abe4;
  border-color: #80abe4;
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning {
  color: #fafbfc;
  background-color: #f76707;
  border-color: #f76707;
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger {
  color: #fafbfc;
  background-color: #d63939;
  border-color: #d63939;
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light {
  color: #1e293b;
  background-color: #fafbfc;
  border-color: #fafbfc;
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark {
  color: #fafbfc;
  background-color: #1e293b;
  border-color: #1e293b;
}
.btn-check:checked + .btn-muted, .btn-check:active + .btn-muted {
  color: #fafbfc;
  background-color: #626976;
  border-color: #626976;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary {
  color: #1e293b;
  background-color: #fec95c;
  border-color: #fec95c;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary {
  color: #fafbfc;
  background-color: #606f91;
  border-color: #606f91;
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success {
  color: #fafbfc;
  background-color: #2fb344;
  border-color: #2fb344;
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info {
  color: #fafbfc;
  background-color: #80abe4;
  border-color: #80abe4;
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning {
  color: #fafbfc;
  background-color: #f76707;
  border-color: #f76707;
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger {
  color: #fafbfc;
  background-color: #d63939;
  border-color: #d63939;
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light {
  color: #1e293b;
  background-color: #fafbfc;
  border-color: #fafbfc;
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
  color: #fafbfc;
  background-color: #1e293b;
  border-color: #1e293b;
}
.btn-check:checked + .btn-outline-muted, .btn-check:active + .btn-outline-muted {
  color: #fafbfc;
  background-color: #626976;
  border-color: #626976;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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: white;
  max-width: 700px;
  margin: 0 auto;
  padding: 10px 20px;
}
.documentation h1, .documentation .h1 {
  color: #300000;
}
.documentation > ul:nth-child(2) {
  list-style-type: disc;
  margin-top: 40px;
}
.documentation > ul:nth-child(2) > li {
  margin-left: 30px;
}
.documentation h2, .documentation .h2 {
  color: #940000;
  margin-top: 70px;
  border-bottom: 1px solid #a87a7a;
}
.documentation li {
  margin-left: 10px;
  padding: 5px 0 5px 5px;
}
.documentation > ul > li > ul > li {
  border-left: 1px solid grey;
}
.documentation > ul > li > ul > li > ul > li {
  list-style-type: disc;
  margin-left: 35px;
}
.documentation pre {
  border: 1px solid #ccc;
  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 #summary, .documentation .summary {
    position: fixed;
    top: 40px;
    left: 15px;
    margin-top: 0;
  }
  .documentation #summary + ul, .documentation .summary + ul {
    width: 200px;
    position: fixed;
    top: 70px;
    left: 10px;
    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/>.
 *
 * ---------------------------------------------------------------------
 */
.datagrid {
  --tblr-datagrid-padding: 1.5rem;
  --tblr-datagrid-item-width: 15rem;
  display: grid;
  grid-gap: var(--tblr-datagrid-padding);
  grid-template-columns: repeat(auto-fit, minmax(var(--tblr-datagrid-item-width), 1fr));
}
.datagrid-title {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-muted);
  margin-bottom: 0.25rem;
}
#debug-toolbar {
  z-index: 9999;
  outline: none;
}
#debug-toolbar .debug-toolbar-badge button {
  box-shadow: none;
}
#debug-toolbar .debug-toolbar-widgets .debug-toolbar-widget.active, #debug-toolbar .debug-toolbar-widgets .debug-toolbar-widget:hover {
  border-top: 3px solid #fec95c !important;
  margin-top: -3px;
}
#debug-toolbar .debug-toolbar-widgets .debug-toolbar-widget button {
  box-shadow: none;
}
#debug-toolbar #debug-toolbar-expanded-content {
  height: 30vh;
  overflow: auto;
}
#debug-toolbar #debug-toolbar-expanded-content #debug-requests-table thead th {
  position: sticky;
  top: 0;
}
#debug-toolbar #debug-toolbar-expanded-content .category-badge {
  padding: 5px;
  border-radius: 25%;
}
#debug-toolbar #debug-toolbar-expanded-content .split-panel-h .left-panel {
  flex: 0 0 33%;
  border-right: 1px solid #808080;
  min-width: 100px;
}
#debug-toolbar #debug-toolbar-expanded-content .split-panel-h .resize-handle {
  cursor: col-resize;
  width: 10px;
  z-index: 1030;
  margin-left: -0.5rem;
  margin-right: -0.25rem;
}
@media (min-width: 992px) {
  body.debug-active:not(.debug-folded) .search_page .search-container {
    height: calc(100vh - 56px - 20px - 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: #cccccc1c;
  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;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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 {
  background: #ffffff;
  -webkit-box-shadow: 1px 0 0 rgba(30, 41, 59, 0.04), -1px 0 0 rgba(30, 41, 59, 0.04), 0 1px 0 rgba(30, 41, 59, 0.04), 0 -1px 0 rgba(30, 41, 59, 0.04), 0 3px 13px rgba(30, 41, 59, 0.04);
  box-shadow: 1px 0 0 rgba(30, 41, 59, 0.04), -1px 0 0 rgba(30, 41, 59, 0.04), 0 1px 0 rgba(30, 41, 59, 0.04), 0 -1px 0 rgba(30, 41, 59, 0.04), 0 3px 13px rgba(30, 41, 59, 0.04);
}
body .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 rgba(30, 41, 59, 0.04), 5px 0 0 rgba(30, 41, 59, 0.04);
  box-shadow: -2px 0 0 rgba(30, 41, 59, 0.04), 5px 0 0 rgba(30, 41, 59, 0.04);
}
body .flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid rgba(98, 105, 118, 0.16);
}
body .flatpickr-calendar.arrowTop::before {
  border-bottom-color: rgba(98, 105, 118, 0.16);
}
body .flatpickr-calendar.arrowTop::after {
  border-bottom-color: #ffffff;
}
body .flatpickr-calendar.arrowBottom::before {
  border-top-color: rgba(98, 105, 118, 0.16);
}
body .flatpickr-calendar.arrowBottom::after {
  border-top-color: #ffffff;
}
body .flatpickr-months .flatpickr-month {
  background: #ffffff;
  color: #1e293b;
  fill: #1e293b;
}
body .flatpickr-months .flatpickr-prev-month, body .flatpickr-months .flatpickr-next-month {
  color: #1e293b;
  fill: #1e293b;
}
body .flatpickr-months .flatpickr-prev-month:hover, body .flatpickr-months .flatpickr-next-month:hover {
  color: #1e293b;
}
body .flatpickr-months .flatpickr-prev-month:hover svg, body .flatpickr-months .flatpickr-next-month:hover svg {
  fill: rgba(58, 86, 147, 0.5);
}
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: #1e293b;
}
body .flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: #1e293b;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #ffffff;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #ffffff;
}
body span.flatpickr-weekday {
  background: #ffffff;
  color: #1e293b;
}
body .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 rgba(30, 41, 59, 0.04);
  box-shadow: -1px 0 0 rgba(30, 41, 59, 0.04);
}
body .flatpickr-day {
  color: #1e293b;
}
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: rgba(58, 86, 147, 0.4);
  border-color: rgba(58, 86, 147, 0.4);
}
body .flatpickr-day.today {
  border-color: #1e293b;
}
body .flatpickr-day.today:hover, body .flatpickr-day.today:focus {
  border-color: #1e293b;
  background: #1e293b;
  color: #ffffff;
}
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: rgba(58, 86, 147, 0.3);
  color: #1e293b;
  border-color: rgba(58, 86, 147, 0.3);
}
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 rgba(58, 86, 147, 0.3);
  box-shadow: -10px 0 0 rgba(58, 86, 147, 0.3);
}
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: rgba(30, 41, 59, 0.3);
}
body .flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 rgba(58, 86, 147, 0.4), 5px 0 0 rgba(58, 86, 147, 0.4);
  box-shadow: -5px 0 0 rgba(58, 86, 147, 0.4), 5px 0 0 rgba(58, 86, 147, 0.4);
}
body .flatpickr-day.week.selected {
  -webkit-box-shadow: -5px 0 0 rgba(58, 86, 147, 0.3), 5px 0 0 rgba(58, 86, 147, 0.3);
  box-shadow: -5px 0 0 rgba(58, 86, 147, 0.3), 5px 0 0 rgba(58, 86, 147, 0.3);
}
body .flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 rgba(30, 41, 59, 0.04);
  box-shadow: 1px 0 0 rgba(30, 41, 59, 0.04);
}
body .flatpickr-weekwrapper span.flatpickr-day, body .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: rgba(30, 41, 59, 0.3);
}
body .flatpickr-time .numInputWrapper span.arrowUp::after {
  border-bottom-color: #1e293b;
}
body .flatpickr-time .numInputWrapper span.arrowDown::after {
  border-top-color: #1e293b;
}
body .flatpickr-time input {
  color: #1e293b;
}
body .flatpickr-time .flatpickr-time-separator, body .flatpickr-time .flatpickr-am-pm {
  color: #1e293b;
}
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;
}
/* 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;
}
#maintenance-float {
  top: 0;
  left: 250px;
  position: absolute;
  z-index: 9999;
}
#maintenance-float a {
  font-weight: bold;
  background-color: #fff;
  color: red;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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/>.
 *
 * ---------------------------------------------------------------------
 */
.navbar .navbar-toggler {
  color: #f4f6fa;
}
.sidebar, .topbar {
  background-color: #2f3f64;
  color: #f4f6fa;
  z-index: 1031;
}
.sidebar .btn-ghost-secondary, .topbar .btn-ghost-secondary {
  color: rgba(244, 246, 250, 0.8);
}
.sidebar .btn-outline-secondary, .topbar .btn-outline-secondary {
  color: rgba(244, 246, 250, 0.8);
  border-color: rgba(244, 246, 250, 0.8);
}
.sidebar .btn-outline-secondary:hover, .topbar .btn-outline-secondary:hover {
  background-color: rgba(244, 246, 250, 0.8);
  color: rgba(47, 63, 100, 0.8);
  border-color: transparent;
}
.topbar .nav-item i {
  margin-right: 0.3em;
}
.navbar-vertical .trigger-fuzzy {
  border: 0;
  font-size: 1em;
  font-weight: 400;
}
.sidebar ~ .navbar {
  z-index: 1030;
}
.sidebar ~ .page-wrapper, .sidebar ~ .navbar {
  transition: margin-inline-start var(--animate-duration);
}
.sidebar #navbar-menu .nav-item .nav-link {
  color: rgba(244, 246, 250, 0.8);
  border-left: 3px solid transparent;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0.75rem 1.25rem !important;
}
.sidebar #navbar-menu .nav-item .nav-link[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"]:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
.sidebar #navbar-menu .nav-item .nav-link:hover:not([aria-expanded="true"]):not(.active) {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  background-color: rgba(200, 32, 47, 0.15) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  border: 1px solid rgba(255, 117, 130, 0.2) !important;
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* REGLAS FINALES PARA #navbar-menu - ELIMINAR FONDO AZUL COMPLETAMENTE */
.sidebar #navbar-menu, #navbar-menu, .sidebar .collapse#navbar-menu, .sidebar .navbar-collapse#navbar-menu, .collapse.navbar-collapse#navbar-menu {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}
.sidebar #navbar-menu .nav-item .nav-link, .sidebar #navbar-menu .nav-item .nav-link[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle, .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"]:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.show[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].show[aria-expanded="false"], .sidebar #navbar-menu .nav-item.dropdown .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item.dropdown .nav-link.dropdown-toggle.show.active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show.active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item.dropdown.active .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item.dropdown.active .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.sidebar #navbar-menu .nav-item .nav-link:hover:not([aria-expanded="true"]):not(.active):not(.show) {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  background-color: rgba(200, 32, 47, 0.15) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  border: 1px solid rgba(255, 117, 130, 0.2) !important;
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sidebar #navbar-menu .nav-item .nav-link[aria-expanded="true"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="true"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"], .sidebar #navbar-menu .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"], .sidebar #navbar-menu .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-color: rgba(200, 32, 47, 0.8) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(200, 32, 47, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateX(4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sidebar #navbar-menu .nav-item .nav-link[aria-expanded="true"] i, .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="true"] i, .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] i, .sidebar #navbar-menu .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"] i, .sidebar #navbar-menu .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] i {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
.sidebar #navbar-menu .nav-item .nav-link.show, .sidebar #navbar-menu .nav-item .nav-link.active {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-color: rgba(200, 32, 47, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-left-color: rgba(200, 32, 47, 0.8) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(200, 32, 47, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.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);
}
/* Sobrescribir reglas generales para #navbar-menu - eliminar fondo azul */
.sidebar #navbar-menu .nav-item .nav-link[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"]:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]), .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle.show[aria-expanded="false"], .sidebar #navbar-menu .nav-item .nav-link[data-bs-toggle="dropdown"].show[aria-expanded="false"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
.sidebar #navbar-menu .nav-item .nav-link:hover:not([aria-expanded="true"]):not(.active) {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  background-color: rgba(200, 32, 47, 0.15) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.18) 0%, rgba(200, 32, 47, 0.15) 100%) !important;
  border: 1px solid rgba(255, 117, 130, 0.2) !important;
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.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);
}
.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 {
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-left-color: #c8202f !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 12px rgba(200, 32, 47, 0.4) !important;
}
.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 {
  background-image: linear-gradient(135deg, rgba(22, 42, 86, 0.8) 0%, rgba(52, 82, 145, 0.7) 25%, rgba(200, 32, 47, 0.8) 75%, rgba(160, 26, 38, 0.9) 100%) !important;
  background-color: rgba(200, 32, 47, 0.3) !important;
  border-left-color: #c8202f !important;
  color: #ffffff !important;
}
.sidebar #navbar-menu .nav-item i {
  margin-right: 0.7em;
}
.sidebar #navbar-menu .nav-item:hover .nav-link {
  background-image: linear-gradient(90deg, rgba(200, 32, 47, 0.2) 0%, rgba(255, 117, 130, 0.15) 100%) !important;
  background-color: rgba(200, 32, 47, 0.1) !important;
  border-left-color: rgba(200, 32, 47, 0.5) !important;
  color: #ffffff !important;
}
.sidebar .reduce-menu::before {
  font: var(--fa-font-solid);
  content: "ï„€";
  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: url("../pics/logos/logo-G-100-white.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
  }
  body.navbar-collapsed .sidebar {
    z-index: 1050;
    width: 70px;
    overflow-x: 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: rgba(30, 41, 59, 0.16) 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: #f4f6fa;
    color: #2f3f64;
    top: 0;
    left: calc(100% + 1px);
    border: 1px solid #2f3f64;
    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-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
    background-color: #c8202f !important;
    background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
    border-left-color: #c8202f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 12px rgba(200, 32, 47, 0.4) !important;
  }
  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: #374a75;
  }
  body.navbar-collapsed .sidebar .reduce-menu::before {
    content: "";
  }
}
@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: 1030;
  }
  .sidebar ~ .navbar {
    z-index: 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/>.
 *
 * ---------------------------------------------------------------------
 */
.kanban {
  position: relative;
  height: 100%;
}
.kanban .kanban-toolbar {
  display: flex;
  margin-bottom: 15px;
  font-size: 14px;
  padding: 10px;
}
.kanban .kanban-toolbar .fas, .kanban .kanban-toolbar .fa-solid {
  margin: auto auto auto 10px;
  font-size: 1.2em;
  cursor: pointer;
}
.kanban .kanban-toolbar .select2 {
  min-width: 150px;
}
.kanban .kanban-form {
  text-align: left;
  padding: 10px;
  z-index: 10;
}
.kanban .kanban-form input[type="checkbox"] {
  margin-right: 5px;
}
.kanban .kanban-form input:not([type="checkbox"]) {
  display: block;
}
.kanban .kanban-form input[type="submit"] {
  margin: auto;
}
.kanban .kanban-form input[type="button"] {
  width: 100%;
}
.kanban .kanban-form .kanban-item-subtitle {
  font-style: italic;
  font-weight: normal;
}
.kanban .kanban-form .kanban-item-content {
  margin-bottom: 5px;
}
.kanban .kanban-form .kanban-item-content .kanban-columns-list {
  max-height: 50vh;
  overflow-y: auto;
  margin: 10px 0;
  list-style: none;
}
.kanban .kanban-form .kanban-item-content .kanban-columns-list li {
  padding: 5px 0 0;
}
.kanban .kanban-container {
  overflow: auto;
}
.kanban .kanban-container .kanban-dropdown {
  position: fixed;
  width: max-content;
  min-width: 100px;
  text-align: left;
  list-style: none;
  padding-left: 0;
}
.kanban .kanban-container .kanban-dropdown li {
  margin-top: 2px;
  position: relative;
}
.kanban .kanban-container .kanban-dropdown li a, .kanban .kanban-container .kanban-dropdown li span {
  color: inherit;
  cursor: pointer;
  display: block;
}
.kanban .kanban-container .kanban-dropdown li a i, .kanban .kanban-container .kanban-dropdown li span i {
  color: inherit;
}
.kanban .kanban-container .kanban-dropdown li ul {
  position: absolute;
  left: 100%;
  top: 0;
  display: block;
  width: max-content;
  min-width: 100px;
  margin-left: 1px;
  list-style: none;
}
.kanban .kanban-container .kanban-dropdown li i {
  margin-right: 1em;
}
.kanban .kanban-container .kanban-dropdown li:first-of-type {
  margin-top: 0;
}
.kanban .kanban-container .kanban-dropdown li.dropdown-trigger a::after {
  content: "";
  font: var(--fa-font-solid);
  padding-left: 10px;
}
.kanban .kanban-container .kanban-columns {
  width: max-content;
  /* Fix overflow when collapsed */
  display: flex;
}
.kanban .kanban-container .kanban-columns .kanban-column {
  margin-right: 16px;
  width: 350px;
  height: 600px;
  border-radius: 5px;
  flex-direction: column;
  flex: 1 0 auto;
  text-align: center;
  border-top: 5px solid #c7daf0;
}
.kanban .kanban-container .kanban-columns .kanban-column[data-drop-only="true"] .kanban-body {
  background: #fffa90;
  color: #777620;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed {
  min-width: unset;
  width: calc(1.2em + 20px);
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header {
  box-shadow: unset;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content {
  flex-direction: column;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content .kanban-collapse-column {
  transform: rotate(90deg);
  transform-origin: center;
  display: inline-block;
  margin: calc(50% - 8px) 0;
  white-space: nowrap;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content .kanban-column-title, .kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content .kanban_nb {
  writing-mode: vertical-lr;
  margin-top: 10px;
  margin-left: 0;
  padding: 12px 3px;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content .kanban-collapse-column {
  margin: 0 0 8px;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-column-header .kanban-column-header-content .kanban-column-toolbar {
  display: none;
}
.kanban .kanban-container .kanban-columns .kanban-column.collapsed .kanban-body {
  display: none;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header {
  font-size: 1.2em;
  padding: 10px;
  margin-bottom: 5px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .kanban-column-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .pointer {
  opacity: 0.3;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .pointer:hover {
  opacity: 1;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header i.fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header i.fa-solid {
  cursor: pointer;
  flex: 0 1 auto;
  position: relative;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header i.fas::after, .kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header i.fa-solid::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .kanban-column-title {
  margin-left: 2px;
  padding: 3px 12px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .kanban_nb {
  margin-left: 10px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .kanban-column-toolbar {
  margin-left: auto;
  flex-direction: column;
  flex: 0 1 auto;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-column-header .kanban-column-toolbar i {
  margin-left: 0.2rem;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body {
  min-height: 150px;
  padding: 0 5px;
  height: calc(100% - (1.2em + 35px));
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form input {
  margin: 8px 0 0;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form textarea {
  margin: 8px 0;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form {
  text-align: left;
  padding-left: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  min-height: 50px;
  margin-top: 10px;
  border-radius: 5px;
  min-width: 250px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item.filtered-out, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form.filtered-out {
  display: none;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a {
  padding: 5px 10px 0;
  font-weight: bold;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .fa-solid {
  float: right;
  cursor: pointer;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .fas:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .fa-solid:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .fas:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .fa-solid:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .fas:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .fa-solid:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .fas:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .fa-solid:hover {
  text-decoration: none;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .kanban-item-title .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .kanban-item-title .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .kanban-item-title .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .kanban-item-title .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .kanban-item-title .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .kanban-item-title .fa-solid, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .kanban-item-title .fas, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .kanban-item-title .fa-solid {
  float: none;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .kanban-item-title .fas:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header .kanban-item-title .fa-solid:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .kanban-item-title .fas:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a .kanban-item-title .fa-solid:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .kanban-item-title .fas:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header .kanban-item-title .fa-solid:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .kanban-item-title .fas:last-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a .kanban-item-title .fa-solid:last-of-type {
  margin-right: 5px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a a:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a a:hover {
  text-decoration: underline;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-header a a, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-header a a {
  padding: unset;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-content, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-content {
  padding: 0 10px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-content .kanban-core-content, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-content .kanban-core-content {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team {
  display: flex;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team span:first-of-type, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team span:first-of-type {
  margin-left: auto;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team span, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team span {
  margin-right: -10px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-sizing: content-box;
  min-height: 24px;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team span img, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team span img {
  border-radius: 50%;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team span.fa-stack, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team span.fa-stack {
  width: 2em;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team:hover, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team:hover {
  margin-right: 0;
}
.kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-item .kanban-item-team:hover span, .kanban .kanban-container .kanban-columns .kanban-column .kanban-body .kanban-add-form .kanban-item-team:hover span {
  margin-right: 2px;
}
.kanban .kanban-container .kanban-columns > .sortable-placeholder {
  min-width: 200px;
  height: 600px;
  margin: 0 8px 0 0;
  border-radius: 5px;
}
.kanban .kanban-color-preview.itilstatus.assigned, .kanban .kanban-color-preview.itilstatus.new, .kanban .kanban-column-title.itilstatus.assigned, .kanban .kanban-column-title.itilstatus.new {
  background-color: #49bf4d;
  color: #000f01;
}
.kanban .kanban-color-preview.itilstatus.accepted, .kanban .kanban-column-title.itilstatus.accepted {
  background-color: green;
  color: white;
}
.kanban .kanban-color-preview.itilstatus.refused, .kanban .kanban-column-title.itilstatus.refused {
  background-color: #a72f00;
  color: #130500;
}
.kanban .kanban-color-preview.itilstatus.test, .kanban .kanban-color-preview.itilstatus.qualif, .kanban .kanban-color-preview.itilstatus.waiting, .kanban .kanban-column-title.itilstatus.test, .kanban .kanban-column-title.itilstatus.qualif, .kanban .kanban-column-title.itilstatus.waiting {
  background-color: orange;
  color: #1b1200;
}
.kanban .kanban-color-preview.itilstatus.approval, .kanban .kanban-column-title.itilstatus.approval {
  background-color: #8cabdb;
  color: #121824;
}
.kanban .kanban-color-preview.itilstatus.eval, .kanban .kanban-column-title.itilstatus.eval {
  background-color: lightblue;
  color: #1e2629;
}
.kanban .kanban-color-preview.itilstatus.closed, .kanban .kanban-color-preview.itilstatus.solved, .kanban .kanban-color-preview.itilstatus.observe, .kanban .kanban-color-preview.itilstatus.canceled, .kanban .kanban-column-title.itilstatus.closed, .kanban .kanban-column-title.itilstatus.solved, .kanban .kanban-column-title.itilstatus.observe, .kanban .kanban-column-title.itilstatus.canceled {
  background-color: black;
  color: white;
}
.kanban .kanban-color-preview.itilstatus.planned, .kanban .kanban-column-title.itilstatus.planned {
  background-color: #1b2f62;
  color: #f3f3f5;
}
.kanban .kanban-color-preview {
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.kanban .sortable-placeholder {
  border: 2px dashed #dad55e;
  background: #fff99038;
  color: #777620;
  height: 40px;
  margin-top: 5px;
}
.kanban .sortable-placeholder.invalid-position {
  border: 2px dashed #d3413c;
  background: #ff7370;
  color: #792220;
}
.kanban .item-details-panel {
  width: 360px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  height: calc(100% - 10px);
}
.kanban .item-details-panel .card-header .card-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.kanban .item-details-panel ul.team-list li img {
  border-radius: 50%;
}
.kanban .item-details-panel ul.team-list li button {
  display: none;
  padding: unset;
}
.kanban .item-details-panel ul.team-list li button:hover, .kanban .item-details-panel ul.team-list li button i:hover, .kanban .item-details-panel ul.team-list li:hover button {
  display: inline-flex;
}
.kanban .item-details-panel ul.team-list li .member-details > span {
  margin-right: 2rem;
}
.flex-break {
  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/>.
 *
 * ---------------------------------------------------------------------
 */
#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: "";
  left: 0;
  top: 0;
  font: var(--fa-font-solid);
  font-size: 15px;
  position: absolute;
}
#viewgraph .mini_toggle.active::before {
  content: "";
  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/>.
 *
 * ---------------------------------------------------------------------
 */
.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: mediumaquamarine;
}
.netport.hub {
  background-color: lightsalmon;
}
.netport.cotrunk {
  background-color: silver;
}
.netport.aggregated, .netport .aggregated {
  background-color: teal;
  color: white;
  padding-left: 2em;
}
.netport.aggregated a, .netport .aggregated a {
  color: white;
}
.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%;
}
.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(--dark);
  color: var(--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: 8px;
  text-align: center;
  overflow: hidden;
  cursor: move;
  /* fallback */
  cursor: grab;
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content .main-label, .grid-stack-item:not(.lock-bottom) .grid-stack-item-content > .main-label, .grid-stack-item:not(.lock-bottom) .grid-stack-item-content .card .main-label, .grid-stack-item:not(.lock-bottom) .grid-stack-item-content .card.g-chart .main-label, .grid-stack-item:not(.lock-bottom) .grid-stack-item-content .g-chart .main-label, .grid-stack-item:not(.lock-bottom) .grid-stack-item-content span.main-label {
  font-size: 1.5em !important;
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content:active {
  cursor: move;
  /* fallback */
  cursor: grabbing;
}
.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-item .grid-stack-item-content, .grid-stack .grid-stack-item .placeholder-content {
  left: 0;
  right: 0;
}
.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: 1px;
  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;
}
.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 rgba(98, 105, 118, 0.16);
  border-width: 0 1px 1px 0;
  background-size: var(--dcroom-grid-cellw) var(--dcroom-grid-cellh);
  background-image: linear-gradient(to right, rgba(98, 105, 118, 0.16) 1px, transparent 1px), linear-gradient(to bottom, rgba(98, 105, 118, 0.16) 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: 15px;
  top: 10px;
}
.grid-room .grid-stack {
  float: left;
}
.grid-room .grid-stack-item {
  border: 1px solid #444;
  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: inherit;
  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: inherit;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
#viewgraph .rooms a.fa:link {
  color: inherit;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
}
#viewgraph .rooms a .fa {
  color: inherit;
  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: #626976;
  background-color: steelblue;
}
#viewgraph table.rooms td {
  border-left: 1px solid rgba(98, 105, 118, 0.16);
}
#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: transparent;
  border: 1px solid rgba(98, 105, 118, 0.16);
  color: inherit;
  padding-top: 18px;
}
.racks_col h2, .racks_col .h2 {
  font-size: 14px;
  font-weight: bold;
  color: #626976;
  background-color: var(--tblr-border-color-light);
  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: transparent repeating-linear-gradient(transparent, transparent 21px, var(--tblr-border-color-light) 21px, var(--tblr-border-color-light) 42px);
  z-index: 1;
  border: 1px solid rgba(98, 105, 118, 0.16);
  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-border-color-light);
  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: transparent;
  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 rgba(98, 105, 118, 0.16);
  background-color: var(--tblr-border-color-light);
  color: #626976;
  text-align: left;
  font-size: 11px;
  margin-bottom: 20px;
}
.rack_side_block_content {
  padding: 10px 5px;
}
.rack_side_block h3, .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/>.
 *
 * ---------------------------------------------------------------------
 */
body.mce-content-body {
  margin: 15px 10px;
  background: transparent;
}
body.mce-content-body [data-user-mention="true"] {
  cursor: default !important;
}
#page .tox .tox-statusbar {
  border-top: transparent;
  justify-content: flex-end;
}
.tox.tox-tinymce {
  border: 1px solid #d9dbde;
  border-radius: 4px;
}
.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;
  content: "";
  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%, #f1f4e3 100%);
}
.user-mention, [data-user-mention="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: #e7f06367;
  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: rgba(96, 111, 145, 0.3);
  border-left-width: 0;
  border-radius: unset;
  position: fixed;
  top: 56px;
  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 - 56px - 20px);
  min-width: 320px;
}
.saved-searches-panel.pinned .pin-saved-searches-panel {
  border: 2px inset rgba(96, 111, 145, 0.5);
  background-color: rgba(96, 111, 145, 0.1);
  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: #d0d9f0;
  color: #3a4966;
}
body.navbar-collapsed .saved-searches-panel {
  height: calc(100vh - 79px);
}
body.navbar-collapsed .saved-searches-panel:not(.pinned) {
  top: 56px;
  left: 70px;
}
body.horizontal-layout .saved-searches-panel {
  top: 79px;
  left: 0;
}
body.horizontal-layout .saved-searches-panel.pinned {
  top: 0;
  height: calc(100vh - 79px - 56px - 20px);
}
body.horizontal-layout .secondary-bar {
  top: 79px;
  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: #e7f06367;
  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: "";
  font-family: tabler-icons;
  font-weight: 900;
  color: #606f91;
  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: auto;
  /* FF only - más ancha que thin, más fácil de agarrar */
  scrollbar-color: rgba(96, 111, 145, 0.8) transparent;
  /* FF only */
}
* ::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}
* ::-webkit-scrollbar-track {
  background: transparent !important;
}
* ::-webkit-scrollbar-thumb {
  background: rgba(96, 111, 145, 0.8) !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: #e6e7e9;
}
.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);
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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: flex;
  height: auto;
  min-height: calc(1.5em + 1.2rem + 2px);
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: flex;
  padding: 0.6rem 2.25rem 0.6rem 0.75rem;
  align-items: center;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  min-height: 100%;
  height: auto;
}
.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: flex;
  min-height: calc(1.5em + 1.2rem + 2px);
  height: auto;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  padding: 0.3rem 0.5rem;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  align-items: center;
  gap: 0.25rem;
}
.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 dropdown del selector de idioma - sobrescribir fondo blanco */
[id*="select2-dropdown_language"], .select2-dropdown[id*="select2-dropdown_language"], .select2-container--open .select2-dropdown[id*="select2-dropdown_language"] {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__options::-webkit-scrollbar {
  width: 16px !important;
}
.select2-results__options::-webkit-scrollbar-track {
  background: var(--body-bg, #ffffff) !important;
  border-radius: 4px !important;
}
.select2-results__options::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8202f 0%, #a01a26 100%) !important;
  border-radius: 4px !important;
}
.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a01a26 0%, #c8202f 100%) !important;
}
.select2-results__options--nested::-webkit-scrollbar {
  width: 16px !important;
}
.select2-results__options--nested::-webkit-scrollbar-track {
  background: var(--body-bg, #ffffff) !important;
  border-radius: 4px !important;
}
.select2-results__options--nested::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8202f 0%, #a01a26 100%) !important;
  border-radius: 4px !important;
}
.select2-results__options--nested::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a01a26 0%, #c8202f 100%) !important;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  position: absolute !important;
  left: 0 !important;
  /* Alinear directamente debajo del input */
  transition: none !important;
  /* Eliminar transiciones que causan animación extraña */
  animation: none !important;
  /* Eliminar animaciones que causan ajuste doble del texto */
}
.select2-dropdown {
  min-width: 350px !important;
  /* Cuadro más angosto */
  max-width: calc(100vw - 40px) !important;
  max-height: calc(100vh - 100px) !important;
  /* Nunca salir del viewport */
  overflow: hidden !important;
  /* Recortar contenido que sobresalga */
  display: flex !important;
  flex-direction: column !important;
}
.select2-dropdown .select2-results {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  /* Necesario para que flex permita scroll */
}
.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;
  left: 0 !important;
  /* Alinear directamente debajo del input como el calendario */
  margin-top: 0 !important;
  /* Sin margen para alineación perfecta */
  transition: none !important;
  /* Eliminar transiciones que causan animación extraña */
  animation: none !important;
  /* Eliminar animaciones que causan ajuste doble del texto */
}
.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 #e6e7e9;
  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 #e6e7e9;
  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 #e6e7e9;
  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 #e6e7e9;
  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 #e6e7e9;
  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 #e6e7e9;
  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: #fdfdfd;
  border: 1px solid #d9dbde;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .select2-container .select2-selection {
    transition: none;
  }
}
@media not print {
  .theme-dark .select2-container .select2-selection {
    background-color: #1b2434;
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-selection {
      background-color: #1b2434;
      border-color: #fafbfc;
    }
  }
}
.select2-container .select2-selection .select2-selection__rendered input[type="search"] {
  color: inherit;
}
.select2-container .select2-selection.select2-selection--single {
  font-size: 0.875rem;
  height: calc(1.4285714286em + 0.875rem + 2px);
  position: relative;
}
.select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em + 0.875rem + 2px);
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: calc(1.4285714286em + 0.875rem + 2px);
  direction: rtl;
  text-align: left;
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered::before {
  /* Evitar que el pseudo-elemento se dibuje/ocupe espacio (se superponía al texto). */
  content: "" !important;
  display: none !important;
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered > * {
  unicode-bidi: plaintext;
}
@media not print {
  .theme-dark .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    color: #fafbfc;
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
      color: #fafbfc;
      border-color: #fafbfc;
    }
  }
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single {
  font-size: 0.75rem;
  height: calc(1.4285714286em + 0.25rem + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em + 0.25rem + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
  margin-top: -4px;
}
.form-select-sm + .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: calc(1.4285714286em + 0.25rem + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single {
  font-size: 1.25rem;
  height: calc(1.4285714286em + 1rem + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
  height: calc(1.4285714286em + 1rem + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single .select2-selection__arrow b {
  margin-top: -1px;
}
.form-select-lg + .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: calc(1.4285714286em + 1rem + 2px);
}
.select2-container .select2-selection.select2-selection--multiple {
  font-size: 0.765625rem;
  min-height: calc(1.4285714286em + 0.875rem + 2px);
}
.form-select-sm + .select2-container .select2-selection.select2-selection--multiple {
  font-size: 0.65625rem;
  min-height: calc(1.4285714286em + 0.25rem + 2px);
}
.form-select-lg + .select2-container .select2-selection.select2-selection--multiple {
  font-size: 1.09375rem;
  min-height: calc(1.4285714286em + 1rem + 2px);
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #fafbfc;
  border: 1px solid #d9dbde;
  border-radius: 2px;
  padding: 1px 3px;
  margin: 3px 3px 0 0;
  max-width: 100%;
  white-space: normal;
}
@media not print {
  .theme-dark .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #1e293b;
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
      background-color: #1e293b;
      border-color: #fafbfc;
    }
  }
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  color: #1e293b;
  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: #000000;
}
@media not print {
  .theme-dark .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .theme-dark .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .theme-dark-auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
      color: #fafbfc;
    }
  }
}
.select2-container.select2-container--focus .select2-selection {
  border-color: #ffe4ae;
  box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.select2-container.select2-container--disabled .select2-selection {
  background-color: #f1f5f9;
  border-color: #d9dbde;
  box-shadow: none;
  cursor: not-allowed;
}
.select2-container.select2-container--disabled .select2-selection .select2-selection__rendered {
  color: #626976;
}
.select2-container .select2-dropdown {
  border-color: #d9dbde;
  border-radius: 0;
  font-size: 0.875rem;
}
@media not print {
  .theme-dark .select2-container .select2-dropdown {
    background-color: #1e293b;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-dropdown {
      background-color: #1e293b;
    }
  }
}
.select2-container .select2-dropdown.select-dropdown-sm {
  font-size: 0.75rem;
}
.select2-container .select2-dropdown.select-dropdown-lg {
  font-size: 1.25rem;
}
.select2-container .select2-dropdown.select2-dropdown--below {
  border-top: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 0 !important;
  /* Alinear directamente debajo del input */
  margin-top: 0 !important;
  /* Sin margen para alineación perfecta */
  transition: none !important;
  /* Eliminar transiciones que causan animación extraña */
  animation: none !important;
  /* Eliminar animaciones que causan ajuste doble del texto */
}
.select2-container .select2-dropdown.select2-dropdown--above {
  border-top: 1px solid #d9dbde;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
  border: 1px solid #d9dbde;
  border-radius: 4px;
}
@media not print {
  .theme-dark .select2-container .select2-dropdown .select2-search .select2-search__field {
    background-color: #1b2434;
    color: #fafbfc;
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-dropdown .select2-search .select2-search__field {
      background-color: #1b2434;
      color: #fafbfc;
      border-color: #fafbfc;
    }
  }
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
  background-color: #eaeef2;
}
@media not print {
  .theme-dark .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    background-color: #27354c;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
      background-color: #27354c;
    }
  }
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #fec95c;
  color: #fafbfc;
}
@media not print {
  .theme-dark .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #1b2434;
    color: #fafbfc;
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
      background-color: #1b2434;
      color: #fafbfc;
      border-color: #fafbfc;
    }
  }
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] {
  padding: 0 !important;
  /* Sin padding en el contenedor */
  padding-top: 0 !important;
  /* Sin padding superior adicional */
  margin: 0.5rem 0.5rem 0.25rem 0.5rem !important;
  /* Reducido margen inferior para eliminar espacio excesivo */
}
.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: none !important;
  border-bottom: none !important;
}
.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;
}
.select2-container ~ .btn.btn-outline-secondary {
  border: 1px solid #d9dbde;
}
@media not print {
  .theme-dark .select2-container ~ .btn.btn-outline-secondary {
    border-color: #fafbfc;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto .select2-container ~ .btn.btn-outline-secondary {
      border-color: #fafbfc;
    }
  }
}
.modal-backdrop ~ .select2-container--open {
  z-index: 1056;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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 #e6e7e9;
}
.card-tabs #tabspanel.nav-tabs .nav-link {
  background: #fafbfc;
  color: #626976;
  border-color: rgba(98, 105, 118, 0.16);
  border-right-width: 0;
}
.card-tabs #tabspanel.nav-tabs .nav-link.active {
  border-right: 1px solid transparent !important;
  margin-right: -1px;
  background: #fff;
  color: #1e293b;
  border-color: rgba(98, 105, 118, 0.16);
  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;
  background-color: #d0d9f0;
  color: #3a4966;
}
.card-tabs.vertical .nav-link {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
  border-top-right-radius: 0;
}
.card-tabs.vertical .nav-link.active {
  border-left-width: 5px;
  border-right-color: transparent !important;
}
.card-tabs.horizontal .nav-link {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.card-tabs.horizontal .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/>.
 *
 * ---------------------------------------------------------------------
 */
.itil-footer {
  position: sticky;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .itil-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: 1030;
  }
}
.itil-footer .answer-action:hover {
  font-weight: bold;
}
.itil-footer .action-task {
  background-color: #ffe8b9;
  color: #38301f;
}
.itil-footer .action-solution {
  background-color: #9fd6ed;
  color: #27363b;
}
.itil-footer .action-validation {
  background-color: #e2f2e3;
  color: #155210;
}
.itil-footer .action-document {
  background-color: #80cead;
  color: #21352c;
}
.itil-footer #debugajax {
  position: absolute;
  top: 10px;
  left: 50%;
}
.itil-footer .buttons-bar {
  background-color: #f5f5f5;
  margin-top: auto;
  padding-bottom: 0.5rem;
}
.itil-footer .buttons-bar .form-buttons {
  background-color: inherit;
  border-left: 1px solid rgba(98, 105, 118, 0.16);
}
@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 {
    /* Aumentar altura del área principal (bajar la línea marcada como 1/3) */
    height: calc(100vh - 180px) !important;
    max-height: calc(100vh - 180px) !important;
  }
  #itil-object-container {
    /* Aumentar altura del contenedor (alinear más cerca de la línea 2/4) */
    max-height: calc(94vh - 80px) !important;
    height: calc(94vh - 80px) !important;
  }
  .itil-object .itil-left-side, .itil-object .itil-right-side {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transition: all 400ms ease;
    max-height: 100% !important;
    height: 100% !important;
  }
  .itil-object .itil-left-side {
    height: 100% !important;
    border-top: 0 !important;
    left: 0;
  }
  .itil-object .itil-right-side {
    height: 100% !important;
    max-height: 100% !important;
    position: relative;
    border: 0;
    border-left: 1px solid #e6e7e9;
  }
  .itil-object .itil-right-side .accordion-item {
    background: none;
  }
  .itil-object .itil-right-side .accordion-item .accordion-button {
    background-color: transparent;
  }
  .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 .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) {
  .horizontal-layout .itil-object {
    height: calc(100vh - 257px);
  }
  #itil-object-container.right-expanded .itil-left-side {
    width: 30% !important;
    flex: 0 0 30% !important;
  }
  #itil-object-container.right-expanded .itil-right-side {
    width: 70% !important;
    flex: 0 0 70% !important;
  }
}
#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 .creator .badge {
  background-color: rgba(97, 97, 97, 0.15);
  color: rgba(43, 43, 43, 0.8);
  display: inline-flex;
  font-size: 0.625rem;
  min-height: 1.25rem;
  height: auto;
  align-items: flex-start;
  vertical-align: middle;
}
.timeline-item .timeline-header .creator .badge .badge a {
  color: inherit;
}
.timeline-item .timeline-header .timeline-item-buttons .is-private {
  color: rgba(43, 43, 43, 0.8);
}
.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 solid transparent;
  }
  .timeline-item .timeline-content::after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: -12px;
    right: auto;
    top: 0;
    bottom: auto;
    border: 6px solid 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.ITILContent .timeline-content, .timeline-item.ITILValidation .timeline-content {
  background-color: #e2f2e3;
  color: #155210;
  border-color: #87aa8a;
}
.timeline-item.ITILContent .timeline-content::before, .timeline-item.ITILValidation .timeline-content::before {
  border-color: #87aa8a #87aa8a transparent transparent;
}
.timeline-item.ITILContent .timeline-content::after, .timeline-item.ITILValidation .timeline-content::after {
  border-color: #e2f2e3 #e2f2e3 transparent transparent;
}
.timeline-item.ITILContent .timeline-content.t-right::before, .timeline-item.ITILValidation .timeline-content.t-right::before {
  border-color: #87aa8a transparent transparent #87aa8a;
}
.timeline-item.ITILContent .timeline-content.t-right::after, .timeline-item.ITILValidation .timeline-content.t-right::after {
  border-color: #e2f2e3 transparent transparent #e2f2e3;
}
.timeline-item.ITILFollowup .timeline-content, .timeline-item.KnowbaseItemComment .timeline-content {
  background-color: #ececec;
  color: #535353;
  border-color: #ccc;
  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: #ccc #ccc transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content::after, .timeline-item.KnowbaseItemComment .timeline-content::after {
  border-color: #ececec #ececec transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content.t-right::before, .timeline-item.KnowbaseItemComment .timeline-content.t-right::before {
  border-color: #ccc transparent transparent #ccc;
}
.timeline-item.ITILFollowup .timeline-content.t-right::after, .timeline-item.KnowbaseItemComment .timeline-content.t-right::after {
  border-color: #ececec transparent transparent #ececec;
}
.timeline-item.ITILTask .timeline-content {
  background-color: #ffe8b9;
  color: #38301f;
  border-color: #e5c88c;
  background-image: url("../pics/timeline/task.png");
  background-repeat: no-repeat;
}
.timeline-item.ITILTask .timeline-content::before {
  border-color: #e5c88c #e5c88c transparent transparent;
}
.timeline-item.ITILTask .timeline-content::after {
  border-color: #ffe8b9 #ffe8b9 transparent transparent;
}
.timeline-item.ITILTask .timeline-content.t-right::before {
  border-color: #e5c88c transparent transparent #e5c88c;
}
.timeline-item.ITILTask .timeline-content.t-right::after {
  border-color: #ffe8b9 transparent transparent #ffe8b9;
}
.timeline-item.ITILSolution .timeline-content {
  background-color: #9fd6ed;
  color: #27363b;
  border-color: #90c2d8;
  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: #90c2d8 #90c2d8 transparent transparent;
}
.timeline-item.ITILSolution .timeline-content::after {
  border-color: #9fd6ed #9fd6ed transparent transparent;
}
.timeline-item.ITILSolution .timeline-content.t-right::before {
  border-color: #90c2d8 transparent transparent #90c2d8;
}
.timeline-item.ITILSolution .timeline-content.t-right::after {
  border-color: #9fd6ed transparent transparent #9fd6ed;
}
.timeline-item.ITILValidation .timeline-content.waiting, .timeline-item.ITILSolution .timeline-content.waiting {
  border-left-color: #dd9d27;
}
.timeline-item.ITILValidation .timeline-content.accepted, .timeline-item.ITILSolution .timeline-content.accepted {
  border-left: 1em #348f34 solid;
}
.timeline-item.ITILValidation .timeline-content.refused, .timeline-item.ITILSolution .timeline-content.refused {
  border-left: 1em #e25050 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 #68b997;
  box-shadow: inherit;
  color: #21352c;
}
.timeline-item.Log {
  width: 100%;
}
.timeline-item.Log .user-part {
  display: none !important;
}
.timeline-item.Log .content-part {
  flex-direction: row-reverse !important;
  justify-content: flex-end;
  margin-left: 75px;
  margin-right: 83px;
}
.timeline-item.Log .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 {
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
}
.timeline-item.Log .content-part .timeline-content .card-body .timeline-header {
  margin-left: 1rem;
  margin-top: 0;
}
.timeline-item.Log .content-part .user_link {
  display: none !important;
}
.timeline-item.Log .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;
  display: inline-block;
}
.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 {
  min-width: 65%;
  max-width: 100%;
}
#new-itilobject-form .timeline-item {
  min-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: #ececec;
  border-color: #ccc;
}
.filter-timeline-popover .form-check.ITILContent .form-check-input:checked, .filter-timeline-popover .form-check.ITILValidation .form-check-input:checked {
  background-color: #e2f2e3;
  border-color: #87aa8a;
}
.filter-timeline-popover .form-check.ITILTask .form-check-input:checked {
  background-color: #ffe8b9;
  border-color: #e5c88c;
}
.filter-timeline-popover .form-check.ITILSolution .form-check-input:checked {
  background-color: #9fd6ed;
  border-color: #90c2d8;
}
.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 {
  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) .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 {
  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 .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::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: 170px;
  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;
}
.dates_timelines .dot::before {
  color: #929292;
  font: var(--fa-font-solid);
  padding-left: 3px;
}
.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: 161px;
}
.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: "!";
  padding-left: 8px;
  color: #e54e5a;
}
.dates_timelines .checked .dot::before {
  content: "";
}
.dates_timelines .end .dot {
  border: 0;
  font-size: 15px;
  left: 163px;
}
.dates_timelines .end .dot::before {
  content: "";
}
.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.assigned, .itilstatus.new, .validationstatus.assigned, .validationstatus.new {
  color: #49bf4d;
}
.itilstatus.accepted, .validationstatus.accepted {
  color: green;
}
.itilstatus.refused, .validationstatus.refused {
  color: #a72f00;
}
.itilstatus.test, .itilstatus.qualif, .itilstatus.waiting, .validationstatus.test, .validationstatus.qualif, .validationstatus.waiting {
  color: orange;
}
.itilstatus.approval, .validationstatus.approval {
  color: #8cabdb;
}
.itilstatus.eval, .validationstatus.eval {
  color: lightblue;
}
.itilstatus.closed, .itilstatus.solved, .itilstatus.observe, .itilstatus.canceled, .validationstatus.closed, .validationstatus.solved, .validationstatus.observe, .validationstatus.canceled {
  color: black;
}
.itilstatus.planned, .validationstatus.planned {
  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/>.
 *
 * ---------------------------------------------------------------------
 */
@media screen and (min-width: 1400px) {
  .printer_barchart .ct-label.ct-horizontal {
    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/>.
 *
 * ---------------------------------------------------------------------
 */
.form-check-input[name="as_map"]:checked {
  background-color: #80abe4;
}
.form-check-input[name="is_deleted"]:checked {
  background-color: #d63939;
}
@media (min-width: 992px) {
  .search_page {
    display: flex;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .search_page .search-container {
    overflow: auto;
    height: calc(100vh - 56px - 20px);
    padding: 0;
    margin-left: calc(var(--tblr-gutter-x) / 2);
    width: 100%;
  }
  .search_page .search-container.disable-overflow-y {
    height: auto;
  }
}
@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 .search-form-container {
    position: sticky;
    left: 0;
  }
}
.search_page .search-container .search-form-container .search-form {
  background-color: rgba(47, 63, 100, 0.05);
  color: #374a75;
  border-color: #93a4cc;
}
.search_page .search-container .search-form-container .search-form .select2-container {
  min-width: 58px;
}
.search_page .search-container .search-form-container .search-form .sub_criteria {
  background-color: rgba(45, 61, 97, 0.05);
}
@media (min-width: 992px) {
  .search_page .search-container .search-card {
    min-width: 100%;
    width: fit-content;
  }
  .search_page .search-container .search-card .search-header {
    border-bottom: 0;
    position: sticky;
    top: -1px;
    background-color: inherit;
    z-index: 1021;
  }
  .search_page .search-container .search-card .search-header .search-controls {
    position: sticky;
    left: 22px;
  }
}
@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;
}
@media (min-width: 992px) {
  .search_page .search-container .search-card .search-results thead:first-child th {
    z-index: 1020;
    position: sticky;
    top: 0 !important;
    border: 1px solid rgba(98, 105, 118, 0.16);
    border-left: 0;
    border-right: 0;
    background-color: #f8f8f8;
    min-width: max-content;
    vertical-align: top;
    margin-top: 0 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .search-results tbody tr:first-child td {
    padding-top: 1rem !important;
  }
}
@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: #380d0d;
}
.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: #80808033;
  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 - 79px - 56px - 20px);
  }
}
@media (min-width: 992px) {
  body.horizontal-layout .search_page_global {
    height: calc(100vh - 79px - 56px - 20px);
  }
}
.priority_block {
  white-space: nowrap;
  border: 1px solid transparent;
  padding-right: 6px;
  border-radius: 2px;
  display: flex;
  background-color: var(--tblr-body-bg, #fff);
  color: inherit;
}
.priority_block, .priority_block:hover, #massformTicket .table tbody tr:hover td .priority_block, #massformTicket table tbody tr:hover td .priority_block {
  background-color: var(--tblr-body-bg, #fff) !important;
  color: inherit !important;
}
.priority_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=""]):not([data-nosort]) {
  cursor: pointer;
}
table.search-results thead th[data-searchopt-id]:not([data-searchopt-id=""]):not([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: inherit;
  background-color: #fdfdfd;
  background-clip: padding-box;
  border: 1px solid #d9dbde;
  border-radius: 4px;
  padding: 0.4375rem 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 {
  color: inherit;
  background-color: #fdfdfd;
  border-color: #ffe4ae;
}
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: 0.875rem;
  color: inherit;
  background-color: #fdfdfd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  appearance: none;
  border: 1px solid #d9dbde;
  border-radius: 4px;
  padding: 0.6rem 2.25rem 0.6rem 0.75rem;
  min-height: calc(1.5em + 1.2rem + 2px);
  height: auto;
  line-height: 1.5;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-wrap: break-word;
  box-sizing: border-box;
}
select:not(.form-select):focus {
  border-color: #ffe4ae;
  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: #e2e8f0;
}
input.submit, .vsubmit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  background-color: #fec95c;
  color: #1e293b;
  border: 1px solid rgba(98, 105, 118, 0.24);
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.4285714286;
  padding: 0.4375rem 1rem;
}
input.submit:hover, .vsubmit:hover {
  background: #e5b553;
  border-color: #fec95c;
}
input.submit.disabled, .vsubmit.disabled {
  cursor: not-allowed;
}
input.submit:focus:not([disabled]):not(.disabled), .vsubmit:focus:not([disabled]):not(.disabled) {
  border-color: #fec95c;
}
.form-control.warn {
  border-color: red !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-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  ---------------#################### */
  /* ################--------------- Tracking  / Reminder ---------------#################### */
  /* ################--------------- User Picture ---------------#################### */
  /* ################--------------- Espacement des blocs ---------------#################### */
  /* ################--------------- Calendrier  / reservation ---------------#################### */
  /* ################--------------- Knowledge FAQ  ---------------#################### */
  /* ################--------------- Notepad  ---------------#################### */
  /* ################--------------- DB Slave---------------#################### */
  /* ################--------------- Debug  ---------------#################### */
  /** QUEUEMAIL **/
  /** KB comments **/
  /* (indentation/2) */
  /* ################--------------- Log history filters ---------------#################### */
  /** 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 **/
  /** Chartists styles fix **/
}
#page .starthidden, .qtip .starthidden, .modal .modal-body .starthidden {
  display: none;
}
#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 .separ, .qtip .separ, .modal .modal-body .separ {
  clear: both;
  visibility: hidden;
}
#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 solid #e0e0e0 !important;
  border-left-width: 1px !important;
  border-left-color: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  box-shadow: none !important;
}
#page .tox-tinymce.required:focus, .qtip .tox-tinymce.required:focus, .modal .modal-body .tox-tinymce.required:focus, #page .tox-tinymce.required:focus-within, .qtip .tox-tinymce.required:focus-within, .modal .modal-body .tox-tinymce.required:focus-within, #page .tox-tinymce.required.focus, .qtip .tox-tinymce.required.focus, .modal .modal-body .tox-tinymce.required.focus, #page .tox-tinymce.required.tox-focused, .qtip .tox-tinymce.required.tox-focused, .modal .modal-body .tox-tinymce.required.tox-focused {
  border: 1px solid #c8202f !important;
  border-left-width: 1px !important;
  border-left-color: #c8202f !important;
  border-color: #c8202f !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 32, 47, 0.15) !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, .qtip .pointer, .modal .modal-body .pointer {
  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 .disclosablefield, .qtip .disclosablefield, .modal .modal-body .disclosablefield {
  position: relative;
}
#page .disclosablefield span, .qtip .disclosablefield span, .modal .modal-body .disclosablefield span {
  position: absolute;
  right: 0;
  top: 0;
}
#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 .planning_classic_card .field, .qtip .planning_classic_card .field, .modal .modal-body .planning_classic_card .field {
  display: table-row;
  padding: 5px;
}
#page .planning_classic_card .field label, .qtip .planning_classic_card .field label, .modal .modal-body .planning_classic_card .field label {
  display: table-cell;
  padding: 10px 5px;
}
#page .planning_classic_card .field label ~ div, .qtip .planning_classic_card .field label ~ div, .modal .modal-body .planning_classic_card .field label ~ div {
  display: table-cell;
}
#page .tab_cadre, #page .tab_cadre_fixehov, #page .tab_cadrehov, #page .tab_cadre th, #page .tab_cadre_fixe th, #page .tab_cadre_fixehov th, #page .tab_cadrehov th, #page h2.header, #page .header.h2, .qtip .tab_cadre, .qtip .tab_cadre_fixehov, .qtip .tab_cadrehov, .qtip .tab_cadre th, .qtip .tab_cadre_fixe th, .qtip .tab_cadre_fixehov th, .qtip .tab_cadrehov th, .qtip h2.header, .qtip .header.h2, .modal .modal-body .tab_cadre, .modal .modal-body .tab_cadre_fixehov, .modal .modal-body .tab_cadrehov, .modal .modal-body .tab_cadre th, .modal .modal-body .tab_cadre_fixe th, .modal .modal-body .tab_cadre_fixehov th, .modal .modal-body .tab_cadrehov th, .modal .modal-body h2.header, .modal .modal-body .header.h2 {
  background-color: var(--contrast-light);
  color: var(--dark);
}
@media not print {
  .theme-dark #page .tab_cadre, .theme-dark #page .tab_cadre_fixehov, .theme-dark #page .tab_cadrehov, .theme-dark #page .tab_cadre th, .theme-dark #page .tab_cadre_fixe th, .theme-dark #page .tab_cadre_fixehov th, .theme-dark #page .tab_cadrehov th, .theme-dark #page h2.header, .theme-dark #page .header.h2, .theme-dark .qtip .tab_cadre, .theme-dark .qtip .tab_cadre_fixehov, .theme-dark .qtip .tab_cadrehov, .theme-dark .qtip .tab_cadre th, .theme-dark .qtip .tab_cadre_fixe th, .theme-dark .qtip .tab_cadre_fixehov th, .theme-dark .qtip .tab_cadrehov th, .theme-dark .qtip h2.header, .theme-dark .qtip .header.h2, .theme-dark .modal .modal-body .tab_cadre, .theme-dark .modal .modal-body .tab_cadre_fixehov, .theme-dark .modal .modal-body .tab_cadrehov, .theme-dark .modal .modal-body .tab_cadre th, .theme-dark .modal .modal-body .tab_cadre_fixe th, .theme-dark .modal .modal-body .tab_cadre_fixehov th, .theme-dark .modal .modal-body .tab_cadrehov th, .theme-dark .modal .modal-body h2.header, .theme-dark .modal .modal-body .header.h2 {
    background-color: var(--contrast-dark);
    color: var(--light);
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto #page .tab_cadre, .theme-dark-auto #page .tab_cadre_fixehov, .theme-dark-auto #page .tab_cadrehov, .theme-dark-auto #page .tab_cadre th, .theme-dark-auto #page .tab_cadre_fixe th, .theme-dark-auto #page .tab_cadre_fixehov th, .theme-dark-auto #page .tab_cadrehov th, .theme-dark-auto #page h2.header, .theme-dark-auto #page .header.h2, .theme-dark-auto .qtip .tab_cadre, .theme-dark-auto .qtip .tab_cadre_fixehov, .theme-dark-auto .qtip .tab_cadrehov, .theme-dark-auto .qtip .tab_cadre th, .theme-dark-auto .qtip .tab_cadre_fixe th, .theme-dark-auto .qtip .tab_cadre_fixehov th, .theme-dark-auto .qtip .tab_cadrehov th, .theme-dark-auto .qtip h2.header, .theme-dark-auto .qtip .header.h2, .theme-dark-auto .modal .modal-body .tab_cadre, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov, .theme-dark-auto .modal .modal-body .tab_cadrehov, .theme-dark-auto .modal .modal-body .tab_cadre th, .theme-dark-auto .modal .modal-body .tab_cadre_fixe th, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov th, .theme-dark-auto .modal .modal-body .tab_cadrehov th, .theme-dark-auto .modal .modal-body h2.header, .theme-dark-auto .modal .modal-body .header.h2 {
      background-color: var(--contrast-dark);
      color: var(--light);
    }
  }
}
#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_cadrehov, .qtip .tab_cadrehov, .modal .modal-body .tab_cadrehov {
  margin: 10px auto;
  border: 0;
  text-align: left;
  width: 95%;
  border-spacing: 0;
}
#page .tab_cadre th, #page .tab_cadre_fixe th, #page .tab_cadre_fixehov th, #page .tab_cadrehov th, #page h2.header, #page .header.h2, .qtip .tab_cadre th, .qtip .tab_cadre_fixe th, .qtip .tab_cadre_fixehov th, .qtip .tab_cadrehov th, .qtip h2.header, .qtip .header.h2, .modal .modal-body .tab_cadre th, .modal .modal-body .tab_cadre_fixe th, .modal .modal-body .tab_cadre_fixehov th, .modal .modal-body .tab_cadrehov th, .modal .modal-body h2.header, .modal .modal-body .header.h2 {
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  padding: 2px;
  border-radius: 0;
  margin: 0;
  font-size: 1.1em;
  padding: 10px 5px;
}
#page .tab_spaced, .qtip .tab_spaced, .modal .modal-body .tab_spaced {
  border-collapse: separate;
  border-spacing: 3px;
}
#page .tab_cadre_fixehov th, #page .tab_cadrehov th, .qtip .tab_cadre_fixehov th, .qtip .tab_cadrehov th, .modal .modal-body .tab_cadre_fixehov th, .modal .modal-body .tab_cadrehov th {
  background-color: #F8F8F8;
  color: #2E2E2E;
  border-bottom: 1px solid #eee;
}
#page .tab_cadre_fixehov td, #page .tab_cadrehov td, .qtip .tab_cadre_fixehov td, .qtip .tab_cadrehov td, .modal .modal-body .tab_cadre_fixehov td, .modal .modal-body .tab_cadrehov 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 #eee;
}
#page .tab_cadrehov td, .qtip .tab_cadrehov td, .modal .modal-body .tab_cadrehov td {
  border-bottom: 1px solid #eee;
}
#page .tab_cadrehov th.headHover, #page .tab_cadre_fixehov th.headHover, #page .tab_cadrehov td.columnHover, #page .tab_cadre_fixehov td.columnHover, #page .tab_cadrehov tr.rowHover, #page .tab_cadrehov td.rowHover, #page .tab_cadre_fixehov tr.rowHover, #page .tab_cadre_fixehov td.rowHover, .qtip .tab_cadrehov th.headHover, .qtip .tab_cadre_fixehov th.headHover, .qtip .tab_cadrehov td.columnHover, .qtip .tab_cadre_fixehov td.columnHover, .qtip .tab_cadrehov tr.rowHover, .qtip .tab_cadrehov td.rowHover, .qtip .tab_cadre_fixehov tr.rowHover, .qtip .tab_cadre_fixehov td.rowHover, .modal .modal-body .tab_cadrehov th.headHover, .modal .modal-body .tab_cadre_fixehov th.headHover, .modal .modal-body .tab_cadrehov td.columnHover, .modal .modal-body .tab_cadre_fixehov td.columnHover, .modal .modal-body .tab_cadrehov tr.rowHover, .modal .modal-body .tab_cadrehov td.rowHover, .modal .modal-body .tab_cadre_fixehov tr.rowHover, .modal .modal-body .tab_cadre_fixehov td.rowHover {
  background-color: #F3F3F3;
}
@media not print {
  .theme-dark #page .tab_cadrehov th.headHover, .theme-dark #page .tab_cadre_fixehov th.headHover, .theme-dark #page .tab_cadrehov td.columnHover, .theme-dark #page .tab_cadre_fixehov td.columnHover, .theme-dark #page .tab_cadrehov tr.rowHover, .theme-dark #page .tab_cadrehov td.rowHover, .theme-dark #page .tab_cadre_fixehov tr.rowHover, .theme-dark #page .tab_cadre_fixehov td.rowHover, .theme-dark .qtip .tab_cadrehov th.headHover, .theme-dark .qtip .tab_cadre_fixehov th.headHover, .theme-dark .qtip .tab_cadrehov td.columnHover, .theme-dark .qtip .tab_cadre_fixehov td.columnHover, .theme-dark .qtip .tab_cadrehov tr.rowHover, .theme-dark .qtip .tab_cadrehov td.rowHover, .theme-dark .qtip .tab_cadre_fixehov tr.rowHover, .theme-dark .qtip .tab_cadre_fixehov td.rowHover, .theme-dark .modal .modal-body .tab_cadrehov th.headHover, .theme-dark .modal .modal-body .tab_cadre_fixehov th.headHover, .theme-dark .modal .modal-body .tab_cadrehov td.columnHover, .theme-dark .modal .modal-body .tab_cadre_fixehov td.columnHover, .theme-dark .modal .modal-body .tab_cadrehov tr.rowHover, .theme-dark .modal .modal-body .tab_cadrehov td.rowHover, .theme-dark .modal .modal-body .tab_cadre_fixehov tr.rowHover, .theme-dark .modal .modal-body .tab_cadre_fixehov td.rowHover {
    background-color: #292929;
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto #page .tab_cadrehov th.headHover, .theme-dark-auto #page .tab_cadre_fixehov th.headHover, .theme-dark-auto #page .tab_cadrehov td.columnHover, .theme-dark-auto #page .tab_cadre_fixehov td.columnHover, .theme-dark-auto #page .tab_cadrehov tr.rowHover, .theme-dark-auto #page .tab_cadrehov td.rowHover, .theme-dark-auto #page .tab_cadre_fixehov tr.rowHover, .theme-dark-auto #page .tab_cadre_fixehov td.rowHover, .theme-dark-auto .qtip .tab_cadrehov th.headHover, .theme-dark-auto .qtip .tab_cadre_fixehov th.headHover, .theme-dark-auto .qtip .tab_cadrehov td.columnHover, .theme-dark-auto .qtip .tab_cadre_fixehov td.columnHover, .theme-dark-auto .qtip .tab_cadrehov tr.rowHover, .theme-dark-auto .qtip .tab_cadrehov td.rowHover, .theme-dark-auto .qtip .tab_cadre_fixehov tr.rowHover, .theme-dark-auto .qtip .tab_cadre_fixehov td.rowHover, .theme-dark-auto .modal .modal-body .tab_cadrehov th.headHover, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov th.headHover, .theme-dark-auto .modal .modal-body .tab_cadrehov td.columnHover, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov td.columnHover, .theme-dark-auto .modal .modal-body .tab_cadrehov tr.rowHover, .theme-dark-auto .modal .modal-body .tab_cadrehov td.rowHover, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov tr.rowHover, .theme-dark-auto .modal .modal-body .tab_cadre_fixehov td.rowHover {
      background-color: #292929;
    }
  }
}
#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;
}
#page .tab_bg_2_2, .qtip .tab_bg_2_2, .modal .modal-body .tab_bg_2_2 {
  background-color: #cf9b9b;
}
#savedsearch-modal .modal-body {
  overflow-x: auto;
}
#savedsearch-modal table.tab_cadre_fixe {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}
#savedsearch-modal table.tab_cadre_fixe td, #savedsearch-modal table.tab_cadre_fixe th {
  overflow-wrap: anywhere;
}
#savedsearch-modal table.tab_cadre_fixe .select2-container, #savedsearch-modal table.tab_cadre_fixe select, #savedsearch-modal table.tab_cadre_fixe input, #savedsearch-modal table.tab_cadre_fixe textarea {
  max-width: 100%;
}
#savedsearch-modal .modal-dialog {
  max-width: min(920px, calc(100vw - 2rem));
}
#savedsearch-modal .modal-content {
  width: 100%;
}
#savedsearch-modal .modal-body {
  overflow-x: visible;
}
#savedsearch-modal table.tab_cadre_fixe {
  table-layout: auto;
}
#savedsearch-modal table.tab_cadre_fixe td, #savedsearch-modal table.tab_cadre_fixe th {
  overflow-wrap: normal;
}
#savedsearch-modal table.tab_cadre_fixe td > label {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  margin: 0;
}
#savedsearch-modal table.tab_cadre_fixe td:nth-child(1), #savedsearch-modal table.tab_cadre_fixe td:nth-child(3) {
  width: 110px;
  white-space: nowrap;
  text-align: right;
  padding-right: 12px;
  vertical-align: middle;
}
#savedsearch-modal table.tab_cadre_fixe td:nth-child(2), #savedsearch-modal table.tab_cadre_fixe td:nth-child(4) {
  width: auto;
}
#savedsearch-modal span[id^=select2-dropdown_is_recursive][id$=-container] {
  text-overflow: clip;
}
#savedsearch-modal select[name=is_recursive] + .select2-container, #savedsearch-modal span[id^=select2-dropdown_is_recursive] :is(.select2-selection, .select2-selection__rendered) {
  min-width: 90px;
}
#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, #page .central .tab_cadrehov th, .qtip .central .tab_cadre_fixehov th, .qtip .central .tab_cadrehov th, .modal .modal-body .central .tab_cadre_fixehov th, .modal .modal-body .central .tab_cadrehov th {
  background-color: #F1F0F0;
}
@media not print {
  .theme-dark #page .central .tab_cadre_fixehov th, .theme-dark #page .central .tab_cadrehov th, .theme-dark .qtip .central .tab_cadre_fixehov th, .theme-dark .qtip .central .tab_cadrehov th, .theme-dark .modal .modal-body .central .tab_cadre_fixehov th, .theme-dark .modal .modal-body .central .tab_cadrehov th {
    background-color: var(--header-bg);
    color: var(--header-fg);
  }
}
@media not print {
  @media (prefers-color-scheme: dark) {
    .theme-dark-auto #page .central .tab_cadre_fixehov th, .theme-dark-auto #page .central .tab_cadrehov th, .theme-dark-auto .qtip .central .tab_cadre_fixehov th, .theme-dark-auto .qtip .central .tab_cadrehov th, .theme-dark-auto .modal .modal-body .central .tab_cadre_fixehov th, .theme-dark-auto .modal .modal-body .central .tab_cadrehov th {
      background-color: var(--header-bg);
      color: var(--header-fg);
    }
  }
}
#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.htmltable_upper_separation_cell, #page th.htmltable_upper_separation_cell, .qtip td.htmltable_upper_separation_cell, .qtip th.htmltable_upper_separation_cell, .modal .modal-body td.htmltable_upper_separation_cell, .modal .modal-body th.htmltable_upper_separation_cell {
  border-top: dashed 1px #a0a0a0;
}
#page td.subheader, #page th.subheader, .qtip td.subheader, .qtip th.subheader, .modal .modal-body td.subheader, .modal .modal-body th.subheader {
  background-color: rgba(32, 107, 196, 0.05);
  color: #206bc4;
  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 .order_DESC:before, .qtip .order_DESC:before, .modal .modal-body .order_DESC:before {
  content: "â–¼";
  color: #B3B3B3;
  font-size: 0.8em;
  padding-right: 5px;
  vertical-align: 1px;
}
#page .order_ASC:before, .qtip .order_ASC:before, .modal .modal-body .order_ASC:before {
  content: "â–²";
  color: #B3B3B3;
  font-size: 0.8em;
  padding-right: 5px;
  vertical-align: 1px;
}
#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, #page .qtip div.objectlockmessage, .qtip #page div.objectlockmessage, #page .modal .modal-body div.objectlockmessage, .modal .modal-body #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 div.objectlockmessage {
  padding: 7px 10px;
  display: flex;
}
#page .navigationheader form, #page div.objectlockmessage form, #page .qtip div.objectlockmessage form, .qtip #page div.objectlockmessage form, #page .modal .modal-body div.objectlockmessage form, .modal .modal-body #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 div.objectlockmessage form {
  display: inline-block;
  margin-bottom: 0;
}
#page .navigationheader .center, #page div.objectlockmessage .center, #page .qtip div.objectlockmessage .center, .qtip #page div.objectlockmessage .center, #page .modal .modal-body div.objectlockmessage .center, .modal .modal-body #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 div.objectlockmessage .center {
  margin: 0 auto;
}
#page .navigationheader .nav_title, #page div.objectlockmessage .nav_title, #page .qtip div.objectlockmessage .nav_title, .qtip #page div.objectlockmessage .nav_title, #page .modal .modal-body div.objectlockmessage .nav_title, .modal .modal-body #page div.objectlockmessage .nav_title, .qtip .navigationheader .nav_title, .qtip div.objectlockmessage .nav_title, .qtip .modal .modal-body div.objectlockmessage .nav_title, .modal .modal-body .qtip div.objectlockmessage .nav_title, .modal .modal-body .navigationheader .nav_title, .modal .modal-body div.objectlockmessage .nav_title {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#page .showplan, .qtip .showplan, .modal .modal-body .showplan {
  font-weight: bold;
  text-decoration: none;
  color: #4A8865;
  cursor: pointer;
}
#page .tooltip, .qtip .tooltip, .modal .modal-body .tooltip {
  font-size: 11px !important;
}
#page .tooltip:contains(img), .qtip .tooltip:contains(img), .modal .modal-body .tooltip:contains(img) {
  white-space: nowrap;
  height: 100px !important;
  border: 10px solid red;
}
#page .tooltip_picture_border, .qtip .tooltip_picture_border, .modal .modal-body .tooltip_picture_border {
  padding: 2px;
  border-radius: 51px;
  border: 5px inset #D0D99D;
  _border: 3px solid #D0D99D;
  width: 72px;
  height: 72px;
  position: absolute;
}
#page .tooltip_picture, .qtip .tooltip_picture, .modal .modal-body .tooltip_picture {
  width: 71px;
  height: 71px;
  border-radius: 50px;
}
#page .tooltip_text, .qtip .tooltip_text, .modal .modal-body .tooltip_text {
  margin-left: 90px;
  min-height: 85px;
}
#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 .h1:target, #page #kbanswer h2:target, #page #kbanswer .h2:target, #page #kbanswer h3:target, #page #kbanswer .h3:target, #page #kbanswer h4:target, #page #kbanswer .h4:target, #page #kbanswer h5:target, #page #kbanswer .h5:target, #page #kbanswer h6:target, #page #kbanswer .h6:target, .qtip #kbanswer h1:target, .qtip #kbanswer .h1:target, .qtip #kbanswer h2:target, .qtip #kbanswer .h2:target, .qtip #kbanswer h3:target, .qtip #kbanswer .h3:target, .qtip #kbanswer h4:target, .qtip #kbanswer .h4:target, .qtip #kbanswer h5:target, .qtip #kbanswer .h5:target, .qtip #kbanswer h6:target, .qtip #kbanswer .h6:target, .modal .modal-body #kbanswer h1:target, .modal .modal-body #kbanswer .h1:target, .modal .modal-body #kbanswer h2:target, .modal .modal-body #kbanswer .h2:target, .modal .modal-body #kbanswer h3:target, .modal .modal-body #kbanswer .h3:target, .modal .modal-body #kbanswer h4:target, .modal .modal-body #kbanswer .h4:target, .modal .modal-body #kbanswer h5:target, .modal .modal-body #kbanswer .h5:target, .modal .modal-body #kbanswer h6:target, .modal .modal-body #kbanswer .h6:target {
  background-color: #fff2a8;
}
#page #kbanswer h1 > a, #page #kbanswer .h1 > a, #page #kbanswer h2 > a, #page #kbanswer .h2 > a, #page #kbanswer h3 > a, #page #kbanswer .h3 > a, #page #kbanswer h4 > a, #page #kbanswer .h4 > a, #page #kbanswer h5 > a, #page #kbanswer .h5 > a, #page #kbanswer h6 > a, #page #kbanswer .h6 > a, .qtip #kbanswer h1 > a, .qtip #kbanswer .h1 > a, .qtip #kbanswer h2 > a, .qtip #kbanswer .h2 > a, .qtip #kbanswer h3 > a, .qtip #kbanswer .h3 > a, .qtip #kbanswer h4 > a, .qtip #kbanswer .h4 > a, .qtip #kbanswer h5 > a, .qtip #kbanswer .h5 > a, .qtip #kbanswer h6 > a, .qtip #kbanswer .h6 > a, .modal .modal-body #kbanswer h1 > a, .modal .modal-body #kbanswer .h1 > a, .modal .modal-body #kbanswer h2 > a, .modal .modal-body #kbanswer .h2 > a, .modal .modal-body #kbanswer h3 > a, .modal .modal-body #kbanswer .h3 > a, .modal .modal-body #kbanswer h4 > a, .modal .modal-body #kbanswer .h4 > a, .modal .modal-body #kbanswer h5 > a, .modal .modal-body #kbanswer .h5 > a, .modal .modal-body #kbanswer h6 > a, .modal .modal-body #kbanswer .h6 > a {
  line-height: 1;
  margin-left: -20px;
  padding-right: 4px;
}
#page #kbanswer h1 svg, #page #kbanswer .h1 svg, #page #kbanswer h2 svg, #page #kbanswer .h2 svg, #page #kbanswer h3 svg, #page #kbanswer .h3 svg, #page #kbanswer h4 svg, #page #kbanswer .h4 svg, #page #kbanswer h5 svg, #page #kbanswer .h5 svg, #page #kbanswer h6 svg, #page #kbanswer .h6 svg, .qtip #kbanswer h1 svg, .qtip #kbanswer .h1 svg, .qtip #kbanswer h2 svg, .qtip #kbanswer .h2 svg, .qtip #kbanswer h3 svg, .qtip #kbanswer .h3 svg, .qtip #kbanswer h4 svg, .qtip #kbanswer .h4 svg, .qtip #kbanswer h5 svg, .qtip #kbanswer .h5 svg, .qtip #kbanswer h6 svg, .qtip #kbanswer .h6 svg, .modal .modal-body #kbanswer h1 svg, .modal .modal-body #kbanswer .h1 svg, .modal .modal-body #kbanswer h2 svg, .modal .modal-body #kbanswer .h2 svg, .modal .modal-body #kbanswer h3 svg, .modal .modal-body #kbanswer .h3 svg, .modal .modal-body #kbanswer h4 svg, .modal .modal-body #kbanswer .h4 svg, .modal .modal-body #kbanswer h5 svg, .modal .modal-body #kbanswer .h5 svg, .modal .modal-body #kbanswer h6 svg, .modal .modal-body #kbanswer .h6 svg {
  visibility: hidden;
}
#page #kbanswer h1:hover svg, #page #kbanswer .h1:hover svg, #page #kbanswer h2:hover svg, #page #kbanswer .h2:hover svg, #page #kbanswer h3:hover svg, #page #kbanswer .h3:hover svg, #page #kbanswer h4:hover svg, #page #kbanswer .h4:hover svg, #page #kbanswer h5:hover svg, #page #kbanswer .h5:hover svg, #page #kbanswer h6:hover svg, #page #kbanswer .h6:hover svg, .qtip #kbanswer h1:hover svg, .qtip #kbanswer .h1:hover svg, .qtip #kbanswer h2:hover svg, .qtip #kbanswer .h2:hover svg, .qtip #kbanswer h3:hover svg, .qtip #kbanswer .h3:hover svg, .qtip #kbanswer h4:hover svg, .qtip #kbanswer .h4:hover svg, .qtip #kbanswer h5:hover svg, .qtip #kbanswer .h5:hover svg, .qtip #kbanswer h6:hover svg, .qtip #kbanswer .h6:hover svg, .modal .modal-body #kbanswer h1:hover svg, .modal .modal-body #kbanswer .h1:hover svg, .modal .modal-body #kbanswer h2:hover svg, .modal .modal-body #kbanswer .h2:hover svg, .modal .modal-body #kbanswer h3:hover svg, .modal .modal-body #kbanswer .h3:hover svg, .modal .modal-body #kbanswer h4:hover svg, .modal .modal-body #kbanswer .h4:hover svg, .modal .modal-body #kbanswer h5:hover svg, .modal .modal-body #kbanswer .h5:hover svg, .modal .modal-body #kbanswer h6: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: 100;
}
#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 .x-button, .qtip .x-button, .modal .modal-body .x-button {
  position: relative;
  margin: 0;
  float: left;
  outline: none;
  padding: 5px;
  cursor: pointer;
  font: bold 12px Arial, Helvetica;
  color: #8f5a0a;
  background-color: #FEC95C;
  border: none;
  border-radius: 0;
}
#page .x-button:hover, .qtip .x-button:hover, .modal .modal-body .x-button:hover {
  cursor: pointer;
  background-color: #fddb6f;
  box-shadow: 0px 1px 1px #999;
}
#page .x-button.x-button-main, .qtip .x-button.x-button-main, .modal .modal-body .x-button.x-button-main {
  width: 100px;
  height: 26px;
}
#page .queuemail_preview .tab_cadre, .qtip .queuemail_preview .tab_cadre, .modal .modal-body .queuemail_preview .tab_cadre {
  width: inherit !important;
}
#page .comments, .qtip .comments, .modal .modal-body .comments {
  margin: 0 0 0 1em;
  /* indentation */
  padding: 0;
  list-style: none;
  position: relative;
}
#page .comments ul, .qtip .comments ul, .modal .modal-body .comments ul {
  margin: 0 0 0 1em;
  /* indentation */
  padding: 0;
  list-style: none;
  position: relative;
  margin-left: 3em;
  clear: both;
}
#page .comments:before, #page .comments ul:before, .qtip .comments:before, .qtip .comments ul:before, .modal .modal-body .comments:before, .modal .modal-body .comments ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid #CECECE;
}
#page .comments li, .qtip .comments li, .modal .modal-body .comments li {
  margin: 0;
  padding: 0;
  line-height: 2em;
  /* default list item's `line-height` */
  position: relative;
  clear: left;
}
#page .comments li:before, .qtip .comments li:before, .modal .modal-body .comments li:before {
  content: "";
  display: block;
  width: 20px;
  /* same with indentation */
  height: 0;
  border-top: 1px solid #CECECE;
  margin-top: -1px;
  /* border top width */
  position: absolute;
  top: 5em;
  left: 0;
}
#page .comments li:last-child:before, .qtip .comments li:last-child:before, .modal .modal-body .comments li:last-child:before {
  background: white;
  /* same with body background */
  height: auto;
  top: 5em;
  /* (line-height/2) */
  bottom: 0;
}
#page .comments .h_content, .qtip .comments .h_content, .modal .modal-body .comments .h_content {
  position: relative;
}
#page .comments .h_info, .qtip .comments .h_info, .modal .modal-body .comments .h_info {
  padding-left: 20px;
}
#page .comments .add_answer, .qtip .comments .add_answer, .modal .modal-body .comments .add_answer {
  background-image: url("../pics/answer.png");
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  opacity: 0.5;
}
#page .comments .add_answer:hover, .qtip .comments .add_answer:hover, .modal .modal-body .comments .add_answer:hover {
  opacity: 1;
  cursor: pointer;
}
#page .comments .h_item, .qtip .comments .h_item, .modal .modal-body .comments .h_item {
  border: none;
}
#page .forcomments.timeline_history, .qtip .forcomments.timeline_history, .modal .modal-body .forcomments.timeline_history {
  border: none;
}
#page .comments hr, #page .comments .hr, .qtip .comments hr, .qtip .comments .hr, .modal .modal-body .comments hr, .modal .modal-body .comments .hr {
  border: none;
  border-top: 1px #222 dotted;
  margin-top: 2px;
}
#page .comment_form textarea, .qtip .comment_form textarea, .modal .modal-body .comment_form textarea {
  width: 100%;
  min-height: 70px;
}
#page input[type=checkbox].toggle_comments, .qtip input[type=checkbox].toggle_comments, .modal .modal-body input[type=checkbox].toggle_comments {
  display: none;
}
#page input[type=checkbox].toggle_comments + .toggle_label, .qtip input[type=checkbox].toggle_comments + .toggle_label, .modal .modal-body input[type=checkbox].toggle_comments + .toggle_label {
  cursor: pointer;
  position: absolute;
  left: -6px;
  top: calc(5em - 8px);
  background: #FFF url("../pics/expand.png") no-repeat;
  width: 14px;
  height: 14px;
}
#page input[type=checkbox].toggle_comments:checked + .toggle_label, .qtip input[type=checkbox].toggle_comments:checked + .toggle_label, .modal .modal-body input[type=checkbox].toggle_comments:checked + .toggle_label {
  background: #FFF url("../pics/collapse.png") no-repeat;
}
#page input[type=checkbox].toggle_comments:checked ~ ul, .qtip input[type=checkbox].toggle_comments:checked ~ ul, .modal .modal-body input[type=checkbox].toggle_comments:checked ~ ul {
  display: block;
}
#page input[type=checkbox].toggle_comments ~ ul, .qtip input[type=checkbox].toggle_comments ~ ul, .modal .modal-body input[type=checkbox].toggle_comments ~ ul {
  display: none;
}
#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";
  position: relative;
  left: -15px;
  top: 1px;
  content: "";
  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: "";
  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: "";
  color: red;
  font-weight: 900;
}
#page .input-group.copy_to_clipboard_wrapper:after, .qtip .input-group.copy_to_clipboard_wrapper:after, .modal .modal-body .input-group.copy_to_clipboard_wrapper:after {
  content: none;
}
#page .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper, .qtip .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper, .modal .modal-body .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper {
  font-style: normal;
}
#page .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:after, .qtip .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:after, .modal .modal-body .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:after {
  left: 0;
}
#page .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:before, .qtip .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:before, .modal .modal-body .input-group.copy_to_clipboard_wrapper i.copy_to_clipboard_wrapper:before {
  content: none;
}
#page tr.log_history_filter_row > th, .qtip tr.log_history_filter_row > th, .modal .modal-body tr.log_history_filter_row > th {
  vertical-align: top;
}
#page tr.log_history_filter_row .select2-container, .qtip tr.log_history_filter_row .select2-container, .modal .modal-body tr.log_history_filter_row .select2-container {
  min-width: 125px;
}
#page tr.log_history_filter_row > th > input, .qtip tr.log_history_filter_row > th > input, .modal .modal-body tr.log_history_filter_row > th > input {
  box-sizing: border-box;
  min-height: 28px;
}
#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 .loadingindicator, .qtip .loadingindicator, .modal .modal-body .loadingindicator {
  background: #fff url("../pics/spinner.48.gif") no-repeat center 0.5em;
  padding: 60px 0.5em 0.5em;
  text-align: center;
  max-width: 350px;
  margin: auto;
  border: none;
}
#page .small, .qtip .small, .modal .modal-body .small {
  width: 1%;
}
#page .bookmark_record .active, .qtip .bookmark_record .active, .modal .modal-body .bookmark_record .active {
  color: #fed175 !important;
}
#page .fa.bookmark_record, #page .fa.reset-search, #page .fa.fold-search, .qtip .fa.bookmark_record, .qtip .fa.reset-search, .qtip .fa.fold-search, .modal .modal-body .fa.bookmark_record, .modal .modal-body .fa.reset-search, .modal .modal-body .fa.fold-search {
  font-size: 1.5em;
  color: #ccc !important;
}
#page .fa.bookmark_record:link, #page .fa.reset-search:link, #page .fa.fold-search:link, .qtip .fa.bookmark_record:link, .qtip .fa.reset-search:link, .qtip .fa.fold-search:link, .modal .modal-body .fa.bookmark_record:link, .modal .modal-body .fa.reset-search:link, .modal .modal-body .fa.fold-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, #page .fa.fold-search:hover, .qtip .fa.reset-search:hover, .qtip .fa.bookmark_record.save:hover, .qtip .fa.fold-search:hover, .modal .modal-body .fa.reset-search:hover, .modal .modal-body .fa.bookmark_record.save:hover, .modal .modal-body .fa.fold-search: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;
  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;
  width: 90%;
}
#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, .qtip .disabled, .modal .modal-body .disabled {
  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 tbody, #page .custom_css_configuration tr, #page .custom_css_configuration td, #page .custom_css_configuration .custom_css_container, .qtip .custom_css_configuration tbody, .qtip .custom_css_configuration tr, .qtip .custom_css_configuration td, .qtip .custom_css_configuration .custom_css_container, .modal .modal-body .custom_css_configuration tbody, .modal .modal-body .custom_css_configuration tr, .modal .modal-body .custom_css_configuration td, .modal .modal-body .custom_css_configuration .custom_css_container {
  max-width: inherit;
  /* chain inherit "max-width" from table element to editor container */
}
#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 {
  box-sizing: border-box;
  min-height: 250px;
  width: 100%;
}
#page .custom_css_configuration .custom_css_container .CodeMirror.input-disabled, .qtip .custom_css_configuration .custom_css_container .CodeMirror.input-disabled, .modal .modal-body .custom_css_configuration .custom_css_container .CodeMirror.input-disabled {
  background: #ebebe4;
  /* 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 .chartist-tooltip, .qtip .chartist-tooltip, .modal .modal-body .chartist-tooltip {
  /* fix z-index isssue along with legend */
  z-index: 11 !important;
}
#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;
}
#idtheme-dashboard-overrides .grid-stack-item-content, .grid-stack-item-content {
  overflow: hidden !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}
#idtheme-dashboard-overrides .card.g-chart .ct-line, #idtheme-dashboard-overrides .card.g-chart .ct-point, .card.g-chart .ct-line, .card.g-chart .ct-point {
  stroke-width: initial !important;
}
#idtheme-dashboard-overrides .card.g-chart .ct-grid, .card.g-chart .ct-grid {
  stroke-width: initial !important;
}
#page .spinner-18, .qtip .spinner-18, .modal .modal-body .spinner-18 {
  background: transparent url("../pics/spinner.gif") no-repeat center center;
  display: none;
  vertical-align: middle;
  margin: auto;
  border: none;
  height: 24px;
  width: 24px;
}
#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;
}
/*!
 * ---------------------------------------------------------------------
 *
 * 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/>.
 *
 * ---------------------------------------------------------------------
 */
#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: "";
}
#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: "ï…’";
}
#planning_container #planning_filter h3, #planning_container #planning_filter .h3 {
  background: rgba(32, 107, 196, 0.05);
  color: #206bc4;
  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;
  padding: 5px;
  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 .actor_icon {
  padding-bottom: 2px;
  vertical-align: top;
  font-size: 14px;
  margin-left: 5px;
}
#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: #f76707;
  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: "";
}
#planning_container #planning_filter ul.filters > li.group_users.expanded .toggle::before {
  font: var(--fa-font-solid);
  content: "ï…†";
}
#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, #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: 13px;
}
#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-day-grid-event .fc-resizer {
  width: 10px;
}
#planning_container #planning .fc-time-grid-event .fc-resizer {
  height: 10px;
}
#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;
}
.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(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(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(--input-border);
  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;
  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;
  animate: 0.2s;
  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;
  animate: 0.2s;
  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;
  animate: 0.2s;
  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, .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(--table-head-bg);
  color: var(--table-head-color);
  z-index: 1000;
  border-left: 1px solid var(--table-head-border-color);
  border-right: 1px solid var(--table-head-border-color);
  display: flex;
  justify-content: space-between;
}
.impact-side ul {
  list-style: none;
  border-left: 1px solid var(--table-head-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 i {
  padding: 10px 4px;
  font-size: 1.5em;
}
.impact-side li i.ti {
  font-size: 1.8em;
  line-height: 1.5em;
}
.impact-side li:hover {
  background-color: var(--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(--btn-disabled-opacity);
}
.impact-side li.impact-separator {
  border-top: 2px solid var(--header-border-color);
}
.impact-side.impact-side-expanded {
  border-left: 3px solid #f1f1f1;
}
.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, .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, .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(--table-head-bg);
  position: absolute;
  bottom: 0;
  color: var(--table-head-color);
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.impact-side-toggle i {
  padding: 10px 5px;
  font-size: 1.5em;
}
.impact-side-toggle:hover {
  color: #0e0e0e;
}
.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, .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, .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;
  }
}
.select2-results__option--highlighted, .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--classic .select2-results__option--highlighted, .select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border: none !important;
}
.form-check-input[type="checkbox"]:checked {
  background-color: #c8202f !important;
  background-image: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  border-color: #c8202f !important;
  accent-color: #c8202f !important;
}
.form-check-input[type="checkbox"]:checked[style*="yellow"], .form-check-input[type="checkbox"]:checked[style*="#ffc"], .form-check-input[type="checkbox"]:checked[style*="#fec95c"], .form-check-input[type="checkbox"]:checked[style*="#ffd700"], .form-check-input[type="checkbox"]:checked[style*="#ffff00"] {
  background: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background-color: #c8202f !important;
  border-color: #c8202f !important;
}
.form-switch .form-check-input[type="checkbox"]:checked, .form-check.form-switch .form-check-input[type="checkbox"]:checked, .form-switch input[type="checkbox"].form-check-input:checked {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  border-color: #c8202f !important;
  accent-color: #c8202f !important;
  background-position: right center !important;
}
:root {
  --gradiente-rojo: linear-gradient(135deg, rgba(255, 117, 130, 0.85) 0%, rgba(200, 32, 47, 0.9) 50%, rgba(180, 25, 40, 0.95) 100%) !important;
  --gradiente-azul: linear-gradient(135deg, #162a56 0%, #1e3a6b 40%, #2d4f8a 70%, #4a6ba8 100%) !important;
  --gradiente-header: linear-gradient(90deg, #162a56 0%, #345291 100%) !important;
  --gradiente-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  --gradiente-input: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%) !important;
  --gradiente-accent: linear-gradient(135deg, rgba(52, 82, 145, 0.1) 0%, rgba(200, 32, 47, 0.05) 100%) !important;
  --gradiente-hover: linear-gradient(90deg, rgba(200, 32, 47, 0.15) 0%, transparent 100%) !important;
  --sombra-suave: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  --sombra-media: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  --sombra-fuerte: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
  --transicion-rapida: all 0.2s ease;
  --transicion-media: all 0.3s ease;
  --transicion-lenta: all 0.4s ease;
  --bs-warning: #c8202f !important;
  --warning: #c8202f !important;
  --form-check-input-checked-bg-color: #c8202f !important;
  --form-check-input-checked-border-color: #c8202f !important;
}
#header, header.navbar, .navbar-expand-md {
  background: var(--gradiente-header) !important;
  border-bottom: 4px solid #c8202f !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.1) !important;
  padding: 0.75rem 1rem !important;
  transition: var(--transicion-media) !important;
}
#header::after, header.navbar::after, .navbar-expand-md::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
  pointer-events: none;
}
header.navbar .nav-link, header.navbar .nav-item, header.navbar i, header.navbar span, header.navbar .navbar-brand, header.navbar .navbar-nav .nav-link, header.navbar .navbar-nav .nav-item, header.navbar a, header.navbar button, header.navbar .btn, header.navbar .navbar-text, header.navbar .navbar-text *, header.navbar a i, header.navbar a span, header.navbar a *, header.navbar .ti, header.navbar .ti-home-2, header.navbar [class*="ti-"] {
  color: #ffffff !important;
  transition: var(--transicion-rapida) !important;
}
header.navbar .nav-link:hover, header.navbar .navbar-nav .nav-link:hover, header.navbar a:hover, header.navbar button:hover, header.navbar .btn:hover, header.navbar a:hover i, header.navbar a:hover span, header.navbar a:hover *, header.navbar a:hover .ti, header.navbar a:hover [class*="ti-"] {
  color: #ff7582 !important;
  transform: translateY(-1px);
}
header.navbar .navbar-nav .nav-link.active, header.navbar .navbar-nav .nav-link.show, header.navbar .navbar-nav .active > .nav-link {
  color: #ffffff !important;
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-radius: 6px !important;
  padding: 0.5rem 1rem !important;
}
header.navbar .form-control, header.navbar input, header.navbar .input-group-text, header.navbar .input-icon-addon {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
header.navbar .form-control::placeholder, header.navbar input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
header.navbar .form-control:focus, header.navbar input:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: #ffffff !important;
}
header.navbar .text-muted, header.navbar .navbar-text, header.navbar .navbar-text *, header.navbar small, header.navbar .small {
  color: rgba(255, 255, 255, 0.9) !important;
}
header.navbar .navbar-text a, header.navbar .navbar-text a:hover, header.navbar .navbar-text a:focus {
  color: #ffffff !important;
}
header.navbar .btn, header.navbar button, header.navbar .badge {
  color: #ffffff !important;
}
header.navbar .btn-outline-light, header.navbar .btn-outline-light:hover {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
header.navbar a[href], header.navbar a[href] i, header.navbar a[href] span, header.navbar a[href] *, header.navbar a[href="/glpi/front/central.php"], header.navbar a[href="/glpi/front/central.php"] i, header.navbar a[href="/glpi/front/central.php"] span, header.navbar a[href="/glpi/front/central.php"] * {
  color: #ffffff !important;
}
header.navbar a[href]:hover, header.navbar a[href]:hover i, header.navbar a[href]:hover span, header.navbar a[href]:hover *, header.navbar a[href="/glpi/front/central.php"]:hover, header.navbar a[href="/glpi/front/central.php"]:hover i, header.navbar a[href="/glpi/front/central.php"]:hover span, header.navbar a[href="/glpi/front/central.php"]:hover * {
  color: #ff7582 !important;
}
.navbar-vertical {
  background: var(--gradiente-azul) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.05) !important;
}
.navbar-vertical::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
  pointer-events: none;
}
.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 0.75rem 1.25rem !important;
  margin: 0.15rem 0.5rem !important;
  border-radius: 8px !important;
  transition: var(--transicion-rapida) !important;
  border: none !important;
  background: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-color: transparent !important;
}
.sidebar .nav-item .nav-link i {
  color: rgba(255, 255, 255, 0.85) !important;
  transition: var(--transicion-rapida) !important;
}
.sidebar .nav-item .nav-link[aria-expanded="true"], .sidebar .nav-item .nav-link.dropdown-toggle[aria-expanded="true"], .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"], .sidebar .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"], .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] {
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-image: linear-gradient(135deg, rgba(255, 117, 130, 0.75) 0%, rgba(200, 32, 47, 0.85) 50%, rgba(180, 25, 40, 0.9) 100%) !important;
  background-color: rgba(200, 32, 47, 0.8) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(200, 32, 47, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateX(4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sidebar .nav-item .nav-link[aria-expanded="true"] i, .sidebar .nav-item .nav-link.dropdown-toggle[aria-expanded="true"] i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] i, .sidebar .nav-item.dropdown .nav-link.dropdown-toggle[aria-expanded="true"] i, .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"][aria-expanded="true"] i {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
.sidebar .nav-item .nav-link.active:not([data-bs-toggle="dropdown"]):not([data-bs-toggle="collapse"]):not(.dropdown-toggle) {
  background: linear-gradient(135deg, rgba(52, 82, 145, 0.78) 0%, rgba(22, 42, 86, 0.88) 55%, rgba(13, 27, 58, 0.92) 100%) !important;
  background-image: linear-gradient(135deg, rgba(52, 82, 145, 0.78) 0%, rgba(22, 42, 86, 0.88) 55%, rgba(13, 27, 58, 0.92) 100%) !important;
  background-color: rgba(22, 42, 86, 0.82) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(22, 42, 86, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateX(4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sidebar .nav-item .nav-link.active:not([data-bs-toggle="dropdown"]):not([data-bs-toggle="collapse"]):not(.dropdown-toggle) i {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
.sidebar .nav-item .nav-link[aria-expanded="false"], .sidebar .nav-item .nav-link.dropdown-toggle[aria-expanded="false"], .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="false"], .sidebar .nav-item .nav-link.dropdown-toggle:not([aria-expanded="true"]), .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"]:not([aria-expanded="true"]), .sidebar .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]), .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]), .sidebar .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"], .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"] {
  background: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-image: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: normal !important;
  transform: none !important;
}
.sidebar .nav-item .nav-link[aria-expanded="false"] i, .sidebar .nav-item .nav-link.dropdown-toggle[aria-expanded="false"] i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"][aria-expanded="false"] i, .sidebar .nav-item .nav-link.dropdown-toggle:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"]:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"] i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"] i {
  color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .nav-item .nav-link:hover:not([aria-expanded="true"]):not(.active) {
  background: linear-gradient(135deg, rgba(52, 82, 145, 0.22) 0%, rgba(22, 42, 86, 0.18) 50%, rgba(13, 27, 58, 0.16) 100%) !important;
  border: 1px solid rgba(52, 82, 145, 0.28) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  transform: translateX(3px);
  box-shadow: 0 2px 6px rgba(22, 42, 86, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sidebar .nav-item .nav-link:hover:not([aria-expanded="true"]):not(.active) i {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.sidebar .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]), .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]), .sidebar .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"], .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"], .sidebar .nav-item .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]), .sidebar .nav-item .nav-link.dropdown-toggle.show[aria-expanded="false"], .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].show[aria-expanded="false"], .sidebar .nav-item.dropdown .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) {
  background: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-image: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: normal !important;
  transform: none !important;
}
.sidebar .nav-item .nav-link.dropdown-toggle.active:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link.dropdown-toggle.active[aria-expanded="false"] i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].active[aria-expanded="false"] i, .sidebar .nav-item .nav-link.dropdown-toggle.show:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) i, .sidebar .nav-item .nav-link.dropdown-toggle.show[aria-expanded="false"] i, .sidebar .nav-item .nav-link[data-bs-toggle="dropdown"].show[aria-expanded="false"] i, .sidebar .nav-item.dropdown .nav-link.dropdown-toggle.show:not([aria-expanded="true"]) i, .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) i {
  color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .nav-item.dropdown .nav-link.dropdown-toggle.show.active:not([aria-expanded="true"]), .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show.active:not([aria-expanded="true"]), .sidebar .nav-item.dropdown.active .nav-link.dropdown-toggle.show:not([aria-expanded="true"]), .sidebar .nav-item.dropdown.active .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) {
  background: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-image: linear-gradient(90deg, rgba(22, 42, 86, 0.3) 0%, rgba(52, 82, 145, 0.2) 100%) !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: normal !important;
  transform: none !important;
}
.sidebar .nav-item.dropdown .nav-link.dropdown-toggle.show.active:not([aria-expanded="true"]) i, .sidebar .nav-item.dropdown .nav-link[data-bs-toggle="dropdown"].show.active:not([aria-expanded="true"]) i, .sidebar .nav-item.dropdown.active .nav-link.dropdown-toggle.show:not([aria-expanded="true"]) i, .sidebar .nav-item.dropdown.active .nav-link[data-bs-toggle="dropdown"].show:not([aria-expanded="true"]) i {
  color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .collapse, .sidebar .collapse.show, .sidebar .nav-collapse, .sidebar .nav-collapse.show, .sidebar .nav-item .collapse, .sidebar .nav-item .collapse.show, .sidebar .nav-item .nav-collapse, .sidebar .nav-item .nav-collapse.show, .sidebar ul.collapse, .sidebar ul.collapse.show, .navbar-vertical .collapse, .navbar-vertical .collapse.show, .navbar-vertical .nav-collapse, .navbar-vertical .nav-collapse.show {
  background: linear-gradient(135deg, #1a2b4b 0%, #0d1b3a 50%, #1a2b4b 100%) !important;
  background-color: #1a2b4b !important;
  border: none !important;
  padding: 0.5rem 0 !important;
  margin: 0.25rem 0.5rem !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.sidebar .collapse .nav-link, .sidebar .collapse.show .nav-link, .sidebar .nav-collapse .nav-link, .sidebar .nav-collapse.show .nav-link, .sidebar .nav-item .collapse .nav-link, .sidebar .nav-item .collapse.show .nav-link, .navbar-vertical .collapse .nav-link, .navbar-vertical .collapse.show .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 0.6rem 1.5rem 0.6rem 2.5rem !important;
  border: none !important;
  transition: var(--transicion-rapida) !important;
  background: linear-gradient(90deg, rgba(22, 42, 86, 0.4) 0%, rgba(52, 82, 145, 0.3) 100%) !important;
  background-color: transparent !important;
  margin: 0.15rem 0.25rem !important;
  border-radius: 6px !important;
}
.sidebar .collapse .nav-link:hover, .sidebar .collapse.show .nav-link:hover, .sidebar .nav-collapse .nav-link:hover, .sidebar .nav-collapse.show .nav-link:hover, .sidebar .nav-item .collapse .nav-link:hover, .sidebar .nav-item .collapse.show .nav-link:hover, .navbar-vertical .collapse .nav-link:hover, .navbar-vertical .collapse.show .nav-link:hover {
  background: linear-gradient(90deg, rgba(52, 82, 145, 0.24) 0%, rgba(22, 42, 86, 0.18) 100%) !important;
  border: none !important;
  color: #ffffff !important;
}
.sidebar .collapse .nav-link.active, .sidebar .collapse.show .nav-link.active, .sidebar .nav-collapse .nav-link.active, .sidebar .nav-collapse.show .nav-link.active, .sidebar .nav-item .collapse .nav-link.active, .sidebar .nav-item .collapse.show .nav-link.active, .navbar-vertical .collapse .nav-link.active, .navbar-vertical .collapse.show .nav-link.active {
  background-image: linear-gradient(135deg, #345291 0%, #162a56 45%, #1f3b78 72%, #162a56 100%) !important;
  background-color: #162a56 !important;
  background: linear-gradient(135deg, #345291 0%, #162a56 45%, #1f3b78 72%, #162a56 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 12px rgba(22, 42, 86, 0.35) !important;
}
.sidebar, .navbar-vertical {
  background: var(--gradiente-azul) !important;
  background-color: #162a56 !important;
  background-clip: padding-box !important;
}
.sidebar .reduce-menu, .sidebar .btn-ghost-secondary.reduce-menu, .navbar-vertical .reduce-menu, .navbar-vertical .btn-ghost-secondary.reduce-menu, .sidebar p .reduce-menu, .sidebar p .btn-ghost-secondary, .navbar-vertical p .reduce-menu, .navbar-vertical p .btn-ghost-secondary {
  background: transparent !important;
  background-color: transparent !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/* OCULTAR COMPLETAMENTE EL BOTÓN "CONTRAER MENÚ" */
#navbar-menu .reduce-menu, #navbar-menu button.reduce-menu, #navbar-menu .btn.reduce-menu, .sidebar #navbar-menu .reduce-menu, .sidebar #navbar-menu button.reduce-menu, .sidebar #navbar-menu .btn.reduce-menu, .navbar-vertical #navbar-menu .reduce-menu, .navbar-vertical #navbar-menu button.reduce-menu, .navbar-vertical #navbar-menu .btn.reduce-menu {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#navbar-menu p.text-start:has(.reduce-menu), .sidebar #navbar-menu p.text-start:has(.reduce-menu), .navbar-vertical #navbar-menu p.text-start:has(.reduce-menu) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
#navbar-menu > p.text-start, .sidebar #navbar-menu > p.text-start, .navbar-vertical #navbar-menu > p.text-start {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.sidebar .navbar-nav, .navbar-vertical .navbar-nav {
  max-height: calc(100vh - 80px) !important;
  overflow-y: auto !important;
}
.sidebar .nav-item, .sidebar .nav-link {
  background-color: transparent !important;
}
.sidebar .collapse, .sidebar .collapse.show {
  background-color: #1a2b4b !important;
  background: rgba(22, 42, 86, 0.95) !important;
}
.sidebar .collapse .nav-link, .sidebar .collapse.show .nav-link {
  background-color: transparent !important;
}
.dropdown-menu {
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  background-color: #345291 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: var(--sombra-fuerte) !important;
  padding: 0.5rem 0 !important;
}
.dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 0.6rem 1.5rem !important;
  transition: var(--transicion-rapida) !important;
  border-left: 3px solid transparent !important;
}
.dropdown-menu .dropdown-item:hover {
  background: var(--gradiente-hover) !important;
  border-left: 3px solid #ff7582 !important;
  color: #ffffff !important;
  padding-left: 1.5rem !important;
}
.dropdown-menu .dropdown-item.active {
  background-image: linear-gradient(135deg, #345291 0%, #162a56 55%, #0d1b3a 100%) !important;
  background-color: transparent !important;
  border-left: 3px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.dropdown-menu .dropdown-header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}
.dropdown-menu-columns {
  background: transparent !important;
  display: flex !important;
  gap: 1rem !important;
  padding: 0.5rem 0.75rem !important;
}
.dropdown-menu-column {
  background: transparent !important;
  flex: 1 !important;
  padding: 0.5rem 0 !important;
}
.dropdown-menu-column .dropdown-item {
  margin-bottom: 0.25rem !important;
}
.dropdown-menu-column .dropdown-item:last-child {
  margin-bottom: 0 !important;
}
/* Menú desplegable del footer ITIL (Respuesta / acciones) - estilo azul coherente */
#itil-footer .dropdown-menu, #itil-footer .dropdown-menu.show, #itil-footer .btn-group.main-action .dropdown-menu {
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  background-color: #345291 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: var(--sombra-fuerte) !important;
  padding: 0.5rem 0 !important;
}
#itil-footer .dropdown-menu .dropdown-item, #itil-footer .dropdown-menu .dropdown-item[style*="yellow"], #itil-footer .dropdown-menu .dropdown-item[style*="background"], #itil-footer .dropdown-menu .dropdown-item.warning, #itil-footer .dropdown-menu .dropdown-item[class*="warning"] {
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  padding: 0.6rem 1.5rem !important;
  transition: var(--transicion-rapida) !important;
  border-left: 3px solid transparent !important;
}
#itil-footer .dropdown-menu .dropdown-item:hover, #itil-footer .dropdown-menu .dropdown-item:focus {
  background: var(--gradiente-hover) !important;
  border-left: 3px solid #ff7582 !important;
  color: #ffffff !important;
  padding-left: 1.5rem !important;
}
#itil-footer .dropdown-menu .dropdown-item.active, #itil-footer .dropdown-menu .dropdown-item:active {
  background: linear-gradient(135deg, #345291 0%, #162a56 55%, #0d1b3a 100%) !important;
  background-color: transparent !important;
  border-left: 3px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
#itil-footer .dropdown-menu .dropdown-item-icon, #itil-footer .dropdown-menu .dropdown-item-indicator {
  color: rgba(255, 255, 255, 0.85) !important;
  opacity: 0.9 !important;
}
.btn-primary {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0.6rem 1.5rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  box-shadow: var(--sombra-suave) !important;
  transition: var(--transicion-rapida) !important;
}
.btn-primary:hover {
  background-image: linear-gradient(135deg, #ff8a95 0%, #a01a26 100%) !important;
  transform: translateY(-2px);
  box-shadow: var(--sombra-media) !important;
}
.btn-primary:active {
  transform: translateY(0);
}
.btn-secondary {
  background-color: #162a56 !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0.6rem 1.5rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  transition: var(--transicion-rapida) !important;
}
.btn-secondary:hover {
  background-color: #0d1b3a !important;
  transform: translateY(-2px);
  box-shadow: var(--sombra-suave) !important;
}
.btn-outline-primary {
  border: 2px solid #c8202f !important;
  color: #c8202f !important;
  background: transparent !important;
}
.btn-outline-primary:hover {
  background: #c8202f !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}
.form-control, .form-select, .select2-selection, .select2-container .select2-selection {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #333333 !important;
  border-radius: 6px !important;
  padding: 0.4rem 0.75rem !important;
  transition: var(--transicion-rapida) !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  font-size: 0.9rem !important;
}
.form-control:focus, .form-select:focus, .select2-selection:focus, .select2-container .select2-selection:focus {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
.form-control, .form-select, select.form-control, select, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], textarea {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  line-height: 1.4 !important;
  height: auto !important;
  min-height: calc(1.5em + 1.2rem + 2px) !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}
.form-control:focus, .form-select:focus, select:focus {
  min-height: calc(1.5em + 1.2rem + 2px) !important;
  height: auto !important;
}
.select2-container .select2-selection--single {
  height: auto !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1.4 !important;
  padding: 0.4rem 2rem 0.4rem 0.6rem !important;
  font-size: 0.875rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.select2-container .select2-selection__rendered {
  line-height: 1.4 !important;
  padding: 0.4rem 2rem 0.4rem 0.6rem !important;
  font-size: 0.875rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.select2-container .select2-selection {
  height: auto !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 1.2rem + 2px) !important;
  height: auto !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  padding: 0.3rem 0.5rem !important;
}
.select2-search__field, .select2-search--dropdown .select2-search__field, .select2-search--inline .select2-search__field, input.select2-search__field[type="search"] {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #333333 !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  transition: var(--transicion-rapida) !important;
}
.select2-search__field:focus, .select2-search--dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus, input.select2-search__field[type="search"]:focus {
  border-color: #c8202f !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 32, 47, 0.15) !important;
  outline: none !important;
  background-color: #ffffff !important;
}
.select2-search__field[style*="yellow"], .select2-search__field[style*="#ffc"], .select2-search__field[style*="#fec95c"], .select2-search__field[style*="#ffd700"], .select2-search__field[style*="#ffff00"], input.select2-search__field[style*="yellow"], input.select2-search__field[style*="#ffc"], input.select2-search__field[style*="#fec95c"] {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
  color: #333333 !important;
}
.select2-search__field[style*="yellow"]:focus, .select2-search__field[style*="#ffc"]:focus, .select2-search__field[style*="#fec95c"]:focus, .select2-search__field[style*="#ffd700"]:focus, .select2-search__field[style*="#ffff00"]:focus, input.select2-search__field[style*="yellow"]:focus, input.select2-search__field[style*="#ffc"]:focus, input.select2-search__field[style*="#fec95c"]:focus {
  border-color: #c8202f !important;
  background-color: #ffffff !important;
}
.dropdown-menu, .select2-container .select2-dropdown {
  background-color: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: var(--sombra-media) !important;
  padding: 0.5rem 0 !important;
}
.dropdown-item, .select2-results__option {
  color: #333333 !important;
  padding: 0.6rem 1rem !important;
  transition: var(--transicion-rapida) !important;
}
.dropdown-item:hover, .select2-results__option:hover {
  background-color: #f5f7fb !important;
  color: #333333 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option--selected, .select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border: none !important;
}
.select2-results__group, .select2-results__group span, strong.select2-results__group, strong.select2-results__group span {
  background-color: transparent !important;
  background: transparent !important;
  color: #162a56 !important;
  /* Azul SIEMPRE - no cambiar a gris cuando hay selección */
  font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
  border-bottom: 1px solid #e0e0e0 !important;
  margin-bottom: 0.25rem !important;
}
/* FORZAR COLOR AZUL en grupos incluso cuando hay opciones seleccionadas/destacadas */
.select2-results__option--highlighted ~ .select2-results__group, .select2-results__option[aria-selected="true"] ~ .select2-results__group, .select2-results__option--highlighted ~ strong.select2-results__group, .select2-results__option[aria-selected="true"] ~ strong.select2-results__group, .select2-results__options--nested:has(.select2-results__option--highlighted) ~ .select2-results__group, .select2-results__options--nested:has(.select2-results__option[aria-selected="true"]) ~ .select2-results__group, .select2-results__options--nested:has(.select2-results__option--highlighted) ~ strong.select2-results__group, .select2-results__options--nested:has(.select2-results__option[aria-selected="true"]) ~ strong.select2-results__group {
  color: #162a56 !important;
  /* Azul SIEMPRE - no gris */
}
.select2-results__group[style*="yellow"], .select2-results__group[style*="#ffc"], .select2-results__group[style*="#fec95c"], .select2-results__group span[style*="yellow"], .select2-results__group span[style*="#ffc"], .select2-results__group span[style*="#fec95c"], strong.select2-results__group[style*="yellow"], strong.select2-results__group[style*="#ffc"], strong.select2-results__group[style*="#fec95c"] {
  background-color: transparent !important;
  background: transparent !important;
  color: #162a56 !important;
}
.select2-container--default .select2-results__option[style*="yellow"], .select2-container--default .select2-results__option[style*="orange"], .select2-container--default .select2-results__option[style*="#ffc"], .select2-container--default .select2-results__option[style*="#ffa"], .select2-container--default .select2-results__option[style*="#ffeb3b"], .select2-container--default .select2-results__option[style*="#ff9800"], .select2-container--default .select2-results__option[style*="#fec95c"], .select2-container--default .select2-results__option[style*="#ffd700"], .select2-container--default .select2-results__option[style*="#ffff00"], .select2-results__option--highlighted, .select2-results__option[aria-selected="true"], .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border: none !important;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item.selected, .select2-results__option--highlighted, .select2-results__option[data-select2-id*="highlighted"], .select2-results__option.select2-results__option--highlighted {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border: none !important;
}
*[style*="yellow"][class*="active"], *[style*="yellow"][class*="selected"], *[style*="yellow"][class*="highlighted"], *[style*="#ffc"][class*="active"], *[style*="#ffc"][class*="selected"], *[style*="#ffc"][class*="highlighted"], *[style*="#ffa"][class*="active"], *[style*="#ffa"][class*="selected"], *[style*="#ffa"][class*="highlighted"], *[style*="#fec95c"][class*="active"], *[style*="#fec95c"][class*="selected"], *[style*="#fec95c"][class*="highlighted"], *[style*="#ffd700"][class*="active"], *[style*="#ffd700"][class*="selected"], *[style*="#ffd700"][class*="highlighted"], *[style*="#ffff00"][class*="active"], *[style*="#ffff00"][class*="selected"], *[style*="#ffff00"][class*="highlighted"] {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
}
.dropdown-menu *[style*="yellow"], .dropdown-menu *[style*="#ffc"], .dropdown-menu *[style*="#fec95c"], .select2-dropdown *[style*="yellow"], .select2-dropdown *[style*="#ffc"], .select2-dropdown *[style*="#fec95c"], .select2-results *[style*="yellow"], .select2-results *[style*="#ffc"], .select2-results *[style*="#fec95c"] {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
}
.dropdown-menu .warning, .dropdown-menu [class*="warning"], .dropdown-menu [class*="yellow"], .select2-dropdown .warning, .select2-dropdown [class*="warning"], .select2-dropdown [class*="yellow"] {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
}
[class*="selected"][style*="yellow"], [class*="selected"][style*="#ffc"], [class*="selected"][style*="#fec95c"], [class*="highlighted"][style*="yellow"], [class*="highlighted"][style*="#ffc"], [class*="highlighted"][style*="#fec95c"], [class*="active"][style*="yellow"], [class*="active"][style*="#ffc"], [class*="active"][style*="#fec95c"] {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
}
button[style*="yellow"][class*="active"], button[style*="yellow"][class*="selected"], button[style*="yellow"][class*="highlighted"], button[style*="yellow"]:hover, button[style*="#ffc"][class*="active"], button[style*="#ffc"][class*="selected"], button[style*="#ffc"][class*="highlighted"], button[style*="#ffc"]:hover, button[style*="#fec95c"][class*="active"], button[style*="#fec95c"][class*="selected"], button[style*="#fec95c"][class*="highlighted"], button[style*="#fec95c"]:hover, a[style*="yellow"][class*="active"], a[style*="yellow"][class*="selected"], a[style*="yellow"][class*="highlighted"], a[style*="yellow"]:hover, a[style*="#ffc"][class*="active"], a[style*="#ffc"][class*="selected"], a[style*="#ffc"][class*="highlighted"], a[style*="#ffc"]:hover, a[style*="#fec95c"][class*="active"], a[style*="#fec95c"][class*="selected"], a[style*="#fec95c"][class*="highlighted"], a[style*="#fec95c"]:hover, li[style*="yellow"][class*="active"], li[style*="yellow"][class*="selected"], li[style*="yellow"][class*="highlighted"], li[style*="yellow"]:hover, li[style*="#ffc"][class*="active"], li[style*="#ffc"][class*="selected"], li[style*="#ffc"][class*="highlighted"], li[style*="#ffc"]:hover, li[style*="#fec95c"][class*="active"], li[style*="#fec95c"][class*="selected"], li[style*="#fec95c"][class*="highlighted"], li[style*="#fec95c"]:hover, div[style*="yellow"][class*="active"], div[style*="yellow"][class*="selected"], div[style*="yellow"][class*="highlighted"], div[style*="yellow"]:hover, div[style*="#ffc"][class*="active"], div[style*="#ffc"][class*="selected"], div[style*="#ffc"][class*="highlighted"], div[style*="#ffc"]:hover, div[style*="#fec95c"][class*="active"], div[style*="#fec95c"][class*="selected"], div[style*="#fec95c"][class*="highlighted"], div[style*="#fec95c"]:hover {
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
}
.table, .markdown > table {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--sombra-suave) !important;
}
.table thead, .markdown > table thead {
  background-color: #f8f9fa !important;
}
.table thead th, .markdown > table thead th {
  color: #162a56 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
  padding: 1rem !important;
  border-bottom: 2px solid #e0e0e0 !important;
}
.table tbody tr, .markdown > table tbody tr {
  transition: var(--transicion-rapida) !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
.table tbody tr:hover, .markdown > table tbody tr:hover {
  background-color: #f5f7fb !important;
  transform: scale(1.01);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
.table tbody tr td, .markdown > table tbody tr td {
  padding: 1rem !important;
  color: #333333 !important;
  vertical-align: middle !important;
}
.table tbody tr:nth-child(even), .markdown > table tbody tr:nth-child(even) {
  background-color: #fafbfc !important;
}
.table input[type="checkbox"], .markdown > table input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  accent-color: #c8202f !important;
}
.form-check-input[type="checkbox"]:checked[style*="yellow"], .form-check-input[type="checkbox"]:checked[style*="#ffc"], .form-check-input[type="checkbox"]:checked[style*="#fec95c"], .form-check-input[type="checkbox"]:checked[style*="#ffd700"], .form-check-input[type="checkbox"]:checked[style*="#ffff00"] {
  background: var(--gradiente-rojo) !important;
  background-image: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background-color: #c8202f !important;
  border-color: #c8202f !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search, .form-switch input.form-check-input.fold-search, .form-switch .form-check-input.fold-search, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search, .form-check.form-switch .form-check-input.fold-search, input[type="checkbox"].form-check-input.fold-search, input.form-check-input.fold-search, .form-check-input.fold-search, input[type="checkbox"].fold-search, .fold-search[type="checkbox"] {
  width: 1.25rem !important;
  height: 1.25rem !important;
  cursor: pointer !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 4px !important;
  transition: var(--transicion-rapida) !important;
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: transparent !important;
  background-image: none !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search[style*="yellow"], .form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffc"], .form-switch input[type="checkbox"].form-check-input.fold-search[style*="#fec95c"], .form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffd700"], .form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffff00"], .form-switch input.form-check-input.fold-search[style*="yellow"], .form-switch input.form-check-input.fold-search[style*="#ffc"], .form-switch input.form-check-input.fold-search[style*="#fec95c"], .form-switch input.form-check-input.fold-search[style*="#ffd700"], .form-switch input.form-check-input.fold-search[style*="#ffff00"], .form-switch .form-check-input.fold-search[style*="yellow"], .form-switch .form-check-input.fold-search[style*="#ffc"], .form-switch .form-check-input.fold-search[style*="#fec95c"], .form-switch .form-check-input.fold-search[style*="#ffd700"], .form-switch .form-check-input.fold-search[style*="#ffff00"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search[style*="yellow"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffc"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search[style*="#fec95c"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffd700"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search[style*="#ffff00"], .form-check.form-switch .form-check-input.fold-search[style*="yellow"], .form-check.form-switch .form-check-input.fold-search[style*="#ffc"], .form-check.form-switch .form-check-input.fold-search[style*="#fec95c"], .form-check.form-switch .form-check-input.fold-search[style*="#ffd700"], .form-check.form-switch .form-check-input.fold-search[style*="#ffff00"], input[type="checkbox"].form-check-input.fold-search[style*="yellow"], input[type="checkbox"].form-check-input.fold-search[style*="#ffc"], input[type="checkbox"].form-check-input.fold-search[style*="#fec95c"], input[type="checkbox"].form-check-input.fold-search[style*="#ffd700"], input[type="checkbox"].form-check-input.fold-search[style*="#ffff00"], input.form-check-input.fold-search[style*="yellow"], input.form-check-input.fold-search[style*="#ffc"], input.form-check-input.fold-search[style*="#fec95c"], input.form-check-input.fold-search[style*="#ffd700"], input.form-check-input.fold-search[style*="#ffff00"], .form-check-input.fold-search[style*="yellow"], .form-check-input.fold-search[style*="#ffc"], .form-check-input.fold-search[style*="#fec95c"], .form-check-input.fold-search[style*="#ffd700"], .form-check-input.fold-search[style*="#ffff00"], input[type="checkbox"].fold-search[style*="yellow"], input[type="checkbox"].fold-search[style*="#ffc"], input[type="checkbox"].fold-search[style*="#fec95c"], input[type="checkbox"].fold-search[style*="#ffd700"], input[type="checkbox"].fold-search[style*="#ffff00"], .fold-search[type="checkbox"][style*="yellow"], .fold-search[type="checkbox"][style*="#ffc"], .fold-search[type="checkbox"][style*="#fec95c"], .fold-search[type="checkbox"][style*="#ffd700"], .fold-search[type="checkbox"][style*="#ffff00"] {
  background-color: transparent !important;
  background-image: none !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-switch input.form-check-input.fold-search:checked, .form-switch .form-check-input.fold-search:checked, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-check.form-switch .form-check-input.fold-search:checked, input[type="checkbox"].form-check-input.fold-search:checked, input.form-check-input.fold-search:checked, .form-check-input.fold-search:checked, input[type="checkbox"].fold-search:checked, .fold-search[type="checkbox"]:checked {
  background: var(--gradiente-rojo) !important;
  background-image: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background-color: #c8202f !important;
  border-color: #c8202f !important;
  accent-color: #c8202f !important;
  position: relative !important;
  background-position: right center !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="yellow"], .form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffc"], .form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#fec95c"], .form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffd700"], .form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffff00"], .form-switch input.form-check-input.fold-search:checked[style*="yellow"], .form-switch input.form-check-input.fold-search:checked[style*="#ffc"], .form-switch input.form-check-input.fold-search:checked[style*="#fec95c"], .form-switch input.form-check-input.fold-search:checked[style*="#ffd700"], .form-switch input.form-check-input.fold-search:checked[style*="#ffff00"], .form-switch .form-check-input.fold-search:checked[style*="yellow"], .form-switch .form-check-input.fold-search:checked[style*="#ffc"], .form-switch .form-check-input.fold-search:checked[style*="#fec95c"], .form-switch .form-check-input.fold-search:checked[style*="#ffd700"], .form-switch .form-check-input.fold-search:checked[style*="#ffff00"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="yellow"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffc"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#fec95c"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffd700"], .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffff00"], .form-check.form-switch .form-check-input.fold-search:checked[style*="yellow"], .form-check.form-switch .form-check-input.fold-search:checked[style*="#ffc"], .form-check.form-switch .form-check-input.fold-search:checked[style*="#fec95c"], .form-check.form-switch .form-check-input.fold-search:checked[style*="#ffd700"], .form-check.form-switch .form-check-input.fold-search:checked[style*="#ffff00"], input[type="checkbox"].form-check-input.fold-search:checked[style*="yellow"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffc"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#fec95c"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffd700"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffff00"], input.form-check-input.fold-search:checked[style*="yellow"], input.form-check-input.fold-search:checked[style*="#ffc"], input.form-check-input.fold-search:checked[style*="#fec95c"], input.form-check-input.fold-search:checked[style*="#ffd700"], input.form-check-input.fold-search:checked[style*="#ffff00"], .form-check-input.fold-search:checked[style*="yellow"], .form-check-input.fold-search:checked[style*="#ffc"], .form-check-input.fold-search:checked[style*="#fec95c"], .form-check-input.fold-search:checked[style*="#ffd700"], .form-check-input.fold-search:checked[style*="#ffff00"], input[type="checkbox"].fold-search:checked[style*="yellow"], input[type="checkbox"].fold-search:checked[style*="#ffc"], input[type="checkbox"].fold-search:checked[style*="#fec95c"], input[type="checkbox"].fold-search:checked[style*="#ffd700"], input[type="checkbox"].fold-search:checked[style*="#ffff00"], .fold-search[type="checkbox"]:checked[style*="yellow"], .fold-search[type="checkbox"]:checked[style*="#ffc"], .fold-search[type="checkbox"]:checked[style*="#fec95c"], .fold-search[type="checkbox"]:checked[style*="#ffd700"], .fold-search[type="checkbox"]:checked[style*="#ffff00"] {
  background: var(--gradiente-rojo) !important;
  background-image: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background-color: #c8202f !important;
  border-color: #c8202f !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:checked:not(.form-switch *)::after, .form-switch input.form-check-input.fold-search:checked:not(.form-switch *)::after, .form-switch .form-check-input.fold-search:checked:not(.form-switch *)::after, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked:not(.form-switch *)::after, .form-check.form-switch .form-check-input.fold-search:checked:not(.form-switch *)::after, input[type="checkbox"].form-check-input.fold-search:checked:not(.form-switch *)::after, input.form-check-input.fold-search:checked:not(.form-switch *)::after, .form-check-input.fold-search:checked:not(.form-switch *)::after, input[type="checkbox"].fold-search:checked:not(.form-switch *)::after, .fold-search[type="checkbox"]:checked:not(.form-switch *)::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  z-index: 1 !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:focus, .form-switch input.form-check-input.fold-search:focus, .form-switch .form-check-input.fold-search:focus, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:focus, .form-check.form-switch .form-check-input.fold-search:focus, input[type="checkbox"].form-check-input.fold-search:focus, input.form-check-input.fold-search:focus, .form-check-input.fold-search:focus, input[type="checkbox"].fold-search:focus, .fold-search[type="checkbox"]:focus {
  border-color: #c8202f !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 32, 47, 0.25) !important;
  outline: none !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:hover:not(:checked), .form-switch input.form-check-input.fold-search:hover:not(:checked), .form-switch .form-check-input.fold-search:hover:not(:checked), .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:hover:not(:checked), .form-check.form-switch .form-check-input.fold-search:hover:not(:checked), input[type="checkbox"].form-check-input.fold-search:hover:not(:checked), input.form-check-input.fold-search:hover:not(:checked), .form-check-input.fold-search:hover:not(:checked), input[type="checkbox"].fold-search:hover:not(:checked), .fold-search[type="checkbox"]:hover:not(:checked) {
  border-color: #ff7582 !important;
  background-color: rgba(200, 32, 47, 0.05) !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:hover:checked, .form-switch input.form-check-input.fold-search:hover:checked, .form-switch .form-check-input.fold-search:hover:checked, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:hover:checked, .form-check.form-switch .form-check-input.fold-search:hover:checked, input[type="checkbox"].form-check-input.fold-search:hover:checked, input.form-check-input.fold-search:hover:checked, .form-check-input.fold-search:hover:checked, input[type="checkbox"].fold-search:hover:checked, .fold-search[type="checkbox"]:hover:checked {
  background-image: linear-gradient(135deg, #ff8a95 0%, #d6283a 50%, #b01d2a 100%) !important;
}
.form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-switch .form-check-input.fold-search:checked, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-check.form-switch .form-check-input.fold-search:checked, input[type="checkbox"].form-check-input.fold-search:checked[style*="yellow"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffc"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#fec95c"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffd700"], input[type="checkbox"].form-check-input.fold-search:checked[style*="#ffff00"], .form-check-input.fold-search:checked[style*="yellow"], .form-check-input.fold-search:checked[style*="#ffc"], .form-check-input.fold-search:checked[style*="#fec95c"], .form-check-input.fold-search:checked[style*="#ffd700"], .form-check-input.fold-search:checked[style*="#ffff00"] {
  background: var(--gradiente-rojo) !important;
  background-image: linear-gradient(135deg, #ff7582 0%, #c8202f 50%, #a01a26 100%) !important;
  background-color: #c8202f !important;
  border-color: #c8202f !important;
  background-position: right center !important;
}
.priority-medium, td[data-priority="medium"], .badge[data-priority="medium"] {
  background-color: #ffebee !important;
  color: #c62828 !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}
.priority-high, td[data-priority="high"], .badge[data-priority="high"] {
  background-color: #ffcdd2 !important;
  color: #b71c1c !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
.priority-very-high, td[data-priority="very-high"], .badge[data-priority="very-high"] {
  background-color: #ef9a9a !important;
  color: #8e0000 !important;
  padding: 0.35rem 0.7rem !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}
.status-new {
  background-color: #e3f2fd !important;
  color: #1976d2 !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  display: inline-block !important;
}
.status-in-progress {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  display: inline-block !important;
}
.status-assigned {
  background-color: #e8f5e9 !important;
  color: #388e3c !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  display: inline-block !important;
}
.badge {
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.3px !important;
}
.badge-primary {
  background-color: #c8202f !important;
  color: #ffffff !important;
}
.badge-secondary {
  background-color: #162a56 !important;
  color: #ffffff !important;
}
.badge-success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.badge-warning {
  background-color: #ffc107 !important;
  color: #333333 !important;
}
.badge-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.card {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  box-shadow: var(--sombra-suave) !important;
  transition: var(--transicion-media) !important;
  overflow: hidden !important;
}
.card:hover {
  box-shadow: var(--sombra-media) !important;
  transform: translateY(-2px);
}
.card-header {
  background: linear-gradient(90deg, #f8f9fa 0%, #ffffff 100%) !important;
  border-bottom: 2px solid #e0e0e0 !important;
  padding: 1rem 1.5rem !important;
  font-weight: 600 !important;
  color: #162a56 !important;
}
.card-body {
  padding: 1.5rem !important;
}
.search-container, .filter-container, .filters_toolbar, .search-form, .form-search {
  background-color: #ffffff !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 10px !important;
  box-shadow: var(--sombra-suave) !important;
  margin-bottom: 1rem !important;
  margin-top: -0.5rem !important;
}
.dashboard .filters_toolbar {
  padding-top: 0.5rem !important;
  padding-bottom: 2.5rem !important;
  min-height: 100px !important;
  margin-left: 2px !important;
  margin-right: 5px !important;
  margin-top: 0 !important;
}
/* Filtros dashboard: papelera siempre dentro del fieldset (derecha); ancho mínimo para texto + calendario + basura */
.dashboard .filters_toolbar .filters fieldset.filter {
  position: relative !important;
  box-sizing: border-box !important;
  padding: 0.55rem 2.5rem 0.55rem 0.65rem !important;
  min-width: 280px !important;
}
@media screen and (max-width: 700px) {
  .dashboard .filters_toolbar .filters fieldset.filter {
    min-width: 100% !important;
  }
}
.dashboard .filters_toolbar .filters fieldset.filter .flatpickr::after, .dashboard .filters_toolbar .filters fieldset.filter .select2::after {
  /* `right` mas chico = mas hacia la derecha (cerca del borde) */
  right: 2.05rem !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  pointer-events: none !important;
}
/* Evitar que el icono `::after` se monte sobre el texto (Select2 dentro del filtro) */
.dashboard .filters_toolbar .filters fieldset.filter .select2 {
  position: relative !important;
}
.dashboard .filters_toolbar .filters fieldset.filter .select2-container .select2-selection--single .select2-selection__rendered, .dashboard .filters_toolbar .filters fieldset.filter .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 2.55rem !important;
  /* reserva espacio para icono + flecha */
}
.dashboard .filters_toolbar .filters fieldset.filter .delete-filter {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0.35rem !important;
  left: auto !important;
  margin: 0 !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;
  padding: 0.2rem !important;
}
.flatpickr-calendar {
  width: 250px !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.flatpickr-calendar .flatpickr-months {
  padding: 8px 4px !important;
  height: auto !important;
  min-height: 36px !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333 !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  font-size: 13px !important;
  padding: 2px 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333 !important;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-years {
  font-size: 13px !important;
  padding: 2px 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333 !important;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  margin-left: 4px !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-years, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333 !important;
  font-weight: 600 !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month input.cur-year {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 2px 4px !important;
  background-color: transparent !important;
  border: none !important;
  width: auto !important;
  min-width: 50px !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  padding: 4px 8px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.flatpickr-calendar.hasWeeks .flatpickr-innerContainer {
  display: flex !important;
  align-items: flex-start !important;
}
.flatpickr-calendar.hasWeeks .flatpickr-rContainer {
  flex: 1 !important;
}
.flatpickr-calendar .flatpickr-weekdays {
  padding: 4px 0 !important;
  height: 24px !important;
  margin: 0 !important;
  display: flex !important;
}
.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekday {
  font-size: 11px !important;
  line-height: 24px !important;
  padding: 0 2px !important;
  flex: 1 !important;
  text-align: center !important;
}
.flatpickr-calendar .flatpickr-days {
  padding: 4px 0 !important;
  position: relative !important;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  padding: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 11px !important;
  margin: 1px !important;
  width: calc((100% - 14px) / 7) !important;
}
.flatpickr-calendar .flatpickr-weekwrapper {
  width: 30px !important;
  float: left !important;
}
.flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 1px 0 0 0 !important;
}
.flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weekday {
  width: 30px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 10px !important;
  padding: 0 !important;
  text-align: center !important;
  display: block !important;
  margin: 0 !important;
}
.flatpickr-calendar .flatpickr-weekwrapper .flatpickr-day {
  width: 30px !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 10px !important;
  margin: 1px 0 !important;
  display: block !important;
}
.flatpickr-calendar .flatpickr-time {
  height: 32px !important;
  line-height: 32px !important;
}
.search-input, .filter-input, .filters_toolbar .form-control, .filters_toolbar .form-select, .filters_toolbar .select2-selection, .filters_toolbar input, .filters_toolbar select {
  border-radius: 8px !important;
  border: 2px solid #e0e0e0 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
  padding: 0.4rem 0.75rem !important;
  vertical-align: middle !important;
}
.search-input:focus, .filter-input:focus, .filters_toolbar .form-control:focus, .filters_toolbar .form-select:focus, .filters_toolbar .select2-selection:focus, .filters_toolbar input:focus, .filters_toolbar select:focus {
  border-color: #c8202f !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 32, 47, 0.15) !important;
}
.filters_toolbar .select2-container .select2-selection__rendered {
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.btn-search {
  background: var(--gradiente-rojo) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0.6rem 1.5rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  transition: var(--transicion-rapida) !important;
}
.btn-search:hover {
  transform: translateY(-2px);
  box-shadow: var(--sombra-media) !important;
}
.nav-tabs {
  border-bottom: 2px solid #e0e0e0 !important;
}
.nav-tabs .nav-link {
  color: #333333 !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  padding: 0.75rem 1.5rem !important;
  transition: var(--transicion-rapida) !important;
  font-weight: 500 !important;
  background-color: transparent !important;
}
.nav-tabs .nav-link:hover {
  color: #c8202f !important;
  background: linear-gradient(135deg, rgba(255, 117, 130, 0.15) 0%, rgba(200, 32, 47, 0.1) 100%) !important;
  background-color: rgba(200, 32, 47, 0.08) !important;
  border-bottom-color: #ff7582 !important;
  border-bottom-width: 3px !important;
  border-radius: 6px 6px 0 0 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
  color: #ffffff !important;
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-bottom-color: #c8202f !important;
  border-bottom-width: 3px !important;
  font-weight: 600 !important;
  border-radius: 6px 6px 0 0 !important;
  box-shadow: 0 -2px 12px rgba(200, 32, 47, 0.4) !important;
}
.nav-link.active[data-bs-toggle="tab"], .nav-link.active[data-bs-toggle="tab"]:hover, .nav-link.active[data-bs-toggle="tab"]:focus {
  color: #ffffff !important;
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-bottom-color: #c8202f !important;
  border-bottom-width: 3px !important;
  font-weight: 600 !important;
  border-radius: 6px 6px 0 0 !important;
  box-shadow: 0 -2px 12px rgba(200, 32, 47, 0.4) !important;
}
.pagination .page-link {
  color: #162a56 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 0.5rem 0.9rem !important;
  transition: var(--transicion-rapida) !important;
  background-color: transparent !important;
}
.pagination .page-link:hover {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border-color: #c8202f !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(200, 32, 47, 0.2) !important;
}
.pagination .page-item.active .page-link {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  border-color: #c8202f !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(200, 32, 47, 0.3) !important;
}
.alert {
  border-radius: 8px !important;
  padding: 1rem 1.5rem !important;
  border-left: 4px solid !important;
  box-shadow: var(--sombra-suave) !important;
}
.alert-success {
  background-color: #d4edda !important;
  border-color: #28a745 !important;
  color: #155724 !important;
}
.alert-warning {
  background-color: #fff3cd !important;
  border-color: #ffc107 !important;
  color: #856404 !important;
}
.alert-danger {
  background-color: #f8d7da !important;
  border-color: #dc3545 !important;
  color: #721c24 !important;
}
.alert-info {
  background-color: #d1ecf1 !important;
  border-color: #17a2b8 !important;
  color: #0c5460 !important;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f5f7fb;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8202f 0%, #a01a26 100%);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a01a26 0%, #c8202f 100%);
}
a {
  color: #345291 !important;
  text-decoration: none !important;
  transition: var(--transicion-rapida) !important;
}
a:hover {
  color: #c8202f !important;
  text-decoration: underline !important;
}
i, .fa, .fas, .far, .fab {
  transition: var(--transicion-rapida) !important;
}
.tooltip .tooltip-inner {
  background-color: #162a56 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
}
.tooltip .tooltip-arrow::before {
  border-top-color: #162a56 !important;
}
.modal-content {
  border-radius: 10px !important;
  box-shadow: var(--sombra-fuerte) !important;
  border: none !important;
}
.modal-header {
  background: var(--gradiente-header) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #c8202f !important;
  border-radius: 10px 10px 0 0 !important;
}
.breadcrumb {
  background-color: transparent !important;
  padding: 0 !important;
}
.breadcrumb .breadcrumb-item a {
  color: #345291 !important;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #c8202f !important;
}
.breadcrumb .breadcrumb-item.active {
  color: #333333 !important;
  font-weight: 500 !important;
}
@media (max-width: 576px) {
  .sidebar {
    box-shadow: none !important;
  }
  .table, .markdown > table {
    font-size: 0.8rem !important;
  }
  .table th, .markdown > table th, .table td, .markdown > table td {
    padding: 0.5rem 0.25rem !important;
  }
  .form-control, .form-select, .select2-container .select2-selection {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.875rem !important;
  }
  .itil-object .itil-left-side, .itil-object .itil-right-side {
    width: 100% !important;
    max-width: 100% !important;
  }
  .col-form-label {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .sidebar {
    box-shadow: none !important;
  }
  .table, .markdown > table {
    font-size: 0.85rem !important;
  }
  .table th, .markdown > table th, .table td, .markdown > table td {
    padding: 0.75rem 0.5rem !important;
  }
  .itil-object .itil-left-side {
    width: 100% !important;
    max-width: 100% !important;
  }
  .itil-object .itil-right-side {
    width: 100% !important;
    max-width: 100% !important;
    border-left: none !important;
    border-top: 1px solid #e6e7e9 !important;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .itil-object .itil-left-side {
    width: 60% !important;
    max-width: 60% !important;
  }
  .itil-object .itil-right-side {
    width: 40% !important;
    max-width: 40% !important;
  }
}
@media (min-width: 993px) and (max-width: 1400px) {
  .itil-object .itil-left-side {
    width: 65% !important;
    max-width: 65% !important;
  }
  .itil-object .itil-right-side {
    width: 35% !important;
    max-width: 35% !important;
  }
}
@media (min-width: 1401px) and (max-width: 1920px) {
  .itil-object .itil-left-side {
    width: 70% !important;
    max-width: 70% !important;
  }
  .itil-object .itil-right-side {
    width: 30% !important;
    max-width: 30% !important;
  }
}
@media (min-width: 1921px) {
  .itil-object .itil-left-side {
    width: 75% !important;
    max-width: 75% !important;
  }
  .itil-object .itil-right-side {
    width: 25% !important;
    max-width: 25% !important;
  }
  .form-control, .form-select, .select2-container .select2-selection {
    font-size: 0.95rem !important;
  }
}
/* ============================================================================= */
/* FOCUS GLOBAL (evitar borde rojo al seleccionar con cursor)                     */
/* ============================================================================= */
*:focus-visible {
  outline: 2px solid #162a56 !important;
  outline-offset: 2px !important;
}
/* Aplicar el “efecto link” (línea animada) cuando un elemento queda enfocado */
:where(a, button, .btn, .nav-link, .dropdown-item, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  position: relative !important;
  text-decoration: none !important;
}
:where(a, button, .btn, .nav-link, .dropdown-item, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 2px !important;
  background: #162a56 !important;
  border-radius: 2px !important;
  opacity: 0.95 !important;
  transform: scaleX(1) !important;
  transform-origin: left center !important;
  transition: transform 0.3s ease !important;
}
.dashboard .grid-stack-item-content .card.big-number, .dashboard .card.big-number, .card.big-number, a.card.big-number {
  padding: clamp(0.35rem, 0.9vh, 0.75rem) 0.5rem !important;
  height: 100% !important;
  min-height: clamp(56px, 6.2vh, 90px) !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 8px !important;
  box-shadow: var(--sombra-suave) !important;
  transition: box-shadow 0.2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.dashboard .grid-stack-item-content .card.big-number:hover, .dashboard .card.big-number:hover, .card.big-number:hover, a.card.big-number:hover {
  box-shadow: var(--sombra-media) !important;
}
.dashboard .card.big-number .content, .card.big-number .content, a.card.big-number .content {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.dashboard .card.big-number .formatted-number, .card.big-number .formatted-number, a.card.big-number .formatted-number {
  display: flex !important;
  align-items: baseline !important;
  width: 88% !important;
  max-width: 88% !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}
.dashboard .card.big-number .formatted-number .number, .dashboard .card.big-number .formatted-number .suffix, .card.big-number .formatted-number .number, .card.big-number .formatted-number .suffix, a.card.big-number .formatted-number .number, a.card.big-number .formatted-number .suffix {
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  color: inherit !important;
}
@media screen and (max-width: 1400px) {
  .dashboard .card.big-number .formatted-number .number, .dashboard .card.big-number .formatted-number .suffix, .card.big-number .formatted-number .number, .card.big-number .formatted-number .suffix, a.card.big-number .formatted-number .number, a.card.big-number .formatted-number .suffix {
    font-size: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .dashboard .card.big-number .formatted-number .number, .dashboard .card.big-number .formatted-number .suffix, .card.big-number .formatted-number .number, .card.big-number .formatted-number .suffix, a.card.big-number .formatted-number .number, a.card.big-number .formatted-number .suffix {
    font-size: 1.25rem !important;
  }
}
.dashboard .card.big-number .label, .card.big-number .label, a.card.big-number .label {
  font-size: clamp(0.62rem, calc(0.22vw + 0.55rem), 0.82rem) !important;
  font-weight: 500 !important;
  margin-top: 0.35rem !important;
  padding-top: 0.25rem !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  max-width: 92% !important;
  width: 92% !important;
  overflow: hidden !important;
  text-overflow: initial !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  opacity: 0.9 !important;
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
  line-height: 1.15 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.dashboard .card.big-number .main-icon, .card.big-number .main-icon, a.card.big-number .main-icon {
  font-size: 1.5rem !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: 0.5rem !important;
  opacity: 0.25 !important;
  transition: opacity 0.2s ease !important;
}
@media screen and (max-width: 1400px) {
  .dashboard .card.big-number .main-icon, .card.big-number .main-icon, a.card.big-number .main-icon {
    font-size: 1.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .dashboard .card.big-number .main-icon, .card.big-number .main-icon, a.card.big-number .main-icon {
    font-size: 1rem !important;
  }
}
.dashboard .card.big-number:hover .main-icon, .card.big-number:hover .main-icon, a.card.big-number:hover .main-icon {
  opacity: 0.4 !important;
}
.dashboard .card.big-number[style*="yellow"], .dashboard .card.big-number[style*="#ffc"], .dashboard .card.big-number[style*="#fec95c"], .dashboard .card.big-number[style*="#ffd957"], .card.big-number[style*="yellow"], .card.big-number[style*="#ffc"], .card.big-number[style*="#fec95c"], .card.big-number[style*="#ffd957"], a.card.big-number[style*="yellow"], a.card.big-number[style*="#ffc"], a.card.big-number[style*="#fec95c"], a.card.big-number[style*="#ffd957"] {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #162a56 100%) !important;
  color: #ffffff !important;
}
.dashboard .card.big-number[style*="yellow"]:hover, .dashboard .card.big-number[style*="#ffc"]:hover, .dashboard .card.big-number[style*="#fec95c"]:hover, .dashboard .card.big-number[style*="#ffd957"]:hover, .card.big-number[style*="yellow"]:hover, .card.big-number[style*="#ffc"]:hover, .card.big-number[style*="#fec95c"]:hover, .card.big-number[style*="#ffd957"]:hover, a.card.big-number[style*="yellow"]:hover, a.card.big-number[style*="#ffc"]:hover, a.card.big-number[style*="#fec95c"]:hover, a.card.big-number[style*="#ffd957"]:hover {
  background: linear-gradient(135deg, #162a56 0%, #0d1b3a 100%) !important;
}
.form-check.form-switch label .form-check-input.fold-search:checked, .form-check.form-switch .form-check-input.fold-search:checked, .form-switch .form-check-input.fold-search:checked, label.form-check.form-switch .form-check-input.fold-search:checked, .form-check.form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-switch input[type="checkbox"].form-check-input.fold-search:checked, .form-switch .form-check-input[type="checkbox"].fold-search:checked {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  border-color: #c8202f !important;
  accent-color: #c8202f !important;
  background-position: right center !important;
}
.form-switch .form-check-input:checked, .form-check.form-switch .form-check-input:checked, .form-switch input[type="checkbox"].form-check-input:checked, .form-switch .form-check-input[type="checkbox"]:checked {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  border-color: #c8202f !important;
  accent-color: #c8202f !important;
  background-position: right center !important;
}
textarea.form-control, textarea {
  min-height: calc(3em + 1.2rem + 2px) !important;
  height: auto !important;
  resize: vertical !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
  line-height: 1.5 !important;
  padding: 0.6rem 0.75rem !important;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.input-group-text {
  padding: 0.6rem 0.75rem !important;
  line-height: 1.5 !important;
  min-height: calc(1.5em + 1.2rem + 2px) !important;
  display: flex !important;
  align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 0.75rem !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
}
.select2-container .select2-selection__choice {
  margin: 0.15rem !important;
  padding: 0.25rem 0.5rem !important;
  line-height: 1.3 !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  max-width: 100% !important;
}
.select2-container .select2-selection__choice__display {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow: visible !important;
}
.select2-results__option {
  padding: 0.6rem 1rem !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow: visible !important;
}
.select2-results__option--highlighted {
  white-space: normal !important;
  word-wrap: break-word !important;
}
/* Estilos para padres huérfanos (sin hijos) en Select2 */
.select2-results__option[data-is-parent-no-children="true"], .select2-results__option[aria-label*="Cámaras de vigilancia"], .select2-results__option[aria-label*="Control de cambios"], .select2-results__option[aria-label*="Copias de Información"], .select2-results__option[aria-label*="Eliminación de Información"], .select2-results__option[aria-label*="Entregar prospecto comercial"], .select2-results__option[aria-label*="Gestión de Backups"], .select2-results__option[aria-label*="Gestión de Usuarios"] {
  background-color: #f5f7fa !important;
  background-image: none !important;
  color: #2c3e50 !important;
  font-weight: 600 !important;
  padding: 10px 12px !important;
  margin: 6px 0 !important;
  border-radius: 6px !important;
  border-left: 3px solid #3498db !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: inset 0 1px 3px rgba(52, 152, 219, 0.1) !important;
  display: block !important;
  text-indent: 0 !important;
  margin-left: 0 !important;
  transition: all 0.15s ease !important;
}
.select2-results__option[data-is-parent-no-children="true"]:hover, .select2-results__option[aria-label*="Cámaras de vigilancia"]:hover, .select2-results__option[aria-label*="Control de cambios"]:hover, .select2-results__option[aria-label*="Copias de Información"]:hover, .select2-results__option[aria-label*="Eliminación de Información"]:hover, .select2-results__option[aria-label*="Entregar prospecto comercial"]:hover, .select2-results__option[aria-label*="Gestión de Backups"]:hover, .select2-results__option[aria-label*="Gestión de Usuarios"]:hover {
  background-color: #e8f0f7 !important;
  border-left-color: #2980b9 !important;
  box-shadow: inset 0 1px 3px rgba(41, 128, 185, 0.2) !important;
}
/* Clases select2 para padres e hijos */
.select2-results__option.sc-parent {
  background-color: #f5f7fa !important;
  color: #2c3e50 !important;
  font-weight: 600 !important;
  padding: 10px 12px !important;
  margin: 6px 0 !important;
  border-radius: 6px !important;
  border-left: 3px solid #3498db !important;
  box-shadow: inset 0 1px 3px rgba(52, 152, 219, 0.08) !important;
  display: block !important;
  transition: all 0.15s ease !important;
}
.select2-results__option.sc-orphan {
  background-color: #f5f7fa !important;
}
.select2-results__option.sc-child {
  background-color: #fff !important;
  color: #2c3e50 !important;
  font-weight: 400 !important;
  padding: 8px 12px 8px 36px !important;
  margin: 4px 0 !important;
  border-radius: 4px !important;
  border: 1px solid #ecf0f1 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  display: block !important;
}
.select2-results__option .sc-icon {
  margin-right: 8px;
  font-size: 14px;
  display: inline-block;
  width: 18px;
  text-align: left;
  vertical-align: middle;
}
.select2-results__option.sc-parent:before, .select2-results__option.sc-orphan:before, .select2-results__option.sc-child:before {
  content: attr(data-sc-icon) " " !important;
  margin-right: 8px !important;
  font-size: 14px !important;
  display: inline-block !important;
  width: 18px !important;
  text-align: left !important;
  vertical-align: middle !important;
}
option {
  padding: 0.3rem 0.5rem !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}
/* Menú del usuario - fondo azul para inputs y selects */
header.navbar .dropdown-menu .form-control, header.navbar .dropdown-menu .form-select, header.navbar .dropdown-menu .select2-selection, header.navbar .dropdown-menu .select2-container .select2-selection, header.navbar .user-menu .dropdown-menu .form-control, header.navbar .user-menu .dropdown-menu .form-select, header.navbar .user-menu .dropdown-menu .select2-selection, header.navbar .user-menu .dropdown-menu .select2-container .select2-selection, .user-menu .dropdown-menu .form-control, .user-menu .dropdown-menu .form-select, .user-menu .dropdown-menu .select2-selection, .user-menu .dropdown-menu .select2-container .select2-selection, .dropdown-menu-arrow .form-control, .dropdown-menu-arrow .form-select, .dropdown-menu-arrow .select2-selection, .dropdown-menu-arrow .select2-container .select2-selection {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}
/* Select2 dropdown del selector de idioma - fondo azul */
/* Regla general para el dropdown cuando contiene el ID del selector de idioma */
[id*="select2-dropdown_language"] {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
/* Select2 dropdown cuando contiene el selector de idioma - usando :has() si está disponible */
.select2-dropdown:has([id*="select2-dropdown_language"]), .select2-container--open .select2-dropdown:has([id*="select2-dropdown_language"]), .select2-container--open:has([id*="select2-dropdown_language"]) .select2-dropdown {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
/* Regla alternativa: cuando el dropdown está cerca del header (fallback si :has() no funciona) */
header.navbar ~ .select2-dropdown, header.navbar ~ .select2-container--open .select2-dropdown {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Regla adicional: cuando el dropdown está visible y contiene resultados del selector de idioma */
.select2-dropdown.select-dropdown:has(.select2-results [id*="select2-dropdown_language"]), .select2-dropdown.select2-dropdown--below:has(.select2-results [id*="select2-dropdown_language"]) {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
/* Regla para el contenedor cuando está abierto y contiene el dropdown de idioma */
.select2-container--open.select2-container--default:has(.select2-dropdown .select2-results [id*="select2-dropdown_language"]) .select2-dropdown {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Regla más específica: cuando el dropdown contiene el ul con el ID del selector de idioma */
.select2-dropdown .select2-results [id*="select2-dropdown_language"] {
  background-color: transparent !important;
}
/* Contenedor padre del dropdown cuando contiene el selector de idioma */
.select2-dropdown:has(.select2-results [id*="select2-dropdown_language"]), .select2-container--open:has(.select2-dropdown .select2-results [id*="select2-dropdown_language"]) .select2-dropdown {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
/* Regla adicional para el contenedor abierto cuando contiene el dropdown de idioma */
.select2-container--open:has(.select2-dropdown .select2-results [id*="select2-dropdown_language"]) {
  background-color: transparent !important;
}
.select2-container--open:has(.select2-dropdown .select2-results [id*="select2-dropdown_language"]) .select2-dropdown {
  background-color: #345291 !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Items del Select2 dropdown del selector de idioma */
[id*="select2-dropdown_language"] .select2-results__option {
  color: rgba(255, 255, 255, 0.85) !important;
}
[id*="select2-dropdown_language"] .select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
[id*="select2-dropdown_language"] .select2-results__option[aria-selected="true"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
/* Campo de búsqueda del Select2 del selector de idioma - fondo azul semitransparente y texto blanco */
[id*="select2-dropdown_language"] .select2-search__field, .select2-dropdown:has([id*="select2-dropdown_language"]) .select2-search__field, .select2-container--open:has(.select2-dropdown .select2-results [id*="select2-dropdown_language"]) .select2-search__field, .select2-dropdown:has(.select2-results [id*="select2-dropdown_language"]) .select2-search__field, input.select2-search__field[aria-controls*="select2-dropdown_language"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
[id*="select2-dropdown_language"] .select2-search__field::placeholder, .select2-dropdown:has([id*="select2-dropdown_language"]) .select2-search__field::placeholder, input.select2-search__field[aria-controls*="select2-dropdown_language"]::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
/* Focus del campo de búsqueda del selector de idioma */
[id*="select2-dropdown_language"] .select2-search__field:focus, .select2-dropdown:has([id*="select2-dropdown_language"]) .select2-search__field:focus, input.select2-search__field[aria-controls*="select2-dropdown_language"]:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15) !important;
  outline: none !important;
}
/* =============================================================================
   ESTILOS PERSONALIZADOS PARA DROPDOWN DE CATÁLOGO ITIL - IDTHEME
   ============================================================================= */
/* Backdrop oscuro al abrir Select2: ofusca el fondo para que el usuario se concentre en el desplegable */
.select2-dropdown-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.4) !important;
  z-index: 1045 !important;
  pointer-events: auto !important;
  /* Captura clics: al hacer clic en la zona oscura se cierra el dropdown */
}
/* Dropdown por encima del backdrop */
body .select2-dropdown, .select2-dropdown-backdrop ~ .select2-dropdown {
  z-index: 1055 !important;
}
/* Ocultar dropdown hasta aplicar posición correcta (evita animación de izquierda a centro) */
body.select2-dropdown-positioning .select2-dropdown {
  visibility: hidden !important;
}
/* Dropdown responsivo - SE AJUSTA AL CONTENIDO SIN ESPACIOS SOBRANTES */
/* Posicionamiento organizado: directamente debajo del input, alineado a la izquierda como el calendario */
.select2-dropdown {
  min-width: 350px !important;
  /* Cuadro más angosto para mejor uso */
  max-width: 90vw !important;
  width: auto !important;
  max-height: 70vh !important;
  /* Altura máxima: 70% de la ventana - Para evitar scroll externo */
  min-height: auto !important;
  /* RESPONSIVO: Se ajusta al contenido sin espacios sobrantes */
  height: auto !important;
  /* RESPONSIVO: Altura automática según contenido */
  overflow: hidden !important;
  /* Ocultar overflow del contenedor principal - evita scroll externo */
  position: absolute !important;
  /* No fixed, se mueve con el contenido */
  left: 0 !important;
  /* Alinear a la izquierda, directamente debajo del input como el calendario */
  right: auto !important;
  transform-origin: top left !important;
  /* Origen de transformación en la esquina superior izquierda */
  top: auto !important;
  /* Asegurar que no cause scroll en la página */
  margin-top: 0 !important;
  /* Sin margen superior para alineación perfecta */
  transition: none !important;
  /* Sin transición: el dropdown aparece ya en su posición final */
  animation: none !important;
}
/* Campo de búsqueda - DENTRO DEL MISMO CONTENEDOR CON SCROLL */
.select2-search, .select2-search--dropdown, .select2-dropdown .select2-search {
  position: relative !important;
  /* No fixed, no sticky */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  overflow: visible !important;
  /* Sin scroll propio */
}
/* Contenedor de resultados - SIN SCROLL PROPIO (el scroll está en las opciones) */
.select2-container--default .select2-results, .select2-container .select2-dropdown .select2-results, .select2-dropdown .select2-results, .select2-results {
  max-height: none !important;
  /* Sin límite - el scroll está en las opciones */
  min-height: auto !important;
  overflow-y: visible !important;
  /* Sin scroll propio - el scroll está en las opciones */
  overflow-x: hidden !important;
  /* Evitar scroll horizontal */
  display: block !important;
  position: relative !important;
  /* No fixed, no sticky - se mueve con el contenido */
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
/* Contenedor de opciones - RESPONSIVO: SE AJUSTA AL CONTENIDO */
.select2-container--default .select2-results > .select2-results__options:not(.select2-results__options--nested), .select2-container--default .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested), .select2-container .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested), .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested), .select2-results > .select2-results__options:not(.select2-results__options--nested), .select2-results__options:not(.select2-results__options--nested) {
  max-height: 50vh !important;
  /* Altura máxima: 50% de la ventana - SOBRESCRIBIR el max-height: 200px del estilo base */
  min-height: auto !important;
  /* RESPONSIVO: Se ajusta al contenido sin espacios sobrantes */
  height: auto !important;
  /* RESPONSIVO: Altura automática según contenido */
  overflow-y: auto !important;
  /* Scroll cuando el contenido excede max-height */
  overflow-x: hidden !important;
  /* Evitar scroll horizontal */
  position: relative !important;
  /* No fixed, no sticky - se mueve con el contenido */
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
/* Contenedor anidado - RESPONSIVO: SE AJUSTA AL CONTENIDO SIN ESPACIOS SOBRANTES */
.select2-results__options--nested {
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
  max-height: none !important;
  min-height: auto !important;
  /* RESPONSIVO: Se ajusta al contenido */
  height: auto !important;
  /* RESPONSIVO: Altura automática según contenido */
  padding: 0.25rem 0 0.15rem 0 !important;
  /* Padding mínimo: arriba 0.25rem, abajo 0.15rem */
  margin: 0 !important;
  /* Sin margen para evitar espacios innecesarios */
}
.select2-results__options--nested.collapsed {
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.select2-results__options--nested.expanded {
  max-height: none !important;
  overflow: visible !important;
}
/* Un solo scroll: el li[role=group] y el ul anidado NUNCA tienen scroll propio */
.select2-results__option[role="group"] {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
.select2-results__option[role="group"] .select2-results__options--nested {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
}
/* Scrollbar solo para el contenedor externo (NO para el anidado) */
.select2-container--default .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar, .select2-container--default .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar, .select2-container .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar, .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar, .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar, .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar {
  width: 16px !important;
}
.select2-container--default .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track, .select2-container--default .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track, .select2-container .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track, .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track, .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track, .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-track {
  background: var(--body-bg, #ffffff) !important;
  border-radius: 4px !important;
}
.select2-container--default .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb, .select2-container--default .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb, .select2-container .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb, .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb, .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb, .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8202f 0%, #a01a26 100%) !important;
  border-radius: 4px !important;
}
.select2-container--default .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover, .select2-container--default .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover, .select2-container .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover, .select2-dropdown .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover, .select2-results > .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover, .select2-results__options:not(.select2-results__options--nested)::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a01a26 0%, #c8202f 100%) !important;
}
/* Grupos (como "Professional Consulting Services") - NO FIJOS, SE MUEVEN CON TODO */
.select2-results__group, strong.select2-results__group, .select2-results__option[role="group"] {
  position: relative !important;
  /* No fixed, no sticky */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0.5rem 0.5rem 0.25rem 0.5rem !important;
  /* Espaciado compacto alrededor del bloque completo (título + hijos) */
  padding: 0 !important;
  /* Sin padding en el contenedor - el título controla su propio padding */
  padding-top: 0 !important;
  /* Sin padding superior adicional */
}
/* Estilo del título de grupo DENTRO de la tarjeta (ej. "Características") */
/* FORZAR COLOR AZUL SIEMPRE - incluso cuando hay opciones seleccionadas dentro */
/* INCLUIR TAMBIÉN LOS SPAN HIJOS */
.select2-results__option[role="group"] > .select2-results__group, .select2-results__option[role="group"] > .select2-results__group span, .select2-results__option[role="group"] > strong.select2-results__group, .select2-results__option[role="group"] > strong.select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__option--highlighted) > .select2-results__group, .select2-results__option[role="group"]:has(.select2-results__option--highlighted) > .select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__option--highlighted) > strong.select2-results__group, .select2-results__option[role="group"]:has(.select2-results__option--highlighted) > strong.select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) > .select2-results__group, .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) > .select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) > strong.select2-results__group, .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) > strong.select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) > .select2-results__group, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) > .select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) > strong.select2-results__group, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) > strong.select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) > .select2-results__group, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) > .select2-results__group span, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) > strong.select2-results__group, .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) > strong.select2-results__group span {
  display: block !important;
  padding: 0.2rem 1rem 0.15rem 1rem !important;
  /* Reducido padding superior de 0.4rem a 0.2rem para subir el título */
  background-color: transparent !important;
  color: #162a56 !important;
  /* Azul del tema SIEMPRE - no cambiar a gris - incluye span hijos */
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  border-bottom: 1px solid rgba(22, 42, 86, 0.12) !important;
  margin-top: 0 !important;
  /* Sin margen superior adicional */
}
/* Reglas adicionales para asegurar que el color azul se mantenga en todos los casos */
.select2-results__group, strong.select2-results__group {
  color: #162a56 !important;
  /* Azul SIEMPRE - sobrescribir cualquier color gris */
}
/* Sobrescribir cualquier regla que pueda poner el grupo en gris cuando hay selección */
.select2-dropdown:has(.select2-results__option--highlighted) .select2-results__group, .select2-dropdown:has(.select2-results__option[aria-selected="true"]) .select2-results__group, .select2-dropdown:has(.select2-results__option--highlighted) strong.select2-results__group, .select2-dropdown:has(.select2-results__option[aria-selected="true"]) strong.select2-results__group {
  color: #162a56 !important;
  /* Azul SIEMPRE - no gris */
}
/* Separar visualmente el título del primer hijo para que no se encimen */
.select2-results__option[role="group"] > .select2-results__options--nested {
  margin-top: 0.15rem !important;
}
/* "Professional Consulting Services" - ESTILOS GENERALES (se aplican desde JS) */
/* Asegurar que ningún elemento dentro del dropdown tenga position fixed o sticky */
.select2-dropdown .select2-search, .select2-dropdown .select2-search--dropdown, .select2-dropdown .select2-results, .select2-dropdown .select2-results__options, .select2-dropdown .select2-results__option, .select2-dropdown .select2-results__group, .select2-dropdown strong.select2-results__group {
  position: relative !important;
  /* Relative para que se muevan juntos */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
/* Evitar que cualquier elemento tenga position fixed o sticky */
.select2-dropdown [style*="position: fixed"], .select2-dropdown [style*="position:fixed"], .select2-dropdown [style*="position: sticky"], .select2-dropdown [style*="position:sticky"] {
  position: relative !important;
}
/* Quitar el color rojo del placeholder "-----" o opción vacía */
.select2-results__option:first-child:not([aria-disabled="true"]), .select2-results__option[data-select2-id*="empty"]:not([aria-disabled="true"]), .select2-results__option:first-child.select2-results__option--highlighted:not([aria-disabled="true"]) {
  background-color: #ffffff !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #999999 !important;
  border-bottom: none !important;
}
.select2-results__option:first-child:hover:not([aria-disabled="true"]), .select2-results__option[data-select2-id*="empty"]:hover:not([aria-disabled="true"]) {
  background-color: #f5f5f5 !important;
  background: #f5f5f5 !important;
  background-image: none !important;
  color: #666666 !important;
}
/* Quitar gradiente rojo del placeholder cuando está highlighted */
.select2-results__option:first-child.select2-results__option--highlighted:not([aria-disabled="true"]) {
  background-image: none !important;
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
  color: #666666 !important;
}
/* Estilo específico para spans dentro del placeholder */
.select2-results__option:first-child:not([aria-disabled="true"]) span, .select2-results__option[data-select2-id*="empty"]:not([aria-disabled="true"]) span {
  color: #999999 !important;
  background-color: transparent !important;
}
/* Un solo scroll: solo la lista de opciones hace scroll; el contenedor no */
.select2-container--default .select2-results > .select2-results__options, .select2-results > .select2-results__options, .select2-results__options {
  max-height: calc(100vh - 220px) !important;
  min-height: 80px !important;
  overflow-y: auto !important;
  /* ÚNICA barra de scroll del dropdown */
  overflow-x: hidden !important;
}
.select2-results {
  padding: 0.5rem 0 !important;
  max-height: calc(100vh - 200px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  /* Sin scroll: evita segunda barra */
  overflow-x: hidden !important;
  display: block !important;
  position: relative !important;
}
/* Elementos padre (aria-disabled="true") - Estilo profesional con subrayado y negrilla */
.select2-results__option[aria-disabled="true"], .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"], .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(135deg, #162a56 0%, #345291 50%, #1e3a5f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  padding: 0.75rem 1rem !important;
  margin: 0.5rem 0.5rem 0.25rem 0.5rem !important;
  border-radius: 6px !important;
  border: none !important;
  border-top: none !important;
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  border-bottom: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  line-height: 1.4 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  max-width: 100% !important;
  cursor: default !important;
  overflow: visible !important;
  position: relative !important;
}
.select2-results__option[aria-disabled="true"]::after, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]::after, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]::after {
  display: none !important;
  content: none !important;
}
.select2-results__option[aria-disabled="true"] span, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span {
  background-image: linear-gradient(135deg, #162a56 0%, #345291 50%, #1e3a5f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  display: block !important;
  line-height: 1.4 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.select2-results__option[aria-disabled="true"] span *, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span *, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span * {
  border-top: none !important;
}
.select2-results__option[aria-disabled="true"] span::before, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span::before, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] span::before {
  display: none !important;
  content: none !important;
}
.select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"], .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"], .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"], .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"], .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"], .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"] {
  background: #f5f7fb !important;
  background-color: #f5f7fb !important;
  background-image: linear-gradient(135deg, #0d1b3a 0%, #1e3a5f 50%, #345291 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  cursor: pointer !important;
  transform: translateX(2px);
  border-bottom-color: rgba(22, 42, 86, 0.5) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"] span, .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"] span, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"] span, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"] span, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor: pointer"] span, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"]:hover[style*="cursor:pointer"] span {
  background-image: linear-gradient(135deg, #0d1b3a 0%, #1e3a5f 50%, #345291 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  border-bottom-color: rgba(22, 42, 86, 0.6) !important;
}
.select2-results__option[aria-disabled="true"] .group-toggle-icon, .select2-container .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] .group-toggle-icon, .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled="true"] .group-toggle-icon {
  display: inline-block !important;
  margin-right: 0.5rem !important;
  transition: transform 0.2s ease !important;
  font-size: 0.8rem !important;
  background-image: linear-gradient(135deg, #162a56 0%, #345291 50%, #1e3a5f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  vertical-align: middle !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
/* Elementos hijo dentro de nested - INDENTACIÓN LIGERA */
.select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) {
  padding-left: 1.3rem !important;
  margin-left: 0.4rem !important;
  position: relative !important;
}
/* Eliminar la línea vertical (::before) */
.select2-results__options--nested .select2-results__option:not([aria-disabled="true"])::before {
  display: none !important;
  content: none !important;
}
.select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) span, .select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) span[title], .select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) > span {
  display: inline !important;
  width: auto !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.3 !important;
  font-size: 0.75rem !important;
  color: #333333 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
/* Elementos hijo fuera de nested también - INDENTACIÓN LIGERA */
.select2-results__option:not([aria-disabled="true"]):not([role="group"]) {
  padding-left: 1.3rem !important;
  margin-left: 0.4rem !important;
  position: relative !important;
}
/* Eliminar la línea vertical (::before) */
.select2-results__option:not([aria-disabled="true"]):not([role="group"])::before {
  display: none !important;
  content: none !important;
}
.select2-results__option:not([aria-disabled="true"]):not([role="group"]) span, .select2-results__option:not([aria-disabled="true"]):not([role="group"]) span[title], .select2-results__option:not([aria-disabled="true"]):not([role="group"]) > span {
  display: inline !important;
  width: auto !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.3 !important;
  font-size: 0.75rem !important;
  color: #333333 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
/* Override ultra específico para spans dentro de elementos hijo */
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) span[title], .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__options--nested .select2-results__option:not([aria-disabled="true"]) > span {
  color: #333333 !important;
  font-size: 0.75rem !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  display: inline !important;
  width: auto !important;
  box-sizing: border-box !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  cursor: inherit !important;
  list-style: none !important;
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([aria-disabled="true"]):not([role="group"]) span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([aria-disabled="true"]):not([role="group"]) span[title], .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([aria-disabled="true"]):not([role="group"]) > span {
  color: #333333 !important;
  font-size: 0.75rem !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  display: inline !important;
  width: auto !important;
  box-sizing: border-box !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  cursor: inherit !important;
}
/* ============================================================================= */
/* FIX: MANTENER COLOR AZUL EN TÍTULOS DE GRUPO - NO PERMITIR GRIS AL SELECCIONAR */
/* ============================================================================= */
/* Forzar color azul en títulos de grupo en TODOS los casos posibles */
/* INCLUIR TAMBIÉN LOS SPAN HIJOS */
.select2-results__group, .select2-results__group span, strong.select2-results__group, strong.select2-results__group span, .select2-results__option[role="group"] .select2-results__group, .select2-results__option[role="group"] .select2-results__group span, .select2-results__option[role="group"] strong.select2-results__group, .select2-results__option[role="group"] strong.select2-results__group span, .select2-parent-group .select2-results__group, .select2-parent-group .select2-results__group span, .select2-parent-group strong.select2-results__group, .select2-parent-group strong.select2-results__group span {
  color: #162a56 !important;
  /* Azul SIEMPRE - sobrescribir cualquier otro color - incluye span hijos */
}
/* Sobrescribir cualquier regla que pueda cambiar el color cuando hay selección interna */
.select2-dropdown .select2-results__option[role="group"]:has(.select2-results__option--highlighted) .select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__option--highlighted) strong.select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) .select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) strong.select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) .select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option--highlighted) strong.select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) .select2-results__group, .select2-dropdown .select2-results__option[role="group"]:has(.select2-results__options--nested .select2-results__option[aria-selected="true"]) strong.select2-results__group {
  color: #162a56 !important;
  /* Azul SIEMPRE - no permitir gris */
}
/* ============================================================================= */
/* FIX: ELIMINAR ESPACIADO EXCESIVO ENTRE GRUPOS PADRE E HIJOS - RESPONSIVO */
/* ============================================================================= */
/* Contenedor de grupo padre creado por JavaScript - RESPONSIVO */
.select2-parent-group {
  margin-bottom: 0.15rem !important;
  /* Espaciado mínimo entre grupos */
  padding-bottom: 0 !important;
  height: auto !important;
  /* RESPONSIVO: Se ajusta al contenido */
  min-height: auto !important;
  /* RESPONSIVO: Sin altura mínima forzada */
}
/* Reducir espaciado al final de las opciones anidadas */
.select2-results__options--nested:last-child {
  padding-bottom: 0.15rem !important;
  /* Espaciado mínimo al final */
  margin-bottom: 0 !important;
  height: auto !important;
  /* RESPONSIVO: Se ajusta al contenido */
}
/* Eliminar espacio extra después del último hijo antes del siguiente grupo */
.select2-results__option[role="group"] + .select2-results__option[role="group"] {
  margin-top: 0.25rem !important;
  /* Espaciado mínimo entre grupos consecutivos */
}
/* Asegurar que no haya padding/margin extra en el último elemento hijo */
.select2-results__options--nested .select2-results__option:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0.15rem !important;
  /* Solo un pequeño espacio al final */
}
/* Forzar altura automática en todos los contenedores para eliminar espacios sobrantes */
.select2-dropdown, .select2-results, .select2-results__options, .select2-results__options--nested, .select2-parent-group {
  height: auto !important;
  /* RESPONSIVO: Altura automática según contenido */
  min-height: auto !important;
  /* RESPONSIVO: Sin altura mínima forzada */
}
/* ============================================================================= */
/* REGLA FINAL: FORZAR COLOR AZUL EN TÍTULOS DE GRUPO - MÁXIMA ESPECIFICIDAD */
/* ============================================================================= */
/* Esta regla tiene máxima especificidad para sobrescribir cualquier otra regla */
/* INCLUIR TAMBIÉN LOS SPAN HIJOS DENTRO DE LOS GRUPOS */
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group span, .select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group, .select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group span, .select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group, .select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group span, .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group, .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__group span, .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group, .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] strong.select2-results__group span {
  color: #162a56 !important;
  /* Azul SIEMPRE - máxima especificidad para evitar gris - incluye span hijos */
}
/* Sobrescribir incluso cuando hay opciones destacadas/seleccionadas dentro */
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option--highlighted) .select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option--highlighted) .select2-results__group span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option--highlighted) strong.select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option--highlighted) strong.select2-results__group span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) .select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) .select2-results__group span, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) strong.select2-results__group, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"]:has(.select2-results__option[aria-selected="true"]) strong.select2-results__group span {
  color: #162a56 !important;
  /* Azul SIEMPRE - incluso con selección interna - incluye span hijos */
}
/* ============================================================================= */
/* MODALES - POSICIÓN ESTÁTICA FORZADA - ELIMINAR TODO MOVIMIENTO */
/* ============================================================================= */
.modal.show {
  display: block !important;
}
.modal.fade {
  opacity: 1 !important;
}
.modal-dialog {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 1.75rem auto !important;
  transition: none !important;
  animation: none !important;
}
.modal.show .modal-dialog, .modal.fade .modal-dialog, .modal.fade.show .modal-dialog, .modal-dialog-centered .modal-dialog {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 1.75rem auto !important;
}
.modal.fade .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  position: static !important;
}
.modal.show .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}
.modal-backdrop, .modal-backdrop.fade, .modal-backdrop.show, .modal-backdrop.fade.show {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -1 !important;
}
.search-results thead:first-child th, .search_page .search-container .search-card .search-results thead:first-child th, .table thead th, .tab_cadre_fixehov thead th {
  top: 0 !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.search-results tbody tr:first-child td, .table tbody tr:first-child td {
  padding-top: 0.75rem !important;
}
/* ============================================================================= */
/* CABECERAS TABLA BÚSQUEDA: CENTRADO, TEXTO LARGO Y COLUMNAS RESPONSIVAS */
/* ============================================================================= */
/* Tabla con layout automático para que las columnas se autoajusten al contenido */
.search_page .search-container .search-card .search-results, .search_page .search-container .search-card .table-responsive-lg table, form#massformTicket .search-card .table-responsive-lg table {
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
}
.search_page .search-container .search-card .search-results thead th, .search_page .search-container .search-card .table-responsive-lg table thead th, form#massformTicket .search-card .table-responsive-lg table thead th, .search-results thead th, .table.search-results thead th {
  vertical-align: middle !important;
  text-align: center !important;
  padding: 0.6rem 0.65rem !important;
  line-height: 1.35 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
  min-width: max-content !important;
  /* Columna al menos tan ancha como el texto del encabezado */
  width: auto !important;
  max-width: none !important;
}
table.search-results thead th[data-searchopt-id][data-nosort] {
  vertical-align: middle !important;
}
table.search-results thead th[data-searchopt-id]:not([data-searchopt-id=""]):not([data-nosort]) .sort-indicator {
  vertical-align: middle !important;
}
/* ============================================================================= */
/* BRUSCO: contorno/celda para TODAS las opciones normales de Select2 (con flecha) */
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]) {
  background: #fff !important;
  border: 2px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
  padding: 0.5rem 1rem 0.5rem 0.9rem !important;
  margin: 0.15rem calc(0.5rem + 0.5rem) 0.15rem calc(0.5rem + 0.25rem) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.15s ease !important;
  min-height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]):hover {
  transform: translateY(-1px) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12) !important;
  background: #f8fafc !important;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]).select2-results__option--highlighted, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"])[aria-selected="true"] {
  border-color: rgba(200, 32, 47, 0.55) !important;
  box-shadow: 0 4px 12px rgba(200, 32, 47, 0.18) !important;
  background: #fff5f6 !important;
}
.form-field.row {
  align-items: center !important;
  display: flex !important;
}
.col-form-label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: right !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.5 !important;
}
.itil-left-side .col-form-label, .itil-left-side .form-field .col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
.accordion-actors .col-form-label, .accordion-actors .form-field .col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
.accordion-items .col-form-label, .accordion-items .form-field .col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
#service-levels .col-form-label, #service-levels .form-field .col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
#service-levels .col-form-label label, #service-levels .form-field .col-form-label label {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  width: 100% !important;
}
#service-levels .col-auto.col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
.itil-right-side .form-control, .itil-right-side .form-select, .itil-right-side .select2-container .select2-selection {
  padding: 0.35rem 0.7rem !important;
  min-height: 32px !important;
  line-height: 1.3 !important;
  font-size: 0.875rem !important;
  border-radius: 5px !important;
}
.itil-right-side .select2-container .select2-selection {
  min-height: 32px !important;
}
.itil-right-side .select2-container .select2-selection__rendered {
  line-height: 1.3 !important;
  font-size: 0.875rem !important;
}
.itil-right-side .form-field {
  margin-bottom: 0.75rem !important;
}
.itil-right-side .form-field .col-form-label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #555 !important;
  margin-bottom: 0.25rem !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.itil-right-side .col-form-label, .itil-right-side .form-field .col-form-label {
  justify-content: flex-start !important;
  text-align: left !important;
}
.itil-right-side .field-container {
  border-radius: 5px !important;
  transition: all 0.2s ease !important;
}
.itil-right-side .field-container:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}
.itil-right-side .form-control, .itil-right-side .form-select, .itil-right-side .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.itil-object .itil-left-side, .itil-object .itil-right-side {
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
.accordion-actors .form-control, .accordion-actors .form-select, .accordion-actors .select2-container .select2-selection, .accordion-items .form-control, .accordion-items .form-select, .accordion-items .select2-container .select2-selection {
  padding: 0.35rem 0.7rem !important;
  min-height: 32px !important;
  line-height: 1.3 !important;
  font-size: 0.875rem !important;
}
.accordion-actors .select2-container .select2-selection, .accordion-items .select2-container .select2-selection {
  min-height: 32px !important;
}
.accordion-actors .form-field, .accordion-items .form-field {
  margin-bottom: 0.75rem !important;
}
#itil-object-container.right-expanded .itil-right-side .field-container.expanded-field-container {
  width: 100% !important;
  max-width: 100% !important;
}
#itil-object-container.right-expanded .itil-right-side .select2-container.expanded-dropdown {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
#itil-object-container.right-expanded .itil-right-side .select2-container.expanded-dropdown .select2-selection {
  width: 100% !important;
  min-width: 100% !important;
}
#itil-object-container.right-expanded .itil-right-side .select2-container.expanded-dropdown .select2-selection__rendered {
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
#itil-object-container.right-expanded .itil-right-side .select2-container.expanded-dropdown .select2-dropdown {
  min-width: 100% !important;
  width: auto !important;
  max-width: 90vw !important;
}
#itil-object-container.right-expanded .itil-right-side .form-control.expanded-field, #itil-object-container.right-expanded .itil-right-side .form-select.expanded-field {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
#itil-object-container.right-expanded .itil-right-side .field-container.expanded-field-container .form-control, #itil-object-container.right-expanded .itil-right-side .field-container.expanded-field-container .form-select, #itil-object-container.right-expanded .itil-right-side .field-container.expanded-field-container .select2-container {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
#itil-object-container.right-expanded .itil-right-side .select2-container.expanded-dropdown.select2-container--open .select2-dropdown {
  min-width: calc(100% + 2rem) !important;
  width: auto !important;
  max-width: 90vw !important;
}
/* Forzar distribución cuando el panel derecho está expandido:
   - panel izquierdo (timeline) ~30-35%
   - panel derecho (casos) ~65-70% del ancho disponible */
@media (min-width: 992px) {
  #itil-object-container.right-expanded .itil-left-side {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  #itil-object-container.right-expanded .itil-right-side {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
}
/* Cuando el panel derecho está colapsado (solo iconos), hacerlo realmente estrecho
   y dejar que el panel izquierdo ocupe todo el resto del ancho. */
@media (min-width: 992px) {
  #itil-object-container.right-collapsed .itil-right-side {
    width: 90px !important;
    max-width: 90px !important;
    flex: 0 0 90px !important;
  }
  #itil-object-container.right-collapsed .itil-left-side {
    width: calc(100% - 90px) !important;
    max-width: calc(100% - 90px) !important;
    flex: 0 0 calc(100% - 90px) !important;
  }
}
/* DEBUG: timeGridWeek (idtheme) - contorno visible en celdas transparentes */
#planning_container #planning .fc-timeGridWeek-view .fc-lat td.fc-widget-content {
  background: transparent !important;
  outline: 1px solid rgba(0, 0, 0, 0.25) !important;
  /* contorno gris */
  outline-offset: -1px !important;
}
/* =============================================================================
   MENÚ LATERAL (SIDEBAR) - IDTHEME - Bordes ligeramente redondeados
   ============================================================================= */
/* Enlaces principales del menú (ej. Activos, Soporte) */
aside.navbar.navbar-vertical .navbar-collapse .nav-link, aside.navbar.navbar-vertical #navbar-menu .nav-link {
  border-radius: 6px !important;
}
/* Contenedor del dropdown dentro del sidebar */
aside.navbar.navbar-vertical .navbar-collapse .dropdown-menu, aside.navbar.navbar-vertical #navbar-menu .dropdown-menu {
  border-radius: 8px !important;
  overflow: hidden;
}
/* Ítems del dropdown (ej. Tablero, Casos) */
aside.navbar.navbar-vertical .navbar-collapse .dropdown-menu .dropdown-item, aside.navbar.navbar-vertical #navbar-menu .dropdown-menu .dropdown-item {
  border-radius: 6px !important;
}
/* ============================================================================= */
/* TEMA CLARO - Más blanco, animado y amigable - AL FINAL PARA PRIORIDAD         */
/* ============================================================================= */
:root {
  --page-bg: #f0f4f8;
  --card-bg: #ffffff;
  --card-header-bg: #f8fafc;
  --card-border: rgba(148, 163, 184, 0.25);
  --card-shadow: 0 4px 20px rgba(30, 41, 59, 0.08);
  --card-shadow-hover: 0 12px 40px rgba(30, 41, 59, 0.12);
  --radius: 16px;
  --radius-sm: 10px;
  --text: #1e293b;
  --text-muted: #64748b;
  --transition: 0.25s ease;
}
body, body.glpi, .glpi {
  font-family: "Segoe UI", "Segoe UI Web (West European)", Roboto, "Helvetica Neue", sans-serif !important;
}
/* Fondo del área de contenido: claro y amigable */
#page, .layout-content, main.page-content {
  background: var(--page-bg) !important;
  min-height: 100%;
  color: var(--text) !important;
}
#page label, #page .form-label, #page h1, #page h2, #page h3, .layout-content label, .layout-content .form-label {
  color: var(--text) !important;
}
/* Inputs y controles: integrados al tema claro */
#page .form-control, #page .form-select, #page input[type="text"], #page input[type="search"], .layout-content .form-control {
  background: #ffffff !important;
  border-color: var(--card-border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  transition: border-color var(--transition), box-shadow var(--transition) !important;
}
#page .form-control:focus, #page .form-select:focus {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 3px rgba(22, 42, 86, 0.12) !important;
}
/* Tarjetas: blanco, suave sombra, animación al hover */
#page .card, #page .navigationheader .card, .dashboard .card, .tab-content > .tab-pane, .card {
  background: var(--card-bg) !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--card-shadow) !important;
  position: relative !important;
  overflow: hidden;
  transition: box-shadow var(--transition), transform var(--transition) !important;
}
#page .card:hover, .dashboard .card:hover, .card:hover {
  box-shadow: var(--card-shadow-hover) !important;
  transform: translateY(-2px) !important;
}
#page .card::before, .dashboard .card::before, .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #c8202f, #162a56);
  opacity: 0.6;
  pointer-events: none;
}
/* Texto en tarjetas: oscuro para legibilidad sobre blanco */
#page .card, #page .card .card-body, #page .card .card-title, #page .card .card-header, .dashboard .card, .dashboard .card .card-body, .dashboard .card .card-title, .dashboard .card .card-header, .card .card-body, .card .card-title, .card .card-header {
  color: var(--text) !important;
}
#page .card .text-muted, #page .card label, .dashboard .card .text-muted, .dashboard .card label, .card .text-muted, .card label {
  color: var(--text-muted) !important;
}
/* Pie de tarjeta: tonos neutros, texto oscuro */
#page .card .card-footer, #page .card .card-footer .btn, #page .card .card-footer .btn span, #page .card .card-footer span, .card .card-footer, .card .card-footer .btn, .card .card-footer .btn span, .card .card-footer span, .card-footer .search_action .btn, .card-footer .search_action .btn .d-none, .card-footer .search_action .btn span {
  color: var(--text) !important;
}
.card .card-footer .btn:hover, #page .card .card-footer .btn:hover {
  opacity: 0.9;
}
.card-header, #page .card-header, .dashboard .card-header {
  background: var(--card-header-bg) !important;
  border-bottom: 1px solid var(--card-border) !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  color: var(--text) !important;
}
.card-footer, #page .card-footer, .dashboard .card-footer {
  background: var(--card-header-bg) !important;
  border-top: 1px solid var(--card-border) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  color: var(--text-muted) !important;
}
#page .card .search-card .card-header, #page .card .search-form .card-header, .card .search-card .card-header, .card .search-form .card-header {
  color: var(--text) !important;
  font-weight: 600 !important;
}
/* Tablas en tema claro: fondo claro, texto oscuro (se detalla más abajo en bloque tabla) */
#page .card .table, #page .card .table th, #page .card .table td, .dashboard .card .table, .dashboard .card .table th, .dashboard .card .table td, .card .table, .card .table th, .card .table td {
  color: var(--text) !important;
  border-color: var(--card-border) !important;
}
#page .card .table thead th, .dashboard .card .table thead th, .card .table thead th, #page .card table thead th, .card table thead th {
  color: var(--text) !important;
  font-weight: 600 !important;
  background: var(--card-header-bg) !important;
}
#page .card .table tbody td, .card .table tbody td {
  color: var(--text) !important;
}
#page .card .chart-legend, #page .card .legend, .dashboard .card .chart-legend, .dashboard .card .legend, .card .chart-legend, .card .legend, #page .card [class*="legend"], .dashboard .card [class*="legend"], .card [class*="legend"] {
  color: var(--text) !important;
}
#page .card .display-4, #page .card .h1, #page .card .h2, .dashboard .card .display-4, .dashboard .card .h1, .dashboard .card .h2, .card .display-4, .card .h1, .card .h2 {
  color: var(--text) !important;
}
#page .card span, #page .card div, #page .card p, .card span, .card div, .card p {
  color: inherit !important;
}
/* Pestañas - claras y animadas */
.nav-tabs, .nav-tabs .nav-link {
  border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
  transition: background var(--transition), color var(--transition) !important;
}
.nav-tabs .nav-link {
  color: var(--text-muted) !important;
}
.nav-tabs .nav-link:hover {
  color: var(--text) !important;
}
.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-color: #c8202f !important;
  border-bottom-color: #c8202f !important;
  border-bottom-width: 3px !important;
  font-weight: 600;
}
/* Recuadro de advertencia - suave */
.alert {
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--card-border) !important;
  transition: box-shadow var(--transition) !important;
}
/* Menú lateral - mantiene identidad corporativa */
.sidebar, .navbar-vertical, aside.navbar.navbar-vertical {
  background: #162a56 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.06) !important;
}
/* Solo el submenú desplegable del sidebar: azul glass para que se vea que está desplegado */
aside.navbar.navbar-vertical .navbar-collapse .dropdown-menu, .navbar-vertical .navbar-collapse .dropdown-menu, .sidebar .navbar-collapse .dropdown-menu {
  background: rgba(22, 42, 86, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}
aside.navbar.navbar-vertical .navbar-collapse .dropdown-menu .dropdown-item, .navbar-vertical .navbar-collapse .dropdown-menu .dropdown-item, .sidebar .navbar-collapse .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.95) !important;
}
aside.navbar.navbar-vertical .navbar-collapse .dropdown-menu .dropdown-item:hover, .navbar-vertical .navbar-collapse .dropdown-menu .dropdown-item:hover, .sidebar .navbar-collapse .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
/* Header superior */
header.navbar, .navbar.navbar-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
/* Dropdowns - blanco y amigable (salvo header que lleva azul glass) */
.dropdown-menu, .navbar .dropdown-menu {
  background: var(--card-bg) !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--card-shadow-hover) !important;
  transition: opacity 0.2s ease !important;
}
/* Menú del header (usuario, idioma, etc.): azul glass para que se vean las letras */
header.navbar .dropdown-menu, header.navbar .dropdown-menu.show, .navbar-main .dropdown-menu, .navbar-main .dropdown-menu.show {
  background: rgba(22, 42, 86, 0.92) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
header.navbar .dropdown-menu .dropdown-item, header.navbar .dropdown-menu .dropdown-item-text, .navbar-main .dropdown-menu .dropdown-item, .navbar-main .dropdown-menu .dropdown-item-text {
  color: rgba(255, 255, 255, 0.95) !important;
}
header.navbar .dropdown-menu .dropdown-item:hover, .navbar-main .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
header.navbar .dropdown-menu .dropdown-divider, .navbar-main .dropdown-menu .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dropdown-menu .dropdown-item {
  color: var(--text) !important;
}
.dropdown-menu .dropdown-item:hover {
  background: var(--page-bg) !important;
}
.select2-dropdown {
  background: var(--card-bg) !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--card-shadow-hover) !important;
}
/* Modales - blanco */
.modal-content {
  background: var(--card-bg) !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15) !important;
}
.modal-header, .modal-footer {
  background: var(--card-header-bg) !important;
  border-color: var(--card-border) !important;
  color: var(--text) !important;
}
.modal-header {
  border-radius: var(--radius) var(--radius) 0 0 !important;
}
.modal-footer {
  border-radius: 0 0 var(--radius) var(--radius) !important;
}
/* Botones - redondeados y con transición */
.btn, .btn-group .btn {
  border-radius: var(--radius-sm) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.btn:hover {
  transform: translateY(-1px) !important;
}
/* Tablas dentro de cards - fondo claro */
#page .card .table, .dashboard .card .table, .tab-pane .table {
  background: var(--card-bg) !important;
}
/* ============================================================================= */
/* Tabla: un solo tono (sin cebra, sin blanco) - todo el cuerpo siempre igual    */
/* El tema pinta las celdas con --tblr-table-accent-bg; forzamos en tr y en td   */
/* ============================================================================= */
#page .card .table tbody tr, #page .card .table-striped tbody tr, #page .card table tbody tr, .card .table tbody tr, .card .table-striped tbody tr, .card table tbody tr, #massformTicket .table tbody tr, #massformTicket table tbody tr {
  background: #ffffff !important;
  color: var(--text) !important;
  transition: background 0.2s ease !important;
}
#page .card .table tbody tr td:not(.shadow-none), #page .card .table-striped tbody tr td:not(.shadow-none), #page .card table tbody tr td:not(.shadow-none), .card .table tbody tr td:not(.shadow-none), .card .table-striped tbody tr td:not(.shadow-none), .card table tbody tr td:not(.shadow-none), #massformTicket .table tbody tr td:not(.shadow-none), #massformTicket table tbody tr td:not(.shadow-none) {
  background: #ffffff !important;
  color: var(--text) !important;
  border-color: var(--card-border) !important;
}
/* Excluir celdas de “no resuelto en ANS”: conservar el rojo (#cf9b9b)            */
#page .card .table tbody tr td.shadow-none, #page .card table tbody tr td.shadow-none, .card .table tbody tr td.shadow-none, .card table tbody tr td.shadow-none, #massformTicket .table tbody tr td.shadow-none, #massformTicket table tbody tr td.shadow-none {
  background: #cf9b9b !important;
  color: #1e293b !important;
}
#page .card .table tbody tr:nth-of-type(even) td:not(.shadow-none), .card .table tbody tr:nth-of-type(even) td:not(.shadow-none), #massformTicket table tbody tr:nth-of-type(even) td:not(.shadow-none) {
  background: #f8fafc !important;
}
#page .card .table tbody tr > *:not(.shadow-none), .card .table tbody tr > *:not(.shadow-none), #massformTicket table tbody tr > *:not(.shadow-none) {
  --tblr-table-accent-bg: #f8fafc !important;
}
#page .card .table tbody tr:hover td:not(.shadow-none), .card .table tbody tr:hover td:not(.shadow-none), #massformTicket .table tbody tr:hover td:not(.shadow-none) {
  background: #e2e8f0 !important;
}
/* Mantener rojo en hover para celdas no resueltas en ANS */
#page .card .table tbody tr:hover td.shadow-none, .card .table tbody tr:hover td.shadow-none, #massformTicket .table tbody tr:hover td.shadow-none {
  background: #cf9b9b !important;
}
/* Excluir prioridad de fondo rojo al hacer hover */
#page .card .table tbody tr:hover td.shadow-none .priority_block, .card .table tbody tr:hover td.shadow-none .priority_block, #massformTicket .table tbody tr:hover td.shadow-none .priority_block {
  background: transparent !important;
}
/* Enlaces en tabla: azul corporativo, hover rojo */
#page .card .table tbody a, #page .card table tbody a, .card .table tbody a, #massformTicket table tbody a, #page .card .table tbody a[id^="Ticket"], .card .table tbody a[id^="Ticket"] {
  color: #162a56 !important;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease !important;
}
#page .card .table tbody a:hover, .card .table tbody a:hover, #massformTicket table tbody a:hover {
  color: #c8202f !important;
  text-decoration: underline;
}
/* ============================================================================= */
/* Ajuste a pantalla: viewport y contenido que no se desborde                    */
/* ============================================================================= */
html {
  height: 100%;
  overflow-x: hidden;
}
body.glpi, body {
  min-height: 100vh;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.page, .layout-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-wrapper {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.page-body, .page .container-fluid {
  flex: 1;
  min-height: 0;
  max-width: 100%;
}
#page {
  max-width: 100%;
  overflow-x: auto;
  min-height: 0;
}
/* Contenedor de la tabla de búsqueda: scroll horizontal si hace falta */
.search-display-data, .ajax-container .search-display-data, .table-responsive, .card .table-responsive-lg, #page .card .table-responsive {
  overflow-x: auto !important;
  max-width: 100% !important;
  -webkit-overflow-scrolling: touch;
}
#page .card table, .card table {
  max-width: 100%;
  table-layout: auto;
}
/* ============================================================================= */
/* Badges y contadores: letra blanca para que el número se vea                   */
/* ============================================================================= */
.badge.bg-secondary, .badge.bg-secondary.ms-2, #page .badge.bg-secondary, #page .badge.bg-secondary.ms-2, .accordion-button .badge.bg-secondary, .accordion-button .badge.ms-2, #itil-data .accordion-button .badge, #heading-actor .badge.bg-secondary, #heading-actor .badge.ms-2, h2.accordion-header .accordion-button .badge, .itil-right-side .accordion-button .badge.bg-secondary, .itil-right-side .accordion-button .badge.ms-2 {
  background: #4a5568 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
/* Forzar blanco en cualquier badge con bg-secondary en la página */
span.badge.bg-secondary, span.badge.bg-secondary.ms-2 {
  color: #ffffff !important;
}
/* Badges de nivel SLA / itil-badge / level_name: letra blanca */
.level_name.badge, .badge.itil-badge, .badge.itil-badge.bg-secondary, .level_name.badge.itil-badge.bg-secondary, .level_name.badge.bg-secondary.ms-1, #service-levels .badge, #service-levels .badge.bg-secondary, #itil-data .badge.bg-secondary, #itil-data .badge.itil-badge, .itil-right-side .badge.bg-secondary, .accordion-body .badge.bg-secondary, .accordion-body .badge.itil-badge, .form-field .badge.bg-secondary {
  color: #ffffff !important;
  background: #4a5568 !important;
}
.primary-bg.primary-fg.count, span.primary-bg.primary-fg.count, .count.primary-bg, #page .primary-bg.primary-fg.count, .card .primary-bg.primary-fg.count, .table .primary-bg.primary-fg.count, thead .primary-bg.primary-fg.count {
  color: #ffffff !important;
  background: #162a56 !important;
  font-weight: 600 !important;
  padding: 0.25em 0.5em !important;
  border-radius: 6px !important;
}
/* Otros badges oscuros en el contenido: texto blanco para que no se pierda el número */
#page .badge.bg-dark, #page .badge.bg-primary, .card .badge.bg-secondary, .card .badge.bg-dark, .badge.bg-dark {
  color: #ffffff !important;
}
/* ============================================================================= */
/* Iconos y texto dentro de botones rojos (primary/danger): siempre blanco        */
/* ============================================================================= */
/* Forzar todo el contenido del botón primary (incl. "Buscar") a blanco          */
.btn-primary *, .btn-primary *::before, .btn-primary *::after, .btn-danger *, .btn-danger *::before, .btn-danger *::after {
  color: #ffffff !important;
}
.btn-primary, .btn-primary i, .btn-primary span, .btn-primary .fa, .btn-primary .far, .btn-primary .fas, .btn-primary .fab, .btn-primary .fal, .btn-primary .fad, .btn-primary .d-none, .btn-primary .d-sm-block, .btn-danger, .btn-danger i, .btn-danger span, .btn-danger .fa, .btn-danger .far, .btn-danger .fas, .btn-danger .fab, #itil-footer .btn-primary, #itil-footer .btn-primary *, #itil-footer .btn-primary i, #itil-footer .btn-primary span, #itil-footer .btn-primary .d-none.d-lg-block, #itil-footer .btn-primary .fa, #itil-footer .btn-primary .far, #itil-footer .btn-primary .fas, #itil-footer .form-buttons .btn-primary, #itil-footer .form-buttons .btn-primary *, #itil-footer .button-bar .btn-primary, #itil-footer .button-bar .btn-primary *, #itil-footer .btn-danger, #itil-footer .btn-danger *, #itil-footer .btn-danger i, #itil-footer .btn-danger span, #itil-footer .btn-danger .fa, .search_action .btn-primary, .search_action .btn-primary *, .search_actions .btn-primary, .search_actions .btn-primary *, .search_actions .btn-primary span.d-none.d-sm-block, .search-form-container .card-footer .btn-primary, .search-form-container .card-footer .btn-primary *, .search_form .btn-primary, .search_form .btn-primary *, .card-footer .btn-primary, .card-footer .btn-primary *, .card-footer .btn-primary i, .card-footer .btn-primary span, .card-footer .btn-primary .fa, .card-footer .btn-primary .far, .card-footer .btn-primary .fas, .btn-sm.btn-primary, .btn-sm.btn-primary *, .btn-sm.btn-primary span, .button-toolbar .btn-primary, .button-toolbar .btn-primary i, .button-toolbar .btn-primary span, .button-toolbar .btn-primary .fa, .button-toolbar .btn-primary .far, .button-toolbar .btn-primary .fas, .form-buttons .btn-primary, .form-buttons .btn-primary i, .form-buttons .btn-primary span, .form-buttons .btn-primary .fa, .btn.btn-primary, .btn.btn-primary i, .btn.btn-primary span, .btn.btn-primary .fa, button.btn-primary, button.btn-primary i, button.btn-primary span, button.btn-primary .fa {
  color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:hover i, .btn-primary:hover span, .btn-danger:hover, .btn-danger:hover i, .btn-danger:hover span, #itil-footer .btn-primary:hover, #itil-footer .btn-primary:hover *, #itil-footer .btn-primary:hover i, #itil-footer .btn-primary:hover span, #itil-footer .form-buttons .btn-primary:hover, #itil-footer .form-buttons .btn-primary:hover *, #itil-footer .button-bar .btn-primary:hover, #itil-footer .button-bar .btn-primary:hover *, .search_action .btn-primary:hover, .search_action .btn-primary:hover span, .search_actions .btn-primary:hover, .search_actions .btn-primary:hover *, .btn-sm.btn-primary:hover, .btn-sm.btn-primary:hover * {
  color: #ffffff !important;
}
/* ============================================================================= */
/* Sidebar: quitar línea/cursor parpadeante al seleccionar ítem padre (Soporte)  */
/* ============================================================================= */
aside.navbar.navbar-vertical .nav-link.dropdown-toggle, aside.navbar.navbar-vertical #navbar-menu .nav-link.dropdown-toggle, .sidebar .nav-link.dropdown-toggle, .sidebar #navbar-menu .nav-item .nav-link.dropdown-toggle {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  caret-color: transparent !important;
}
aside.navbar.navbar-vertical .nav-link.dropdown-toggle:focus, aside.navbar.navbar-vertical .nav-link.dropdown-toggle:focus-visible, .sidebar .nav-link.dropdown-toggle:focus, .sidebar .nav-link.dropdown-toggle:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* Select2: "»" y ">>" se eliminan por js/select2_catalog_fix.js (cleanChevronsFromOptions + forceStripChevronsRepeated) */
/* ============================================================================= */
/* FORZADO SUPER ESPECÍFICO: texto "Buscar" en blanco (formulario de búsqueda)   */
/* Selectores que replican el DOM path para ganar especificidad                 */
/* ============================================================================= */
main#page form.search-form-container .card-footer.search_action button.btn-primary span.d-none.d-sm-block, main#page form.search-form-container .card-footer.search_action button.btn-primary span, main#page form.search-form-container .search_action button.btn.btn-sm.btn-primary span, main#page .search-container form.search-form-container .card-footer.d-flex.search_action button.btn.btn-sm.btn-primary span.d-none.d-sm-block, div.page-body.container-fluid main#page form.search-form-container .card-footer.search_action .btn-primary span, body main#page form.search-form-container .card-footer.search_action button.btn-primary span {
  color: #ffffff !important;
}
main#page form.search-form-container .card-footer.search_action button.btn-primary, main#page form.search-form-container .card-footer.search_action button.btn-primary *, main#page form.search-form-container .search_action button.btn-primary * {
  color: #ffffff !important;
}
main#page form.search-form-container .card-footer.search_action button.btn-primary:hover span, main#page form.search-form-container .card-footer.search_action button.btn-primary:focus span, main#page form.search-form-container .card-footer.search_action button.btn-primary:hover span.d-none.d-sm-block {
  color: #ffffff !important;
}
/* Mismo forzado para .search_actions (footer de Search.php) */
main#page form.search-form-container .card-footer.search_actions button.btn-primary span.d-none.d-sm-block, main#page form.search-form-container .card-footer.search_actions button.btn-primary span, main#page form.search-form-container .card-footer.search_actions button.btn-primary *, main#page form.search-form-container .search_actions button.btn.btn-sm.btn-primary span, body main#page .search-container form.search-form-container .card-footer.search_actions button.btn-primary span {
  color: #ffffff !important;
}
/* Nuclear: cadena completa del DOM para ganar a cualquier otra regla */
html body div.page div.page-body.container-fluid main#page div.search_page.row div.col.search-container form.search-form-container div.card-footer.search_actions button.btn.btn-sm.btn-primary span.d-none.d-sm-block, html body div.page div.page-body.container-fluid main#page div.search_page.row div.col.search-container form.search-form-container div.card-footer.search_action button.btn.btn-sm.btn-primary span.d-none.d-sm-block, html body div.page div.page-wrapper main#page form.search-form-container div.card-footer.search_actions button.btn-primary span.d-none.d-sm-block {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FORZADO SUPER ESPECÍFICO: texto "Agregar" en blanco (itil-footer)             */
/* Selectores que replican el DOM path del pie del formulario ITIL               */
/* ============================================================================= */
form#itil-form div#itil-footer button.btn-primary span.d-none.d-lg-block, form#itil-form div#itil-footer button.btn-primary span, form#itil-form div#itil-footer button.btn-primary *, form#itil-form #itil-footer .form-buttons button.btn-primary span.d-none.d-lg-block, form#itil-form #itil-footer .buttons-bar button.btn-primary span.d-none.d-lg-block, #itil-footer .form-buttons button.btn-primary span.d-none.d-lg-block, #itil-footer .form-buttons button.btn-primary span, #itil-footer .buttons-bar button.btn-primary span.d-none.d-lg-block, #itil-footer .card-footer button.btn-primary span.d-none.d-lg-block, main#page form#itil-form #itil-footer button.btn-primary span.d-none.d-lg-block, body main#page form#itil-form #itil-footer .form-buttons button.btn-primary span {
  color: #ffffff !important;
}
form#itil-form #itil-footer button.btn-primary:hover span, form#itil-form #itil-footer button.btn-primary:focus span, form#itil-form #itil-footer button.btn-primary:hover span.d-none.d-lg-block {
  color: #ffffff !important;
}
/* Nuclear: cadena completa del DOM itil-footer para "Agregar" */
html body div.page div.page-wrapper main#page div.d-flex.flex-column div.row div.col div.tab-content.card div#itil-object-container form#itil-form div#itil-footer div.buttons-bar div.form-buttons.card-footer button.btn.btn-primary span.d-none.d-lg-block, html body main#page form#itil-form div#itil-footer div.form-buttons button.btn-primary span.d-none.d-lg-block {
  color: #ffffff !important;
}
/* Estilo específico para el botón "Guardar" en el pie ITIL
 * Mismo rojo degradado y texto blanco que el botón "Respuesta"
 */
#itil-footer .button-bar button.btn.btn-primary[name="update"] {
  color: #ffffff !important;
  background-image: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  background-color: #c8202f !important;
  background: linear-gradient(135deg, #345291 0%, #c8202f 40%, #d6283a 70%, #c8202f 100%) !important;
  border-color: #c8202f !important;
}
/* ============================================================================= */
/* FUENTE MÁS GRUESA: super admin - etiquetas y textos de formularios (700)     */
/* ============================================================================= */
label.col-form-label, .col-form-label, .form-field label.col-form-label, .form-field .col-form-label, #itil-object-container .col-form-label, #itil-object-container label.col-form-label, form#itil-form .col-form-label, form#itil-form label.col-form-label, .itil-left-side .col-form-label, .itil-left-side label.col-form-label, .timeline-content .col-form-label, .timeline-content .card-body .col-form-label, .card-body .form-field .col-form-label, div.itil-object .col-form-label, main#page form#itil-form .col-form-label, html body main#page #itil-object-container form#itil-form .row.itil-object .col-form-label, .itil-right-side .col-form-label, .itil-right-side label.col-form-label, #itil-object-container .itil-right-side .col-form-label {
  font-weight: 700 !important;
}
/* Login y páginas de auth: título y labels (Acceso, Contraseña, Origen, Recuérdame) */
body.welcome-anonymous .form-label, body.welcome-anonymous .card-header h2, body.welcome-anonymous label, body.welcome-anonymous .form-check-label, body.welcome-anonymous .card label, #login form .card-title, #login form label, #login .col-form-label, #login form .form-label, .login form .card-title, .login form label, .login .col-form-label, .card.card-lg #login-form label, main#login .col-form-label, main#login form label {
  font-weight: 700 !important;
}
/* Cualquier label en cards y formularios (cobertura global) */
.card label, .card .col-form-label, .form-group label, .form-label {
  font-weight: 700 !important;
}
/* ============================================================================= */
/* SCROLLBAR SUPER VISIBLE: ancho 20px + track y thumb con color marcado         */
/* ============================================================================= */
html ::-webkit-scrollbar, body ::-webkit-scrollbar {
  width: 20px !important;
  height: 20px !important;
}
html ::-webkit-scrollbar-track, body ::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
  border-radius: 6px !important;
}
html ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb {
  background: #a0aec0 !important;
  border-radius: 6px !important;
  border: 3px solid #e2e8f0 !important;
}
html ::-webkit-scrollbar-thumb:hover, body ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}
html *::-webkit-scrollbar, body *::-webkit-scrollbar {
  width: 20px !important;
  height: 20px !important;
}
html *::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
  border-radius: 6px !important;
}
html *::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
  background: #a0aec0 !important;
  border-radius: 6px !important;
  border: 3px solid #e2e8f0 !important;
}
html *::-webkit-scrollbar-thumb:hover, body *::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}
/* Contenedores concretos: mismo grosor y colores visibles */
.navbar-vertical ::-webkit-scrollbar, aside.navbar ::-webkit-scrollbar, .page-body .navbar ::-webkit-scrollbar, .tab-content.card ::-webkit-scrollbar, .tab-content ::-webkit-scrollbar, #itil-object-container ::-webkit-scrollbar, .itil-left-side ::-webkit-scrollbar, .itil-right-side ::-webkit-scrollbar, .card-body ::-webkit-scrollbar, .timeline-content ::-webkit-scrollbar, .card ::-webkit-scrollbar {
  width: 20px !important;
  height: 20px !important;
}
.navbar-vertical ::-webkit-scrollbar-track, aside.navbar ::-webkit-scrollbar-track, .tab-content.card ::-webkit-scrollbar-track, #itil-object-container ::-webkit-scrollbar-track, .itil-right-side ::-webkit-scrollbar-track, .card-body ::-webkit-scrollbar-track, .card ::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
  border-radius: 6px !important;
}
.navbar-vertical ::-webkit-scrollbar-thumb, aside.navbar ::-webkit-scrollbar-thumb, .tab-content.card ::-webkit-scrollbar-thumb, #itil-object-container ::-webkit-scrollbar-thumb, .itil-right-side ::-webkit-scrollbar-thumb, .card-body ::-webkit-scrollbar-thumb, .card ::-webkit-scrollbar-thumb {
  background: #a0aec0 !important;
  border-radius: 6px !important;
  border: 3px solid #e2e8f0 !important;
}
.navbar-vertical ::-webkit-scrollbar-thumb:hover, .tab-content.card ::-webkit-scrollbar-thumb:hover, #itil-object-container ::-webkit-scrollbar-thumb:hover, .itil-right-side ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}
/* Firefox: scrollbar gruesa, gris suave (thumb y track) */
html, body, .navbar-vertical, aside.navbar, .tab-content.card, #itil-object-container, .itil-left-side, .itil-right-side, .card-body, .card {
  scrollbar-width: auto !important;
  scrollbar-color: #a0aec0 #e2e8f0 !important;
}
/* ============================================================================= */
/* Zona de subida de archivos: ancho justo para que no se corte el texto          */
/* (No se han seleccionado archivos.) — solo un poco más ancho, no toda la página */
/* ============================================================================= */
form#itil-form .itil-textarea-content .fileupload input.form-control[type="file"], form#itil-form .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"], #itil-object-container .itil-textarea-content .fileupload input.form-control[type="file"], #itil-object-container .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"], form#itil-form .itil-left-side input.form-control[data-uploader-name="filename"] {
  min-width: 390px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
form#itil-form .itil-textarea-content .fileupload input.form-control[type="file"]:hover, form#itil-form .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:hover, #itil-object-container .itil-textarea-content .fileupload input.form-control[type="file"]:hover, #itil-object-container .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:hover, form#itil-form .itil-left-side input.form-control[data-uploader-name="filename"]:hover {
  background-color: #ffffff !important;
  border-color: #162a56 !important;
  box-shadow: 0 0 0 2px rgba(22, 42, 86, 0.12) !important;
}
form#itil-form .itil-textarea-content .fileupload input.form-control[type="file"]:focus, form#itil-form .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:focus, #itil-object-container .itil-textarea-content .fileupload input.form-control[type="file"]:focus, #itil-object-container .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:focus {
  background-color: #ffffff !important;
  border-color: #162a56 !important;
  box-shadow: 0 0 0 2px rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
/* ============================================================================= */
/* Campo Título: contorno rojo solo al hacer clic dentro (focus), como Descripción */
/* ============================================================================= */
form#itil-form .itil-left-side input.form-control[name="name"]:focus, form#itil-form .itil-left-side input.form-control[name="name"]:focus-visible, form#itil-form .itil-left-side .form-field input.form-control[type="text"][name="name"]:focus, #itil-object-container form#itil-form .itil-left-side input.form-control[name="name"]:focus, form#itil-form .timeline-content .card-body .form-field:not(.itil-textarea-content) input.form-control[type="text"]:focus {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 2px rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
/* ============================================================================= */
/* Bug: quitar raya vertical (caret) al hacer clic fuera de casillas de texto     */
/* Solo mostrar caret en input, textarea y editor Descripción                    */
/* ============================================================================= */
html, body, body * {
  caret-color: transparent !important;
}
input, textarea, input.form-control, textarea.form-control, .tox-edit-area__iframe, .tox .tox-edit-area__iframe, .tox-tinymce .tox-edit-area iframe, div[contenteditable="true"].mce-content-body, div.rich_text_container, .tox .tox-editor-container {
  caret-color: auto !important;
}
/* Contenedor Descripción: permitir caret en todo el bloque del editor (TinyMCE) */
.itil-textarea-content .tox-tinymce, .itil-textarea-content .tox-tinymce *, .form-field.itil-textarea-content .tox, .form-field.itil-textarea-content .tox * {
  caret-color: auto !important;
}
/* Si el CSS se carga dentro del iframe de TinyMCE (body.mce-content-body), mostrar caret */
body.mce-content-body, body.mce-content-body *, body#tinymce.mce-content-body, body#tinymce.mce-content-body * {
  caret-color: auto !important;
}
/* ============================================================================= */
/* ITIL footer: normalizar colores (right-actions)                                */
/* ============================================================================= */
#itil-footer #right-actions button.btn.btn-primary[name="update"], #itil-footer #right-actions button.btn-primary[name="update"] {
  color: #ffffff !important;
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  border-color: #c8202f !important;
  border: none !important;
}
#itil-footer #right-actions button.btn.btn-outline-danger, #itil-footer #right-actions button.btn-outline-danger {
  background: #ffffff !important;
  color: #c8202f !important;
  border-color: #c8202f !important;
}
#itil-footer #right-actions button.btn.btn-outline-danger:hover, #itil-footer #right-actions button.btn-outline-danger:hover, #itil-footer #right-actions button.btn.btn-outline-danger:focus, #itil-footer #right-actions button.btn-outline-danger:focus {
  background-image: var(--gradiente-rojo) !important;
  background-color: #c8202f !important;
  background: var(--gradiente-rojo) !important;
  color: #ffffff !important;
  border-color: #c8202f !important;
}
#itil-footer #right-actions button.btn.btn-outline-secondary, #itil-footer #right-actions button.btn-outline-secondary, #itil-footer #right-actions button#single-action.btn.btn-icon.btn-outline-secondary {
  background: #ffffff !important;
  color: #606f91 !important;
  border-color: #606f91 !important;
}
#itil-footer #right-actions button.btn.btn-outline-secondary:hover, #itil-footer #right-actions button.btn-outline-secondary:hover, #itil-footer #right-actions button.btn.btn-outline-secondary:focus, #itil-footer #right-actions button.btn-outline-secondary:focus, #itil-footer #right-actions button#single-action.btn.btn-icon.btn-outline-secondary:hover, #itil-footer #right-actions button#single-action.btn.btn-icon.btn-outline-secondary:focus {
  background-color: #606f91 !important;
  color: #ffffff !important;
  border-color: #606f91 !important;
}
#itil-footer #right-actions button.btn-outline-danger *, #itil-footer #right-actions button.btn-outline-secondary *, #itil-footer #right-actions button.btn-primary[name="update"] * {
  color: inherit !important;
}
/* ============================================================================= */
/* ============================================================================= */
/* WINDOWS 11 / FLUENT UI / GLASSMORPHISM - LOGIN PAGE                          */
/* Estilo moderno con efecto cristal y colores IAD                              */
/* Colores: Azul #162a56 | Rojo #c41e3a                                         */
/* ============================================================================= */
/* ============================================================================= */
/* Variables CSS para el tema Fluent/Glassmorphism */
:root {
  --iad-azul: #162a56;
  --iad-azul-claro: #1e3a6e;
  --iad-azul-oscuro: #0f1d3a;
  --iad-rojo: #c41e3a;
  --iad-rojo-hover: #a8182f;
  --iad-rojo-claro: #e8354d;
  --fluent-glass-bg: rgba(255, 255, 255, 0.08);
  --fluent-glass-border: rgba(255, 255, 255, 0.15);
  --fluent-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
  --fluent-blur: 20px;
  --fluent-radius: 12px;
  --fluent-radius-lg: 20px;
  --fluent-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
/* ============================================================================= */
/* Animaciones Fluent UI                                                         */
/* ============================================================================= */
@keyframes fluent-fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes fluent-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes fluent-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(196, 30, 58, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(196, 30, 58, 0);
  }
}
@keyframes fluent-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
/* ============================================================================= */
/* Fondo principal de la página de login - Efecto Mica de Windows 11            */
/* ============================================================================= */
body.welcome-anonymous, .page.welcome-anonymous, html body.welcome-anonymous {
  background: linear-gradient(135deg, var(--iad-azul-oscuro) 0%, var(--iad-azul) 25%, #1a3560 50%, var(--iad-azul) 75%, var(--iad-azul-oscuro) 100%) !important;
  background-size: 400% 400% !important;
  animation: fluent-gradient 15s ease infinite !important;
  min-height: 100vh !important;
  position: relative !important;
  overflow: hidden !important;
}
@keyframes fluent-gradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
/* Efecto de partículas/mesh en el fondo */
body.welcome-anonymous::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: radial-gradient(ellipse at 20% 20%, rgba(196, 30, 58, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(22, 42, 86, 0.3) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* Efecto de ruido sutil (noise texture) */
body.welcome-anonymous::after {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") !important;
  opacity: 0.02 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* ============================================================================= */
/* Contenedor principal del login                                                */
/* ============================================================================= */
body.welcome-anonymous .page, body.welcome-anonymous .page-wrapper, body.welcome-anonymous .container, body.welcome-anonymous .container-fluid {
  position: relative !important;
  z-index: 1 !important;
}
/* ============================================================================= */
/* Card de login - Efecto Glassmorphism                                          */
/* ============================================================================= */
body.welcome-anonymous .card, body.welcome-anonymous .card.card-lg, .page.welcome-anonymous .card, #login .card, .login .card, body.welcome-anonymous form .card, body.welcome-anonymous .col-lg-6 > .card, body.welcome-anonymous .col-md-8 > .card, body.welcome-anonymous .col-xl-4 > .card {
  background: var(--fluent-glass-bg) !important;
  backdrop-filter: blur(var(--fluent-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--fluent-blur)) saturate(180%) !important;
  border: 1px solid var(--fluent-glass-border) !important;
  border-radius: var(--fluent-radius-lg) !important;
  box-shadow: var(--fluent-glass-shadow), inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  animation: fluent-fadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: var(--fluent-transition) !important;
  overflow: hidden !important;
  position: relative !important;
}
/* Efecto de brillo superior en la card */
body.welcome-anonymous .card::before, #login .card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;
  pointer-events: none !important;
}
/* Hover en la card */
body.welcome-anonymous .card:hover, #login .card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
/* ============================================================================= */
/* Header de la card (logo)                                                      */
/* ============================================================================= */
body.welcome-anonymous .card-header, body.welcome-anonymous .card .card-header, #login .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 2rem 2rem 1.5rem !important;
  text-align: center !important;
}
/* Logo con efecto de flotación */
body.welcome-anonymous .card-header img, body.welcome-anonymous .card-header .glpi_logo, #login .card-header img, body.welcome-anonymous .logo img, body.welcome-anonymous img.glpi_logo {
  max-height: 80px !important;
  width: auto !important;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3)) !important;
  transition: var(--fluent-transition) !important;
  animation: fluent-float 3s ease-in-out infinite !important;
}
body.welcome-anonymous .card-header img:hover, #login .card-header img:hover {
  transform: scale(1.05) !important;
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.4)) !important;
}
/* ============================================================================= */
/* Título "Acceso con tu cuenta"                                                 */
/* ============================================================================= */
body.welcome-anonymous .card-title, body.welcome-anonymous .card-header h2, body.welcome-anonymous h2.card-title, #login .card-title, #login h2, body.welcome-anonymous form h2 {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  text-align: center !important;
  margin: 0 0 0.5rem !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
/* ============================================================================= */
/* Cuerpo de la card                                                             */
/* ============================================================================= */
body.welcome-anonymous .card-body, #login .card-body {
  padding: 1.5rem 2rem 2rem !important;
  background: transparent !important;
}
/* ============================================================================= */
/* Labels de los campos (Acceso, Contraseña, Origen)                             */
/* ============================================================================= */
body.welcome-anonymous label, body.welcome-anonymous .form-label, body.welcome-anonymous .col-form-label, #login label, #login .form-label, body.welcome-anonymous .card label, body.welcome-anonymous form label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
  letter-spacing: 0.01em !important;
  transition: color 0.2s ease !important;
}
/* ============================================================================= */
/* Inputs de texto - Estilo Fluent UI                                            */
/* ============================================================================= */
body.welcome-anonymous input.form-control, body.welcome-anonymous input[type="text"], body.welcome-anonymous input[type="password"], body.welcome-anonymous input[type="email"], #login input.form-control, #login input[type="text"], #login input[type="password"], body.welcome-anonymous .card input.form-control, body.welcome-anonymous form input.form-control {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: var(--fluent-radius) !important;
  color: #ffffff !important;
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
  transition: var(--fluent-transition) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  height: auto !important;
  min-height: 48px !important;
}
/* Placeholder */
body.welcome-anonymous input.form-control::placeholder, #login input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
/* Focus en inputs */
body.welcome-anonymous input.form-control:focus, body.welcome-anonymous input[type="text"]:focus, body.welcome-anonymous input[type="password"]:focus, #login input.form-control:focus, #login input[type="text"]:focus, #login input[type="password"]:focus {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: transparent !important;
  border-bottom-color: var(--iad-rojo) !important;
  box-shadow: 0 0 0 1px rgba(196, 30, 58, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  outline: none !important;
  color: #ffffff !important;
}
/* Hover en inputs */
body.welcome-anonymous input.form-control:hover:not(:focus), #login input.form-control:hover:not(:focus) {
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}
/* ============================================================================= */
/* Select / Dropdown - Estilo Fluent UI                                          */
/* ============================================================================= */
body.welcome-anonymous select.form-control, body.welcome-anonymous select.form-select, body.welcome-anonymous .form-select, #login select.form-control, #login select.form-select, #login .form-select, body.welcome-anonymous .card select, body.welcome-anonymous form select {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: var(--fluent-radius) !important;
  color: #ffffff !important;
  padding: 0.75rem 2.5rem 0.75rem 1rem !important;
  font-size: 1rem !important;
  transition: var(--fluent-transition) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 16px !important;
  cursor: pointer !important;
  min-height: 48px !important;
}
body.welcome-anonymous select.form-control:focus, body.welcome-anonymous select.form-select:focus, #login select.form-control:focus, #login select.form-select:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: transparent !important;
  border-bottom-color: var(--iad-rojo) !important;
  box-shadow: 0 0 0 1px rgba(196, 30, 58, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  outline: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}
body.welcome-anonymous select.form-control option, body.welcome-anonymous select.form-select option, #login select option {
  background: var(--iad-azul) !important;
  color: #ffffff !important;
  padding: 0.75rem 1rem !important;
}
/* ============================================================================= */
/* Checkbox "Recuérdame" - Estilo Fluent UI                                      */
/* ============================================================================= */
body.welcome-anonymous .form-check, body.welcome-anonymous .form-check-input, #login .form-check, #login .form-check-input, body.welcome-anonymous input[type="checkbox"] {
  cursor: pointer !important;
}
body.welcome-anonymous .form-check-input, #login .form-check-input, body.welcome-anonymous input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 6px !important;
  transition: var(--fluent-transition) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  vertical-align: middle !important;
  margin-right: 0.5rem !important;
}
body.welcome-anonymous .form-check-input:hover, #login .form-check-input:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}
body.welcome-anonymous .form-check-input:checked, #login .form-check-input:checked, body.welcome-anonymous input[type="checkbox"]:checked {
  background: var(--iad-rojo) !important;
  border-color: var(--iad-rojo) !important;
}
body.welcome-anonymous .form-check-input:checked::after, #login .form-check-input:checked::after, body.welcome-anonymous input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -60%) rotate(45deg) !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
}
body.welcome-anonymous .form-check-input:focus, #login .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.25) !important;
  outline: none !important;
}
body.welcome-anonymous .form-check-label, #login .form-check-label {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  user-select: none !important;
  vertical-align: middle !important;
}
/* ============================================================================= */
/* Botón "Iniciar sesión" - Estilo Fluent UI                                     */
/* ============================================================================= */
body.welcome-anonymous .btn-primary, body.welcome-anonymous button[type="submit"], body.welcome-anonymous input[type="submit"], #login .btn-primary, #login button[type="submit"], body.welcome-anonymous .card .btn-primary, body.welcome-anonymous form .btn-primary, body.welcome-anonymous form button.btn-primary {
  background: linear-gradient(135deg, var(--iad-rojo) 0%, var(--iad-rojo-hover) 100%) !important;
  border: none !important;
  border-radius: var(--fluent-radius) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  padding: 0.875rem 2rem !important;
  min-height: 48px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: var(--fluent-transition) !important;
  box-shadow: 0 4px 14px rgba(196, 30, 58, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}
/* Efecto shimmer en el botón */
body.welcome-anonymous .btn-primary::before, #login .btn-primary::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
  transition: left 0.5s ease !important;
}
body.welcome-anonymous .btn-primary:hover::before, #login .btn-primary:hover::before {
  left: 100% !important;
}
/* Hover del botón */
body.welcome-anonymous .btn-primary:hover, #login .btn-primary:hover, body.welcome-anonymous form .btn-primary:hover {
  background: linear-gradient(135deg, var(--iad-rojo-claro) 0%, var(--iad-rojo) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(196, 30, 58, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
/* Active del botón */
body.welcome-anonymous .btn-primary:active, #login .btn-primary:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(196, 30, 58, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
/* Focus del botón */
body.welcome-anonymous .btn-primary:focus, #login .btn-primary:focus {
  box-shadow: 0 4px 14px rgba(196, 30, 58, 0.4), 0 0 0 3px rgba(196, 30, 58, 0.3) !important;
  outline: none !important;
}
/* ============================================================================= */
/* Botones secundarios                                                           */
/* ============================================================================= */
body.welcome-anonymous .btn-secondary, body.welcome-anonymous .btn-outline-secondary, #login .btn-secondary, #login .btn-outline-secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--fluent-radius) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  padding: 0.75rem 1.5rem !important;
  transition: var(--fluent-transition) !important;
  backdrop-filter: blur(8px) !important;
}
body.welcome-anonymous .btn-secondary:hover, body.welcome-anonymous .btn-outline-secondary:hover, #login .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-1px) !important;
}
/* ============================================================================= */
/* Links                                                                          */
/* ============================================================================= */
body.welcome-anonymous a, body.welcome-anonymous .card a, #login a {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
  transition: var(--fluent-transition) !important;
  position: relative !important;
}
body.welcome-anonymous a:hover, #login a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
body.welcome-anonymous a::after, #login a::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: #162a56 !important;
  transition: width 0.3s ease !important;
}
body.welcome-anonymous a:hover::after, #login a:hover::after {
  width: 100% !important;
}
/* ============================================================================= */
/* Footer de la página de login                                                  */
/* ============================================================================= */
body.welcome-anonymous footer, body.welcome-anonymous .footer, body.welcome-anonymous #footer-login, #footer-login {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.8rem !important;
  text-align: center !important;
  padding: 1rem !important;
  position: relative !important;
  z-index: 1 !important;
}
body.welcome-anonymous footer a, body.welcome-anonymous #footer-login a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.welcome-anonymous footer a:hover, body.welcome-anonymous #footer-login a:hover {
  color: var(--iad-rojo) !important;
}
/* ============================================================================= */
/* Grupos de formulario                                                          */
/* ============================================================================= */
body.welcome-anonymous .form-group, body.welcome-anonymous .mb-3, #login .form-group, #login .mb-3 {
  margin-bottom: 1.25rem !important;
}
/* ============================================================================= */
/* Mensajes de error y alertas                                                   */
/* ============================================================================= */
body.welcome-anonymous .alert, body.welcome-anonymous .alert-danger, body.welcome-anonymous .alert-warning, #login .alert {
  background: rgba(220, 53, 69, 0.15) !important;
  border: 1px solid rgba(220, 53, 69, 0.3) !important;
  border-radius: var(--fluent-radius) !important;
  color: #ff8a8a !important;
  padding: 1rem !important;
  backdrop-filter: blur(8px) !important;
  margin-bottom: 1rem !important;
}
body.welcome-anonymous .alert-success, #login .alert-success {
  background: rgba(40, 167, 69, 0.15) !important;
  border: 1px solid rgba(40, 167, 69, 0.3) !important;
  color: #7dffb3 !important;
}
body.welcome-anonymous .alert-info, #login .alert-info {
  background: rgba(23, 162, 184, 0.15) !important;
  border: 1px solid rgba(23, 162, 184, 0.3) !important;
  color: #7dd3fc !important;
}
/* ============================================================================= */
/* Input groups (iconos en inputs)                                               */
/* ============================================================================= */
body.welcome-anonymous .input-group, #login .input-group {
  position: relative !important;
}
body.welcome-anonymous .input-group-text, #login .input-group-text {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-right: none !important;
  border-radius: var(--fluent-radius) 0 0 var(--fluent-radius) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  padding: 0.75rem 1rem !important;
}
body.welcome-anonymous .input-group .form-control, #login .input-group .form-control {
  border-radius: 0 var(--fluent-radius) var(--fluent-radius) 0 !important;
}
/* ============================================================================= */
/* Iconos dentro del formulario                                                  */
/* ============================================================================= */
body.welcome-anonymous .fa, body.welcome-anonymous .fas, body.welcome-anonymous .far, body.welcome-anonymous .ti, body.welcome-anonymous i[class^="ti-"], body.welcome-anonymous i[class^="fa-"], #login .fa, #login .fas, #login .far, #login .ti, #login i[class^="ti-"] {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: color 0.2s ease !important;
}
/* ============================================================================= */
/* Scrollbar estilo Windows 11                                                   */
/* ============================================================================= */
body.welcome-anonymous::-webkit-scrollbar, body.welcome-anonymous *::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
body.welcome-anonymous::-webkit-scrollbar-track, body.welcome-anonymous *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 5px !important;
}
body.welcome-anonymous::-webkit-scrollbar-thumb, body.welcome-anonymous *::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 5px !important;
  border: 2px solid transparent !important;
  background-clip: content-box !important;
}
body.welcome-anonymous::-webkit-scrollbar-thumb:hover, body.welcome-anonymous *::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  background-clip: content-box !important;
}
/* Firefox */
body.welcome-anonymous, body.welcome-anonymous * {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.05) !important;
}
/* ============================================================================= */
/* Responsive - Ajustes móviles                                                  */
/* ============================================================================= */
@media (max-width: 768px) {
  body.welcome-anonymous .card, #login .card {
    margin: 1rem !important;
    border-radius: var(--fluent-radius) !important;
  }
  body.welcome-anonymous .card-body, #login .card-body {
    padding: 1.25rem !important;
  }
  body.welcome-anonymous .card-header, #login .card-header {
    padding: 1.5rem 1.25rem 1rem !important;
  }
  body.welcome-anonymous .btn-primary, #login .btn-primary {
    padding: 0.75rem 1.5rem !important;
  }
}
@media (max-width: 480px) {
  body.welcome-anonymous .card-title, #login .card-title, body.welcome-anonymous h2 {
    font-size: 1.25rem !important;
  }
  body.welcome-anonymous input.form-control, body.welcome-anonymous select.form-control, #login input.form-control, #login select.form-control {
    font-size: 16px !important;
    /* Evita zoom en iOS */
  }
}
/* ============================================================================= */
/* Accesibilidad - Reduce movimiento                                             */
/* ============================================================================= */
@media (prefers-reduced-motion: reduce) {
  body.welcome-anonymous, body.welcome-anonymous *, body.welcome-anonymous .card, body.welcome-anonymous .btn-primary, body.welcome-anonymous input, body.welcome-anonymous select {
    animation: none !important;
    transition: none !important;
  }
}
/* ============================================================================= */
/* Fix para Select2 en login (si se usa)                                         */
/* ============================================================================= */
body.welcome-anonymous .select2-container, #login .select2-container {
  width: 100% !important;
}
body.welcome-anonymous .select2-container--default .select2-selection--single, #login .select2-container--default .select2-selection--single {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: var(--fluent-radius) !important;
  height: 48px !important;
  padding: 0.5rem 0.75rem !important;
}
body.welcome-anonymous .select2-container--default .select2-selection--single .select2-selection__rendered, #login .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 32px !important;
}
body.welcome-anonymous .select2-container--default .select2-selection--single .select2-selection__arrow, #login .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
}
body.welcome-anonymous .select2-dropdown, #login .select2-dropdown {
  background: var(--iad-azul) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: var(--fluent-radius) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(20px) !important;
}
body.welcome-anonymous .select2-results__option, #login .select2-results__option {
  color: #ffffff !important;
  padding: 0.75rem 1rem !important;
  transition: background 0.15s ease !important;
}
body.welcome-anonymous .select2-results__option--highlighted, #login .select2-results__option--highlighted, body.welcome-anonymous .select2-results__option:hover, #login .select2-results__option:hover {
  background: rgba(196, 30, 58, 0.3) !important;
  color: #ffffff !important;
}
body.welcome-anonymous .select2-results__option--selected, #login .select2-results__option--selected {
  background: var(--iad-rojo) !important;
  color: #ffffff !important;
}
/* ============================================================================= */
/* Efecto de reveal/spotlight de Windows 11 (mouse follow)                       */
/* ============================================================================= */
body.welcome-anonymous .card {
  background-image: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.06), transparent 40%) !important;
}
/* ============================================================================= */
/* FIN DE ESTILOS WINDOWS 11 / FLUENT UI / GLASSMORPHISM                        */
/* ============================================================================= */
/* ============================================================================= */
/* CONTENEDOR LOGO IAD - LOGIN (GLASSMORPHISM)                                   */
/* ============================================================================= */
.page-anonymous .iad-logo-container {
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 16px;
  padding: 15px 30px;
  margin-bottom: 40px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.page-anonymous .iad-logo-container .glpi-logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-anonymous .card-header {
  text-align: center;
}
.page-anonymous .card-header > h2 {
  background: rgba(10, 15, 30, 0.6);
  backdrop-filter: none;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 8px 16px;
  display: inline-block;
  margin: 0 0 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: none;
}
/* ============================================================================= */
/* ============================================================================= */
/* WINDOWS 11 / FLUENT UI / GLASSMORPHISM - INTERIOR DEL SISTEMA                */
/* Estilos para Dashboard, Sidebar, Tablas, Cards, Widgets                       */
/* Colores IAD: Azul #162a56 | Rojo #c41e3a                                      */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* Variables CSS Fluent UI (extendidas para interior)                            */
/* ============================================================================= */
:root {
  --fluent-surface: rgba(255, 255, 255, 0.85);
  --fluent-surface-hover: rgba(255, 255, 255, 0.95);
  --fluent-surface-dark: rgba(22, 42, 86, 0.95);
  --fluent-border-light: rgba(0, 0, 0, 0.08);
  --fluent-border-dark: rgba(255, 255, 255, 0.1);
  --fluent-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --fluent-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --fluent-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
  --fluent-shadow-card: 0 2px 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
  --fluent-radius-sm: 6px;
  --fluent-radius-md: 10px;
  --fluent-radius-lg: 14px;
  --fluent-radius-xl: 20px;
  --fluent-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --fluent-transition-normal: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --fluent-acrylic-bg: rgba(255, 255, 255, 0.7);
  --fluent-acrylic-blur: 30px;
}
/* ============================================================================= */
/* Animaciones Fluent para interior                                              */
/* ============================================================================= */
@keyframes fluent-slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fluent-scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fluent-ripple {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
/* ============================================================================= */
/* FONDO PRINCIPAL DEL SISTEMA - Efecto Mica sutil                               */
/* ============================================================================= */
body.glpi, body:not(.welcome-anonymous), .page-body, .page-wrapper {
  background: linear-gradient(135deg, #f8f9fc 0%, #eef1f7 50%, #f0f2f8 100%) !important;
  background-attachment: fixed !important;
}
/* Efecto de textura sutil */
body.glpi::before, body:not(.welcome-anonymous)::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: radial-gradient(ellipse at 0% 0%, rgba(22, 42, 86, 0.03) 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, rgba(196, 30, 58, 0.02) 0%, transparent 50%) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
/* ============================================================================= */
/* HEADER PRINCIPAL - Glassmorphism Azul IAD                                     */
/* ============================================================================= */
.navbar, .navbar-expand-md, header.navbar, .glpi-header, nav.navbar, .navbar.navbar-expand-md.navbar-light {
  background: linear-gradient(135deg, var(--iad-azul) 0%, var(--iad-azul-claro) 100%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 20px rgba(22, 42, 86, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  padding: 0 !important;
  min-height: 60px !important;
}
/* Logo en el header */
.navbar .navbar-brand, .navbar-brand, header .navbar-brand {
  padding: 8px 16px !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: var(--fluent-transition-normal) !important;
}
.navbar .navbar-brand:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}
.navbar .navbar-brand img, .navbar-brand img {
  max-height: 40px !important;
  width: auto !important;
}
/* Breadcrumbs en header */
.navbar .breadcrumb, header .breadcrumb, .glpi-header .breadcrumb {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 1rem !important;
}
.navbar .breadcrumb-item, .navbar .breadcrumb-item a, header .breadcrumb a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
}
.navbar .breadcrumb-item a:hover, header .breadcrumb a:hover {
  color: #ffffff !important;
}
.navbar .breadcrumb-item.active, header .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.6) !important;
}
.navbar .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.4) !important;
}
/* Iconos y botones del header */
.navbar .btn, .navbar button, .navbar .nav-link, header .btn, header .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: var(--fluent-radius-sm) !important;
  padding: 8px 12px !important;
  margin: 0 4px !important;
  transition: var(--fluent-transition-fast) !important;
  backdrop-filter: blur(8px) !important;
}
.navbar .btn:hover, .navbar button:hover, .navbar .nav-link:hover, header .btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
.navbar .btn:active, .navbar button:active {
  transform: translateY(0) !important;
  background: rgba(255, 255, 255, 0.15) !important;
}
/* Barra de busqueda en header */
.navbar .form-control, .navbar input[type="search"], .navbar input[type="text"], header .form-control, .navbar .search-input, .search-bar input {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--fluent-radius-md) !important;
  color: #ffffff !important;
  padding: 10px 16px !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-normal) !important;
  min-width: 250px !important;
}
.navbar .form-control::placeholder, .navbar input::placeholder, header .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.navbar .form-control:focus, .navbar input:focus, header .form-control:focus {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
}
/* Usuario/perfil en header */
.navbar .user-menu, .navbar .dropdown-user, .navbar .user-info, header .user-menu {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--fluent-radius-md) !important;
  padding: 6px 12px !important;
  margin-left: 8px !important;
  transition: var(--fluent-transition-fast) !important;
}
.navbar .user-menu:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}
.navbar .user-menu span, .navbar .user-info span {
  color: #ffffff !important;
  font-weight: 500 !important;
}
/* Avatar circular */
.navbar .avatar, .navbar .user-avatar, header .avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--iad-rojo) 0%, #e8354d 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  box-shadow: 0 2px 8px rgba(196, 30, 58, 0.3) !important;
}
/* ============================================================================= */
/* SIDEBAR / MENU LATERAL - Glassmorphism                                        */
/* ============================================================================= */
.sidebar, .sidebar-mini, aside.sidebar, .main-sidebar, nav.sidebar, .glpi-sidebar, .sidebar-menu, .sidebar-wrapper, .page-body > .col-auto:first-child, .page-body > aside {
  background: var(--fluent-surface-dark) !important;
  backdrop-filter: blur(var(--fluent-acrylic-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--fluent-acrylic-blur)) saturate(180%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15) !important;
  min-width: 240px !important;
  transition: var(--fluent-transition-normal) !important;
}
/* Buscar menu */
.sidebar .search-menu, .sidebar input[type="text"], .sidebar input[type="search"], .sidebar .form-control {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--fluent-radius-md) !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  margin: 12px !important;
  width: calc(100% - 24px) !important;
  transition: var(--fluent-transition-fast) !important;
}
.sidebar input:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--iad-rojo) !important;
  box-shadow: 0 0 0 2px rgba(196, 30, 58, 0.2) !important;
}
.sidebar input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
/* Items del menu */
.sidebar .nav-item, .sidebar .menu-item, .sidebar li, .sidebar-menu > li {
  margin: 2px 8px !important;
}
.sidebar .nav-link, .sidebar .menu-link, .sidebar a, .sidebar-menu a {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 12px 16px !important;
  border-radius: var(--fluent-radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  transition: var(--fluent-transition-fast) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.sidebar .nav-link:hover, .sidebar .menu-link:hover, .sidebar a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  transform: translateX(4px) !important;
}
/* Item activo del menu - Solo el link directo, no el contenedor */
.sidebar .nav-link.active, .sidebar .menu-link.active, .sidebar li.active > a:not(.dropdown-toggle), .sidebar a.active:not(.dropdown-toggle) {
  background: linear-gradient(135deg, #345291 0%, #162a56 55%, #0d1b3a 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(22, 42, 86, 0.32) !important;
}
/* Dropdown toggle activo - sin fondo rojo */
.sidebar .nav-item.active, .sidebar li.active, .sidebar .nav-item.dropdown.active, .sidebar li.dropdown.active {
  background: transparent !important;
  box-shadow: none !important;
}
.sidebar .nav-item.active > .dropdown-toggle, .sidebar li.active > .dropdown-toggle, .sidebar .dropdown.active > a.dropdown-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.sidebar .nav-link.active:hover, .sidebar .active:hover {
  transform: translateX(0) !important;
}
/* Iconos del sidebar */
.sidebar .nav-link i, .sidebar .menu-link i, .sidebar a i, .sidebar .ti, .sidebar .fa, .sidebar .fas, .sidebar .far {
  font-size: 1.1rem !important;
  width: 24px !important;
  text-align: center !important;
  opacity: 0.9 !important;
}
/* Submenus */
.sidebar .submenu, .sidebar .nav-treeview, .sidebar .dropdown-menu, .sidebar ul ul {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: var(--fluent-radius-sm) !important;
  margin: 4px 0 4px 20px !important;
  padding: 4px 0 !important;
}
.sidebar .submenu a, .sidebar .nav-treeview a {
  padding: 10px 16px 10px 20px !important;
  font-size: 0.85rem !important;
}
/* Separadores/headers del menu */
.sidebar .nav-header, .sidebar .menu-header, .sidebar .sidebar-header {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 16px 16px 8px !important;
  margin-top: 8px !important;
}
/* ============================================================================= */
/* CONTENIDO PRINCIPAL                                                           */
/* ============================================================================= */
.page-body > .col, .page-body > main, .main-content, .content-wrapper, .page-wrapper > .container-fluid, .glpi-content {
  padding: 20px !important;
  animation: fluent-slideIn 0.4s ease-out !important;
}
/* ============================================================================= */
/* TABS DE NAVEGACION - Estilo Fluent Pivot                                      */
/* ============================================================================= */
.nav-tabs, .nav.nav-tabs, ul.nav-tabs {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-lg) !important;
  padding: 6px !important;
  gap: 4px !important;
  box-shadow: var(--fluent-shadow-sm) !important;
  display: inline-flex !important;
  margin-bottom: 20px !important;
}
.nav-tabs .nav-item {
  margin: 0 !important;
}
.nav-tabs .nav-link, .nav-tabs > li > a {
  background: transparent !important;
  border: none !important;
  border-radius: var(--fluent-radius-md) !important;
  color: var(--iad-azul) !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
  position: relative !important;
}
.nav-tabs .nav-link:hover {
  background: rgba(22, 42, 86, 0.08) !important;
  color: var(--iad-azul) !important;
}
.nav-tabs .nav-link.active, .nav-tabs > li.active > a, .nav-tabs .nav-item.show .nav-link {
  background: linear-gradient(135deg, var(--iad-rojo) 0%, var(--iad-rojo-hover) 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3) !important;
}
/* ============================================================================= */
/* CARDS Y PANELES - Glassmorphism                                               */
/* ============================================================================= */
.card, .panel, .box, .widget, .dashboard-card, .card-lg, .search-form-container {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-lg) !important;
  box-shadow: var(--fluent-shadow-card) !important;
  transition: var(--fluent-transition-normal) !important;
  overflow: hidden !important;
  animation: fluent-scaleIn 0.3s ease-out !important;
}
.card:hover, .panel:hover, .widget:hover {
  box-shadow: var(--fluent-shadow-lg) !important;
  transform: translateY(-2px) !important;
  border-color: rgba(22, 42, 86, 0.15) !important;
}
/* Card header */
.card-header, .panel-header, .box-header, .widget-header {
  background: linear-gradient(135deg, rgba(22, 42, 86, 0.03) 0%, transparent 100%) !important;
  border-bottom: 1px solid var(--fluent-border-light) !important;
  padding: 16px 20px !important;
}
.card-header h3, .card-header h4, .card-title, .panel-title, .box-title {
  color: var(--iad-azul) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin: 0 !important;
}
/* Card body */
.card-body, .panel-body, .box-body, .widget-body {
  padding: 20px !important;
}
/* Card footer */
.card-footer, .panel-footer, .box-footer {
  background: rgba(0, 0, 0, 0.02) !important;
  border-top: 1px solid var(--fluent-border-light) !important;
  padding: 12px 20px !important;
}
/* ============================================================================= */
/* WIDGETS DEL DASHBOARD - Contadores y estadisticas                             */
/* ============================================================================= */
.big-number, .big-numbers-widget, .count-widget, .stats-widget, .summary-numbers, .dashboard-stats .card {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-lg) !important;
  padding: 20px !important;
  text-align: center !important;
  transition: var(--fluent-transition-normal) !important;
  position: relative !important;
  overflow: hidden !important;
}
.big-number:hover, .count-widget:hover, .stats-widget:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: var(--fluent-shadow-lg) !important;
}
/* Numero grande */
.big-number .number, .big-number span.big, .count-widget .count, .stats-widget .value, .summary-numbers .count {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: var(--iad-azul) !important;
  line-height: 1.2 !important;
  display: block !important;
}
/* Label del contador */
.big-number .label, .big-number span.label, .count-widget .label, .stats-widget .label, .summary-numbers .label {
  font-size: 0.85rem !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  display: block !important;
}
/* Icono del widget */
.big-number .icon, .big-number i, .count-widget i, .stats-widget i {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  font-size: 1.5rem !important;
  color: rgba(22, 42, 86, 0.2) !important;
}
/* ============================================================================= */
/* GRAFICOS Y CHARTS                                                             */
/* ============================================================================= */
.chart-container, .chart-widget, .graph-widget, .dashboard-chart {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-lg) !important;
  padding: 20px !important;
  box-shadow: var(--fluent-shadow-card) !important;
}
.chart-container canvas, .chart-widget canvas {
  border-radius: var(--fluent-radius-md) !important;
}
/* Leyendas de charts */
.chart-legend, .legend-container, .chart-labels {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  justify-content: center !important;
}
.chart-legend .legend-item, .legend-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.8rem !important;
  color: #4b5563 !important;
}
.chart-legend .legend-color, .legend-color {
  width: 12px !important;
  height: 12px !important;
  border-radius: 3px !important;
}
/* ============================================================================= */
/* TABLAS - Estilo Fluent DataGrid                                               */
/* ============================================================================= */
.table, table.table, .dataTable, .search-results table, .tab_cadre_fixe, table.tab_cadre_fixe {
  background: var(--fluent-surface) !important;
  border-radius: var(--fluent-radius-lg) !important;
  border: 1px solid var(--fluent-border-light) !important;
  overflow: hidden !important;
  box-shadow: var(--fluent-shadow-sm) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
/* Header de tabla */
.table thead, .table > thead, .dataTable thead, table thead, .tab_cadre_fixe thead {
  background: linear-gradient(135deg, rgba(22, 42, 86, 0.05) 0%, rgba(22, 42, 86, 0.02) 100%) !important;
}
.table th, .table thead th, .dataTable th, table th, .tab_cadre_fixe th {
  color: var(--iad-azul) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid var(--fluent-border-light) !important;
  border-right: none !important;
  white-space: nowrap !important;
}
.table th:first-child {
  border-radius: var(--fluent-radius-lg) 0 0 0 !important;
}
.table th:last-child {
  border-radius: 0 var(--fluent-radius-lg) 0 0 !important;
}
/* Celdas de tabla */
.table td, .table tbody td, .dataTable td, table td, .tab_cadre_fixe td {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-right: none !important;
  color: #374151 !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
  vertical-align: middle !important;
}
/* Filas hover */
.table tbody tr:hover, .dataTable tbody tr:hover, table tbody tr:hover, .tab_cadre_fixe tbody tr:hover {
  background: rgba(22, 42, 86, 0.04) !important;
}
/* Filas alternadas */
.table-striped tbody tr:nth-of-type(odd), .table tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.01) !important;
}
.table-striped tbody tr:nth-of-type(odd):hover {
  background: rgba(22, 42, 86, 0.04) !important;
}
/* Links en tablas */
.table a, .table td a, .dataTable a {
  color: var(--iad-azul) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: var(--fluent-transition-fast) !important;
}
.table a:hover, .table td a:hover {
  color: var(--iad-rojo) !important;
  text-decoration: underline !important;
}
/* ============================================================================= */
/* FIX: Estadísticas > TIMES (tab Ticket_4)                                      */
/* - Alinear encabezado y celdas a la izquierda                                  */
/* - Restaurar separador vertical entre columnas (solo este bloque)              */
/* ============================================================================= */
div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe {
  /* Fuerza bruta: si el centrado viene heredado del contenedor */
  text-align: left !important;
  /* Evitar que herede centrado por default de <th> */
  /* Caso exacto reportado: <th colspan="2">TIMES</th> puede quedar centrado por reglas core */
  /* Separador vertical entre columnas (label | valor) */
  /* El tema quita bordes laterales en tablas; aquí solo recuperamos el divisor */
}
div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe th, div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe td {
  text-align: left !important;
}
div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe tbody > tr > th[colspan="2"] {
  text-align: left !important;
  padding-left: 16px !important;
  display: table-cell !important;
  width: 100% !important;
}
div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe tbody tr > td + td {
  border-left: 1px solid var(--fluent-border-light) !important;
}
div[id^="tab-Ticket_4"] .date._timeline table.tab_cadre_fixe tbody tr > td {
  border-right: none !important;
}
/* ============================================================================= */
/* BADGES Y ESTADOS                                                              */
/* ============================================================================= */
.badge, .label, .status-badge, .priority-badge, .tag {
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
/* Badge colores */
.badge-success, .badge-green, .label-success, .status-open, .status-nuevo {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
}
.badge-warning, .badge-yellow, .badge-orange, .label-warning, .status-pending, .status-en-curso {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
}
.badge-danger, .badge-red, .label-danger, .status-closed, .status-urgente {
  background: linear-gradient(135deg, var(--iad-rojo) 0%, var(--iad-rojo-hover) 100%) !important;
  color: #ffffff !important;
}
.badge-info, .badge-blue, .label-info, .status-assigned {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #ffffff !important;
}
.badge-secondary, .badge-gray, .label-default {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
  color: #ffffff !important;
}
/* ============================================================================= */
/* BOTONES - Estilo Fluent UI                                                    */
/* ============================================================================= */
.btn, button.btn, input[type="submit"], input[type="button"] {
  border-radius: var(--fluent-radius-sm) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  padding: 10px 20px !important;
  transition: var(--fluent-transition-fast) !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Boton primario (rojo IAD) */
.btn-primary, .btn-danger, button.btn-primary, input[type="submit"].btn-primary {
  background: linear-gradient(135deg, var(--iad-rojo) 0%, var(--iad-rojo-hover) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3) !important;
}
.btn-primary:hover, .btn-danger:hover {
  background: linear-gradient(135deg, var(--iad-rojo-claro) 0%, var(--iad-rojo) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(196, 30, 58, 0.4) !important;
}
.btn-primary:active, .btn-danger:active {
  transform: translateY(0) !important;
}
/* Boton secundario */
.btn-secondary, .btn-default, button.btn-secondary {
  background: var(--fluent-surface) !important;
  color: var(--iad-azul) !important;
  border: 1px solid var(--fluent-border-light) !important;
  box-shadow: var(--fluent-shadow-sm) !important;
}
.btn-secondary:hover, .btn-default:hover {
  background: var(--fluent-surface-hover) !important;
  border-color: var(--iad-azul) !important;
  transform: translateY(-1px) !important;
}
/* Boton outline */
.btn-outline-primary, .btn-outline-secondary {
  background: transparent !important;
  border: 1px solid currentColor !important;
}
.btn-outline-primary {
  color: var(--iad-rojo) !important;
  border-color: var(--iad-rojo) !important;
}
.btn-outline-primary:hover {
  background: var(--iad-rojo) !important;
  color: #ffffff !important;
}
.btn-outline-secondary {
  color: var(--iad-azul) !important;
  border-color: var(--iad-azul) !important;
}
.btn-outline-secondary:hover {
  background: var(--iad-azul) !important;
  color: #ffffff !important;
}
/* Grupo de botones */
.btn-group, .btn-toolbar {
  display: inline-flex !important;
  gap: 4px !important;
}
.btn-group .btn {
  border-radius: 0 !important;
}
.btn-group .btn:first-child {
  border-radius: var(--fluent-radius-sm) 0 0 var(--fluent-radius-sm) !important;
}
.btn-group .btn:last-child {
  border-radius: 0 var(--fluent-radius-sm) var(--fluent-radius-sm) 0 !important;
}
/* ============================================================================= */
/* INPUTS Y FORMULARIOS                                                          */
/* ============================================================================= */
.form-control, input.form-control, select.form-control, textarea.form-control, .form-select, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime-local"], select, textarea {
  background: var(--fluent-surface) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-bottom: 2px solid rgba(22, 42, 86, 0.2) !important;
  border-radius: var(--fluent-radius-sm) !important;
  color: #1f2937 !important;
  padding: 10px 14px !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
  box-shadow: var(--fluent-shadow-sm) !important;
}
.form-control:hover, input:hover, select:hover, textarea:hover {
  border-color: rgba(22, 42, 86, 0.3) !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--iad-azul) !important;
  border-bottom-color: var(--iad-azul) !important;
  box-shadow: 0 0 0 3px rgba(22, 42, 86, 0.12), var(--fluent-shadow-sm) !important;
  outline: none !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder {
  color: #9ca3af !important;
}
/* Labels */
label, .form-label, .col-form-label {
  color: var(--iad-azul) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  margin-bottom: 6px !important;
}
/* Select con flecha */
select.form-control, select.form-select, .form-select {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23162a56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 40px !important;
}
/* Checkbox y Radio */
input[type="checkbox"], input[type="radio"], .form-check-input {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid rgba(22, 42, 86, 0.3) !important;
  border-radius: 4px !important;
  background: var(--fluent-surface) !important;
  cursor: pointer !important;
  transition: var(--fluent-transition-fast) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
input[type="radio"] {
  border-radius: 50% !important;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
  border-color: var(--iad-rojo) !important;
}
input[type="checkbox"]:checked, input[type="radio"]:checked, .form-check-input:checked {
  background: var(--iad-rojo) !important;
  border-color: var(--iad-rojo) !important;
}
input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 2px !important;
  width: 6px !important;
  height: 12px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}
/* ============================================================================= */
/* SELECT2 - Dropdowns modernos                                                  */
/* ============================================================================= */
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  background: var(--fluent-surface) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-bottom: 2px solid rgba(22, 42, 86, 0.2) !important;
  border-radius: var(--fluent-radius-sm) !important;
  min-height: 42px !important;
  padding: 4px 8px !important;
  box-shadow: var(--fluent-shadow-sm) !important;
  transition: var(--fluent-transition-fast) !important;
}
.select2-container--default .select2-selection--single:hover {
  border-color: rgba(22, 42, 86, 0.3) !important;
}
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--iad-azul) !important;
  border-bottom-color: var(--iad-azul) !important;
  box-shadow: 0 0 0 3px rgba(22, 42, 86, 0.12) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1f2937 !important;
  line-height: 32px !important;
  padding: 0 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  right: 8px !important;
}
/* Dropdown del Select2 */
.select2-dropdown {
  background: var(--fluent-surface) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-md) !important;
  box-shadow: var(--fluent-shadow-lg) !important;
  margin-top: 4px !important;
  overflow: hidden !important;
}
.select2-results__option {
  padding: 10px 14px !important;
  color: #374151 !important;
  transition: var(--fluent-transition-fast) !important;
}
.select2-results__option:hover, .select2-container--default .select2-results__option--highlighted {
  background: rgba(22, 42, 86, 0.08) !important;
  color: var(--iad-azul) !important;
}
.select2-container--default .select2-results__option--selected {
  background: var(--iad-rojo) !important;
  color: #ffffff !important;
}
/* ============================================================================= */
/* ALERTAS Y NOTIFICACIONES                                                      */
/* ============================================================================= */
.alert, .notification, .message, .toast {
  border-radius: var(--fluent-radius-md) !important;
  padding: 16px 20px !important;
  border: none !important;
  box-shadow: var(--fluent-shadow-md) !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  animation: fluent-slideIn 0.3s ease-out !important;
}
.alert-warning, .alert-caution {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
  border-left: 4px solid #f59e0b !important;
  color: #92400e !important;
}
.alert-danger, .alert-error {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
  border-left: 4px solid var(--iad-rojo) !important;
  color: #991b1b !important;
}
.alert-success {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
  border-left: 4px solid #10b981 !important;
  color: #065f46 !important;
}
.alert-info {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
  border-left: 4px solid #3b82f6 !important;
  color: #1e40af !important;
}
.alert i, .alert .ti, .alert .fa {
  font-size: 1.25rem !important;
  margin-top: 2px !important;
}
/* ============================================================================= */
/* DROPDOWNS Y MENUS CONTEXTUALES                                                */
/* ============================================================================= */
.dropdown-menu, .context-menu, .popover, .tooltip-inner {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-md) !important;
  box-shadow: var(--fluent-shadow-lg) !important;
  padding: 6px !important;
  min-width: 180px !important;
  animation: fluent-scaleIn 0.15s ease-out !important;
}
.dropdown-item, .dropdown-menu a, .dropdown-menu li a, .context-menu-item {
  padding: 10px 14px !important;
  border-radius: var(--fluent-radius-sm) !important;
  color: #374151 !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.dropdown-item:hover, .dropdown-menu a:hover, .context-menu-item:hover {
  background: rgba(22, 42, 86, 0.08) !important;
  color: var(--iad-azul) !important;
}
.dropdown-item:active, .dropdown-menu a:active {
  background: #162a56 !important;
  color: #ffffff !important;
}
.dropdown-divider, .dropdown-menu .divider {
  border-color: var(--fluent-border-light) !important;
  margin: 4px 0 !important;
}
/* ============================================================================= */
/* MODALES                                                                       */
/* ============================================================================= */
.modal-content {
  background: var(--fluent-surface) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-xl) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25) !important;
  animation: fluent-scaleIn 0.25s ease-out !important;
}
.modal-header {
  background: linear-gradient(135deg, rgba(22, 42, 86, 0.05) 0%, transparent 100%) !important;
  border-bottom: 1px solid var(--fluent-border-light) !important;
  padding: 20px 24px !important;
  border-radius: var(--fluent-radius-xl) var(--fluent-radius-xl) 0 0 !important;
}
.modal-title {
  color: var(--iad-azul) !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
}
.modal-body {
  padding: 24px !important;
}
.modal-footer {
  background: rgba(0, 0, 0, 0.02) !important;
  border-top: 1px solid var(--fluent-border-light) !important;
  padding: 16px 24px !important;
  border-radius: 0 0 var(--fluent-radius-xl) var(--fluent-radius-xl) !important;
  gap: 12px !important;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(4px) !important;
}
/* Boton cerrar modal */
.modal .btn-close, .modal .close, .modal button[data-dismiss="modal"], .modal button[data-bs-dismiss="modal"], .modal-content .btn-close, .modal-header .btn-close {
  background-color: var(--iad-azul) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--fluent-transition-fast) !important;
  border: none !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 1060 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  filter: none !important;
  cursor: pointer !important;
}
.modal .btn-close:hover, .modal .close:hover, .modal button[data-bs-dismiss="modal"]:hover, .modal-content .btn-close:hover, .modal-header .btn-close:hover {
  background-color: var(--iad-rojo) !important;
  opacity: 1 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.4) !important;
}
/* Ocultar el icono X nativo de Bootstrap */
.modal .btn-close::before, .modal .btn-close::after, .modal-header .btn-close::before, .modal-header .btn-close::after {
  display: none !important;
}
/* ============================================================================= */
/* PAGINACION                                                                    */
/* ============================================================================= */
.pagination, .pager, ul.pagination {
  display: flex !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 20px 0 !important;
  list-style: none !important;
}
.pagination .page-item, .pagination li {
  margin: 0 !important;
}
.pagination .page-link, .pagination a, .pager a {
  background: var(--fluent-surface) !important;
  border: 1px solid var(--fluent-border-light) !important;
  border-radius: var(--fluent-radius-sm) !important;
  color: var(--iad-azul) !important;
  padding: 8px 14px !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  transition: var(--fluent-transition-fast) !important;
  text-decoration: none !important;
}
.pagination .page-link:hover, .pagination a:hover {
  background: rgba(22, 42, 86, 0.08) !important;
  border-color: var(--iad-azul) !important;
}
.pagination .page-item.active .page-link, .pagination li.active a, .pagination .active a {
  background: linear-gradient(135deg, var(--iad-rojo) 0%, var(--iad-rojo-hover) 100%) !important;
  border-color: var(--iad-rojo) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3) !important;
}
.pagination .page-item.disabled .page-link, .pagination li.disabled a {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #9ca3af !important;
  pointer-events: none !important;
}
/* ============================================================================= */
/* SCROLLBAR PERSONALIZADA - Windows 11 Style                                    */
/* ============================================================================= */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.03) !important;
  border-radius: 5px !important;
}
::-webkit-scrollbar-thumb {
  background: rgba(22, 42, 86, 0.2) !important;
  border-radius: 5px !important;
  border: 2px solid transparent !important;
  background-clip: content-box !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(22, 42, 86, 0.35) !important;
  background-clip: content-box !important;
}
/* Firefox */
* {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(22, 42, 86, 0.2) rgba(0, 0, 0, 0.03) !important;
}
/* ============================================================================= */
/* ICONOS GENERALES                                                              */
/* ============================================================================= */
.ti, .fa, .fas, .far, .fal, .fab, i[class^="ti-"], i[class^="fa-"] {
  transition: var(--fluent-transition-fast) !important;
}
/* ============================================================================= */
/* LOADING / SPINNERS                                                            */
/* ============================================================================= */
.spinner, .loading, .spinner-border {
  color: var(--iad-rojo) !important;
}
/* ============================================================================= */
/* TOOLTIPS                                                                      */
/* ============================================================================= */
.tooltip {
  font-size: 0.8rem !important;
}
.tooltip .tooltip-inner {
  background: var(--iad-azul) !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  border-radius: var(--fluent-radius-sm) !important;
  box-shadow: var(--fluent-shadow-md) !important;
}
.tooltip .tooltip-arrow::before, .tooltip .arrow::before {
  border-color: var(--iad-azul) transparent transparent transparent !important;
}
/* ============================================================================= */
/* RESPONSIVE - Ajustes moviles                                                  */
/* ============================================================================= */
@media (max-width: 992px) {
  .sidebar {
    position: fixed !important;
    left: -260px !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 1050 !important;
    transition: left 0.3s ease !important;
  }
  .sidebar.show, .sidebar.open {
    left: 0 !important;
  }
  .navbar {
    padding: 0 12px !important;
  }
  .nav-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
@media (max-width: 768px) {
  .card, .widget {
    border-radius: var(--fluent-radius-md) !important;
  }
  .card-body, .widget-body {
    padding: 16px !important;
  }
  .table th, .table td {
    padding: 10px 12px !important;
    font-size: 0.85rem !important;
  }
  .big-number .number {
    font-size: 2rem !important;
  }
  .btn {
    padding: 8px 16px !important;
    font-size: 0.85rem !important;
  }
}
@media (max-width: 480px) {
  .navbar .form-control {
    min-width: 150px !important;
  }
  .nav-tabs .nav-link {
    padding: 8px 14px !important;
    font-size: 0.8rem !important;
  }
  .pagination .page-link {
    padding: 6px 10px !important;
  }
}
/* ============================================================================= */
/* ACCESIBILIDAD - Reduce movimiento                                             */
/* ============================================================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* ============================================================================= */
/* PRINT STYLES                                                                  */
/* ============================================================================= */
@media print {
  .sidebar, .navbar, .nav-tabs, .btn, .pagination {
    display: none !important;
  }
  .card, .table {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }
  body {
    background: #ffffff !important;
  }
}
/* ============================================================================= */
/* SIDEBAR DROPDOWN MENU - Alineación y estilos corregidos                       */
/* ============================================================================= */
/* Eliminar fondo rojo del nav-item dropdown padre */
.sidebar .nav-item.dropdown, .sidebar li.dropdown, .sidebar .nav-item.dropdown.active, .sidebar li.dropdown.active, .sidebar .nav-item.dropdown.show, .sidebar li.dropdown.show {
  background: transparent !important;
  box-shadow: none !important;
}
/* Toggle del dropdown - sin fondo rojo cuando está expandido */
.sidebar .nav-item.dropdown > .nav-link, .sidebar .nav-item.dropdown > .dropdown-toggle, .sidebar li.dropdown > a.dropdown-toggle {
  background: transparent !important;
}
.sidebar .nav-item.dropdown.show > .nav-link, .sidebar .nav-item.dropdown.show > .dropdown-toggle, .sidebar .nav-item.dropdown > .nav-link[aria-expanded="true"], .sidebar li.dropdown.show > a.dropdown-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIN DE ESTILOS WINDOWS 11 / FLUENT UI - INTERIOR DEL SISTEMA                 */
/* ============================================================================= */
/* ============================================================================= */
/* CORRECCION DE ALINEACION DEL DROPDOWN-MENU - SIDEBAR                          */
/* Soluciona el problema donde el texto e iconos aparecen muy a la derecha       */
/* ============================================================================= */
/* Reducir padding izquierdo del contenedor del menu desplegable */
/* y mover el dropdown hacia la izquierda para alinear con el boton padre */
.dropdown-menu[data-bs-popper="none"], .sidebar .dropdown-menu[data-bs-popper="none"], .sidebar .dropdown-menu.animate__animated {
  padding-left: 0 !important;
  margin-left: 0.25rem !important;
  left: 0 !important;
}
/* Alinear los items del dropdown hacia la izquierda */
/* Incluye estados: normal, hover, active, selected para mantener consistencia */
.dropdown-menu[data-bs-popper="none"] .dropdown-item, .dropdown-menu[data-bs-popper="none"] .dropdown-item:hover, .dropdown-menu[data-bs-popper="none"] .dropdown-item:focus, .dropdown-menu[data-bs-popper="none"] .dropdown-item:active, .dropdown-menu[data-bs-popper="none"] .dropdown-item.active, .dropdown-menu[data-bs-popper="none"] .dropdown-item.selected, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item:hover, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item:focus, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item:active, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item.active, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item.selected, .sidebar .dropdown-menu .dropdown-item, .sidebar .dropdown-menu .dropdown-item:hover, .sidebar .dropdown-menu .dropdown-item:focus, .sidebar .dropdown-menu .dropdown-item:active, .sidebar .dropdown-menu .dropdown-item.active, .sidebar .dropdown-menu .dropdown-item.selected {
  padding-left: 0.75rem !important;
  text-align: left !important;
  margin-left: 0 !important;
  /* Borde transparente para reservar el espacio y evitar el salto */
  border-left: 3px solid transparent !important;
}
/* Aplicar borde transparente a TODOS los items para reservar el espacio de 3px */
/* Esto evita el desplazamiento cuando se selecciona un elemento */
.sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item:hover, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item:focus, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item:active, .sidebar .dropdown-menu[data-bs-popper="none"] .dropdown-item, .dropdown-menu[data-bs-popper="none"] .dropdown-item {
  border-left: 3px solid transparent !important;
  padding-left: 0.75rem !important;
  margin-left: 0 !important;
}
/* Cuando el item esta activo/seleccionado, mostrar el borde con color */
.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, body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item.active {
  border-left: 3px solid rgba(0, 0, 0, 0.5) !important;
  padding-left: 0.75rem !important;
  margin-left: 0 !important;
}
/* Asegurar que los iconos esten correctamente alineados */
.dropdown-menu[data-bs-popper="none"] .dropdown-item i, .dropdown-menu[data-bs-popper="none"] .dropdown-item .fa, .dropdown-menu[data-bs-popper="none"] .dropdown-item [class*="fa-"], .dropdown-menu[data-bs-popper="none"] .dropdown-item .ti, .dropdown-menu[data-bs-popper="none"] .dropdown-item [class*="ti-"], .sidebar .dropdown-menu .dropdown-item i, .sidebar .dropdown-menu .dropdown-item .fa, .sidebar .dropdown-menu .dropdown-item [class*="fa-"], .sidebar .dropdown-menu .dropdown-item .ti, .sidebar .dropdown-menu .dropdown-item [class*="ti-"] {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
  flex-shrink: 0;
}
/* ============================================================================= */
/* FIN CORRECCION ALINEACION DROPDOWN-MENU                                       */
/* ============================================================================= */
/* ============================================================================= */
/* ANIQUILACIÓN TOTAL DEL LAYOUT SHIFT EN EL SIDEBAR (MÁXIMA ESPECIFICIDAD)      */
/* ============================================================================= */
aside.navbar.navbar-vertical .dropdown-menu .dropdown-item, .sidebar .dropdown-menu .dropdown-item, #navbar-menu .dropdown-menu .dropdown-item, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item {
  padding: 0.6rem 1.2rem !important;
  margin: 0 !important;
  transform: none !important;
  border-left: 3px solid transparent !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Forzar estado HOVER, FOCUS, ACTIVE, SHOW para que tengan EL MISMO PADDING */
aside.navbar.navbar-vertical .dropdown-menu .dropdown-item:hover, aside.navbar.navbar-vertical .dropdown-menu .dropdown-item:focus, aside.navbar.navbar-vertical .dropdown-menu .dropdown-item:active, aside.navbar.navbar-vertical .dropdown-menu .dropdown-item.active, aside.navbar.navbar-vertical .dropdown-menu .dropdown-item.show, .sidebar .dropdown-menu .dropdown-item:hover, .sidebar .dropdown-menu .dropdown-item:focus, .sidebar .dropdown-menu .dropdown-item:active, .sidebar .dropdown-menu .dropdown-item.active, .sidebar .dropdown-menu .dropdown-item.show, #navbar-menu .dropdown-menu .dropdown-item:hover, #navbar-menu .dropdown-menu .dropdown-item.active, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item:hover, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item.active, .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, .sidebar #navbar-menu .nav-item.dropdown .dropdown-menu .dropdown-item.active {
  padding: 0.6rem 1.2rem !important;
  /* <--- EL SECRETO: MISMO PADDING QUE EL NORMAL */
  margin: 0 !important;
  transform: none !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Colores de los bordes para mantener la estética sin mover el layout */
aside.navbar.navbar-vertical .dropdown-menu .dropdown-item.active, .sidebar .dropdown-menu .dropdown-item.active, #navbar-menu .dropdown-menu .dropdown-item.active, .sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item.active {
  border-left: 3px solid #ffffff !important;
}
aside.navbar.navbar-vertical .dropdown-menu .dropdown-item:hover, .sidebar .dropdown-menu .dropdown-item:hover, #navbar-menu .dropdown-menu .dropdown-item:hover {
  border-left: 3px solid #ff7582 !important;
}
/* Anclar los íconos para que no floten ni cambien de margen */
aside.navbar.navbar-vertical .dropdown-menu .dropdown-item i, .sidebar .dropdown-menu .dropdown-item i, #navbar-menu .dropdown-menu .dropdown-item i, .sidebar #navbar-menu .nav-item .dropdown-menu .dropdown-item i {
  margin-right: 0.75rem !important;
  margin-left: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 20px !important;
  transform: none !important;
}
/* ============================================================================= */
/* BLOQUEO ESTRUCTURAL DEL CONTENEDOR DROPDOWN-MENU (DOM EXACTO)                 */
/* ============================================================================= */
/* 1. Anclar el contenedor del menú para que no se mueva cuando el LI es active */
.sidebar .nav-item.dropdown .dropdown-menu, .sidebar .nav-item.dropdown.active .dropdown-menu, .sidebar .nav-item.dropdown.show .dropdown-menu, #navbar-menu .nav-item.dropdown .dropdown-menu, #navbar-menu .nav-item.dropdown.active .dropdown-menu {
  margin-left: 0.25rem !important;
  /* Mantiene el margen fijo original */
  padding-left: 0 !important;
  transform: none !important;
  left: 0 !important;
  border-left: none !important;
  /* Evita que herede bordes que lo empujen */
  border-right: none !important;
}
/* 2. Evitar que la animación fadeIn inyecte márgenes fantasma al terminar */
.sidebar .nav-item.dropdown.active .dropdown-menu.animate__fadeInLeft, #navbar-menu .nav-item.dropdown.active .dropdown-menu.animate__fadeInLeft {
  transform: translateX(0) !important;
  margin-left: 0.25rem !important;
}
/* 3. Asegurar que el item activo DENTRO del contenedor no rompa la caja hacia afuera */
.sidebar .nav-item.dropdown.active .dropdown-menu .dropdown-item.active, #navbar-menu .nav-item.dropdown.active .dropdown-menu .dropdown-item.active {
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO: HEADER EN LÍNEA, BREADCRUMBS COMPACTOS Y LUPA ARREGLADA       */
/* ============================================================================= */
/* 1. Header fluido y en una sola línea */
header.navbar > .container-fluid, .glpi-header > .container-fluid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
/* 2. Breadcrumbs ultracompactos (Ocultar texto, dejar íconos) */
header.navbar .breadcrumb {
  flex: 0 1 auto !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}
header.navbar .breadcrumb-item a {
  font-size: 0 !important;
  /* Esconde el texto plano */
  color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.2rem !important;
}
/* 3. Mantener los iconos visibles y restaurar su tamaño */
header.navbar .breadcrumb-item a i, header.navbar .breadcrumb-item a [class*="fa-"], header.navbar .breadcrumb-item a [class*="ti-"] {
  font-size: 1.1rem !important;
  /* Devuelve el tamaño solo al icono */
  color: rgba(255, 255, 255, 0.85) !important;
  margin-right: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}
header.navbar .breadcrumb-item a:hover i, header.navbar .breadcrumb-item a:hover [class*="fa-"], header.navbar .breadcrumb-item a:hover [class*="ti-"] {
  color: #ff7582 !important;
  transform: scale(1.15) !important;
}
header.navbar .breadcrumb-item + .breadcrumb-item::before {
  font-size: 0.9rem !important;
  padding: 0 0.3rem !important;
}
/* 4. Buscador compacto en una sola línea */
header.navbar .input-group, header.navbar .input-group-flat {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex: 1 1 150px !important;
  max-width: 300px !important;
  min-width: 100px !important;
  align-items: center !important;
}
/* 5. Eliminar el marco blanco de la lupa */
header.navbar .input-group-text, header.navbar .input-group-flat .input-group-text {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
/* Redondear el input de búsqueda ya que la lupa no tiene marco */
header.navbar .input-group-flat .form-control {
  border-radius: 6px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* 6. Proteger los botones centrales y el menú de usuario para que NO desaparezcan */
header.navbar .navbar-nav.flex-row {
  flex-wrap: nowrap !important;
  flex: 0 1 auto !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
header.navbar .navbar-nav.flex-row::-webkit-scrollbar {
  display: none !important;
}
header.navbar .user-menu, header.navbar .dropdown-user {
  flex: 0 0 auto !important;
  display: flex !important;
  white-space: nowrap !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: VISIBILIDAD DE ICONOS EN TARJETAS DEL DASHBOARD                 */
/* ============================================================================= */
/* 1. Restaurar el color y la opacidad del icono de fondo */
html body .card.big-number .main-icon, html body a.card.big-number .main-icon, .dashboard .card.big-number .main-icon {
  color: #162a56 !important;
  /* Azul corporativo para excelente contraste */
  opacity: 0.35 !important;
  /* Opacidad perfecta: visible pero sin robar atención */
  z-index: 1 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* 2. Efecto Premium al pasar el mouse (Hover) */
html body .card.big-number:hover .main-icon, html body a.card.big-number:hover .main-icon, .dashboard .card.big-number:hover .main-icon {
  color: #c8202f !important;
  /* Cambia a Rojo IAD */
  opacity: 0.8 !important;
  transform: scale(1.15) rotate(-5deg) !important;
  /* Pequeña animación fluida */
}
/* ============================================================================= */
/* FIX ABSOLUTO: FLECHA DEL SELECT2 SUPERPUESTA EN EL TEXTO                      */
/* ============================================================================= */
/* 1. Restaurar el contenedor de texto: alineación izquierda, sin wrap y con ellipsis */
html body .select2-container .select2-selection--single .select2-selection__rendered {
  display: block !important;
  text-align: left !important;
  padding-right: 2.25rem !important;
  /* Espacio vital reservado OBLIGATORIO para la flecha */
  padding-left: 0.75rem !important;
  white-space: nowrap !important;
  /* Prohibido bajar de línea */
  overflow: hidden !important;
  /* Prohibido invadir otros elementos */
  text-overflow: ellipsis !important;
  /* Si es muy largo, pon "..." */
  width: 100% !important;
  box-sizing: border-box !important;
}
/* 2. Anclar la caja de la flecha rígidamente a la derecha */
html body .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 2rem !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
}
/* 3. Centrar el triangulito interno dentro de su propia caja */
html body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
}
/* ============================================================================= */
/* FIX NUCLEAR: LETRAS BLANCAS EN BOTONES HOVER DE BÚSQUEDA Y TOOLTIP ESTRELLA   */
/* ============================================================================= */
/* 1. Forzar el fondo azul y texto blanco en el botón padre */
html body main#page div.search_actions button.btn-outline-secondary:hover, html body main#page div.search_actions button.btn-outline-secondary:active, html body main#page div.search_actions button.btn-outline-secondary:focus {
  background-color: #162a56 !important;
  border-color: #162a56 !important;
  color: #ffffff !important;
}
/* 2. Forzar color blanco absoluto en los hijos directos (iconos y texto) - ESPECIFICIDAD MÁXIMA */
html body main#page div.search_actions button.btn-outline-secondary:hover i, html body main#page div.search_actions button.btn-outline-secondary:hover span, html body main#page div.search_actions button.btn-outline-secondary:hover *, html body main#page div.search_actions button.btn-outline-secondary:active i, html body main#page div.search_actions button.btn-outline-secondary:active span, html body main#page div.search_actions button.btn-outline-secondary:active * {
  color: #ffffff !important;
}
/* 3. Tooltip CSS puro para la estrella de "Guardar búsqueda" */
html body main#page div.search_actions .bookmark_record {
  position: relative !important;
  overflow: visible !important;
}
html body main#page div.search_actions .bookmark_record:hover::after {
  content: "Guardar búsqueda" !important;
  position: absolute !important;
  bottom: 130% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
  padding: 0.3rem 0.6rem !important;
  border-radius: 4px !important;
  font-size: 0.75rem !important;
  font-family: inherit !important;
  white-space: nowrap !important;
  z-index: 1050 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  pointer-events: none !important;
}
html body main#page div.search_actions .bookmark_record:hover::before {
  content: "" !important;
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: #1e293b transparent transparent transparent !important;
  z-index: 1050 !important;
  pointer-events: none !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: MENÚ DE USUARIO RECORTADO (Z-INDEX Y OVERFLOW)                  */
/* ============================================================================= */
/* 1. Elevar la cabecera completa por encima de todo el contenido de la página */
html body header.navbar, html body .glpi-header {
  z-index: 1050 !important;
  position: relative !important;
}
/* 2. Quitar la guillotina (overflow) a los contenedores del menú para permitir que los dropdowns salgan de la caja */
html body header.navbar .navbar-nav.flex-row, html body header.navbar .user-menu, html body header.navbar .dropdown-user, html body .user-menu-dropdown-toggle {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
/* 3. Forzar el menú desplegable a flotar en la capa más alta (Modo Dios) */
html body header.navbar .dropdown-menu, html body .user-menu .dropdown-menu, html body .dropdown-menu.dropdown-menu-end {
  z-index: 9999 !important;
  top: 100% !important;
  /* Asegura que caiga exactamente debajo del botón */
  margin-top: 0.25rem !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: ENSANCHAR MENÚ DE USUARIO Y DESPLAZAR A LA DERECHA              */
/* ============================================================================= */
/* 1. Aumentar el ancho de la caja y empujarla hacia el borde derecho */
html body header.navbar .user-menu .dropdown-menu, html body header.navbar .dropdown-user .dropdown-menu, html body .dropdown-menu.dropdown-menu-end.show {
  min-width: 340px !important;
  /* Le da el ancho necesario para que no corte los textos */
  right: -12px !important;
  /* Lo empuja exactamente hacia esa "zona roja" muerta */
  left: auto !important;
  margin-right: 0 !important;
}
/* 2. Asegurar que los textos internos puedan respirar y usar el nuevo espacio */
html body header.navbar .user-menu .dropdown-menu .dropdown-item, html body header.navbar .dropdown-user .dropdown-menu .dropdown-item, html body .dropdown-menu.dropdown-menu-end.show .dropdown-item {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-right: 1.5rem !important;
  /* Da un poco de margen interno derecho */
}
/* 3. Asegurar que el select del idioma ocupe todo el espacio nuevo */
html body header.navbar .user-menu .dropdown-menu .select2-container, html body .dropdown-menu.dropdown-menu-end.show .select2-container {
  width: 100% !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: BREADCRUMBS A LA IZQUIERDA Y SIN MUTILACIÓN                     */
/* ============================================================================= */
/* 1. Darle su espacio vital y pegarlo a la extrema izquierda */
html body header.navbar .breadcrumb, html body .glpi-header .breadcrumb {
  flex: 0 0 auto !important;
  /* Prohibido encogerse */
  min-width: max-content !important;
  /* Obliga a medir lo que miden sus iconos */
  margin-right: 1rem !important;
  /* Empuja los botones de acción a la derecha */
  padding-left: 0 !important;
}
/* 2. Anular la clase text-truncate nativa que recorta los iconos */
html body header.navbar .breadcrumb .breadcrumb-item.text-truncate, html body .glpi-header .breadcrumb .breadcrumb-item.text-truncate {
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: max-content !important;
}
/* 3. Ajustar los enlaces: ocultar texto pero mostrar iconos perfectamente alineados */
html body header.navbar .breadcrumb-item a {
  font-size: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* 4. Iconos más pequeños y compactos */
html body header.navbar .breadcrumb-item a i, html body header.navbar .breadcrumb-item a [class*="ti-"] {
  font-size: 1.05rem !important;
  /* Tamaño ligeramente reducido */
  margin: 0 2px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1 !important;
}
/* 5. Ajustar el tamaño de las barras separadoras (/) */
html body header.navbar .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 6px !important;
  font-size: 0.85rem !important;
  color: rgba(255, 255, 255, 0.4) !important;
}
/* ============================================================================= */
/* FIX NUCLEAR: ÍCONOS BLANCOS EN BOTONES DANGER (PAPELERA) AL HACER HOVER       */
/* ============================================================================= */
/* 1. Forzar el color blanco en el botón y en absolutamente todos sus hijos (iconos) al pasar el mouse */
html body main#page .btn-ghost-danger:hover, html body main#page .btn-ghost-danger:focus, html body main#page .btn-ghost-danger:hover *, html body main#page .btn-ghost-danger:focus *, html body main#page .btn-ghost-danger:hover i, html body main#page .btn-ghost-danger:focus i {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: SUPERPOSICIÓN DE TEXTO EN CABECERAS DEL TIMELINE (CASOS)        */
/* ============================================================================= */
/* 1. Permitir que el contenedor principal del header respire y envuelva */
html body main#page .card-body .timeline-header {
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: min-content !important;
  gap: 0.5rem !important;
  align-items: flex-start !important;
}
/* 2. Arreglar las píldoras grises (Creador y Última actualización) para que envuelvan su texto */
html body main#page .card-body .timeline-header > div.d-flex, html body main#page .card-body .timeline-header .creator {
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.75rem !important;
  white-space: normal !important;
  /* Permite el salto de línea */
  line-height: 1.4 !important;
  align-items: center !important;
  justify-content: center !important;
  row-gap: 0.4rem !important;
  /* Espacio vertical cuando salta a la segunda línea */
  column-gap: 0.4rem !important;
  text-align: center !important;
}
/* 3. Proteger los elementos internos (iconos y palabras sueltas) para que no se partan a la mitad */
html body main#page .card-body .timeline-header > div.d-flex > *, html body main#page .card-body .timeline-header .creator > * {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  /* Mantiene "Septiembre 2025" junto, pero permite que "Por" baje */
  margin: 0 !important;
}
/* ============================================================================= */
/* FIX REESTRUCTURADO v3: BOTONES DEL TIMELINE (VISIBILIDAD Y POSICIÓN DE LA X)  */
/* ============================================================================= */
/* 1. Ocultar los 3 puntitos por defecto */
html body main#page .card-body .timeline-header button.timeline-more-actions {
  display: none !important;
}
/* 2. Extraer el "Editar" y empujarlo TODO a la derecha */
html body main#page .card-body .timeline-header .dropdown-menu {
  position: static !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 0.3rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  /* Empuja el contenedor a la derecha */
  transform: none !important;
  justify-content: flex-end !important;
}
/* 3. Estilizar "Editar" compacto y corporativo */
html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  padding: 0.4rem 0.5rem !important;
  background-color: transparent !important;
  border: 1px solid #162a56 !important;
  color: #162a56 !important;
  border-radius: 6px !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  width: auto !important;
}
/* 4. LA "X": Ocultarla si tiene d-none, y empujarla a la derecha devolviéndole su ms-auto */
html body main#page .card-body .timeline-header button.close-edit-content.d-none {
  display: none !important;
  /* Si GLPI dice que no se ve, no se ve */
}
html body main#page .card-body .timeline-header button.close-edit-content {
  margin: 0 0 0 auto !important;
  /* Recupera el empuje a la derecha */
  border: 1px solid #162a56 !important;
  background-color: transparent !important;
  color: #162a56 !important;
  border-radius: 6px !important;
  padding: 0.4rem 0.6rem !important;
  font-size: 0.85rem !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 5. Hovers corporativos para ambos (Fondo azul, ícono/texto blanco) */
html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item:hover, html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item:focus, html body main#page .card-body .timeline-header button.close-edit-content:hover, html body main#page .card-body .timeline-header button.close-edit-content:focus {
  background-color: #162a56 !important;
  border-color: #162a56 !important;
  color: #ffffff !important;
}
html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item:hover *, html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item:focus *, html body main#page .card-body .timeline-header button.close-edit-content:hover * {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: BOTÓN GUARDAR Y ELIMINACIÓN DE TEXTAREA ZOMBIE (TINYMCE)        */
/* ============================================================================= */
/* 1. Forzar color blanco absoluto en el botón Primary (Guardar) y todos sus hijos */
html body main#page .btn-primary, html body main#page .btn-primary i, html body main#page .btn-primary span, html body main#page .btn-primary * {
  color: #ffffff !important;
}
/* 2. Enterrar definitivamente el textarea de HTML crudo que TinyMCE intenta ocultar */
html body main#page textarea[style*="display: none"], html body main#page textarea[aria-hidden="true"], html body main#page textarea.tox-target {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ============================================================================= */
/* FIX NUCLEAR: TEXTO E ÍCONO BLANCO EN EL BOTÓN "GUARDAR" (SUBMIT)              */
/* ============================================================================= */
/* 1. Atacar directamente al botón por sus atributos exactos de formulario */
html body .btn.btn-primary[name="update"], html body .btn.btn-primary[type="submit"].me-2, html body form .btn.btn-primary[type="submit"] {
  color: #ffffff !important;
}
/* 2. Forzar a los hijos (el ícono del disquete y el span de texto) a heredar o aplicar el blanco */
html body .btn.btn-primary[name="update"] i, html body .btn.btn-primary[name="update"] span, html body .btn.btn-primary[type="submit"].me-2 i, html body .btn.btn-primary[type="submit"].me-2 span, html body form .btn.btn-primary[type="submit"] i, html body form .btn.btn-primary[type="submit"] span {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: EXCEPCIÓN DE COLOR BLANCO PARA BTN-PRIMARY EN CARD-FOOTER       */
/* ============================================================================= */
#page .card .card-footer .btn.btn-primary, #page .card .card-footer .btn.btn-primary span, #page .card .card-footer .btn.btn-primary i, #page .card .card-footer .btn.btn-primary *, .card .card-footer .btn.btn-primary, .card .card-footer .btn.btn-primary span, .card .card-footer .btn.btn-primary i, .card .card-footer .btn.btn-primary * {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: UNIFICACIÓN DE BORDES FOCUS (ROJO) Y REPARACIÓN DE TINYMCE        */
/* ============================================================================= */
/* 1. Forzar borde azul corporativo en los inputs normales al enfocarlos */
html body main#page input.form-control:focus, html body main#page textarea.form-control:focus, html body main#page select.form-select:focus {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
/* 2. Asesinar el borde/outline rojo INTERNO del editor TinyMCE (aplica dentro del iframe) */
body#tinymce:focus, body#tinymce:focus-visible, body.mce-content-body:focus, body.mce-content-body:focus-visible, .rich_text_container:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* 3. Mover el efecto de enfoque (borde azul) al CONTENEDOR EXTERNO de la tarjeta TinyMCE */
html body main#page .tox-tinymce:focus-within, html body main#page .tox.tox-tinymce:focus-within {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: FONDO BLANCO EN INPUT FILE (RUTA EXACTA DEL USUARIO)            */
/* ============================================================================= */
form#itil-form .itil-textarea-content .fileupload input.form-control[type="file"]:hover, form#itil-form .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:hover, #itil-object-container .itil-textarea-content .fileupload input.form-control[type="file"]:hover, #itil-object-container .itil-textarea-content [id^="dropdoc"] input.form-control[type="file"]:hover, form#itil-form .itil-left-side input.form-control[data-uploader-name="filename"]:hover {
  background-color: #ffffff !important;
  /* Fondo blanco inmaculado */
  border-color: #162a56 !important;
  box-shadow: none !important;
  color: #1e293b !important;
  /* Mantiene el texto oscuro legible */
}
/* ============================================================================= */
/* FIX DEFINITIVO: BORDE ROJO EN TINYMCE (ESPIANDO AL IFRAME CON CSS :has)       */
/* ============================================================================= */
/* Usamos :has() para que la caja exterior se pinte en azul si el iframe de adentro es clickeado */
html body main#page .tox-tinymce:has(iframe:focus), html body main#page .tox.tox-tinymce:has(.tox-edit-area__iframe:focus), html body main#page .tox-tinymce:has(:focus) {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
}
/* FIX ULTRA ESPECIFICO: botón "Acciones" y botones outline al seleccionar */
html body main#page .search_actions button.btn-outline-secondary:focus, html body main#page .search_actions button.btn-outline-secondary:active, html body main#page .search_actions button.btn-outline-secondary:focus-visible, html body main#page button.btn-outline-secondary:focus, html body main#page button.btn-outline-secondary:active, html body main#page button.btn-outline-secondary:focus-visible {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
  outline: none !important;
}
/* ============================================================================= */
/* FIX REESTRUCTURADO DEFINITIVO: ICONOS INFO/SUMAR OSCUROS, BLANCOS SOLO HOVER  */
/* ============================================================================= */
/* 1. Definir color inicial OSCURO corporativo para contraste (sin hover) en iconos de información */
html body main#page div.btn-outline-secondary a.dropdown_tooltip span.fa-info, html body main#page a.dropdown_tooltip.btn-outline-secondary span.fa-info, html body main#page a.dropdown_tooltip span.fa-info {
  color: #1e293b !important;
  /* Un azul/gris oscuro corporativo para perfecto contraste inicial */
}
/* 2. Definir color inicial OSCURO corporativo para contraste (sin hover) en iconos de suma */
html body main#page .btn-outline-secondary i.ti-plus, html body main#page a.btn-outline-secondary i.ti-plus, html body main#page button.btn-outline-secondary i.ti-plus {
  color: #1e293b !important;
  /* Un azul/gris oscuro corporativo para perfecto contraste inicial */
}
/* 3. Definir estado :hover para el CONTENEDOR padre (div, a, button) cambiando el hijo a blanco absoluto */
html body main#page div.btn-outline-secondary:hover a.dropdown_tooltip span.fa-info, html body main#page a.dropdown_tooltip.btn-outline-secondary:hover span.fa-info, html body main#page a.dropdown_tooltip:hover span.fa-info, html body main#page .btn-outline-secondary:hover i.ti-plus, html body main#page a.btn-outline-secondary:hover i.ti-plus, html body main#page button.btn-outline-secondary:hover i.ti-plus {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: BORDES GRISES SUTILES PARA BOTONES SECUNDARIOS EN REPOSO        */
/* ============================================================================= */
/* 1. Borde gris claro para "Editar" y la "X" del timeline en estado normal */
html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item, html body main#page .card-body .timeline-header button.close-edit-content {
  border-color: #dce1e7 !important;
  /* Gris suave estilo Tabler/Bootstrap */
}
/* 2. Borde gris claro para los botones de información (i) y agregar (+) en el formulario */
html body main#page .btn-outline-secondary:has(span.fa-info), html body main#page .btn-outline-secondary:has(i.ti-plus), html body main#page a.dropdown_tooltip.btn-outline-secondary {
  border-color: #dce1e7 !important;
}
/* 3. Garantizar que al hacer hover, el borde se pinte de azul corporativo junto con el fondo */
html body main#page .card-body .timeline-header .dropdown-menu .dropdown-item:hover, html body main#page .card-body .timeline-header button.close-edit-content:hover, html body main#page .btn-outline-secondary:has(span.fa-info):hover, html body main#page .btn-outline-secondary:has(i.ti-plus):hover, html body main#page a.dropdown_tooltip.btn-outline-secondary:hover {
  border-color: #162a56 !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO: EXPANSIÓN TOTAL DE MAIN#PAGE SOBRE SU CONTENEDOR PADRE        */
/* ============================================================================= */
/* 1. Aniquilar el padding (franja verde) y margen del contenedor padre */
html body .page-wrapper div.page-body.container-fluid {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
/* 2. Forzar al main a ocupar el 100% del padre liberado, eliminando márgenes */
html body .page-wrapper div.page-body main#page.legacy {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem !important;
  /* Solo un ligero respiro interno para que no choque con el filo del monitor */
}
/* ============================================================================= */
/* FIX DEFINITIVO v3: GAP REDUCIDO Y PANEL DERECHO MAXIMIZADO                    */
/* ============================================================================= */
/* 1. Fila principal: Reducimos la brecha (gap) a algo mucho más sutil (1rem) */
html body main#page #itil-object-container > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  /* Gap mucho más estrecho */
  width: 100% !important;
  margin: 0 !important;
}
/* 2. Lado izquierdo: Le bajamos el porcentaje para ceder espacio (56%) */
html body main#page #itil-object-container > .row > .itil-left-side {
  flex: 0 0 56% !important;
  max-width: 56% !important;
  width: 56% !important;
  padding-right: 0 !important;
}
/* 3. Lado derecho: Se roba todo el espacio sobrante, expandiéndose a un masivo 42% */
html body main#page #itil-object-container > .row > .itil-right-side {
  flex: 0 0 42% !important;
  max-width: 42% !important;
  width: 42% !important;
  padding: 0 !important;
}
/* 4. Ajustes internos para que los inputs fluyan en este nuevo espacio gigante */
html body main#page #itil-object-container > .row > .itil-right-side .input-group {
  flex-wrap: nowrap !important;
  width: 100% !important;
}
html body main#page #itil-object-container > .row > .itil-right-side label.col-form-label {
  padding-left: 0 !important;
  text-align: left !important;
}
/* 5. Protección responsiva para pantallas pequeñas */
@media (max-width: 991px) {
  html body main#page #itil-object-container > .row {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }
  html body main#page #itil-object-container > .row > .itil-left-side, html body main#page #itil-object-container > .row > .itil-right-side {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* ============================================================================= */
/* FIX NUCLEAR v2: APILADO VERTICAL TOTAL (ACORDEONES Y FORM-FIELDS)             */
/* ============================================================================= */
/* 1. Neutralizar el acordeón y las filas del panel derecho */
html body main#page #itil-object-container .itil-right-side .accordion-body, html body main#page #itil-object-container .itil-right-side .form-field.row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  margin: 0 0 1rem 0 !important;
}
/* 2. Resetear ABSOLUTAMENTE TODOS los hijos que tengan clases col- o que intenten flotar */
html body main#page #itil-object-container .itil-right-side .form-field > *, html body main#page #itil-object-container .itil-right-side .form-field > div, html body main#page #itil-object-container .itil-right-side .accordion-body > div {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 0 0.3rem 0 !important;
  padding: 0 !important;
  position: static !important;
  /* Evita desplazamientos raros */
}
/* 3. Estilizar etiquetas para que siempre queden arriba a la izquierda */
html body main#page #itil-object-container .itil-right-side label {
  text-align: left !important;
  font-weight: 600 !important;
  display: block !important;
  width: 100% !important;
}
/* 4. Arreglar los input-groups (Categoría, Proceso) para que no se rompan al ser 100% */
html body main#page #itil-object-container .itil-right-side .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
/* 5. Forzar a los selectores y campos de texto a no salirse del contenedor */
html body main#page #itil-object-container .itil-right-side input, html body main#page #itil-object-container .itil-right-side select, html body main#page #itil-object-container .itil-right-side .select2-container {
  width: 100% !important;
}
/* ============================================================================= */
/* FIX UNIVERSAL: ALINEACIÓN HORIZONTAL PARA TODOS LOS CAMPOS (CORE Y PLUGINS)   */
/* ============================================================================= */
/* 1. Atacar a TODOS los posibles contenedores de grupos de inputs (btn-group, input-group o contenedores directos) */
html body main#page #itil-object-container .itil-right-side .form-field .btn-group, html body main#page #itil-object-container .itil-right-side .form-field .input-group, html body main#page #itil-object-container .itil-right-side .field-container > div:has(.select2-container) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  align-items: stretch !important;
}
/* 2. Select2 / input junto a botones (i, +): ocupar TODO el hueco horizontal (misma anchura visual que campos sin btn-group como Tipo) */
html body main#page #itil-object-container .itil-right-side .form-field .btn-group > .select2-container, html body main#page #itil-object-container .itil-right-side .form-field .input-group > .select2-container, html body main#page #itil-object-container .itil-right-side .field-container > div > .select2-container {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
html body main#page #itil-object-container .itil-right-side .form-field .btn-group > .form-control, html body main#page #itil-object-container .itil-right-side .form-field .input-group > .form-control {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
/* 3. Cortar el texto largo en TODOS los Select2 con puntos suspensivos */
html body main#page #itil-object-container .itil-right-side .select2-selection__rendered {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: block !important;
  padding-right: 20px !important;
}
/* 4. Proteger TODOS los botones (i, +) en cualquier contenedor para que no se encojan */
html body main#page #itil-object-container .itil-right-side .form-field .btn-group > .btn, html body main#page #itil-object-container .itil-right-side .form-field .btn-group > .dropdown_tooltip, html body main#page #itil-object-container .itil-right-side .form-field .input-group > .btn, html body main#page #itil-object-container .itil-right-side .form-field .input-group > .dropdown_tooltip, html body main#page #itil-object-container .itil-right-side .field-container > div > .btn, html body main#page #itil-object-container .itil-right-side .field-container > div > a.dropdown_tooltip {
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 5. Fix de bordes redondeados globales para que se vean como una barra unida */
html body main#page #itil-object-container .itil-right-side .form-field .btn-group > :not(:last-child), html body main#page #itil-object-container .itil-right-side .form-field .input-group > :not(:last-child), html body main#page #itil-object-container .itil-right-side .field-container > div > :not(:last-child):not(script) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html body main#page #itil-object-container .itil-right-side .form-field .btn-group > :not(:first-child), html body main#page #itil-object-container .itil-right-side .form-field .input-group > :not(:first-child), html body main#page #itil-object-container .itil-right-side .field-container > div > :not(:first-child):not(script) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -1px !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: ETIQUETAS SLA (NIVELES DE SERVICIO) MULTILÍNEA Y LEGIBLES       */
/* ============================================================================= */
/* 1. Rediseño del Badge principal: Fondo claro corporativo, texto oscuro, altura dinámica */
html body main#page #itil-object-container .itil-right-side span.level_name.badge {
  background-color: #f1f5f9 !important;
  /* Gris/Azul muy claro y limpio */
  color: #1e293b !important;
  /* Texto oscuro para contraste perfecto */
  border: 1px solid #dce1e7 !important;
  /* Borde sutil */
  height: auto !important;
  /* Permite que crezca verticalmente */
  min-height: 2.5rem !important;
  padding: 0.5rem !important;
  width: 100% !important;
  /* Aprovecha el ancho de su contenedor */
  margin-left: 0 !important;
  white-space: normal !important;
  /* Obliga al texto a saltar de línea */
}
/* 2. Anular la clase text-truncate que estaba cortando y desbordando el texto */
html body main#page #itil-object-container .itil-right-side span.level_name.badge span.text-truncate {
  text-overflow: clip !important;
  white-space: normal !important;
  /* Libertad total para bajar a la siguiente línea */
  overflow: visible !important;
  display: inline !important;
  word-break: break-word !important;
  /* Si una palabra es gigante, la rompe antes de desbordar */
}
/* 3. Asegurar que los iconos (reloj, cerrar) se vean bien alineados y legibles */
html body main#page #itil-object-container .itil-right-side span.level_name.badge i {
  color: #1e293b !important;
  margin-top: 0.1rem !important;
  /* Ligero ajuste vertical para que encaje con multilínea */
}
/* 4. Alinear el contenedor interno (flex) para que soporte el texto cayendo en varias líneas */
html body main#page #itil-object-container .itil-right-side span.level_name.badge .align-items-center {
  align-items: flex-start !important;
  /* Alinea los iconos al principio del texto, no al centro absoluto */
  width: 100% !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO: BOTÓN "AGREGAR" CON ESTILO OUTLINE MODERNO (COMO "EDITAR")      */
/* ============================================================================= */
/* 1. Estado Normal (Reposo): Fondo transparente, borde gris, texto/icono oscuro */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary {
  background-color: transparent !important;
  border: 1px solid #dce1e7 !important;
  /* Gris claro sutil */
  color: #1e293b !important;
  /* Texto oscuro corporativo */
  border-radius: 4px !important;
  font-weight: 500 !important;
  padding: 0.35rem 0.75rem !important;
  transition: all 0.2s ease-in-out !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 2. Forzar color oscuro en el icono interno en estado normal */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary i, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary i {
  color: #1e293b !important;
  margin-right: 0.5rem !important;
}
/* 3. Estado Hover: Fondo azul corporativo, texto/icono blanco */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary:hover, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary:hover {
  background-color: #162a56 !important;
  /* Azul corporativo oscuro */
  border-color: #162a56 !important;
  color: #ffffff !important;
}
/* 4. Forzar color blanco en el icono interno durante el hover */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary:hover i, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary:hover i {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ABSOLUTO: TEXTO E ICONO BLANCO EN HOVER PARA BOTONES DEL ACORDEÓN         */
/* ============================================================================= */
/* Ganarle la guerra de especificidad a la regla nativa que oscurece los span */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary:hover span, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary:hover span, html body main#page #itil-object-container .itil-right-side .accordion-body a.btn.btn-outline-secondary:hover i, html body main#page #itil-object-container .itil-right-side .accordion-body button.btn-outline-secondary:hover i {
  color: #ffffff !important;
  /* Fuerza el blanco inmaculado */
}
/* ============================================================================= */
/* FIX ESTÉTICO: ELIMINAR SUBRAYADO EN BOTONES TIPO ENLACE (A.BTN)               */
/* ============================================================================= */
/* Anular decoraciones de texto en botones del acordeón en cualquier estado */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn, html body main#page #itil-object-container .itil-right-side .accordion-body a.btn:hover, html body main#page #itil-object-container .itil-right-side .accordion-body a.btn:focus, html body main#page #itil-object-container .itil-right-side .accordion-body a.btn:active {
  text-decoration: none !important;
}
/* Asegurar que el span interno tampoco herede subrayados extraños */
html body main#page #itil-object-container .itil-right-side .accordion-body a.btn span, html body main#page #itil-object-container .itil-right-side .accordion-body a.btn:hover span {
  text-decoration: none !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO: OCULTAR BOTONES OBSOLETOS DE REDIMENSIÓN DE PANELES             */
/* ============================================================================= */
/* Aniquilar de la vista las flechas de expandir y colapsar paneles */
html body main#page button.switch-panel-width, html body main#page button.collapse-panel {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO: ELIMINAR BOTÓN OBSOLETO DE "VOLVER ARRIBA" (#BACKTOTOP)         */
/* ============================================================================= */
/* Aniquilar de la vista el botón flotante de volver arriba */
html body #backtotop, html body main#page #backtotop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO: PERMITIR TEXTO MULTILÍNEA EN COMPONENTES SELECT2                */
/* ============================================================================= */
/* 1. Liberar el texto: Permitir saltos de línea y quitar puntos suspensivos */
html body main#page #itil-object-container .itil-right-side .select2-selection__rendered {
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  /* Si la palabra es inmensa, la rompe */
  line-height: 1.4 !important;
  /* Interlineado cómodo */
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
  padding-right: 25px !important;
  /* Deja espacio para la flecha desplegable */
}
/* 2. Forzar a la caja contenedora a crecer verticalmente según el texto */
html body main#page #itil-object-container .itil-right-side .select2-container .select2-selection--single {
  height: auto !important;
  min-height: 38px !important;
  /* Altura mínima estándar para que no se vea aplastado si hay poco texto */
  display: flex !important;
  align-items: center !important;
  /* Centra verticalmente si hay una sola línea */
}
/* 3. Ajustar la flecha de la derecha para que no se rompa al crecer la caja */
html body main#page #itil-object-container .itil-right-side .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO VIP v2: MENÚ DE ACCIONES POSICIONADO CORRECTAMENTE ARRIBA      */
/* ============================================================================= */
/* 1. Liberar absolutamente todas las restricciones de los contenedores padre */
html body main#page .card, html body main#page .card-footer, html body main#page .itil-footer, html body main#page .floating-buttons {
  overflow: visible !important;
  contain: none !important;
}
/* 2. Estructura, Posición Exacta y Estilo Premium */
html body #single-ma-action-menu.show, html body main#page #single-ma-action-menu.show {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  bottom: 100% !important;
  /* Lo ancla exactamente encima del botón */
  margin-bottom: 15px !important;
  /* Lo separa limpiamente hacia arriba */
  right: 0 !important;
  transform: none !important;
  inset: auto !important;
  width: 280px !important;
  height: auto !important;
  max-height: 60vh !important;
  background: linear-gradient(135deg, #345291 0%, #1a2b4b 50%, #345291 100%) !important;
  background-color: #345291 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  padding: 0.5rem 0 !important;
  z-index: 2147483647 !important;
}
/* 3. Textos e Iconos Blancos para contraste */
html body #single-ma-action-menu.show .dropdown-item, html body main#page #single-ma-action-menu.show .dropdown-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0.6rem 1.2rem !important;
  color: #ffffff !important;
  white-space: normal !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease !important;
}
html body #single-ma-action-menu.show .dropdown-item i {
  margin-right: 0.8rem !important;
  font-size: 1.1rem !important;
  color: #ffffff !important;
}
/* 4. Efecto Hover Sutil */
html body #single-ma-action-menu.show .dropdown-item:hover, html body #single-ma-action-menu.show .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V2: EXPANSIÓN DEL CONTENEDOR DE BOTONES Y EXORCISMO NUCLEAR      */
/* ============================================================================= */
/* 1. Estirar el fondo blanco del pie de página hacia la izquierda para tapar el hueco */
html body main#page .form-buttons.card-footer {
  margin-left: -2.5rem !important;
  /* Tira el contenedor hacia la izquierda */
  padding-left: 2.5rem !important;
  /* Compensa internamente para que los botones no se peguen al borde */
  border-top-left-radius: 8px !important;
  /* Esquina redondeada suave */
  background-color: #ffffff !important;
  /* Fuerza el blanco inmaculado */
  z-index: 10 !important;
}
/* 2. Exorcismo Nuclear: Si el menú no tiene la clase .show, deja de existir */
html body main#page #single-ma-action-menu:not(.show) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: scale(0) !important;
  z-index: -9999 !important;
}
/* 3. Asegurar que el grupo de acciones a la derecha respire correctamente */
html body main#page .form-buttons #right-actions {
  margin-right: 0.5rem !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V3: BALANCE DE ESPACIO ENTRE FOOTER IZQUIERDO Y DERECHO          */
/* ============================================================================= */
/* 1. Encoger el footer izquierdo en la misma proporción que creció el derecho */
html body main#page .itil-footer .timeline-buttons {
  padding-right: 2.5rem !important;
  /* Libera el espacio que está invadiendo el footer derecho */
}
/* 2. Forzar a los botones de filtros y TODO a mantenerse pegados a su contenido izquierdo */
html body main#page .itil-footer .filter-timeline.ms-auto {
  margin-left: 0 !important;
  /* Anula el margin-left: auto que los empuja a la derecha */
  margin-right: auto !important;
  /* Los empuja hacia la izquierda, pegándolos a los botones rojos */
  padding-left: 1rem !important;
}
/* 3. Asegurar que los botones rojos de Respuesta tengan espacio para respirar */
html body main#page .itil-footer .timeline-buttons .main-actions {
  margin-right: 0 !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V4: ELIMINAR BORDES Y UNIFICAR FONDO EN EL FOOTER IZQUIERDO      */
/* ============================================================================= */
/* 1. Eliminar la línea vertical (borde) y asegurar fondo transparente */
html body main#page .itil-footer .timeline-buttons, html body main#page .itil-footer .buttons-bar {
  border-right: none !important;
  border-left: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* 2. Si el contenedor del filtro tiene un borde izquierdo nativo, aniquilarlo */
html body main#page .itil-footer .filter-timeline {
  border-left: none !important;
}
/* 3. Asegurar que la barra inferior general no tenga sombras que corten el layout */
html body main#page .itil-footer {
  background-color: #f8f9fa !important;
  /* Mismo color que el fondo general del caso para que se fusione */
  border-top: 1px solid #e2e8f0 !important;
  /* Una sola línea continua arriba */
}
/* ============================================================================= */
/* FIX ESTÉTICO V5: UNIFICACIÓN TOTAL DEL PIE DE PÁGINA (BARRA CONTINUA)         */
/* ============================================================================= */
/* 1. El contenedor padre absoluto se convierte en la única barra blanca */
html body main#page #itil-footer {
  background-color: #ffffff !important;
  border-top: 1px solid #dce1e7 !important;
  /* Línea separadora sutil y unificada */
  margin: 0 !important;
}
html body main#page #itil-footer .buttons-bar {
  background-color: transparent !important;
}
/* 2. Anular los fondos, bordes curvos y márgenes negativos de los hijos */
html body main#page #itil-footer .form-buttons.card-footer, html body main#page #itil-footer .timeline-buttons {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  /* Mata el margen negativo anterior */
  border-radius: 0 !important;
  /* Mata la curva que delataba la separación */
}
/* 3. Asegurar que los botones de la izquierda y filtros estén bien alineados */
html body main#page #itil-footer .filter-timeline {
  margin-left: 1rem !important;
  /* Espacio entre Respuesta y los filtros */
  margin-right: auto !important;
  /* Empuja el bloque derecho a su esquina */
}
/* 4. Ajuste del bloque derecho para que encaje natural */
html body main#page #itil-footer .form-buttons #right-actions {
  margin-right: 0 !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V6: RESTAURAR SCROLLBAR Y ESTILO BOTONES DEL FOOTER                */
/* ============================================================================= */
/* Definir el color azul oscuro unificado */
:root {
  --glpi-outline-btn-color: #112d4e;
}
/* 1. RESTAURAR SCROLLBAR DE COLUMNA DERECHA */
/* Asegurar que el contenedor del acordeón tenga altura máxima y scroll */
html body main#page .accordion.open.accordion-flush#itil-data {
  max-height: 70vh !important;
  /* Altura máxima ajustada para forzar el scroll */
  overflow-y: auto !important;
}
/* 2. UNIFICAR ESTILO DE BOTONES DEL FOOTER CON CONTORNO AZUL OSCURO (Similar a 'Editar') */
/* Estilo base para todos los botones de acción principales del footer */
html body main#page #itil-footer button.btn:not(.btn-link) {
  border: 1px solid var(--glpi-outline-btn-color) !important;
  background-color: transparent !important;
  color: var(--glpi-outline-btn-color) !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
  border-radius: 4px !important;
  /* Ligeros bordes redondeados para que parezca botón */
}
/* Efectos hover para todos los botones de acción principales del footer */
html body main#page #itil-footer button.btn:not(.btn-link):hover {
  background-color: rgba(17, 45, 78, 0.05) !important;
}
/* Botón 'Respuesta' (mantener texto e icono, cambiar estilo a transparente con contorno) */
html body main#page #itil-footer .timeline-buttons .timeline-action-button {
  background-color: transparent !important;
  color: var(--glpi-outline-btn-color) !important;
  border: 1px solid var(--glpi-outline-btn-color) !important;
}
/* Los iconos de filtro y lista (ya son transparentes, unificar color) */
html body main#page #itil-footer .timeline-buttons .filter-timeline > button.btn-link, html body main#page #itil-footer .timeline-buttons .legacy-timeline-actions > button.btn-link {
  color: var(--glpi-outline-btn-color) !important;
  border: none !important;
  background: transparent !important;
}
/* Botones 'Clonar' y 'Eliminar' (estilo de grupo de botones) */
html body main#page #itil-footer .form-buttons #right-actions .btn-group > button.btn {
  border-color: var(--glpi-outline-btn-color) !important;
  color: var(--glpi-outline-btn-color) !important;
}
/* Botón 'Guardar' (mantener texto e icono, cambiar estilo a transparente con contorno) */
html body main#page #itil-footer .form-buttons #main-action-buttons > button[name=update] {
  background-color: transparent !important;
  color: var(--glpi-outline-btn-color) !important;
  border: 1px solid var(--glpi-outline-btn-color) !important;
}
/* Asegurar que los iconos en los botones tengan el color azul oscuro */
html body main#page #itil-footer button.btn i {
  color: var(--glpi-outline-btn-color) !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO V8: RESTAURAR BOTONES DE RESPUESTA CON DEGRADADO ROJO          */
/* ============================================================================= */
/* 1. Aplicar el estilo exacto del botón Guardar a los botones de Respuesta */
html body main#page #itil-footer .timeline-buttons .main-actions button.btn.btn-primary, html body main#page #itil-footer .timeline-buttons .main-actions button.dropdown-toggle-split {
  color: #ffffff !important;
  background-color: #c8202f !important;
  background-image: var(--gradiente-rojo) !important;
  background: var(--gradiente-rojo) !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(200, 32, 47, 0.2) !important;
  /* Ligera sombra para darle volumen */
}
/* 2. Forzar que el texto y los iconos internos sean blancos */
html body main#page #itil-footer .timeline-buttons .main-actions button.btn.btn-primary i, html body main#page #itil-footer .timeline-buttons .main-actions button.btn.btn-primary span {
  color: #ffffff !important;
}
/* 3. Recrear una línea separadora muy sutil para la flecha del dropdown */
html body main#page #itil-footer .timeline-buttons .main-actions button.dropdown-toggle-split {
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* 4. Efecto hover sutil */
html body main#page #itil-footer .timeline-buttons .main-actions button.btn.btn-primary:hover {
  filter: brightness(1.1) !important;
  /* Lo hace un poco más brillante al pasar el mouse */
}
/* ============================================================================= */
/* FIX QUIRÚRGICO V2: PAPELERA DINÁMICA (AZUL EN REPOSO, BLANCO EN HOVER)        */
/* ============================================================================= */
/* 1. Estado en reposo: Icono azul oscuro para que haga contraste con el fondo blanco */
html body main#page #itil-footer #right-actions button.btn.btn-outline-danger i {
  color: var(--glpi-outline-btn-color) !important;
  transition: color 0.2s ease-in-out !important;
}
/* 2. Estado Hover/Activo: Icono blanco cuando el botón se pinta de rojo */
html body main#page #itil-footer #right-actions button.btn.btn-outline-danger:hover i, html body main#page #itil-footer #right-actions button.btn.btn-outline-danger:focus i, html body main#page #itil-footer #right-actions button.btn.btn-outline-danger:active i {
  color: #ffffff !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V9: ANULAR ANIMACIONES GLOBALES (FLUENT/TABLER) EN MENÚ DE ACCIONES */
/* ============================================================================= */
/* Matar cualquier animación o transición nativa para evitar saltos o deslizamientos */
html body #single-ma-action-menu.show, html body main#page #single-ma-action-menu.show {
  animation: none !important;
  transition: none !important;
  /* Asegurar de nuevo que el transform de Popper.js o de los keyframes no afecte */
  transform: none !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V10: ANULAR SALTO Y ANIMACIÓN EN EL MENÚ DE "RESPUESTA"          */
/* ============================================================================= */
/* Secuestrar el menú izquierdo para evitar el cálculo de 2 pasos de Popper.js */
html body main#page .itil-footer .main-actions .dropdown-menu.show {
  animation: none !important;
  transition: none !important;
  /* Anclar el menú permanentemente hacia arriba, ignorando a Popper */
  position: absolute !important;
  top: auto !important;
  bottom: 100% !important;
  /* Siempre nacerá por encima del botón rojo */
  left: 0 !important;
  /* Alineado al borde izquierdo del botón */
  margin-bottom: 8px !important;
  /* Separación limpia de la flechita */
  /* Matar los estilos inyectados en línea por el script */
  transform: none !important;
  inset: auto !important;
}
/* ============================================================================= */
/* FIX ESTÉTICO V11: LIBERAR MENÚ DE RESPUESTA DE LOS RECORTES DEL CONTENEDOR    */
/* ============================================================================= */
/* 1. Romper las paredes de los contenedores padre para que el menú pueda salir */
html body main#page #itil-footer, html body main#page #itil-footer .timeline-buttons, html body main#page #itil-footer .timeline-buttons .main-actions, html body main#page #itil-footer .timeline-buttons .btn-group {
  overflow: visible !important;
  contain: none !important;
}
/* 2. Forzar al menú a flotar por encima de cualquier otro panel (z-index máximo) */
html body main#page .itil-footer .main-actions .dropdown-menu.show {
  z-index: 2147483647 !important;
  /* El valor más alto posible en CSS */
  min-width: 250px !important;
  /* Evitar que se aplaste horizontalmente */
}
/* ============================================================================= */
/* FIX V11: MENÚ DE RESPUESTA FORZADO HACIA ARRIBA (DROPUP) SIN DAÑAR LAYOUT     */
/* ============================================================================= */
/* 1. Asegurar que el grupo de botones siga siendo el ancla del menú */
html body main#page .itil-footer .timeline-buttons .main-actions {
  position: relative !important;
}
/* 2. Forzar el menú para que nazca hacia arriba, matando a Popper.js */
html body main#page .itil-footer .timeline-buttons .main-actions .dropdown-menu {
  position: absolute !important;
  top: auto !important;
  /* Matar el top de Popper */
  bottom: 100% !important;
  /* Nacer desde el borde superior del botón */
  left: 0 !important;
  margin-bottom: 8px !important;
  /* Espaciado limpio */
  transform: none !important;
  /* Matar la animación/posicionamiento de JS */
  inset: auto auto 100% 0px !important;
  /* Neutralizar el inset de Bootstrap 5 */
  z-index: 9999 !important;
  /* Máxima prioridad */
}
/* 3. Matar el salto visual anulando la animación nativa de Fluent/Tabler */
html body main#page .itil-footer .timeline-buttons .main-actions .dropdown-menu.show {
  animation: none !important;
  transition: none !important;
}
/* ============================================================================= */
/* FIX V12: MENÚ DE ACCIONES (3 PUNTOS) FORZADO HACIA ARRIBA SIN ANIMACIÓN       */
/* ============================================================================= */
/* 1. Forzar el menú para que nazca hacia arriba, matando a Popper.js */
html body #single-ma-action-menu.show, html body main#page #single-ma-action-menu.show {
  position: absolute !important;
  top: auto !important;
  /* Matar el cálculo vertical de Popper */
  bottom: 100% !important;
  /* Nacer desde el borde superior de la barra */
  right: 0 !important;
  /* Alineado al borde derecho de su botón */
  left: auto !important;
  margin-bottom: 12px !important;
  /* Separación limpia del botón */
  transform: none !important;
  /* Matar la animación/posicionamiento de JS */
  inset: auto 0px 100% auto !important;
  /* Neutralizar el inset de Bootstrap 5 para que no lo mueva */
  z-index: 9999 !important;
  /* Máxima prioridad */
  /* 2. Matar el salto visual anulando la animación nativa */
  animation: none !important;
  transition: none !important;
}
/* ============================================================================= */
/* FIX V14: ELIMINAR EL TELÓN OSCURO DE SELECT2 (.select2-dropdown-backdrop)     */
/* ============================================================================= */
/* Aniquilación total del div que oscurece el fondo al abrir un Select2 */
html body .select2-dropdown-backdrop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
  width: 0 !important;
  height: 0 !important;
}
/* Asegurar que el menú Select2 sí flote correctamente en las modales */
html body .modal .select2-container--open .select2-dropdown {
  z-index: 999999 !important;
}
/* ============================================================================= */
/* FIX V16: RESTAURAR SCROLL PRINCIPAL Y ESTILIZAR SCROLL INTERNO                */
/* ============================================================================= */
/* 1. Asegurar que la página recupere su scroll natural y vital */
html, body {
  overflow-y: auto !important;
}
/* 2. Separar el panel derecho del borde de la pantalla para evitar scrollbars pegados */
html body main#page .accordion.open.accordion-flush#itil-data {
  margin-right: 15px !important;
  /* Despega el panel del borde derecho */
  padding-right: 5px !important;
  /* Da un poco de aire interno al contenido */
}
/* 3. Hacer que el scroll interno del panel sea delgado y moderno (estilo macOS/móvil) */
html body main#page .accordion.open.accordion-flush#itil-data::-webkit-scrollbar {
  width: 6px !important;
  /* Muy delgado */
}
html body main#page .accordion.open.accordion-flush#itil-data::-webkit-scrollbar-track {
  background: transparent !important;
  /* Pista invisible */
}
html body main#page .accordion.open.accordion-flush#itil-data::-webkit-scrollbar-thumb {
  background-color: rgba(17, 45, 78, 0.3) !important;
  /* Gris/azul oscuro translúcido */
  border-radius: 10px !important;
  /* Bordes redondeados suaves */
}
html body main#page .accordion.open.accordion-flush#itil-data::-webkit-scrollbar-thumb:hover {
  background-color: rgba(17, 45, 78, 0.6) !important;
  /* Se oscurece al pasar el mouse */
}
/* ============================================================================= */
/* FIX ESTÉTICO V17: ALINEACIÓN PERFECTA DE ASUNTO Y DESCRIPCIÓN                 */
/* ============================================================================= */
/* 1. Neutralizar márgenes negativos del título y darle forma de caja interna */
html body main#page .read-only-content .card-header, html body main#page .read-only-content .card-title.card-header {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1rem !important;
  /* Separarlo un poco de lo que haya arriba */
  padding: 0.8rem 1.2rem !important;
  /* Espaciado interno cómodo */
  border-radius: 6px !important;
  /* Bordes suaves para que no parezca cortado */
}
/* 2. Alinear la descripción con el texto del título */
html body main#page .read-only-content .rich_text_container {
  padding: 1rem 1.2rem !important;
  /* Mismo padding lateral que el título */
}
/* 3. Asegurar que los párrafos no sumen espacios desproporcionados al final */
html body main#page .read-only-content .rich_text_container p {
  margin-bottom: 0.5rem !important;
}
html body main#page .read-only-content .rich_text_container p:last-child {
  margin-bottom: 0 !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO V20: ELIMINACIÓN TOTAL DE LA LÍNEA DE GRADIENTE EN TARJETAS    */
/* ============================================================================= */
/* Aniquilar el pseudo-elemento que dibuja la línea de colores arriba de las cajas */
html body #page .card::before, html body .dashboard .card::before, html body .card::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  height: 0 !important;
}
/* ============================================================================= */
/* FIX V22: ESPACIADO INTERNO EN LAS ETIQUETAS DE ACTORES (SELECT2)              */
/* ============================================================================= */
/* 1. Separar el icono del usuario del botón de eliminar "x" */
html body main#page .actor-field .select2-selection__choice .ti-user, html body main#page .actor-field .select2-selection__choice .ti-users, html body main#page .actor-field .select2-selection__choice .ti-mail {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
/* 2. Separar el nombre del actor del botón de la campana */
html body main#page .actor-field .select2-selection__choice .actor_text {
  margin-right: 0.5rem !important;
}
/* 3. Separar el botón de la campana del contador numérico (badge) */
html body main#page .actor-field .select2-selection__choice .edit-notify-user {
  margin-right: 0.5rem !important;
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}
/* 4. Asegurar que los elementos se alineen verticalmente al centro */
html body main#page .actor-field .select2-selection__choice .actor_entry {
  display: inline-flex !important;
  align-items: center !important;
}
/* ============================================================================= */
/* FIX V27: CORREGIR COLOR BLANCO INVISIBLE EN BOTÓN DE EXPORTAR Y SU MENÚ       */
/* ============================================================================= */
/* 1. Evitar que el icono del botón principal se vuelva blanco al hacer clic/hover */
html body main#page button#dropdown-export:hover, html body main#page button#dropdown-export.show, html body main#page button#dropdown-export:focus, html body main#page button#dropdown-export:hover i, html body main#page button#dropdown-export.show i, html body main#page button#dropdown-export:focus i {
  color: #1e293b !important;
  background-color: rgba(30, 41, 59, 0.08) !important;
  /* Fondo sutil para que se note el clic */
}
/* 2. Evitar que el texto e iconos del menú se vuelvan blancos al pasar el cursor */
html body main#page ul.dropdown-menu[aria-labelledby="dropdown-export"] .dropdown-item:hover, html body main#page ul.dropdown-menu[aria-labelledby="dropdown-export"] .dropdown-item:focus {
  color: #1e293b !important;
  background-color: rgba(30, 41, 59, 0.05) !important;
  /* Fondo gris muy claro para el hover */
}
/* 3. Asegurar que los iconos internos del menú tampoco se desaparezcan */
html body main#page ul.dropdown-menu[aria-labelledby="dropdown-export"] .dropdown-item:hover i, html body main#page ul.dropdown-menu[aria-labelledby="dropdown-export"] .dropdown-item:focus i {
  color: #1e293b !important;
}
/* ============================================================================= */
/* FIX V30: ELIMINAR CHECK REDUNDANTE Y AGRANDAR EL CHECK ÚNICO (FINAL)           */
/* ============================================================================= */
/* Selector de máxima especificidad para aplastar reglas de input-group y shorthand */
html body main#page #itil-object-container .itil-right-side .field-container input[type="checkbox"].form-check-input:checked, html body main#page input[type="checkbox"].form-check-input:checked, html body .form-switch input[type="checkbox"].form-check-input:checked {
  /* Asegurar el fondo rojo y borde */
  background-color: #c8202f !important;
  border-color: #c8202f !important;
  /* Sobrescribir CUALQUIER imagen de fondo o gradiente conflictivo del tema */
  /* Inyectar NUESTRO SVG del check blanco */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
  /* AGRANDAR el check (de ~14px a ~18px, usando 'em' para legibilidad) y centrar */
  background-size: 0.9em !important;
  /* Agrandado sustancialmente */
  background-position: center !important;
  background-repeat: no-repeat !important;
  /* ELIMINAR cualquier pseudo-elemento que pueda estar creando el check grande */
}
html body main#page #itil-object-container .itil-right-side .field-container input[type="checkbox"].form-check-input:checked::before, html body main#page #itil-object-container .itil-right-side .field-container input[type="checkbox"].form-check-input:checked::after, html body main#page input[type="checkbox"].form-check-input:checked::before, html body main#page input[type="checkbox"].form-check-input:checked::after, html body .form-switch input[type="checkbox"].form-check-input:checked::before, html body .form-switch input[type="checkbox"].form-check-input:checked::after {
  content: none !important;
  display: none !important;
}
/* ============================================================================= */
/* FIX V32: LAYOUT DINÁMICO MULTILÍNEA PARA ELEMENTOS VINCULADOS (#items)        */
/* ============================================================================= */
/* 1. Contenedor principal: Flex fluido que permite múltiples líneas */
html body main#page #itil-object-container #items .input-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  /* Estirar la etiqueta para igualar la altura de todo el contenido derecho */
  margin-bottom: 1rem !important;
}
/* 2. Etiqueta (Label): Ancho fijo, altura dinámica para abrazar 1 o 2 líneas */
html body main#page #itil-object-container #items .input-group-text {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  border-radius: 4px 4px 0 0 !important;
  /* Bordes arriba para móviles */
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: center !important;
  height: auto !important;
  /* Crucial para que crezca con los selects */
}
/* 3. Contenedor dinámico derecho: Envuelve los selects */
/* El div que no es la etiqueta dentro del input group actuará como contenedor de la columna derecha */
html body main#page #itil-object-container #items .input-group > select, html body main#page #itil-object-container #items .input-group > .select2-container, html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] {
  flex: 1 1 100% !important;
  /* Cada elemento ocupa su propia línea (100% de la columna derecha) */
  width: 100% !important;
  max-width: 100% !important;
}
/* 4. Arreglar bordes del primer Select2 en móviles */
html body main#page #itil-object-container #items .input-group > .select2-container .select2-selection {
  border-radius: 0 0 4px 4px !important;
}
/* 5. Estilizar el contenedor del segundo select cuando aparece debajo */
html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] {
  display: block !important;
  /* Forzar bloque para que baje */
  padding: 0 !important;
  margin-top: -1px !important;
  /* Unir los bordes con el select de arriba */
}
/* 6. Asegurar que el segundo select ocupe todo el ancho */
html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] .select2-container {
  width: 100% !important;
}
html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] .select2-selection {
  border-radius: 0 0 4px 4px !important;
  /* Solo redondo abajo */
}
/* 7. Diseño de Escritorio (Tablet en adelante) */
@media (min-width: 768px) {
  /* El contenedor principal sigue siendo flex pero ahora la etiqueta va a la izquierda */
  /* Creamos una columna virtual para los selects a la derecha */
  /* Hacemos que el primer select (o su contenedor select2) no ocupe 100% de TODO el div, sino el resto de la derecha */
  /* Cuando aparece el segundo select, debe caer debajo del primero, PERO a la derecha de la etiqueta */
  /* Si el span de resultados NO está vacío, le quitamos los bordes redondos inferiores al select de arriba para que se fusionen visualmente */
  /* Bordes del segundo select */
  html body main#page #itil-object-container #items .input-group-text {
    flex: 0 0 35% !important;
    max-width: 35% !important;
    border-radius: 4px 0 0 4px !important;
    /* Redondo solo a la izquierda */
  }
  html body main#page #itil-object-container #items .input-group > .select2-container {
    flex: 1 1 65% !important;
    max-width: 65% !important;
  }
  html body main#page #itil-object-container #items .input-group > .select2-container .select2-selection {
    border-radius: 0 4px 4px 0 !important;
    /* Redondo a la derecha si está solo */
  }
  html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] {
    flex: 1 1 65% !important;
    max-width: 65% !important;
    margin-left: 35% !important;
    /* Empujarlo a la derecha para que no se meta debajo del label */
  }
  html body main#page #itil-object-container #items .input-group:has(> span[id^="results_itemtype"]:not(:empty)) > .select2-container .select2-selection {
    border-bottom-right-radius: 0 !important;
  }
  html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] .select2-selection {
    border-radius: 0 0 4px 0 !important;
  }
}
/* ============================================================================= */
/* FIX V33: DAR ESPACIO Y BORDES A LOS DESPLEGABLES DE BÚSQUEDA COMPLETA         */
/* ============================================================================= */
/* 1. Separar el segundo select del primero agregando margen superior */
html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] {
  margin-top: 0.5rem !important;
}
/* 2. Restaurar bordes redondeados inferiores del primer select en escritorio */
@media (min-width: 768px) {
  html body main#page #itil-object-container #items .input-group:has(> span[id^="results_itemtype"]:not(:empty)) > .select2-container .select2-selection {
    border-bottom-right-radius: 4px !important;
  }
}
/* 3. Restaurar bordes redondeados completos (las 4 esquinas) al segundo select */
html body main#page #itil-object-container #items .input-group > span[id^="results_itemtype"] .select2-selection {
  border-radius: 4px !important;
}
/* ============================================================================= */
/* FIX V34: ELIMINAR SCROLLBAR HORIZONTAL FANTASMA EN EL PANEL DE ACORDEONES     */
/* ============================================================================= */
/* Prevenir que el panel de la derecha genere barras horizontales por desbordamientos flex */
html body main#page #itil-object-container .itil-right-side, html body main#page #itil-object-container .itil-right-side .accordion, html body main#page #itil-object-container .itil-right-side .accordion-body {
  overflow-x: hidden !important;
  max-width: 100% !important;
  /* Asegurar que no excedan el ancho de su caja padre */
}
/* Ajuste de seguridad para el contenedor principal de los items */
html body main#page #itil-object-container #items {
  overflow-x: hidden !important;
}
/* ============================================================================= */
/* FIX V35: ELIMINAR DOBLE SCROLL VERTICAL GRUESO EN EL PANEL DERECHO            */
/* ============================================================================= */
/* Quitar el scroll vertical redundante de los contenedores padre del panel derecho */
html body main#page #itil-object-container .itil-right-side, html body main#page #itil-object-container .itil-right-side.card-footer, html body main#page .tab-content > .tab-pane > #itil-object-container .itil-right-side {
  overflow-y: hidden !important;
}
/* Asegurar que el contenedor interno correcto siga teniendo su barra delgada */
html body main#page #itil-object-container #itil-data {
  overflow-y: auto !important;
}
/* ============================================================================= */
/* FIX V36: AJUSTE DE ALTURA VERTICAL Y POSICIONAMIENTO DEL FOOTER               */
/* ============================================================================= */
/* 1. Contenedor principal: Ajustar a la altura del viewport menos el header estimado */
html body main#page #itil-object-container {
  position: relative !important;
  height: calc(100vh - 120px) !important;
  /* Estimar 60px de header + 60px de espacio para el footer */
  overflow: hidden !important;
}
/* 2. Paneles izquierdo y derecho: Ocupar toda la altura del contenedor principal y manejar overflow internamente */
html body main#page #itil-object-container #itil-left-side, html body main#page #itil-object-container #itil-right-side {
  height: 100% !important;
  overflow-y: auto !important;
}
/* 3. Panel izquierdo: Mantener el scroll interno delgado, pero asegurar la altura del padre flex */
html body main#page #itil-object-container #itil-left-side #itil-data {
  height: auto !important;
  /* El contenido define la altura, el padre maneja el scroll */
}
/* 4. Footer de acción: Posicionamiento absoluto al fondo */
/* El footer está en el mismo nivel que #itil-left-side y #itil-right-side dentro de #itil-object-container */
html body main#page #itil-object-container > .card-footer.p-0 {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
  /* Altura estimada del footer */
  border-top: 1px solid #dce1e7 !important;
  background-color: transparent !important;
  /* Mantener la estética */
  z-index: 10 !important;
  /* Asegurar que esté encima si es necesario */
}
/* 5. Padding de seguridad para los paneles para que el contenido no quede detrás del footer */
html body main#page #itil-object-container #itil-left-side .rich_text_container, html body main#page #itil-object-container #itil-right-side .accordion-body {
  padding-bottom: 70px !important;
  /* Altura del footer + gracia */
}
/* ============================================================================= */
/* FIX V37: REAJUSTE DE ALTURA PARA ELIMINAR DESBORDAMIENTO VERTICAL             */
/* ============================================================================= */
/* Aumentar el descuento de altura para compensar cabeceras y pestañas completas */
html body main#page #itil-object-container {
  height: calc(100vh - 230px) !important;
}
/* ============================================================================= */
/* FIX V41: AJUSTE FINO DE ALTURA EN ACORDEONES DEL PANEL DERECHO                */
/* ============================================================================= */
/* 1. Mantener el corralito pero con un espacio superior mucho más reducido (0.5rem) */
html body main#page #itil-object-container .itil-right-side form#itil-form {
  padding: 0.5rem !important;
  /* Uniforme arriba, abajo, izquierda y derecha */
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
/* 2. Resetear cualquier margen rebelde en el acordeón y sus items */
html body main#page #itil-object-container .itil-right-side #itil-data, html body main#page #itil-object-container .itil-right-side #itil-data .accordion-item {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
}
/* 3. Asegurar que los botones respeten el nuevo ancho del padre sin márgenes fantasma */
html body main#page #itil-object-container .itil-right-side #itil-data .accordion-button {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* ============================================================================= */
/* FIX V45: CONTENER EL TIMELINE Y FORZAR SCROLL INTERNO (EVITAR DESBORDAMIENTO) */
/* ============================================================================= */
/* 1. Asegurar que el contenedor principal de todo el panel tenga altura definida y use flexbox vertical */
html body main#page #itil-object-container {
  display: flex !important;
  flex-direction: column !important;
  height: calc(100vh - 150px) !important;
  /* Altura calculada restando el header principal */
}
/* 2. El row central debe ocupar todo el espacio restante pero NO desbordarse */
html body main#page #itil-object-container > .row.itil-object {
  flex-grow: 1 !important;
  min-height: 0 !important;
  /* Vital en flexbox para que no se expanda infinito */
  overflow: hidden !important;
}
/* 3. El panel izquierdo (padre del timeline) debe ser flex column y NO tener scroll general */
html body main#page #itil-object-container .itil-left-side {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  /* Cortamos cualquier desbordamiento aquí */
  height: 100% !important;
}
/* 4. LA MAGIA: El timeline (hijo) ocupa el 100% del padre, PERO hace scroll interno si el contenido es mayor */
html body main#page #itil-object-container .itil-left-side .itil-timeline {
  flex: 1 1 auto !important;
  /* Crecer, encogerse, tamaño base auto */
  overflow-y: auto !important;
  /* Barra de desplazamiento SOLO aquí */
  min-height: 0 !important;
  /* Crucial para Firefox/Chrome en flexbox */
  height: 0px !important;
  /* Truco para forzar el cálculo de altura basado en el padre flex */
  margin-bottom: 0 !important;
  /* Sobreescribir el .mb-auto que causa problemas */
  padding-bottom: 2rem !important;
  /* Espacio extra al final del scroll */
  padding-right: 5px !important;
  /* Evitar que el scrollbar tape texto */
}
/* 5. Asegurar que la barra de acciones (footer) siempre esté visible al fondo y por encima de todo */
html body main#page #itil-object-container #itil-footer {
  position: relative !important;
  z-index: 10 !important;
  /* Asegurar que no quede tapado por elementos flotantes */
  flex-shrink: 0 !important;
  /* Evitar que flexbox aplaste la barra de botones */
  margin-top: 0 !important;
}
/* ============================================================================= */
/* FIX V46: ELIMINAR SCROLL HORIZONTAL INNECESARIO EN EL TIMELINE                */
/* ============================================================================= */
html body main#page #itil-object-container .itil-left-side .itil-timeline {
  overflow-x: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* ============================================================================= */
/* FIX V47.1: ESTILOS Y BORDES DE BOTONES EN PESTAÑA DE APROBACIONES             */
/* ============================================================================= */
/* 1. Igualar el borde del input Guardar para que coincida con los botones <a> (azul oscuro) */
html body main#page .card table tbody input.btn.btn-outline-secondary[type="submit"], html body main#page .card .table tbody input.btn.btn-outline-secondary[type="submit"] {
  border: 1px solid #162a56 !important;
}
/* 2. Forzar texto blanco y eliminar subrayado en el hover de todos los botones de la tabla */
html body main#page .card table tbody a.btn:hover, html body main#page .card .table tbody a.btn:hover, html body main#page .card table tbody input.btn[type="submit"]:hover, html body main#page .card .table tbody input.btn[type="submit"]:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* ============================================================================= */
/* FIX V53: ARREGLAR SELECT2 RESPETANDO EL BUSCADOR INTERNO                      */
/* ============================================================================= */
/* 1. Sobrescribir el estilo de hover (fondo y borde) del tema actual SOLO en el hover genuino */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]):hover {
  background: #fff5f6 !important;
  border-color: rgba(200, 32, 47, 0.55) !important;
  box-shadow: 0 4px 12px rgba(200, 32, 47, 0.18) !important;
  color: #c8202f !important;
  border-radius: 4px !important;
}
/* 2. Quitar el rojo fuerte del elemento resaltado "fantasma" que pone Select2 al inicio,
      pero SIN tocar la propiedad color para no dañar las letras del buscador interno */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]).select2-results__option--highlighted:not(:hover), html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"])[aria-selected="true"]:not(:hover) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* 3. Asegurar que las letras resaltadas de las búsquedas mantengan su color nativo */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option span, html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__group span {
  background: transparent !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO: RESTAURAR SPANS INLINE EN BÚSQUEDAS DE SELECT2                */
/* ============================================================================= */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__group span, html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option span, html body .select2-container .select2-dropdown .select2-results .select2-results__option span.select2-rendered__match {
  display: inline !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
/* Forzar que los span del buscador dentro de los títulos de grupo se mantengan en línea */
html body .select2-container .select2-dropdown .select2-results .select2-results__options strong.select2-results__group span {
  display: inline !important;
  width: auto !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  background: transparent !important;
}
/* ============================================================================= */
/* FIX V57 DEFINITIVO: DESARMAR LOS 3 BUGS DE DISEÑO NATIVOS DEL TEMA EN SELECT2 */
/* ============================================================================= */
/* 1. Muerte al Flexbox en las opciones: Si el LI es flex, las letras se separan. Volvemos a block. */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]) {
  display: block !important;
}
/* 2. Escudo protector para TODOS los span internos: Anula los bordes, paddings y display:block 
      que el tema inyectaba erróneamente en los grupos y elementos deshabilitados */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option span, html body .select2-container .select2-dropdown .select2-results .select2-results__options strong.select2-results__group span, html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__group span {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  -webkit-text-fill-color: initial !important;
  color: inherit !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  /* Mantiene la negrita del buscador */
  width: auto !important;
  line-height: inherit !important;
  float: none !important;
}
/* 3. Evitar que iconos especiales pierdan su alineación por haber quitado el flex del padre */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .sc-icon {
  display: inline-block !important;
  vertical-align: middle !important;
}
/* Respetar el ocultamiento nativo de Select2 para placeholders vacíos */
html body .select2-container .select2-dropdown .select2-results__option[style*="display: none"], html body .select2-container .select2-dropdown .select2-results__option[style*="display:none"] {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
/* ============================================================================= */
/* FIX V58: DESTRUCCIÓN TOTAL DEL ESPACIO DE OPCIONES OCULTAS DE SELECT2        */
/* ============================================================================= */
/* Ocultar elementos con style="display: none" o vacíos */
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display: none"], html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display:none"], html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
}
/* Prevenir que los pseudo-elementos de las opciones ocultas ocupen espacio */
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display: none"]::before, html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display: none"]::after, html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display:none"]::before, html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[style*="display:none"]::after, html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:empty::before, html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:empty::after {
  display: none !important;
  content: none !important;
}
/* ============================================================================= */
/* FIX V59: RESTAURAR CAJAS EN SELECCIONADOS Y OCULTAR "ELEMENTOS MOSTRADOS"     */
/* ============================================================================= */
/* 1. Ocultar definitivamente la opción "Elementos mostrados" (cuyo ID termina en -view) */
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[id$="-view"] {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
}
/* 2. Restaurar el marco gris para las opciones pre-seleccionadas o resaltadas en reposo */
html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"])[aria-selected="true"]:not(:hover), html body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:not([role="group"]):not([aria-disabled="true"]).select2-results__option--highlighted:not(:hover) {
  background: #ffffff !important;
  border: 2px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  color: #333333 !important;
}
/* ============================================================================= */
/* FIX V60: ARREGLAR TABLAS NATIVAS EN FILTROS DE FECHA (ESPACIOS Y LÍNEAS)      */
/* ============================================================================= */
/* 1. Convertir la tabla obsoleta de GLPI en un contenedor flex moderno y sin bordes */
html body main#page .search-form-container div[id^="SearchSpan"] table, html body main#page .search-form-container div[id^="SearchSpan"] tbody, html body main#page .search-form-container div[id^="SearchSpan"] tr {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
/* 2. Anular el width="50%" forzado en las celdas y quitar padding sobrante */
html body main#page .search-form-container div[id^="SearchSpan"] td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
/* 3. Ocultar completamente las celdas vacías que generan el hueco */
html body main#page .search-form-container div[id^="SearchSpan"] td:empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ============================================================================= */
/* FIX V61: ARREGLAR ALTURA Y NÚMEROS CORTADOS EN RELOJ DE FLATPICKR             */
/* ============================================================================= */
/* 1. Aumentar la altura del contenedor del reloj para que quepan los números */
html body .flatpickr-calendar .flatpickr-time {
  height: 44px !important;
  max-height: 44px !important;
  line-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
/* 2. Ajustar los inputs numéricos y los separadores (:) */
html body .flatpickr-calendar .flatpickr-time input, html body .flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
  height: 44px !important;
  line-height: 44px !important;
  font-size: 14px !important;
  /* Tamaño legible y armónico */
  color: #1e293b !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
}
/* 3. Asegurar que las flechitas de subir/bajar hora no dañen el layout */
html body .flatpickr-calendar .flatpickr-time .numInputWrapper {
  height: 100% !important;
}
/* ============================================================================= */
/* FIX V62: AMPLIAR ANCHO DEL CALENDARIO Y OCULTAR COLUMNA DE SEMANAS (WK)       */
/* ============================================================================= */
/* 1. Darle al calendario el ancho adecuado para que los 7 días quepan cómodamente */
html body .flatpickr-calendar {
  width: 320px !important;
  max-width: 100% !important;
  /* Para que en móviles no se desborde de la pantalla */
}
/* 2. Ocultar completamente la columna de semanas (Wk) */
html body .flatpickr-calendar .flatpickr-weekwrapper {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* 3. Asegurar que el contenedor de los días ocupe el 100% del espacio restante */
html body .flatpickr-calendar.hasWeeks .flatpickr-innerContainer {
  display: block !important;
}
html body .flatpickr-calendar .flatpickr-rContainer {
  width: 100% !important;
}
/* 4. Asegurar que la cuadrícula interna tenga un ancho uniforme */
html body .flatpickr-calendar .flatpickr-days {
  width: 100% !important;
}
html body .flatpickr-calendar .dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
/* ============================================================================= */
/* FIX V63: CENTRAR Y BALANCEAR PERFECTAMENTE LA CABECERA DEL CALENDARIO         */
/* ============================================================================= */
/* 1. Contenedor principal de meses relativo para anclar las flechas */
html body .flatpickr-calendar .flatpickr-months {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 2. El texto del mes debe expandirse y centrarse obligatoriamente */
html body .flatpickr-calendar .flatpickr-months .flatpickr-month {
  flex: 1 1 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
/* 3. Posicionamiento absoluto y exacto para las flechas laterales */
html body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, html body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  /* Área de clic más cómoda */
  height: auto !important;
}
html body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  left: 5px !important;
  right: auto !important;
}
html body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  right: 5px !important;
  left: auto !important;
}
/* ============================================================================= */
/* FIX V78: RESTAURAR ESTRUCTURA FULLCALENDAR EN PLANNING (IDTHEME)              */
/* ============================================================================= */
/* Evita que reglas globales de tablas del tema rompan la grilla de planning */
#planning_container #planning .fc table, #planning_container #planning .fc th, #planning_container #planning .fc td, #planning_container #planning .fc-row, #planning_container #planning .fc-bg, #planning_container #planning .fc-content-skeleton, #planning_container #planning .fc-content-skeleton table, #planning_container #planning .fc-content-skeleton td {
  border-radius: 0 !important;
  box-shadow: none !important;
}
#planning_container #planning .fc th, #planning_container #planning .fc td {
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
}
#planning_container #planning .fc .fc-row .fc-content-skeleton table, #planning_container #planning .fc .fc-row .fc-content-skeleton td, #planning_container #planning .fc .fc-row .fc-mirror-skeleton td {
  background: none !important;
  border-color: transparent !important;
}
#planning_container #planning .fc-row .fc-content-skeleton td, #planning_container #planning .fc-row .fc-mirror-skeleton td {
  border-bottom: 0 !important;
}
#planning_container #planning .fc-row .fc-content-skeleton tbody td, #planning_container #planning .fc-row .fc-mirror-skeleton tbody td {
  border-top: 0 !important;
}
/* Mantener la celda completa visualmente (sin división por fondo heredado) */
#planning_container #planning .fc-day-grid .fc-bg td.fc-day, #planning_container #planning .fc-day-grid .fc-bg td.fc-day.fc-widget-content {
  background: #ffffff !important;
}
/* ============================================================================= */
/* FIX: Planning FullCalendar (idtheme) - neutralizar tablas globales (seguro) */
/* ============================================================================= */
/* El tema idtheme aplica padding/fondo a tablas/td globales dentro de cards.
   Esto rompe la superposición de capas internas de FullCalendar. */
#planning_container .fc td, #planning_container .fc th, #planning_container .fc-row, #planning_container .fc-bg, #planning_container .fc-content-skeleton td {
  padding: 0 !important;
  margin: 0 !important;
}
/* Ocultar únicamente los week numbers (SM) dentro del planning */
#planning_container .fc .fc-week-number {
  display: none !important;
  width: 0 !important;
}
/* En la vista semanal del planning necesitamos que la celda pequeña (week number)
   exista para alinear con la columna de "Todo el día", así que la reactivamos aquí. */
#planning_container #planning .fc-timeGridWeek-view .fc-week-number {
  display: table-cell !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  box-sizing: border-box !important;
}
/* Renombrar encabezado "SM xx" por "Hora" en la vista semanal del planning */
#planning_container #planning .fc-timeGridWeek-view .fc-head-container .fc-week-number span {
  position: relative;
  display: block;
  font-size: 0 !important;
  /* ocultar "SM 14" original */
}
#planning_container #planning .fc-timeGridWeek-view .fc-head-container .fc-week-number span::before {
  content: "Hora";
  position: static;
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: inherit !important;
  text-align: center;
}
/* Asegurar consistencia del layer de fondos (quita el #ffffff forzado) */
#planning_container #planning .fc-day-grid .fc-bg td.fc-day, #planning_container #planning .fc-day-grid .fc-bg td.fc-day.fc-widget-content {
  background: transparent !important;
}
/* ============================================================================= */
/* FIX ALIGN: FullCalendar timeGridWeek (idtheme) - cabecera y cuerpo alineados */
/* ============================================================================= */
#planning_container #planning .fc-timeGridWeek-view .fc-head-container table, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid-container table, #planning_container #planning .fc-timeGridWeek-view .fc-day-grid table, #planning_container #planning .fc-timeGridWeek-view .fc-bg table {
  width: 100% !important;
  table-layout: fixed !important;
}
#planning_container #planning .fc-timeGridWeek-view th.fc-day-header, #planning_container #planning .fc-timeGridWeek-view td.fc-day {
  box-sizing: border-box !important;
}
/* Igualar la columna izquierda (semana/eje) entre cabecera y cuerpo */
#planning_container #planning .fc-timeGridWeek-view .fc-axis, #planning_container #planning .fc-timeGridWeek-view .fc-week-number, #planning_container #planning .fc-timeGridWeek-view .fc-head-container .fc-axis, #planning_container #planning .fc-timeGridWeek-view .fc-head-container .fc-week-number, #planning_container #planning .fc-timeGridWeek-view .fc-day-grid .fc-axis, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-axis {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  box-sizing: border-box !important;
}
/* Evitar que el número de semana invada una columna de día */
#planning_container #planning .fc-timeGridWeek-view .fc-head-container .fc-week-number {
  text-align: center !important;
  overflow: hidden !important;
}
/* ============================================================================= */
/* FIX ALIGN: FullCalendar dayGridMonth (idtheme) - igualar anchos */
/* ============================================================================= */
#planning_container #planning .fc-dayGridMonth-view table, #planning_container #planning .fc-dayGridMonth-view .fc-bg table, #planning_container #planning .fc-dayGridMonth-view .fc-content-skeleton table {
  width: 100% !important;
  table-layout: fixed !important;
}
#planning_container #planning .fc-dayGridMonth-view th.fc-day-header, #planning_container #planning .fc-dayGridMonth-view td.fc-day-top, #planning_container #planning .fc-dayGridMonth-view td.fc-day {
  width: calc(100% / 7) !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Regla de auror adaptada para restaurar sombreado del día actual */
#planning_container #planning .fc-unthemed td.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Forzar sombreado vertical en vista Semana sobre el layer real (.fc-bg) */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-bg td.fc-day.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Aplicar el mismo sombreado en la banda superior "Todo el dia" de Semana */
#planning_container #planning .fc-timeGridWeek-view .fc-day-grid .fc-bg td.fc-day.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Asegurar el sombreado en el td real (por posible stacking entre capas) */
#planning_container #planning .fc-timeGridWeek-view td.fc-day.fc-today, #planning_container #planning .fc-timeGridWeek-view td.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Replicar comportamiento auror de .fc-unthemed (borde/rayas + hoy) */
#planning_container .fc-unthemed th, #planning_container .fc-unthemed td, #planning_container .fc-unthemed thead, #planning_container .fc-unthemed tbody, #planning_container .fc-unthemed .fc-divider, #planning_container .fc-unthemed .fc-row, #planning_container .fc-unthemed .fc-content, #planning_container .fc-unthemed .fc-popover, #planning_container .fc-unthemed .fc-list-view, #planning_container .fc-unthemed .fc-list-heading td {
  border-color: #eee !important;
}
#planning_container .fc-unthemed .fc-list-empty {
  background: transparent !important;
}
#planning_container .fc-unthemed td.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
#planning_container .fc-unthemed .fc-divider, #planning_container .fc-unthemed .fc-popover .fc-header, #planning_container .fc-unthemed .fc-list-heading td {
  background: var(--tblr-border-color-light) !important;
  color: #626976 !important;
}
/* Forzar sombreado de hoy en capas reales de Week (sin depender del wrapper) */
#planning_container #planning .fc-time-grid .fc-bg td.fc-day.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
#planning_container #planning .fc-day-grid .fc-bg td.fc-day.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* =============================================================================
   OVERRIDES ESPECÍFICOS PARA CALENDARIO (CLONAR AUROR) - timeGridWeek grilla
   Nota: CSS válido (sin anidamiento SCSS) y acotado a #planning_container #planning
   ============================================================================= */
/* Asegurar que las tablas de la vista Semana se comporten como grilla */
#planning_container #planning .fc-timeGridWeek-view table, #planning_container #planning .fc-timeGridWeek-view .fc-bg table, #planning_container #planning .fc-timeGridWeek-view .fc-content-skeleton table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}
/* Fondo y bordes de celdas (la “cuadrícula”) */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid td, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid th, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-slats td, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-slats th, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-bg td, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-bg th, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-content-skeleton td, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-content-skeleton th {
  border-color: #eee !important;
  background-color: #fff !important;
}
/* Línea divisoria de horas (si el tema la deja demasiado tenue o “desaparece”) */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-slats td {
  border-top-color: #eee !important;
}
/* Separador vertical entre días */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-bg td.fc-day {
  border-left-color: #eee !important;
  border-right-color: #eee !important;
}
/* Vista Mes (dayGridMonth): sombrear también la celda superior del día actual */
#planning_container #planning .fc-dayGridMonth-view td.fc-day-top.fc-today, #planning_container #planning .fc-dayGridMonth-view td.fc-day-top.fc-today.fc-widget-content {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Asegurar sombreado del día actual en la celda completa del mes */
#planning_container #planning .fc-dayGridMonth-view td.fc-day.fc-today, #planning_container #planning .fc-dayGridMonth-view td.fc-day.fc-today.fc-widget-content, #planning_container #planning .fc-dayGridMonth-view .fc-bg td.fc-day.fc-today {
  background: rgba(0, 0, 0, 0.1) !important;
}
/* Vista Semana: hacer visible el borde donde termina la línea roja (now indicator) */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid td.fc-axis, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid th.fc-axis, #planning_container #planning .fc-timeGridWeek-view .fc-time-grid td.fc-widget-content.fc-axis {
  border-right: 1px solid #eee !important;
}
/* Refuerzo extra por si el borde viene del contenedor de columnas */
#planning_container #planning .fc-timeGridWeek-view .fc-time-grid .fc-content-col {
  border-left: 1px solid #eee !important;
}
/* Forzado: prioridad sin cambios al hover */
#massformTicket .priority_block, #massformTicket .priority_block:hover, #massformTicket table tbody tr:hover .priority_block, #massformTicket table tbody tr.rowHover .priority_block, #massformTicket .table tbody tr:hover .priority_block, #massformTicket .table tbody tr.rowHover .priority_block {
  background: var(--tblr-body-bg, #fff) !important;
  background-color: var(--tblr-body-bg, #fff) !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
/* Optimización Crítica: Override para evitar cuelgues de scroll */
body {
  background-attachment: scroll !important;
}
body::before {
  display: none !important;
}
/* ============================================================================= */
/* GLOBAL PERFORMANCE OVERRIDE: 120Hz SCROLL & HOVER FIX */
/* ============================================================================= */
/* Elimina animaciones pesadas de transformacion, box-shadow y transiciones excesivas
   de las filas, tablas, tarjetas, y listados principales para eliminar el lag */
.tab_cadre_fixe tr, .tab_cadre_fixe tr:hover, table.tab_cadre_fixehov tr, table.tab_cadre_fixehov tr:hover, table.tab_cadre tr, table.tab_cadre tr:hover, .table tbody tr, .table tbody tr:hover, .card, .card:hover, .search_row, .search_row:hover, .list-group-item, .list-group-item:hover, .item_ticket, .item_ticket:hover, .ticket-row, .ticket-row:hover, div.search_page .search_table tr, div.search_page .search_table tr:hover, .search_table tr:hover td, .search_table tr:hover th, .glpi-box:hover, .glpi-card:hover {
  transform: none !important;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease !important;
  animation: none !important;
  /* Sombras planas estáticas sin animación */
  box-shadow: none !important;
}
/* Limitación agresiva de las transiciones globales */
:root {
  --transicion-rapida: all 0.1s ease !important;
  --transicion-media: all 0.1s ease !important;
  --transicion-lenta: all 0.15s ease !important;
}
/* Alineación visual de iconos en filtros (calendario, basurero, etc.) para centrarlos verticalmente */
.search-criteria i, .search-criteria svg, #search-form i, #search-form svg, .input-group > .input-group-text > i, .input-group > .input-group-text > svg, .criteria-row i, .criteria-row svg, i[class*="ti-calendar"], i[class*="fa-calendar"], i.ti-trash, i.fa-trash {
  position: relative !important;
  top: 3px !important;
}
/* CORRECCIÓN DEFINITIVA: Centrado vertical exacto para el icono de calendario en campos de fecha usando Absolute/TranslateY */
div[id^="showdate"], .flatpickr-wrapper, .search-criteria .input-group {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
div[id^="showdate"] i, div[id^="showdate"] svg, div[id^="showdate"] img, div[id^="showdate"] a[data-toggle], .flatpickr-wrapper i, .flatpickr-wrapper svg, .flatpickr-wrapper a[data-toggle], .search-criteria .input-group i, .search-criteria .input-group svg {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 4 !important;
}
/* Espacio en el input para que el texto no pise el icono */
div[id^="showdate"] input.form-control, .flatpickr-wrapper input.form-control, .search-criteria .input-group input.form-control {
  padding-right: 35px !important;
}
/* Evitar "salto" visual: antes de que Select2 inicialice, los <select> nativos
   se renderizan más altos y deforman la fila de criterios. Igualamos métricas
   para que el layout sea estable desde el primer paint. */
.search-criteria select, .criteria-row select, #search-form select {
  min-height: 32px !important;
  height: 32px !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  line-height: 1.2 !important;
}
.search-criteria input.form-control, .criteria-row input.form-control, #search-form input.form-control {
  min-height: 32px !important;
  height: 32px !important;
  line-height: 1.2 !important;
}
/* IAD fix: panel de Listas en overlay sin desplazar el contenido */
#page, .search_page {
  position: relative !important;
}
#page .saved-searches-panel:not(.pinned), .search_page .saved-searches-panel:not(.pinned) {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 400px !important;
  max-width: calc(100% - 12px) !important;
  z-index: 1035 !important;
}
@media (max-width: 575.98px) {
  #page .saved-searches-panel:not(.pinned), .search_page .saved-searches-panel:not(.pinned) {
    width: 100% !important;
    left: 0 !important;
  }
}
/* Tipografía responsiva global (IAD) */
html {
  font-size: clamp(12px, calc(0.22vw + 11px), 16px) !important;
}
body, .table, .table th, .table td, .btn, .form-control, .form-select, .dropdown-item, .nav-link, .main-label, .label {
  font-size: clamp(0.74rem, calc(0.16vw + 0.70rem), 0.95rem) !important;
}
.dashboard .card.big-number .formatted-number .number, .dashboard .card.big-number .formatted-number .suffix {
  font-size: clamp(1.15rem, calc(0.8vw + 0.8rem), 1.9rem) !important;
}
/* Dashboard superior (contenedor card-body p-2): más alto en vertical y responsivo */
main#page .search-container > .dashboard-card > .card-body.p-2 {
  min-height: clamp(92px, 10vh, 148px) !important;
  padding-top: clamp(0.55rem, 1.1vh, 0.95rem) !important;
  padding-bottom: clamp(0.55rem, 1.1vh, 0.95rem) !important;
}
/* Igualar altura de KPIs mini-dashboard al bloque grande */
main#page .search-container > .dashboard-card .grid-stack-item[gs-h="1"], main#page .search-container > .dashboard-card .grid-stack-item[gs-h="1"] .grid-stack-item-content {
  min-height: 69px !important;
  height: 69px !important;
}
main#page .search-container > .dashboard-card a.card.big-number {
  min-height: 69px !important;
  height: 69px !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.45rem !important;
}
/* Evitar recorte inferior (franja blanca) en mini-dashboard */
main#page .search-container > .dashboard-card .grid-stack {
  height: auto !important;
  min-height: 96px !important;
  overflow: visible !important;
}
main#page .search-container > .dashboard-card .grid-stack .grid-stack-item, main#page .search-container > .dashboard-card .grid-stack .grid-stack-item-content {
  overflow: visible !important;
}
/* Mini-dashboard (barra superior): tipografía más compacta para que no se corte */
main#page .search-container > .dashboard-card a.card.big-number .formatted-number .number, main#page .search-container > .dashboard-card a.card.big-number .formatted-number .suffix {
  font-size: clamp(1rem, calc(0.45vw + 0.78rem), 1.35rem) !important;
  line-height: 1.02 !important;
}
main#page .search-container > .dashboard-card a.card.big-number .label {
  font-size: clamp(0.58rem, calc(0.18vw + 0.52rem), 0.72rem) !important;
  line-height: 1.1 !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  text-overflow: initial !important;
}
/* Alineacion responsiva entre sidebar, header y contenido principal */
:root {
  --iad-sidebar-width: 240px;
  --iad-sidebar-collapsed-width: 70px;
}
@media (min-width: 992px) {
  .sidebar ~ .navbar, .sidebar ~ .page-wrapper {
    margin-inline-start: var(--iad-sidebar-width) !important;
  }
  body.navbar-collapsed .sidebar ~ .navbar, body.navbar-collapsed .sidebar ~ .page-wrapper {
    margin-inline-start: var(--iad-sidebar-collapsed-width) !important;
  }
  .sidebar ~ .page-wrapper > .page-body.container-fluid, .sidebar ~ .navbar > .container-fluid.flex-xl-nowrap.pe-xl-0 {
    margin-inline-start: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  .sidebar ~ .navbar, .sidebar ~ .page-wrapper {
    margin-inline-start: 0 !important;
  }
}
/* ============================================================================= */
/* FIX: Select2 (filtros) fuente/render y centrado vertical de toolbar           */
/* ============================================================================= */
main#page .search-container .filters_toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.5rem !important;
  min-height: 68px !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}
main#page .search-container .filters_toolbar .filters, main#page .search-container .filters_toolbar .filter, main#page .search-container .filters_toolbar fieldset.filter, main#page .search-container .filters_toolbar .btn-group {
  display: inline-flex !important;
  align-items: center !important;
}
main#page .search-container .filters_toolbar fieldset.filter {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
main#page .search-container .filters_toolbar .select2-container .select2-selection--single, main#page .search-container .filters_toolbar .select2-container .select2-selection__rendered, main#page .search-container .filters_toolbar span[id^="select2-dropdown_"][id$="-container"] {
  font-family: "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-variant-ligatures: none !important;
  unicode-bidi: plaintext !important;
  direction: ltr !important;
}
/* Alinear verticalmente texto/etiquetas (evitar que queden "remontadas") */
main#page .search-container .filters_toolbar .select2-container .select2-selection--single {
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
}
main#page .search-container .filters_toolbar .select2-container .select2-selection--single .select2-selection__rendered {
  height: 32px !important;
  line-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /* Mover texto/placeholder levemente a la izquierda sin invadir la flecha */
  padding-left: 0.55rem !important;
  padding-right: 2rem !important;
}
main#page .search-container .filters_toolbar .select2-container .select2-selection--single .select2-selection__placeholder {
  position: relative !important;
  left: -2px !important;
}
main#page .search-container .filters_toolbar .btn, main#page .search-container .filters_toolbar .btn.btn-icon, main#page .search-container .filters_toolbar .btn-group > .btn {
  height: 32px !important;
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* ============================================================================= */
/* FIX VISUAL: buscador header sin caja blanca + foco neutro (sin rojo)          */
/* ============================================================================= */
header.navbar .d-none.d-lg-block.flex-grow-1.flex-lg-grow-0 > form {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
}
header.navbar .d-none.d-lg-block.flex-grow-1.flex-lg-grow-0 > form > .input-group.input-group-flat {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 40px !important;
}
header.navbar .d-none.d-lg-block.flex-grow-1.flex-lg-grow-0 > form > .input-group.input-group-flat .form-control {
  background-color: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: none !important;
  height: 36px !important;
}
/* Quitar borde rojo al hacer click/focus en selects de filtros */
main#page .search-container .select2-container--default.select2-container--focus .select2-selection--single, main#page .search-container .select2-container--default.select2-container--focus .select2-selection--multiple, main#page .search-container .select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(22, 42, 86, 0.4) !important;
  border-bottom-color: rgba(22, 42, 86, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(22, 42, 86, 0.12) !important;
}
/* ============================================================================= */
/* FORCE: neutralizar cualquier foco rojo global                                 */
/* ============================================================================= */
*:focus-visible {
  outline: 2px solid #162a56 !important;
  outline-offset: 2px !important;
}
.form-control:focus, .form-select:focus, select:focus, textarea:focus, input:focus, .select2-selection:focus, .select2-container .select2-selection:focus, .select2-search__field:focus, .select2-search--dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus, .filters_toolbar .form-control:focus, .filters_toolbar .form-select:focus, .filters_toolbar .select2-selection:focus, .filters_toolbar input:focus, .filters_toolbar select:focus, #page .tox-tinymce.required:focus, #page .tox-tinymce.required:focus-within, .qtip .tox-tinymce.required:focus, .qtip .tox-tinymce.required:focus-within, .modal .modal-body .tox-tinymce.required:focus, .modal .modal-body .tox-tinymce.required:focus-within {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
}
/* ============================================================================= */
/* LOGIN - SAML (glpisaml) : header + botones visibles y coherentes              */
/* ============================================================================= */
body.welcome-anonymous .plugin_glpi.aml_login #saml_header > h2 {
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(10, 15, 30, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  display: inline-block !important;
  margin: 0 0 14px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
/* Igualar altura/typography de headers (login vs SAML) */
body.welcome-anonymous .page-anonymous .card-header.mb-4, body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_header {
  min-height: 104px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
body.welcome-anonymous .page-anonymous .card-header.mb-4, body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_header > h2 {
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
}
/* Asegurar que el H2 del login herede el tamaño y no infle la altura */
body.welcome-anonymous .page-anonymous .card-header.mb-4 > h2.mx-auto {
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
}
/* Igualar “pill”/contenedor del H2 izquierdo al header SAML */
body.welcome-anonymous .page-anonymous .card-header.mb-4 > h2.mx-auto {
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(10, 15, 30, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  display: inline-block !important;
  padding: 8px 14px !important;
  min-width: 291px !important;
  text-align: center !important;
}
/* Centrar bloque de botones SAML cuando hay 1 solo */
body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons > .col-sm-6 {
  display: flex !important;
  justify-content: center !important;
}
body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons .glpisaml-btn-wrap {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body.welcome-anonymous .plugin_glpi.aml_login #saml_buttons .btn.btn-light, body.welcome-anonymous .plugin_glpisaml_login #saml_buttons .btn.btn-light {
  /* estilo tipo “tile” (como el icono que compartiste) */
  background: linear-gradient(180deg, rgba(43, 169, 255, 0.95), rgba(0, 120, 212, 0.92)) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32) !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: visible !important;
  /* Botón tipo “tile” grande (sobrescribe width inline) */
  width: 260px !important;
  height: 200px !important;
  min-height: 200px !important;
  padding: 14px 14px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  /* el template trae margin-bottom inline; lo bajamos para pegar el label abajo */
  margin-bottom: 10px !important;
}
body.welcome-anonymous .plugin_glpi.aml_login #saml_buttons .btn.btn-light:hover, body.welcome-anonymous .plugin_glpi.aml_login #saml_buttons .btn.btn-light:focus, body.welcome-anonymous .plugin_glpi.aml_login #saml_buttons .btn.btn-light:focus-visible, body.welcome-anonymous .plugin_glpisaml_login #saml_buttons .btn.btn-light:hover, body.welcome-anonymous .plugin_glpisaml_login #saml_buttons .btn.btn-light:focus, body.welcome-anonymous .plugin_glpisaml_login #saml_buttons .btn.btn-light:focus-visible {
  background: linear-gradient(180deg, rgba(73, 193, 255, 0.98), rgba(0, 120, 212, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  transform: translateY(-2px);
}
/* el plugin usa un <i class="... fa-5x"> (FontAwesome), no un <img> */
body.welcome-anonymous .plugin_glpi.aml_login #saml_buttons .btn.btn-light i, body.welcome-anonymous .plugin_glpisaml_login #saml_buttons .btn.btn-light i {
  color: #ffffff !important;
  /* No limitar tamaño: respetar fa-5x y solo dar “badge” con padding */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.12), 0 10px 18px rgba(0, 0, 0, 0.22) !important;
}
/* Texto dentro del botón (debajo del icono) */
body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons .glpisaml-btn-text {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.95rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
  margin-top: 26px !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 240px !important;
  padding-inline: 10px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
}
/* Evitar que estilos base de .btn recorten el contenido interno */
body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons .btn.btn-light .glpisaml-btn-inner, body.welcome-anonymous :is(.plugin_glpi.aml_login, .plugin_glpisaml_login) #saml_buttons .btn.btn-light .d-flex.flex-column {
  overflow: visible !important;
}
/* ============================================================================= */
/* FORCE FINAL: eliminar contorno rojo global al enfocar/clickear                */
/* ============================================================================= */
html body main#page *:focus-visible, html body .sidebar *:focus-visible, html body *:focus-visible {
  outline: 2px solid #162a56 !important;
  outline-offset: 2px !important;
}
html body main#page :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus, html body main#page :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus-visible, html body main#page :is(.input-group, .input-group-flat, .select2-container, .select2-selection):focus-within, html body .sidebar :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus, html body .sidebar :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus-visible, html body .sidebar :is(.input-group, .input-group-flat, .select2-container, .select2-selection):focus-within, html body :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus, html body :is(button, .btn, .btn-action, .dropdown-toggle, .nav-link, .dropdown-item, .page-link, a, [role="button"], [tabindex]:not([tabindex="-1"]), input, select, textarea, .form-control, .form-select, .form-check-input, .select2-selection, .accordion-button, .list-group-item):focus-visible, html body :is(.input-group, .input-group-flat, .select2-container, .select2-selection):focus-within {
  border-color: #162a56 !important;
  box-shadow: 0 0 0 0.2rem rgba(22, 42, 86, 0.12) !important;
}
/* Neutralizar cualquier outline rojo inyectado por CSS custom cacheado */
html body *:focus, html body *:focus-visible {
  outline: none !important;
}
/* Ocultar barra superior de tabs en ticket.form.php (desktop y mobile) */
html body main#page .card-tabs #tabspanel, html body main#page .card-tabs #tabspanel-select, html body main#page #itil-object-container ~ #tabspanel, html body main#page #itil-object-container ~ #tabspanel-select {
  display: none !important;
}
/* Evitar espacio muerto al ocultar la barra de tabs */
html body main#page .card-tabs .tab-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Expandir alto útil del contenedor interno en ticket.form.php */
html body main#page .card-tabs.horizontal > .tab-content.p-2.flex-grow-1.card, html body main#page .card-tabs > .tab-content.p-2.flex-grow-1.card {
  min-height: calc(100vh - 110px) !important;
  overflow: visible !important;
  padding-bottom: 0px !important;
}
/* Dar más altura útil al formulario para que no tape la barra de acciones */
html body main#page #itil-object-container form#itil-form {
  min-height: calc(103vh - 170px) !important;
}
/* Asegurar visibilidad del bloque de botones al final */
html body main#page #itil-footer .buttons-bar.d-flex.py-2 {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  background: #ffffff !important;
}
/* FIX FINAL: evitar compresión vertical y recorte del footer en ticket.form.php */
html body main#page #itil-object-container {
  height: auto !important;
  min-height: calc(100vh - 110px) !important;
  overflow: visible !important;
}
html body main#page #itil-object-container > .row.itil-object {
  min-height: auto !important;
  overflow: visible !important;
}
html body main#page #itil-object-container .itil-left-side {
  height: auto !important;
  overflow: visible !important;
}
html body main#page #itil-object-container .itil-left-side .itil-timeline {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}
html body main#page #itil-object-container #itil-footer, html body main#page #itil-object-container #itil-footer .buttons-bar, html body main#page #itil-object-container #itil-footer .timeline-buttons, html body main#page #itil-object-container #itil-footer .form-buttons {
  overflow: visible !important;
  min-height: 64px !important;
}
/* Separar el contenido ITIL del borde superior del tab-content */
html body main#page .card-tabs .tab-content > #itil-object-container, html body main#page .card-tabs .tab-content > div[id^="tab-"] > #itil-object-container, html body main#page #itil-object-container.mt-n1 {
  margin-top: 10px !important;
}
/* Ajuste solicitado: panel derecho de datos con mayor altura visible */
html body main#page .accordion.open.accordion-flush#itil-data {
  max-height: 80vh !important;
  overflow-y: auto !important;
}
/* Ajuste solicitado: TinyMCE fijo y sin redimensionamiento manual en formulario ITIL */
html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox.tox-tinymce {
  resize: none !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  overflow: visible !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-statusbar__resize-handle {
  display: none !important;
  pointer-events: none !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content .field-container, html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-editor-container, html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-sidebar-wrap {
  overflow: visible !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-editor-container {
  height: calc(100% - 26px) !important;
  /* altura total menos statusbar */
  min-height: calc(100% - 26px) !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-edit-area, html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox .tox-edit-area iframe.tox-edit-area__iframe {
  min-height: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
/* Mantener altura util del editor sin forzar layout global */
html body main#page #itil-object-container form#itil-form .itil-textarea-content .tox.tox-tinymce {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
}
/* Evitar que muchos adjuntos oculten el input de carga en Descripcion */
html body main#page #itil-object-container form#itil-form .itil-textarea-content [id^="dropdoc"].fileupload {
  overflow: visible !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content [id^="dropdoc"] [id^="fileupload_info"].fileupload_info {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
  padding-right: 0.25rem !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content [id^="dropdoc"] [id^="fileupload_info"].fileupload_info > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 34px !important;
  line-height: 34px !important;
}
html body main#page #itil-object-container form#itil-form .itil-textarea-content [id^="dropdoc"].fileupload input[type="file"] {
  position: static !important;
}
/* ============================================================================= */
/* Select2 panel derecho ITIL: contener desplegable dentro del acordeón (#itil-data) */
/* Html.php usa dropdownParent = closest(..., #itil-data, body). Refuerzo: clip horizontal + ancho máximo. */
/* ============================================================================= */
html body main#page #itil-object-container .itil-right-side #itil-data {
  position: relative !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
}
html body main#page #itil-object-container .itil-right-side #itil-data .select2-dropdown {
  box-sizing: border-box !important;
}
/* Mismo ancho que el campo: select2_catalog_fix.js syncItilRightPanelSelect2DropdownSize */
html body main#page #itil-object-container .itil-right-side #itil-data .select2-dropdown .select2-results {
  width: 100% !important;
  box-sizing: border-box !important;
}
/* ============================================================================= */
/* Categoría (y similares): btn-group con Select2 — llenar hasta botones i / Añadir */
/* El tema base usa .btn-group .select2-container { flex-basis: content } → caja estrecha (~185px). */
/* ============================================================================= */
html body main#page #itil-object-container .itil-right-side [id^="category_block"] .field-container > .btn-group, html body main#page #itil-object-container .itil-right-side .field-container > .btn-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}
html body main#page #itil-object-container .itil-right-side [id^="category_block"] .field-container > .btn-group > .select2-container, html body main#page #itil-object-container .itil-right-side .field-container > .btn-group > .select2-container {
  flex: 1 1 0% !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: 0 !important;
  /* pisa flex-basis: content del tema */
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
html body main#page #itil-object-container .itil-right-side [id^="category_block"] .field-container > .btn-group > .select2-container .select2-selection--single, html body main#page #itil-object-container .itil-right-side .field-container > .btn-group > .select2-container .select2-selection--single {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* ============================================================================= */
/* FIX ELEMENTOS: evitar truncado de etiqueta y compresión del texto             */
/* ============================================================================= */
html body main#page #itil-data #items .input-group .input-group-text {
  min-width: max-content !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
html body main#page #itil-data #items .input-group .select2-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 60% !important;
}
/* ============================================================================= */
/* FIX USER FORM HEADER: .navigationheader elegante y coherente                  */
/* ============================================================================= */
html body main#page .navigationheader .spaced, html body main#page .navigationheader .d-flex.flex-row {
  background-color: var(--tblr-card-bg, #fff) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 0.5rem 0.75rem !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}
html body main#page .navigationheader .spaced > .text-muted, html body main#page .navigationheader .spaced > span, html body main#page .navigationheader .spaced > div, html body main#page .navigationheader .d-flex.flex-row > .text-muted, html body main#page .navigationheader .d-flex.flex-row > span, html body main#page .navigationheader .d-flex.flex-row > div {
  background: transparent !important;
}
html body main#page .navigationheader .spaced a, html body main#page .navigationheader .spaced button, html body main#page .navigationheader .d-flex.flex-row a, html body main#page .navigationheader .d-flex.flex-row button {
  border-radius: 8px !important;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
html body main#page .navigationheader .spaced a:hover, html body main#page .navigationheader .spaced button:hover, html body main#page .navigationheader .d-flex.flex-row a:hover, html body main#page .navigationheader .d-flex.flex-row button:hover {
  background-color: rgba(22, 42, 86, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(22, 42, 86, 0.15) !important;
}
/* ============================================================================= */
/* FIX SELECT2 SMALL TEXT TRUNCATION: "Sí/No" no se recorte                      */
/* ============================================================================= */
html body .select2-container--default .select2-selection--single {
  min-height: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 12px !important;
  padding-right: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
  line-height: 38px !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  /* Fuerza bruta: contraste total y evitar invisibilidad por herencia */
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  position: relative !important;
  z-index: 3 !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: nowrap !important;
  /* Si el texto estaba "caído" fuera de la caja, no lo recortes */
  overflow: visible !important;
  text-overflow: clip !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-indent: 0 !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__rendered::before {
  content: "" !important;
  display: none !important;
}
/* Caso crítico: Select2 dentro de `.btn-group-sm` (ej. Ubicación en user.form.php).
   El padding derecho estándar (36px) + ancho pequeño puede "comerse" todo el texto. */
html body main#page .btn-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 8px !important;
  padding-right: 24px !important;
  min-width: 1px !important;
  flex: 1 1 0 !important;
  font-size: 0.875rem !important;
  line-height: 38px !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-indent: 0 !important;
}
html body main#page .btn-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px !important;
}
/* Fuerza final del texto real del valor seleccionado (span#select2-*-container) */
html body main#page span[id^="select2-"][id$="-container"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-indent: 0 !important;
}
/* Ultra-específico: el Select2 de Ubicación (dropdown_locations_id*) no estaba pintando el texto en la casilla */
html body main#page span[id^="select2-dropdown_locations_id"][id$="-container"], html body main#page span.select2-selection__rendered[aria-labelledby^="select2-dropdown_locations_id"] {
  display: inline-flex !important;
  align-items: center !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-indent: 0 !important;
}
html body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* ============================================================================= */
/* UI GLOBAL: estandarizar altura y bordes grises (inputs/select2/botones)       */
/* ============================================================================= */
html body main#page .form-control, html body main#page .form-select, html body main#page .select2-container--default .select2-selection--single {
  min-height: 38px !important;
  height: 38px !important;
  border-color: #dee2e6 !important;
  border-radius: 8px !important;
}
/* Botones/iconos adyacentes a campos (mapa, +, i, buscar, etc.) */
html body main#page .input-group > .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning), html body main#page .btn-group > .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning), html body main#page .input-group > .btn-action, html body main#page .btn-group > .btn-action, html body main#page .input-group > .btn-outline-secondary, html body main#page .btn-group > .btn-outline-secondary, html body main#page .input-group > .btn-secondary, html body main#page .btn-group > .btn-secondary, html body main#page .input-group > .input-group-text {
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
}
/* Contraste de iconos/bordes en botones oscuros (solo icon-buttons, sin tocar botones normales) */
html body main#page .btn-primary.btn-icon, html body main#page .btn-dark.btn-icon, html body main#page .btn-primary.btn-action, html body main#page .btn-dark.btn-action {
  border-color: rgba(255, 255, 255, 0.85) !important;
}
/* ============================================================================= */
/* FIX PAGER TICKETS: evitar colision entre page-infos y paginacion             */
/* ============================================================================= */
html body main#page .search_page .search-container .search-card .search-footer .search-pager {
  flex-wrap: wrap !important;
  row-gap: 0.5rem !important;
  column-gap: 0.75rem !important;
}
html body main#page .search_page .search-container .search-card .search-footer .search-pager .search-limit, html body main#page .search_page .search-container .search-card .search-footer .search-pager .page-infos, html body main#page .search_page .search-container .search-card .search-footer .search-pager .pagination {
  position: static !important;
  left: auto !important;
  right: auto !important;
}
html body main#page .search_page .search-container .search-card .search-footer .search-pager .page-infos {
  flex: 1 1 260px !important;
  min-width: 220px !important;
  margin-right: 0.5rem !important;
  white-space: normal !important;
}
html body main#page .search_page .search-container .search-card .search-footer .search-pager .pagination {
  margin: 0 0 0 auto !important;
  flex: 0 0 auto !important;
}
/* ============================================================================= */
/* FIX QTIP CONFIRM DIALOG: evitar recorte de botones en .qtip-content          */
/* ============================================================================= */
html body .qtip .qtip-content, html body .qtip-content {
  overflow: visible !important;
  height: auto !important;
}
/* ============================================================================= */
/* GLOBAL FORM REFACTOR: Alineación, Iconos y Textareas (Iframes & Main Pages)  */
/* ============================================================================= */
/* 1. Alineación a la izquierda y centrado vertical en tablas de formulario */
html body table.tab_cadre_fixe th, html body table.tab_cadre_fixe td, html body table.tab_cadre th, html body table.tab_cadre td {
  text-align: left !important;
  vertical-align: middle !important;
}
/* 2. Textarea estático y con scroll (Comentarios) */
html body textarea, html body table.tab_cadre_fixe textarea, html body table.tab_cadre textarea {
  resize: none !important;
  overflow-y: auto !important;
  min-height: 85px !important;
}
/* 3. Iconos blancos sobre botones oscuros (Mapa, Añadir, etc.) */
html body .btn-primary i, html body .btn-primary svg, html body [class*="btn-dark"] i, html body [class*="btn-dark"] svg, html body .btn-primary.icon-only i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO BORDES: Botones adyacentes y enlaces (Iframes y Global)       */
/* ============================================================================= */
html body .input-group .btn:not(.btn-primary):not(.btn-danger):not(.btn-success), html body table.tab_cadre_fixe .btn:not(.btn-primary):not(.btn-danger):not(.btn-success), html body table.tab_cadre .btn:not(.btn-primary):not(.btn-danger):not(.btn-success), html body .glpi-form-control .btn:not(.btn-primary):not(.btn-danger):not(.btn-success) {
  border: 1px solid #dee2e6 !important;
  border-color: #dee2e6 !important;
}
/* ============================================================================= */
/* FIX LAYOUT MODERNO: Alineación de Labels y Bordes (Bootstrap Grid)           */
/* ============================================================================= */
/* 1. Anular la alineación derecha (.text-xxl-end) en los Labels de los formularios */
html body .card-body .form-field label.col-form-label, html body .form-field label[class*="text-xxl-end"], html body .field-container label {
  text-align: left !important;
  justify-content: flex-start !important;
}
/* 2. Forzar borde gris claro en los botones adyacentes (.btn-outline-secondary) */
html body .field-container .btn-outline-secondary, html body .form-field .btn-outline-secondary, html body .btn-group .btn-outline-secondary {
  border: 1px solid #dee2e6 !important;
  border-color: #dee2e6 !important;
}
/* 3. Centrado vertical absoluto de las columnas en el grid moderno */
html body .card-body.row {
  align-items: center !important;
}
html body .card-body.row > .form-field {
  align-self: center !important;
  margin-bottom: 0 !important;
}
/* ============================================================================= */
/* MASTER FIX: Header, Toolbar y Botones (Grid y Estética)                      */
/* ============================================================================= */
/* 1. Reparar la estructura del título que contiene la barra de herramientas */
html body .card-header h3.card-title {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
/* 2. Alinear la barra de herramientas y forzar que el formulario interno sea inline */
html body .card-header .toolbar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
}
html body .card-header .toolbar form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* 3. Convertir los botones "ghost" en botones profesionales con borde gris */
html body .card-header .btn-ghost-secondary, html body .toolbar .btn-ghost-secondary {
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
  color: #495057 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 8px !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
}
html body .card-header .btn-ghost-secondary i, html body .toolbar .btn-ghost-secondary i {
  color: inherit !important;
}
/* 4. Efecto hover profesional */
html body .card-header .btn-ghost-secondary:hover, html body .toolbar .btn-ghost-secondary:hover {
  background-color: #f8f9fa !important;
  border-color: #c6cacc !important;
  color: #0f172a !important;
}
/* ============================================================================= */
/* FIX ALINEACIÓN NAVEGACIÓN Y DROPDOWN ACCIONES                                */
/* ============================================================================= */
/* 1. Alinear verticalmente los botones de navegación con el header principal */
html body .navigationheader {
  align-items: center !important;
}
html body .navigationheader > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
html body .card-header.main-header {
  margin-top: 0 !important;
  align-items: center !important;
}
/* ============================================================================= */
/* FIX: DROPDOWN ACCIONES, TAMAÑO DE ICONOS Y HOVER AZUL OSCURO                 */
/* ============================================================================= */
/* 2. UNIFICAR EL TAMAÑO DE LOS ICONOS DE NAVEGACIÓN */
html body .navigationheader .btn-ghost-secondary i, html body .card-header .btn-ghost-secondary i {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* 3. HOVER/FOCUS PROFESIONAL (Fondo Azul Oscuro, Icono Blanco) */
html body .navigationheader .btn-ghost-secondary:hover, html body .navigationheader .btn-ghost-secondary:focus, html body .navigationheader .btn-ghost-secondary:active, html body .card-header .btn-ghost-secondary:hover, html body .card-header .btn-ghost-secondary:focus, html body .card-header .btn-ghost-secondary:active {
  background-color: #1e293b !important;
  border-color: #1e293b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html body .navigationheader .btn-ghost-secondary:hover i, html body .navigationheader .btn-ghost-secondary:focus i, html body .navigationheader .btn-ghost-secondary:active i, html body .card-header .btn-ghost-secondary:hover i, html body .card-header .btn-ghost-secondary:focus i, html body .card-header .btn-ghost-secondary:active i {
  color: #ffffff !important;
}
/* ============================================================================= */
/* MODO DIOS: DESTRUCCIÓN TOTAL DE POPPER.JS (Acciones Dropdown)                */
/* ============================================================================= */
/* 1. Ancla absoluta a prueba de fallos para el botón padre */
html body main#page .btn-group, html body .card-header .btn-group, html body .toolbar .btn-group {
  position: relative !important;
}
/* 2. Anulación total de los estilos en línea inyectados por JS */
html body main#page .btn-group #single-ma-action-menu.dropdown-menu, html body .card-header .btn-group #single-ma-action-menu.dropdown-menu, html body #single-ma-action-menu.dropdown-menu.show {
  position: absolute !important;
  inset: unset !important;
  top: 100% !important;
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  margin: 4px 0 0 0 !important;
}
/* ============================================================================= */
/* FIX DEFINITIVO TABLAS LEGACY: Alineación Derecha y Centrado Vertical          */
/* ============================================================================= */
/* 1. Celdas de texto (etiquetas): Alineadas a la derecha y centradas verticalmente */
html body table.tab_cadre_fixe td, html body table.tab_cadre_fixe th {
  text-align: right !important;
  vertical-align: middle !important;
  padding-right: 15px !important;
}
/* 2. Celdas con campos (inputs): Alineadas a la izquierda para mantener el orden */
html body table.tab_cadre_fixe td:has(.form-control), html body table.tab_cadre_fixe td:has(input), html body table.tab_cadre_fixe td:has(select), html body table.tab_cadre_fixe td:has(textarea), html body table.tab_cadre_fixe td:has(.select2), html body table.tab_cadre_fixe td:has(.btn), html body table.tab_cadre_fixe td.center {
  text-align: left !important;
  vertical-align: middle !important;
  padding-left: 0 !important;
}
/* 3. Casos especiales (como "Imagen" con rowspan): Centrado estricto */
html body table.tab_cadre_fixe td[rowspan] {
  vertical-align: middle !important;
}
/* ============================================================================= */
/* PASO 1: TÍTULOS AL CENTRO Y TEXTOS PLANOS A LA IZQUIERDA                      */
/* ============================================================================= */
/* B. Alinear a la Izquierda las Respuestas sin input (Columnas pares) */
html body table.tab_cadre_fixe td:nth-child(even) {
  text-align: left !important;
  padding-left: 0 !important;
}
/* ============================================================================= */
/* FIX NUCLEAR: Centrar Títulos de Sección (TH con Colspan)                      */
/* ============================================================================= */
html body #page table.tab_cadre_fixe tbody tr th[colspan], html body main#page table.tab_cadre_fixe tbody tr th[colspan="4"], html body main#page table.tab_cadre_fixe tbody tr th[colspan="2"] {
  text-align: center !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-weight: bold !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
/* ============================================================================= */
/* FIX NUCLEAR: Centrado Vertical Absoluto de Labels y Campos (Specificity War)  */
/* ============================================================================= */
/* 1. Forzar el centrado vertical en TODAS las celdas de la tabla usando main#page */
html body main#page table.tab_cadre_fixe tbody tr td, html body main#page table.tab_cadre_fixe tbody tr th {
  vertical-align: middle !important;
}
/* 2. Anular márgenes rebeldes en los inputs/selects que dañan el eje vertical */
html body main#page table.tab_cadre_fixe tbody tr td .select2-container, html body main#page table.tab_cadre_fixe tbody tr td .form-control, html body main#page table.tab_cadre_fixe tbody tr td input, html body main#page table.tab_cadre_fixe tbody tr td select, html body main#page table.tab_cadre_fixe tbody tr td .btn {
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* ============================================================================= */
/* FIX TEXTAREA: Agrandar campo de comentarios (Romper límite de 38px)           */
/* ============================================================================= */
html body main#page table.tab_cadre_fixe tbody tr td textarea.form-control, html body main#page table.tab_cadre_fixe tbody tr td textarea {
  min-height: 220px !important;
  height: auto !important;
  resize: vertical !important;
  padding: 10px !important;
}
/* ============================================================================= */
/* FIX BORDES: Eliminar líneas invasivas excepto en Títulos de Sección           */
/* ============================================================================= */
/* 1. ANIQUILAR las líneas horizontales de las celdas y filas normales */
html body main#page table.tab_cadre_fixe tbody tr td, html body main#page table.tab_cadre_fixe tbody tr {
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
}
/* 2. DIBUJAR líneas modernas únicamente en los títulos (separadores de sección) */
html body main#page table.tab_cadre_fixe tbody tr th[colspan], html body main#page table.tab_cadre_fixe tbody tr.header_row th {
  border-top: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background-color: transparent !important;
}
/* ============================================================================= */
/* FIX RESURRECCIÓN: Menú de Pestañas (Tabs Panel)                               */
/* ============================================================================= */
/* 1. Forzar visibilidad del contenedor de pestañas para evitar que desaparezca */
html body #page .card-tabs #tabspanel, html body main#page ul.nav-tabs#tabspanel, html body .nav.nav-tabs {
  display: flex !important;
  background: #ffffff !important;
  background: var(--fluent-surface, rgba(255, 255, 255, 0.9)) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fluent-border-light, #dee2e6) !important;
  border-radius: var(--fluent-radius-lg, 8px) !important;
  padding: 6px !important;
  gap: 4px !important;
  box-shadow: var(--fluent-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)) !important;
  margin-bottom: 20px !important;
  flex-wrap: wrap !important;
  z-index: 10 !important;
}
/* 2. Estilizar los enlaces inactivos (Pestañas normales) */
html body main#page ul.nav-tabs#tabspanel .nav-item .nav-link {
  border: none !important;
  border-radius: 6px !important;
  color: #495057 !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease-in-out !important;
  margin: 0 !important;
}
html body main#page ul.nav-tabs#tabspanel .nav-item .nav-link:hover:not(.active) {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
}
/* 3. Estilizar la pestaña Activa (Resaltado corporativo azul oscuro) */
html body main#page ul.nav-tabs#tabspanel .nav-item .nav-link.active {
  background-color: #1e293b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}
/* 4. Asegurar que las pestañas no choquen con el header de la tarjeta */
html body .card-body > .card-tabs {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
/* ============================================================================= */
/* FIX COLORES: Restaurar colores nativos de ITIL Status en Select2              */
/* ============================================================================= */
/* 1. Prevenir que el ícono herede rellenos webkit del contenedor padre */
html body main#page .select2-container .select2-selection__rendered i.itilstatus {
  -webkit-text-fill-color: initial !important;
  filter: none !important;
}
/* 2. Blindar los colores estándar de GLPI para los estados */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.new {
  color: #49bf4d !important;
}
/* Verde */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.assign, html body main#page .select2-container .select2-selection__rendered i.itilstatus.assigned {
  color: #49bf4d !important;
}
/* Verde outline */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.plan, html body main#page .select2-container .select2-selection__rendered i.itilstatus.planned {
  color: #0073b7 !important;
}
/* Azul claro */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.waiting {
  color: #ff9800 !important;
}
/* Naranja */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.solve, html body main#page .select2-container .select2-selection__rendered i.itilstatus.solved {
  color: #999999 !important;
}
/* Gris */
html body main#page .select2-container .select2-selection__rendered i.itilstatus.close, html body main#page .select2-container .select2-selection__rendered i.itilstatus.closed {
  color: #000000 !important;
}
/* Negro */
/* ============================================================================= */
/* FIX GLOBAL SELECT2 (Single): Flecha dentro del campo (layout flex)            */
/* ============================================================================= */
/* MODO NUCLEAR GLOBAL: convertir el single select2 a flex */
html body main#page .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
}
/* Texto ocupa el espacio y no invade el área de la flecha */
html body main#page .select2-container--default .select2-selection--single .select2-selection__rendered {
  flex: 1 1 auto !important;
  padding-right: 10px !important;
}
/* Flecha como item del flex (dentro del campo) */
html body main#page .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: static !important;
  height: auto !important;
  width: 28px !important;
  flex: 0 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 6px !important;
  pointer-events: none !important;
}
/* ============================================================================= */
/* FIX CONTEXTUAL: Menú "Acciones" del footer ITIL abre hacia arriba             */
/* ============================================================================= */
/* Solo en el bloque inferior de detalles del caso (#itil-footer #right-actions) */
html body main#page #itil-object-container #itil-footer #right-actions .btn-group {
  position: relative !important;
}
html body main#page #itil-object-container #itil-footer #right-actions .btn-group #single-ma-action-menu.dropdown-menu.show {
  position: absolute !important;
  inset: unset !important;
  top: auto !important;
  bottom: 100% !important;
  /* nace arriba del botón */
  left: auto !important;
  right: 0 !important;
  transform: translateY(-4px) !important;
  margin: 0 !important;
}
/* ============================================================================= */
/* FIX ITIL FOOTER: contorno gris claro en botones de acciones inferiores         */
/* ============================================================================= */
html body main#page #itil-object-container #itil-footer .open-timeline-filter-popover, html body main#page #itil-object-container #itil-footer .view-timeline-todo-list, html body main#page #itil-object-container #itil-footer #right-actions > button.btn-outline-danger, html body main#page #itil-object-container #itil-footer #right-actions #single-action {
  border-color: #dee2e6 !important;
}
html body main#page #itil-object-container #itil-footer .open-timeline-filter-popover:hover, html body main#page #itil-object-container #itil-footer .open-timeline-filter-popover:focus, html body main#page #itil-object-container #itil-footer .view-timeline-todo-list:hover, html body main#page #itil-object-container #itil-footer .view-timeline-todo-list:focus, html body main#page #itil-object-container #itil-footer #right-actions > button.btn-outline-danger:hover, html body main#page #itil-object-container #itil-footer #right-actions > button.btn-outline-danger:focus, html body main#page #itil-object-container #itil-footer #right-actions #single-action:hover, html body main#page #itil-object-container #itil-footer #right-actions #single-action:focus {
  border-color: #dee2e6 !important;
}
/* ============================================================================= */
/* FIX TIMELINE BADGES: evitar desborde en cabeceras de tarjetas ITIL            */
/* ============================================================================= */
html body main#page #itil-object-container .itil-left-side .timeline-content .card-body .timeline-header .creator {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html body main#page #itil-object-container .itil-left-side .timeline-content .card-body .timeline-header .creator .badge.user-select-auto.text-wrap {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.25 !important;
  height: auto !important;
}
html body main#page #itil-object-container .itil-left-side .timeline-content .card-body, html body main#page #itil-object-container .itil-left-side .timeline-content .card-body.px-1.px-xxl-3 {
  overflow-x: hidden !important;
}
/* Igualar tipografía de fecha en badges (link vs texto plano) */
html body main#page #itil-object-container .itil-left-side .timeline-content .card-body .timeline-header .creator .badge span, html body main#page #itil-object-container .itil-left-side .timeline-content .card-body .timeline-header .creator .badge a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
/* ============================================================================= */
/* FIX COLORES: Liberación de Colores Inline (Prioridad en Select2)              */
/* ============================================================================= */
html body main#page .select2-container .select2-selection__rendered i.fas.fa-circle, html body main#page .select2-container .select2-selection__rendered i[style*="color"], html body .select2-container .select2-selection__rendered i.fas.fa-circle {
  -webkit-text-fill-color: initial !important;
  /* Destruye el filtro oscuro de webkit */
  color: inherit;
  /* Permite que el style="color: HEX" del HTML brille de nuevo */
  filter: none !important;
}
/* ============================================================================= */
/* FIX LOGIN SELECT2: Color de texto claro para el origen de sesión              */
/* ============================================================================= */
html body.welcome-anonymous .select2-container--default .select2-selection--single .select2-selection__rendered, html body.welcome-anonymous .select2-container--default .select2-selection--single .select2-selection__rendered span {
  color: #ffffff !important;
  /* Fuerza el color blanco para igualar a los inputs */
  -webkit-text-fill-color: #ffffff !important;
  /* Evita que el navegador lo tiña de oscuro */
}
/* Opcional: Asegurar que la flecha también se vea clara en el login */
html body.welcome-anonymous .select2-container--default .select2-selection--single .select2-selection__arrow b[role="presentation"] {
  border-color: #ffffff transparent transparent transparent !important;
}
/* ============================================================================= */
/* FIX LOGIN SAML: Estilo oscuro/transparente para el botón de Microsoft         */
/* ============================================================================= */
html body.welcome-anonymous .glpisaml-btn-wrap button.glpisaml-btn {
  background-color: rgba(255, 255, 255, 0.08) !important;
  /* Fondo cristalino oscuro estilo input */
  background-image: none !important;
  /* Destruye cualquier gradiente azul del plugin */
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  /* Borde sutil */
  border-radius: 8px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}
/* Efecto hover para que se sienta interactivo */
html body.welcome-anonymous .glpisaml-btn-wrap button.glpisaml-btn:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}
/* Forzar que el ícono de Microsoft y el texto sean blancos */
html body.welcome-anonymous .glpisaml-btn-wrap button.glpisaml-btn i.fa-microsoft, html body.welcome-anonymous .glpisaml-btn-wrap button.glpisaml-btn span.glpisaml-btn-text, html body.welcome-anonymous .glpisaml-btn-wrap button.glpisaml-btn span.glpisaml-btn-text b {
  color: #ffffff !important;
}
/* (Regla ITIL específica removida: ahora es global en main#page) */
/* ============================================================================= */
/* FIX ESTADISTICAS: restaurar visual de timeline como glpi_local                */
/* ============================================================================= */
html body main#page .card-tab.vertical > .tab-content.p-2.flex-grow-1.card.border-start-0 {
  padding: 1rem !important;
  /* Equivale al layout sano (p-3 visual) */
}
html body main#page #itil-object-container .dates_timelines {
  width: 100% !important;
  max-width: 950px !important;
  margin: 0 auto !important;
  text-align: left !important;
}
html body main#page #itil-object-container .dates_timelines ul {
  position: relative !important;
}
html body main#page #itil-object-container .dates_timelines ul::before {
  content: "" !important;
  position: absolute !important;
  top: 23px !important;
  bottom: 23px !important;
  left: 170px !important;
  width: 3px !important;
  background-color: #a8a8a8 !important;
}
html body main#page #itil-object-container .dates_timelines li {
  margin: 35px 0 !important;
  display: block !important;
}
html body main#page #itil-object-container .dates_timelines time {
  height: 30px !important;
  position: absolute !important;
  left: 0 !important;
  text-align: right !important;
  width: 145px !important;
  color: #999 !important;
}
html body main#page #itil-object-container .dates_timelines .dot {
  position: absolute !important;
  left: 160px !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  border: 2px solid #696969 !important;
  box-sizing: content-box !important;
}
html body main#page #itil-object-container .dates_timelines .dot::before {
  font: var(--fa-font-solid) !important;
  /* Igual que glpi_local */
  color: #929292 !important;
  padding-left: 3px !important;
}
html body main#page #itil-object-container .dates_timelines .creation .dot {
  border: 0 !important;
  font-size: 15px !important;
  height: 18px !important;
  left: 161px !important;
}
html body main#page #itil-object-container .dates_timelines .creation .dot::before {
  content: "*" !important;
}
html body main#page #itil-object-container .dates_timelines .passed time, html body main#page #itil-object-container .dates_timelines .passed label {
  color: #ff0014 !important;
}
html body main#page #itil-object-container .dates_timelines .passed .dot {
  border-color: #ff0014 !important;
  color: #ff0014 !important;
}
html body main#page #itil-object-container .dates_timelines .passed .dot::before {
  content: "!" !important;
  padding-left: 8px !important;
  color: #e54e5a !important;
}
html body main#page #itil-object-container .dates_timelines .checked .dot::before {
  content: "" !important;
  /* far fa-calendar */
  font: var(--fa-font-regular) !important;
  padding-left: 3px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: #929292 !important;
}
/* FUERZA BRUTA: calendario en "Tome en cuenta" sin depender de Font Awesome */
html body main#page .dates_timelines li.checked > .dot::before, html body main#page .tab-content .dates_timelines li.checked > .dot::before, html body main#page .tab-content div[class*="date"] ul li.checked > .dot::before {
  content: "📅" !important;
  /* 📅 */
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  padding-left: 2px !important;
  color: #6b7280 !important;
}
/* ============================================================================= */
/* FIX ESTADISTICAS (TIMES): restaurar tabla como glpi_local                     */
/* ============================================================================= */
html body main#page .tab-content .date._timeline table.tab_cadre_fixe, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  /* Nuclear: nunca heredar centrado del contenedor */
  text-align: left !important;
}
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr th[colspan="2"], html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr th[colspan="2"] {
  text-align: left !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: transparent !important;
}
/* Nuclear: cualquier fila/columna dentro de TIMES debe ir a la izquierda */
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody td, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody td {
  text-align: left !important;
  /* Si algún CSS externo convierte celdas en flex, lo anulamos */
  display: table-cell !important;
  justify-content: flex-start !important;
}
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td {
  text-align: left !important;
  vertical-align: middle !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-top: 0 !important;
}
/* Línea vertical entre columnas (label | valor) dentro de TIMES */
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td + td, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td + td {
  border-left-width: 1px !important;
  border-left-style: solid !important;
  /* Más contraste (en blanco, --card-border puede ser imperceptible) */
  border-left-color: var(--fluent-border-light) !important;
  /* Fallback “a prueba de nuclear”: si algún reset mata bordes, el inset se ve igual */
  box-shadow: inset 1px 0 0 var(--fluent-border-light) !important;
  position: relative !important;
}
/* Fuerza bruta definitiva: dibujar la línea como overlay (no depende de bordes) */
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td + td::before, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td + td::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 1px !important;
  background: var(--fluent-border-light) !important;
  pointer-events: none !important;
}
/* Centrado exclusivo del título Fechas */
.dates_timelines h2.header {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}
/* Línea horizontal entre filas (p. ej. entre "Tome en cuenta" y "En espera") */
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2:not(:last-child) td, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2:not(:last-child) td {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: var(--card-border) !important;
}
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td:first-child, html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td:first-child {
  width: 52% !important;
}
html body main#page .tab-content .date._timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td:nth-child(2), html body main#page .tab-content .dates_timeline table.tab_cadre_fixe tbody tr.tab_bg_2 td:nth-child(2) {
  width: 48% !important;
  text-align: left !important;
}
/* ============================================================================= */
/* NUCLEAR (pedido): forzar alineación izquierda en tablas dentro de card         */
/* Especialmente para tablas legacy/tab_cadre_fixe renderizadas en Estadísticas   */
/* ============================================================================= */
#page .card .table tbody tr td:not(.shadow-none), #page .card .table-striped tbody tr td:not(.shadow-none), #page .card table tbody tr td:not(.shadow-none), .card .table tbody tr td:not(.shadow-none), .card .table-striped tbody tr td:not(.shadow-none), .card table tbody tr td:not(.shadow-none), #massformTicket .table tbody tr td:not(.shadow-none), #massformTicket table tbody tr td:not(.shadow-none) {
  background: #ffffff !important;
  color: var(--text) !important;
  border-color: var(--card-border) !important;
  text-align: left !important;
}
html body main#page #itil-object-container .dates_timelines .end .dot {
  border: 0 !important;
  font-size: 15px !important;
  left: 163px !important;
}
html body main#page #itil-object-container .dates_timelines .end .dot::before {
  content: "" !important;
}
html body main#page #itil-object-container .dates_timelines label {
  position: absolute !important;
  left: 190px !important;
  text-align: right !important;
}