| Current File : /home/escuelai/public_html/it/css_compiled/css_palettes_auror_dark.min.css |
/**
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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/>.
*
* ---------------------------------------------------------------------
*/
@charset "UTF-8";
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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/>.
*
* ---------------------------------------------------------------------
*/
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
--tblr-btn-color-text: red;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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-2022 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 1.68.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/iconfont/fonts/tabler-icons.eot");
src: url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.eot?#iefix") format("embedded-opentype"), url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.woff2") format("woff2"), url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.woff") format("woff"), url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.ttf") format("truetype"), url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.svg#tabler-icons") format("svg");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "tabler-icons";
src: url("../css/lib/tabler/icons/iconfont/fonts/tabler-icons.svg#tabler-icons") format("svg");
}
}
.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-2fa:before {
content: "\eca0";
}
.ti-3d-cube-sphere:before {
content: "\ecd7";
}
.ti-3d-rotate:before {
content: "\f020";
}
.ti-a-b:before {
content: "\ec36";
}
.ti-a-b-off:before {
content: "\f0a6";
}
.ti-abacus:before {
content: "\f05c";
}
.ti-access-point:before {
content: "\ed1b";
}
.ti-access-point-off:before {
content: "\ed1a";
}
.ti-accessible:before {
content: "\eba9";
}
.ti-accessible-off:before {
content: "\f0a7";
}
.ti-activity:before {
content: "\ed23";
}
.ti-activity-heartbeat:before {
content: "\f0db";
}
.ti-ad:before {
content: "\ea02";
}
.ti-ad-2:before {
content: "\ef1f";
}
.ti-address-book:before {
content: "\f021";
}
.ti-adjustments:before {
content: "\ea03";
}
.ti-adjustments-alt:before {
content: "\ec37";
}
.ti-adjustments-horizontal:before {
content: "\ec38";
}
.ti-adjustments-off:before {
content: "\f0a8";
}
.ti-aerial-lift:before {
content: "\edfe";
}
.ti-affiliate:before {
content: "\edff";
}
.ti-alarm:before {
content: "\ea04";
}
.ti-alarm-off:before {
content: "\f0a9";
}
.ti-album:before {
content: "\f022";
}
.ti-alert-circle:before {
content: "\ea05";
}
.ti-alert-octagon:before {
content: "\ecc6";
}
.ti-alert-triangle:before {
content: "\ea06";
}
.ti-alien:before {
content: "\ebde";
}
.ti-align-center:before {
content: "\ea07";
}
.ti-align-justified:before {
content: "\ea08";
}
.ti-align-left:before {
content: "\ea09";
}
.ti-align-right:before {
content: "\ea0a";
}
.ti-ambulance:before {
content: "\ebf5";
}
.ti-anchor:before {
content: "\eb76";
}
.ti-anchor-off:before {
content: "\f0f7";
}
.ti-angle:before {
content: "\ef20";
}
.ti-ankh:before {
content: "\f1cd";
}
.ti-antenna:before {
content: "\f094";
}
.ti-antenna-bars-1:before {
content: "\ecc7";
}
.ti-antenna-bars-2:before {
content: "\ecc8";
}
.ti-antenna-bars-3:before {
content: "\ecc9";
}
.ti-antenna-bars-4:before {
content: "\ecca";
}
.ti-antenna-bars-5:before {
content: "\eccb";
}
.ti-antenna-bars-off:before {
content: "\f0aa";
}
.ti-aperture:before {
content: "\eb58";
}
.ti-api:before {
content: "\effd";
}
.ti-api-app:before {
content: "\effc";
}
.ti-api-app-off:before {
content: "\f0ab";
}
.ti-api-off:before {
content: "\f0f8";
}
.ti-app-window:before {
content: "\efe6";
}
.ti-apple:before {
content: "\ef21";
}
.ti-apps:before {
content: "\ebb6";
}
.ti-apps-off:before {
content: "\f0ac";
}
.ti-archive:before {
content: "\ea0b";
}
.ti-archive-off:before {
content: "\f0ad";
}
.ti-armchair:before {
content: "\ef9e";
}
.ti-armchair-2:before {
content: "\efe7";
}
.ti-arrow-autofit-content:before {
content: "\ef31";
}
.ti-arrow-autofit-down:before {
content: "\ef32";
}
.ti-arrow-autofit-height:before {
content: "\ef33";
}
.ti-arrow-autofit-left:before {
content: "\ef34";
}
.ti-arrow-autofit-right:before {
content: "\ef35";
}
.ti-arrow-autofit-up:before {
content: "\ef36";
}
.ti-arrow-autofit-width:before {
content: "\ef37";
}
.ti-arrow-back:before {
content: "\ea0c";
}
.ti-arrow-back-up:before {
content: "\eb77";
}
.ti-arrow-bar-down:before {
content: "\ea0d";
}
.ti-arrow-bar-left:before {
content: "\ea0e";
}
.ti-arrow-bar-right:before {
content: "\ea0f";
}
.ti-arrow-bar-to-down:before {
content: "\ec88";
}
.ti-arrow-bar-to-left:before {
content: "\ec89";
}
.ti-arrow-bar-to-right:before {
content: "\ec8a";
}
.ti-arrow-bar-to-up:before {
content: "\ec8b";
}
.ti-arrow-bar-up:before {
content: "\ea10";
}
.ti-arrow-bear-left:before {
content: "\f045";
}
.ti-arrow-bear-left-2:before {
content: "\f044";
}
.ti-arrow-bear-right:before {
content: "\f047";
}
.ti-arrow-bear-right-2:before {
content: "\f046";
}
.ti-arrow-big-down:before {
content: "\edda";
}
.ti-arrow-big-down-line:before {
content: "\efe8";
}
.ti-arrow-big-down-lines:before {
content: "\efe9";
}
.ti-arrow-big-left:before {
content: "\eddb";
}
.ti-arrow-big-left-line:before {
content: "\efea";
}
.ti-arrow-big-left-lines:before {
content: "\efeb";
}
.ti-arrow-big-right:before {
content: "\eddc";
}
.ti-arrow-big-right-line:before {
content: "\efec";
}
.ti-arrow-big-right-lines:before {
content: "\efed";
}
.ti-arrow-big-top:before {
content: "\eddd";
}
.ti-arrow-big-up-line:before {
content: "\efee";
}
.ti-arrow-big-up-lines:before {
content: "\efef";
}
.ti-arrow-bottom-bar:before {
content: "\ed98";
}
.ti-arrow-bottom-circle:before {
content: "\ed99";
}
.ti-arrow-bottom-square:before {
content: "\ed9a";
}
.ti-arrow-bottom-tail:before {
content: "\ed9b";
}
.ti-arrow-curve-left:before {
content: "\f048";
}
.ti-arrow-curve-right:before {
content: "\f049";
}
.ti-arrow-down:before {
content: "\ea16";
}
.ti-arrow-down-circle:before {
content: "\ea11";
}
.ti-arrow-down-left:before {
content: "\ea13";
}
.ti-arrow-down-left-circle:before {
content: "\ea12";
}
.ti-arrow-down-right:before {
content: "\ea15";
}
.ti-arrow-down-right-circle:before {
content: "\ea14";
}
.ti-arrow-fork:before {
content: "\f04a";
}
.ti-arrow-forward:before {
content: "\ea17";
}
.ti-arrow-forward-up:before {
content: "\eb78";
}
.ti-arrow-left:before {
content: "\ea19";
}
.ti-arrow-left-bar:before {
content: "\ed9c";
}
.ti-arrow-left-circle:before {
content: "\ea18";
}
.ti-arrow-left-right:before {
content: "\f04b";
}
.ti-arrow-left-square:before {
content: "\ed9d";
}
.ti-arrow-left-tail:before {
content: "\ed9e";
}
.ti-arrow-loop-left:before {
content: "\ed9f";
}
.ti-arrow-loop-left-2:before {
content: "\f04c";
}
.ti-arrow-loop-right:before {
content: "\eda0";
}
.ti-arrow-loop-right-2:before {
content: "\f04d";
}
.ti-arrow-merge:before {
content: "\f04e";
}
.ti-arrow-narrow-down:before {
content: "\ea1a";
}
.ti-arrow-narrow-left:before {
content: "\ea1b";
}
.ti-arrow-narrow-right:before {
content: "\ea1c";
}
.ti-arrow-narrow-up:before {
content: "\ea1d";
}
.ti-arrow-ramp-left:before {
content: "\ed3c";
}
.ti-arrow-ramp-left-2:before {
content: "\f04f";
}
.ti-arrow-ramp-left-3:before {
content: "\f050";
}
.ti-arrow-ramp-right:before {
content: "\ed3d";
}
.ti-arrow-ramp-right-2:before {
content: "\f051";
}
.ti-arrow-ramp-right-3:before {
content: "\f052";
}
.ti-arrow-right:before {
content: "\ea1f";
}
.ti-arrow-right-bar:before {
content: "\eda1";
}
.ti-arrow-right-circle:before {
content: "\ea1e";
}
.ti-arrow-right-square:before {
content: "\eda2";
}
.ti-arrow-right-tail:before {
content: "\eda3";
}
.ti-arrow-rotary-first-left:before {
content: "\f053";
}
.ti-arrow-rotary-first-right:before {
content: "\f054";
}
.ti-arrow-rotary-last-left:before {
content: "\f055";
}
.ti-arrow-rotary-last-right:before {
content: "\f056";
}
.ti-arrow-rotary-left:before {
content: "\f057";
}
.ti-arrow-rotary-right:before {
content: "\f058";
}
.ti-arrow-rotary-straight:before {
content: "\f059";
}
.ti-arrow-sharp-turn-left:before {
content: "\f05a";
}
.ti-arrow-sharp-turn-right:before {
content: "\f05b";
}
.ti-arrow-top-bar:before {
content: "\eda4";
}
.ti-arrow-top-circle:before {
content: "\eda5";
}
.ti-arrow-top-square:before {
content: "\eda6";
}
.ti-arrow-top-tail:before {
content: "\eda7";
}
.ti-arrow-up:before {
content: "\ea25";
}
.ti-arrow-up-circle:before {
content: "\ea20";
}
.ti-arrow-up-left:before {
content: "\ea22";
}
.ti-arrow-up-left-circle:before {
content: "\ea21";
}
.ti-arrow-up-right:before {
content: "\ea24";
}
.ti-arrow-up-right-circle:before {
content: "\ea23";
}
.ti-arrow-wave-left-down:before {
content: "\eda8";
}
.ti-arrow-wave-left-up:before {
content: "\eda9";
}
.ti-arrow-wave-right-down:before {
content: "\edaa";
}
.ti-arrow-wave-right-up:before {
content: "\edab";
}
.ti-arrows-cross:before {
content: "\effe";
}
.ti-arrows-diagonal:before {
content: "\ea27";
}
.ti-arrows-diagonal-2:before {
content: "\ea26";
}
.ti-arrows-diagonal-minimize:before {
content: "\ef39";
}
.ti-arrows-diagonal-minimize-2:before {
content: "\ef38";
}
.ti-arrows-double-ne-sw:before {
content: "\edde";
}
.ti-arrows-double-nw-se:before {
content: "\eddf";
}
.ti-arrows-double-se-nw:before {
content: "\ede0";
}
.ti-arrows-double-sw-ne:before {
content: "\ede1";
}
.ti-arrows-down:before {
content: "\edad";
}
.ti-arrows-down-up:before {
content: "\edac";
}
.ti-arrows-horizontal:before {
content: "\eb59";
}
.ti-arrows-join:before {
content: "\edaf";
}
.ti-arrows-join-2:before {
content: "\edae";
}
.ti-arrows-left:before {
content: "\edb1";
}
.ti-arrows-left-down:before {
content: "\ee00";
}
.ti-arrows-left-right:before {
content: "\edb0";
}
.ti-arrows-maximize:before {
content: "\ea28";
}
.ti-arrows-minimize:before {
content: "\ea29";
}
.ti-arrows-random:before {
content: "\f095";
}
.ti-arrows-right:before {
content: "\edb3";
}
.ti-arrows-right-down:before {
content: "\ee01";
}
.ti-arrows-right-left:before {
content: "\edb2";
}
.ti-arrows-shuffle:before {
content: "\f000";
}
.ti-arrows-shuffle-2:before {
content: "\efff";
}
.ti-arrows-sort:before {
content: "\eb5a";
}
.ti-arrows-split:before {
content: "\edb5";
}
.ti-arrows-split-2:before {
content: "\edb4";
}
.ti-arrows-up:before {
content: "\edb7";
}
.ti-arrows-up-down:before {
content: "\edb6";
}
.ti-arrows-up-left:before {
content: "\ee02";
}
.ti-arrows-up-right:before {
content: "\ee03";
}
.ti-arrows-vertical:before {
content: "\eb5b";
}
.ti-artboard:before {
content: "\ea2a";
}
.ti-artboard-off:before {
content: "\f0ae";
}
.ti-aspect-ratio:before {
content: "\ed30";
}
.ti-aspect-ratio-off:before {
content: "\f0af";
}
.ti-asset:before {
content: "\f1ce";
}
.ti-asterisk:before {
content: "\efd5";
}
.ti-asterisk-simple:before {
content: "\efd4";
}
.ti-at:before {
content: "\ea2b";
}
.ti-at-off:before {
content: "\f0b0";
}
.ti-atom:before {
content: "\eb79";
}
.ti-atom-2:before {
content: "\ebdf";
}
.ti-atom-off:before {
content: "\f0f9";
}
.ti-augmented-reality:before {
content: "\f023";
}
.ti-award:before {
content: "\ea2c";
}
.ti-award-off:before {
content: "\f0fa";
}
.ti-axe:before {
content: "\ef9f";
}
.ti-axis-x:before {
content: "\ef45";
}
.ti-axis-y:before {
content: "\ef46";
}
.ti-baby-carriage:before {
content: "\f05d";
}
.ti-backhoe:before {
content: "\ed86";
}
.ti-backpack:before {
content: "\ef47";
}
.ti-backspace:before {
content: "\ea2d";
}
.ti-badge:before {
content: "\efc2";
}
.ti-badge-off:before {
content: "\f0fb";
}
.ti-badges:before {
content: "\efc3";
}
.ti-badges-off:before {
content: "\f0fc";
}
.ti-ball-american-football:before {
content: "\ee04";
}
.ti-ball-baseball:before {
content: "\efa0";
}
.ti-ball-basketball:before {
content: "\ec28";
}
.ti-ball-bowling:before {
content: "\ec29";
}
.ti-ball-football:before {
content: "\ee06";
}
.ti-ball-football-off:before {
content: "\ee05";
}
.ti-ball-tennis:before {
content: "\ec2a";
}
.ti-ball-volleyball:before {
content: "\ec2b";
}
.ti-ballon:before {
content: "\ef3a";
}
.ti-ballon-off:before {
content: "\f0fd";
}
.ti-ballpen:before {
content: "\f06e";
}
.ti-ballpen-off:before {
content: "\f0b1";
}
.ti-ban:before {
content: "\ea2e";
}
.ti-bandage:before {
content: "\eb7a";
}
.ti-barbell:before {
content: "\eff0";
}
.ti-barbell-off:before {
content: "\f0b2";
}
.ti-barcode:before {
content: "\ebc6";
}
.ti-barcode-off:before {
content: "\f0b3";
}
.ti-barrel:before {
content: "\f0b4";
}
.ti-barrel-off:before {
content: "\f0fe";
}
.ti-barrier-block:before {
content: "\f00e";
}
.ti-barrier-block-off:before {
content: "\f0b5";
}
.ti-baseline:before {
content: "\f024";
}
.ti-basket:before {
content: "\ebe1";
}
.ti-basket-off:before {
content: "\f0b6";
}
.ti-bath:before {
content: "\ef48";
}
.ti-bath-off:before {
content: "\f0ff";
}
.ti-battery:before {
content: "\ea34";
}
.ti-battery-1:before {
content: "\ea2f";
}
.ti-battery-2:before {
content: "\ea30";
}
.ti-battery-3:before {
content: "\ea31";
}
.ti-battery-4:before {
content: "\ea32";
}
.ti-battery-automotive:before {
content: "\ee07";
}
.ti-battery-charging:before {
content: "\ea33";
}
.ti-battery-charging-2:before {
content: "\ef3b";
}
.ti-battery-eco:before {
content: "\ef3c";
}
.ti-battery-off:before {
content: "\ed1c";
}
.ti-beach:before {
content: "\ef3d";
}
.ti-beach-off:before {
content: "\f0b7";
}
.ti-bed:before {
content: "\eb5c";
}
.ti-bed-off:before {
content: "\f100";
}
.ti-beer:before {
content: "\efa1";
}
.ti-beer-off:before {
content: "\f101";
}
.ti-bell:before {
content: "\ea35";
}
.ti-bell-minus:before {
content: "\ede2";
}
.ti-bell-off:before {
content: "\ece9";
}
.ti-bell-plus:before {
content: "\ede3";
}
.ti-bell-ringing:before {
content: "\ed07";
}
.ti-bell-ringing-2:before {
content: "\ede4";
}
.ti-bell-school:before {
content: "\f05e";
}
.ti-bell-x:before {
content: "\ede5";
}
.ti-bell-z:before {
content: "\eff1";
}
.ti-bible:before {
content: "\efc4";
}
.ti-bike:before {
content: "\ea36";
}
.ti-bike-off:before {
content: "\f0b8";
}
.ti-binary:before {
content: "\ee08";
}
.ti-biohazard:before {
content: "\ecb8";
}
.ti-biohazard-off:before {
content: "\f0b9";
}
.ti-blockquote:before {
content: "\ee09";
}
.ti-bluetooth:before {
content: "\ea37";
}
.ti-bluetooth-connected:before {
content: "\ecea";
}
.ti-bluetooth-off:before {
content: "\eceb";
}
.ti-bluetooth-x:before {
content: "\f081";
}
.ti-blur:before {
content: "\ef8c";
}
.ti-bold:before {
content: "\eb7b";
}
.ti-bold-off:before {
content: "\f0ba";
}
.ti-bolt:before {
content: "\ea38";
}
.ti-bolt-off:before {
content: "\ecec";
}
.ti-bone:before {
content: "\edb8";
}
.ti-bone-off:before {
content: "\f0bb";
}
.ti-book:before {
content: "\ea39";
}
.ti-book-2:before {
content: "\efc5";
}
.ti-book-download:before {
content: "\f070";
}
.ti-book-off:before {
content: "\f0bc";
}
.ti-book-upload:before {
content: "\f071";
}
.ti-bookmark:before {
content: "\ea3a";
}
.ti-bookmark-off:before {
content: "\eced";
}
.ti-bookmarks:before {
content: "\ed08";
}
.ti-bookmarks-off:before {
content: "\f0bd";
}
.ti-books:before {
content: "\eff2";
}
.ti-books-off:before {
content: "\f0be";
}
.ti-border-all:before {
content: "\ea3b";
}
.ti-border-bottom:before {
content: "\ea3c";
}
.ti-border-horizontal:before {
content: "\ea3d";
}
.ti-border-inner:before {
content: "\ea3e";
}
.ti-border-left:before {
content: "\ea3f";
}
.ti-border-none:before {
content: "\ea40";
}
.ti-border-outer:before {
content: "\ea41";
}
.ti-border-radius:before {
content: "\eb7c";
}
.ti-border-right:before {
content: "\ea42";
}
.ti-border-style:before {
content: "\ee0a";
}
.ti-border-style-2:before {
content: "\ef22";
}
.ti-border-top:before {
content: "\ea43";
}
.ti-border-vertical:before {
content: "\ea44";
}
.ti-bottle:before {
content: "\ef0b";
}
.ti-bow:before {
content: "\f096";
}
.ti-box:before {
content: "\ea45";
}
.ti-box-margin:before {
content: "\ee0b";
}
.ti-box-model:before {
content: "\ee0c";
}
.ti-box-model-2:before {
content: "\ef23";
}
.ti-box-multiple:before {
content: "\ee17";
}
.ti-box-multiple-0:before {
content: "\ee0d";
}
.ti-box-multiple-1:before {
content: "\ee0e";
}
.ti-box-multiple-2:before {
content: "\ee0f";
}
.ti-box-multiple-3:before {
content: "\ee10";
}
.ti-box-multiple-4:before {
content: "\ee11";
}
.ti-box-multiple-5:before {
content: "\ee12";
}
.ti-box-multiple-6:before {
content: "\ee13";
}
.ti-box-multiple-7:before {
content: "\ee14";
}
.ti-box-multiple-8:before {
content: "\ee15";
}
.ti-box-multiple-9:before {
content: "\ee16";
}
.ti-box-off:before {
content: "\f102";
}
.ti-box-padding:before {
content: "\ee18";
}
.ti-braces:before {
content: "\ebcc";
}
.ti-braces-off:before {
content: "\f0bf";
}
.ti-brackets:before {
content: "\ebcd";
}
.ti-brackets-off:before {
content: "\f0c0";
}
.ti-brand-adobe:before {
content: "\f0dc";
}
.ti-brand-airbnb:before {
content: "\ed68";
}
.ti-brand-airtable:before {
content: "\ef6a";
}
.ti-brand-android:before {
content: "\ec16";
}
.ti-brand-angular:before {
content: "\ef6b";
}
.ti-brand-apple:before {
content: "\ec17";
}
.ti-brand-apple-arcade:before {
content: "\ed69";
}
.ti-brand-appstore:before {
content: "\ed24";
}
.ti-brand-asana:before {
content: "\edc5";
}
.ti-brand-behance:before {
content: "\ec6e";
}
.ti-brand-bing:before {
content: "\edc6";
}
.ti-brand-bitbucket:before {
content: "\edc7";
}
.ti-brand-booking:before {
content: "\edc8";
}
.ti-brand-bootstrap:before {
content: "\ef3e";
}
.ti-brand-chrome:before {
content: "\ec18";
}
.ti-brand-codepen:before {
content: "\ec6f";
}
.ti-brand-codesandbox:before {
content: "\ed6a";
}
.ti-brand-css3:before {
content: "\ed6b";
}
.ti-brand-cucumber:before {
content: "\ef6c";
}
.ti-brand-debian:before {
content: "\ef57";
}
.ti-brand-deviantart:before {
content: "\ecfb";
}
.ti-brand-discord:before {
content: "\ece3";
}
.ti-brand-disqus:before {
content: "\edc9";
}
.ti-brand-docker:before {
content: "\edca";
}
.ti-brand-doctrine:before {
content: "\ef6d";
}
.ti-brand-dribbble:before {
content: "\ec19";
}
.ti-brand-edge:before {
content: "\ecfc";
}
.ti-brand-facebook:before {
content: "\ec1a";
}
.ti-brand-figma:before {
content: "\ec93";
}
.ti-brand-firebase:before {
content: "\ef6e";
}
.ti-brand-firefox:before {
content: "\ecfd";
}
.ti-brand-flickr:before {
content: "\ecfe";
}
.ti-brand-foursquare:before {
content: "\ecff";
}
.ti-brand-framer:before {
content: "\ec1b";
}
.ti-brand-git:before {
content: "\ef6f";
}
.ti-brand-github:before {
content: "\ec1c";
}
.ti-brand-gitlab:before {
content: "\ec1d";
}
.ti-brand-gmail:before {
content: "\efa2";
}
.ti-brand-google:before {
content: "\ec1f";
}
.ti-brand-google-analytics:before {
content: "\edcb";
}
.ti-brand-google-drive:before {
content: "\ec1e";
}
.ti-brand-google-play:before {
content: "\ed25";
}
.ti-brand-gravatar:before {
content: "\edcc";
}
.ti-brand-hipchat:before {
content: "\edcd";
}
.ti-brand-html5:before {
content: "\ed6c";
}
.ti-brand-instagram:before {
content: "\ec20";
}
.ti-brand-intercom:before {
content: "\f1cf";
}
.ti-brand-javascript:before {
content: "\ef0c";
}
.ti-brand-kickstarter:before {
content: "\edce";
}
.ti-brand-kotlin:before {
content: "\ed6d";
}
.ti-brand-lastfm:before {
content: "\f001";
}
.ti-brand-linkedin:before {
content: "\ec8c";
}
.ti-brand-loom:before {
content: "\ef70";
}
.ti-brand-mastercard:before {
content: "\ef49";
}
.ti-brand-medium:before {
content: "\ec70";
}
.ti-brand-mercedes:before {
content: "\f072";
}
.ti-brand-messenger:before {
content: "\ec71";
}
.ti-brand-meta:before {
content: "\efb0";
}
.ti-brand-netbeans:before {
content: "\ef71";
}
.ti-brand-netflix:before {
content: "\edcf";
}
.ti-brand-nextjs:before {
content: "\f0dd";
}
.ti-brand-notion:before {
content: "\ef7b";
}
.ti-brand-nuxt:before {
content: "\f0de";
}
.ti-brand-nytimes:before {
content: "\ef8d";
}
.ti-brand-open-source:before {
content: "\edd0";
}
.ti-brand-opera:before {
content: "\ec21";
}
.ti-brand-pagekit:before {
content: "\edd1";
}
.ti-brand-patreon:before {
content: "\edd2";
}
.ti-brand-paypal:before {
content: "\ec22";
}
.ti-brand-php:before {
content: "\ef72";
}
.ti-brand-pinterest:before {
content: "\ec8d";
}
.ti-brand-pocket:before {
content: "\ed00";
}
.ti-brand-producthunt:before {
content: "\edd3";
}
.ti-brand-python:before {
content: "\ed01";
}
.ti-brand-react-native:before {
content: "\ef73";
}
.ti-brand-reddit:before {
content: "\ec8e";
}
.ti-brand-safari:before {
content: "\ec23";
}
.ti-brand-sass:before {
content: "\edd4";
}
.ti-brand-sentry:before {
content: "\edd5";
}
.ti-brand-shazam:before {
content: "\edd6";
}
.ti-brand-sketch:before {
content: "\ec24";
}
.ti-brand-skype:before {
content: "\ed02";
}
.ti-brand-slack:before {
content: "\ec72";
}
.ti-brand-snapchat:before {
content: "\ec25";
}
.ti-brand-soundcloud:before {
content: "\ed6e";
}
.ti-brand-spotify:before {
content: "\ed03";
}
.ti-brand-stackoverflow:before {
content: "\ef58";
}
.ti-brand-steam:before {
content: "\ed6f";
}
.ti-brand-stripe:before {
content: "\edd7";
}
.ti-brand-sublime-text:before {
content: "\ef74";
}
.ti-brand-svelte:before {
content: "\f0df";
}
.ti-brand-tabler:before {
content: "\ec8f";
}
.ti-brand-tailwind:before {
content: "\eca1";
}
.ti-brand-telegram:before {
content: "\ec26";
}
.ti-brand-tidal:before {
content: "\ed70";
}
.ti-brand-tiktok:before {
content: "\ec73";
}
.ti-brand-tinder:before {
content: "\ed71";
}
.ti-brand-tripadvisor:before {
content: "\f002";
}
.ti-brand-tumblr:before {
content: "\ed04";
}
.ti-brand-twitch:before {
content: "\ed05";
}
.ti-brand-twitter:before {
content: "\ec27";
}
.ti-brand-uber:before {
content: "\ef75";
}
.ti-brand-ubuntu:before {
content: "\ef59";
}
.ti-brand-unsplash:before {
content: "\edd8";
}
.ti-brand-vercel:before {
content: "\ef24";
}
.ti-brand-vimeo:before {
content: "\ed06";
}
.ti-brand-visual-studio:before {
content: "\ef76";
}
.ti-brand-vk:before {
content: "\ed72";
}
.ti-brand-vue:before {
content: "\f0e0";
}
.ti-brand-whatsapp:before {
content: "\ec74";
}
.ti-brand-windows:before {
content: "\ecd8";
}
.ti-brand-yahoo:before {
content: "\ed73";
}
.ti-brand-ycombinator:before {
content: "\edd9";
}
.ti-brand-youtube:before {
content: "\ec90";
}
.ti-bread:before {
content: "\efa3";
}
.ti-briefcase:before {
content: "\ea46";
}
.ti-brightness:before {
content: "\eb7f";
}
.ti-brightness-2:before {
content: "\ee19";
}
.ti-brightness-down:before {
content: "\eb7d";
}
.ti-brightness-half:before {
content: "\ee1a";
}
.ti-brightness-up:before {
content: "\eb7e";
}
.ti-browser:before {
content: "\ebb7";
}
.ti-browser-check:before {
content: "\efd6";
}
.ti-browser-off:before {
content: "\f0c1";
}
.ti-browser-plus:before {
content: "\efd7";
}
.ti-browser-x:before {
content: "\efd8";
}
.ti-brush:before {
content: "\ebb8";
}
.ti-brush-off:before {
content: "\f0c2";
}
.ti-bucket:before {
content: "\ea47";
}
.ti-bucket-off:before {
content: "\f103";
}
.ti-bug:before {
content: "\ea48";
}
.ti-bug-off:before {
content: "\f0c3";
}
.ti-building:before {
content: "\ea4f";
}
.ti-building-arch:before {
content: "\ea49";
}
.ti-building-bank:before {
content: "\ebe2";
}
.ti-building-bridge:before {
content: "\ea4b";
}
.ti-building-bridge-2:before {
content: "\ea4a";
}
.ti-building-carousel:before {
content: "\ed87";
}
.ti-building-castle:before {
content: "\ed88";
}
.ti-building-church:before {
content: "\ea4c";
}
.ti-building-community:before {
content: "\ebf6";
}
.ti-building-cottage:before {
content: "\ee1b";
}
.ti-building-factory:before {
content: "\ee1c";
}
.ti-building-factory-2:before {
content: "\f082";
}
.ti-building-fortress:before {
content: "\ed89";
}
.ti-building-hospital:before {
content: "\ea4d";
}
.ti-building-lighthouse:before {
content: "\ed8a";
}
.ti-building-monument:before {
content: "\ed26";
}
.ti-building-pavilon:before {
content: "\ebf7";
}
.ti-building-skyscraper:before {
content: "\ec39";
}
.ti-building-store:before {
content: "\ea4e";
}
.ti-building-warehouse:before {
content: "\ebe3";
}
.ti-bulb:before {
content: "\ea51";
}
.ti-bulb-off:before {
content: "\ea50";
}
.ti-bulldozer:before {
content: "\ee1d";
}
.ti-bus:before {
content: "\ebe4";
}
.ti-businessplan:before {
content: "\ee1e";
}
.ti-butterfly:before {
content: "\efd9";
}
.ti-c-sharp:before {
content: "\f003";
}
.ti-cake:before {
content: "\f00f";
}
.ti-cake-off:before {
content: "\f104";
}
.ti-calculator:before {
content: "\eb80";
}
.ti-calculator-off:before {
content: "\f0c4";
}
.ti-calendar:before {
content: "\ea53";
}
.ti-calendar-event:before {
content: "\ea52";
}
.ti-calendar-minus:before {
content: "\ebb9";
}
.ti-calendar-off:before {
content: "\ee1f";
}
.ti-calendar-plus:before {
content: "\ebba";
}
.ti-calendar-stats:before {
content: "\ee20";
}
.ti-calendar-time:before {
content: "\ee21";
}
.ti-camera:before {
content: "\ea54";
}
.ti-camera-minus:before {
content: "\ec3a";
}
.ti-camera-off:before {
content: "\ecee";
}
.ti-camera-plus:before {
content: "\ec3b";
}
.ti-camera-rotate:before {
content: "\ee22";
}
.ti-camera-selfie:before {
content: "\ee23";
}
.ti-candle:before {
content: "\efc6";
}
.ti-candy:before {
content: "\ef0d";
}
.ti-candy-off:before {
content: "\f0c5";
}
.ti-capture:before {
content: "\ec3c";
}
.ti-capture-off:before {
content: "\f0c6";
}
.ti-car:before {
content: "\ebbb";
}
.ti-car-crane:before {
content: "\ef25";
}
.ti-car-crash:before {
content: "\efa4";
}
.ti-car-off:before {
content: "\f0c7";
}
.ti-caravan:before {
content: "\ec7c";
}
.ti-cardboards:before {
content: "\ed74";
}
.ti-cardboards-off:before {
content: "\f0c8";
}
.ti-caret-down:before {
content: "\eb5d";
}
.ti-caret-left:before {
content: "\eb5e";
}
.ti-caret-right:before {
content: "\eb5f";
}
.ti-caret-up:before {
content: "\eb60";
}
.ti-cash:before {
content: "\ea55";
}
.ti-cash-banknote:before {
content: "\ee25";
}
.ti-cash-banknote-off:before {
content: "\ee24";
}
.ti-cash-off:before {
content: "\f105";
}
.ti-cast:before {
content: "\ea56";
}
.ti-cast-off:before {
content: "\f0c9";
}
.ti-ce:before {
content: "\ed75";
}
.ti-ce-off:before {
content: "\f0ca";
}
.ti-cell:before {
content: "\f05f";
}
.ti-cell-signal-1:before {
content: "\f083";
}
.ti-cell-signal-2:before {
content: "\f084";
}
.ti-cell-signal-3:before {
content: "\f085";
}
.ti-cell-signal-4:before {
content: "\f086";
}
.ti-cell-signal-5:before {
content: "\f087";
}
.ti-cell-signal-off:before {
content: "\f088";
}
.ti-certificate:before {
content: "\ed76";
}
.ti-certificate-2:before {
content: "\f073";
}
.ti-certificate-2-off:before {
content: "\f0cb";
}
.ti-certificate-off:before {
content: "\f0cc";
}
.ti-charging-pile:before {
content: "\ee26";
}
.ti-chart-arcs:before {
content: "\ee28";
}
.ti-chart-arcs-3:before {
content: "\ee27";
}
.ti-chart-area:before {
content: "\ea58";
}
.ti-chart-area-line:before {
content: "\ea57";
}
.ti-chart-arrows:before {
content: "\ee2a";
}
.ti-chart-arrows-vertical:before {
content: "\ee29";
}
.ti-chart-bar:before {
content: "\ea59";
}
.ti-chart-bubble:before {
content: "\ec75";
}
.ti-chart-candle:before {
content: "\ea5a";
}
.ti-chart-circles:before {
content: "\ee2b";
}
.ti-chart-donut:before {
content: "\ea5b";
}
.ti-chart-donut-2:before {
content: "\ee2c";
}
.ti-chart-donut-3:before {
content: "\ee2d";
}
.ti-chart-donut-4:before {
content: "\ee2e";
}
.ti-chart-dots:before {
content: "\ee2f";
}
.ti-chart-dots-2:before {
content: "\f097";
}
.ti-chart-dots-3:before {
content: "\f098";
}
.ti-chart-infographic:before {
content: "\ee30";
}
.ti-chart-line:before {
content: "\ea5c";
}
.ti-chart-pie:before {
content: "\ea5d";
}
.ti-chart-pie-2:before {
content: "\ee31";
}
.ti-chart-pie-3:before {
content: "\ee32";
}
.ti-chart-pie-4:before {
content: "\ee33";
}
.ti-chart-radar:before {
content: "\ed77";
}
.ti-check:before {
content: "\ea5e";
}
.ti-checkbox:before {
content: "\eba6";
}
.ti-checklist:before {
content: "\f074";
}
.ti-checks:before {
content: "\ebaa";
}
.ti-checkup-list:before {
content: "\ef5a";
}
.ti-cheese:before {
content: "\ef26";
}
.ti-chevron-down:before {
content: "\ea5f";
}
.ti-chevron-down-left:before {
content: "\ed09";
}
.ti-chevron-down-right:before {
content: "\ed0a";
}
.ti-chevron-left:before {
content: "\ea60";
}
.ti-chevron-right:before {
content: "\ea61";
}
.ti-chevron-up:before {
content: "\ea62";
}
.ti-chevron-up-left:before {
content: "\ed0b";
}
.ti-chevron-up-right:before {
content: "\ed0c";
}
.ti-chevrons-down:before {
content: "\ea63";
}
.ti-chevrons-down-left:before {
content: "\ed0d";
}
.ti-chevrons-down-right:before {
content: "\ed0e";
}
.ti-chevrons-left:before {
content: "\ea64";
}
.ti-chevrons-right:before {
content: "\ea65";
}
.ti-chevrons-up:before {
content: "\ea66";
}
.ti-chevrons-up-left:before {
content: "\ed0f";
}
.ti-chevrons-up-right:before {
content: "\ed10";
}
.ti-christmas-tree:before {
content: "\ed78";
}
.ti-circle:before {
content: "\ea6b";
}
.ti-circle-0:before {
content: "\ee34";
}
.ti-circle-1:before {
content: "\ee35";
}
.ti-circle-2:before {
content: "\ee36";
}
.ti-circle-3:before {
content: "\ee37";
}
.ti-circle-4:before {
content: "\ee38";
}
.ti-circle-5:before {
content: "\ee39";
}
.ti-circle-6:before {
content: "\ee3a";
}
.ti-circle-7:before {
content: "\ee3b";
}
.ti-circle-8:before {
content: "\ee3c";
}
.ti-circle-9:before {
content: "\ee3d";
}
.ti-circle-check:before {
content: "\ea67";
}
.ti-circle-dashed:before {
content: "\ed27";
}
.ti-circle-dot:before {
content: "\efb1";
}
.ti-circle-dotted:before {
content: "\ed28";
}
.ti-circle-half:before {
content: "\ee3f";
}
.ti-circle-half-2:before {
content: "\eff3";
}
.ti-circle-half-vertical:before {
content: "\ee3e";
}
.ti-circle-minus:before {
content: "\ea68";
}
.ti-circle-off:before {
content: "\ee40";
}
.ti-circle-plus:before {
content: "\ea69";
}
.ti-circle-rectangle:before {
content: "\f010";
}
.ti-circle-rectangle-off:before {
content: "\f0cd";
}
.ti-circle-square:before {
content: "\ece4";
}
.ti-circle-triangle:before {
content: "\f011";
}
.ti-circle-x:before {
content: "\ea6a";
}
.ti-circles:before {
content: "\ece5";
}
.ti-clear-all:before {
content: "\ee41";
}
.ti-clear-formatting:before {
content: "\ebe5";
}
.ti-click:before {
content: "\ebbc";
}
.ti-clipboard:before {
content: "\ea6f";
}
.ti-clipboard-check:before {
content: "\ea6c";
}
.ti-clipboard-list:before {
content: "\ea6d";
}
.ti-clipboard-off:before {
content: "\f0ce";
}
.ti-clipboard-plus:before {
content: "\efb2";
}
.ti-clipboard-text:before {
content: "\f089";
}
.ti-clipboard-x:before {
content: "\ea6e";
}
.ti-clock:before {
content: "\ea70";
}
.ti-clock-2:before {
content: "\f099";
}
.ti-clock-off:before {
content: "\f0cf";
}
.ti-cloud:before {
content: "\ea76";
}
.ti-cloud-computing:before {
content: "\f1d0";
}
.ti-cloud-data-connection:before {
content: "\f1d1";
}
.ti-cloud-download:before {
content: "\ea71";
}
.ti-cloud-fog:before {
content: "\ecd9";
}
.ti-cloud-lock:before {
content: "\efdb";
}
.ti-cloud-lock-open:before {
content: "\efda";
}
.ti-cloud-off:before {
content: "\ed3e";
}
.ti-cloud-rain:before {
content: "\ea72";
}
.ti-cloud-snow:before {
content: "\ea73";
}
.ti-cloud-storm:before {
content: "\ea74";
}
.ti-cloud-upload:before {
content: "\ea75";
}
.ti-clubs:before {
content: "\eff4";
}
.ti-code:before {
content: "\ea77";
}
.ti-code-minus:before {
content: "\ee42";
}
.ti-code-off:before {
content: "\f0d0";
}
.ti-code-plus:before {
content: "\ee43";
}
.ti-coffee:before {
content: "\ef0e";
}
.ti-coffee-off:before {
content: "\f106";
}
.ti-coin:before {
content: "\eb82";
}
.ti-coin-off:before {
content: "\f0d1";
}
.ti-color-picker:before {
content: "\ebe6";
}
.ti-color-picker-off:before {
content: "\f0d2";
}
.ti-color-swatch:before {
content: "\eb61";
}
.ti-color-swatch-off:before {
content: "\f0d3";
}
.ti-column-insert-left:before {
content: "\ee44";
}
.ti-column-insert-right:before {
content: "\ee45";
}
.ti-columns:before {
content: "\eb83";
}
.ti-columns-off:before {
content: "\f0d4";
}
.ti-comet:before {
content: "\ec76";
}
.ti-command:before {
content: "\ea78";
}
.ti-compass:before {
content: "\ea79";
}
.ti-compass-off:before {
content: "\f0d5";
}
.ti-components:before {
content: "\efa5";
}
.ti-components-off:before {
content: "\f0d6";
}
.ti-cone:before {
content: "\efdd";
}
.ti-cone-2:before {
content: "\efdc";
}
.ti-confetti:before {
content: "\ee46";
}
.ti-container:before {
content: "\ee47";
}
.ti-container-off:before {
content: "\f107";
}
.ti-contrast:before {
content: "\ec4e";
}
.ti-contrast-2:before {
content: "\efc7";
}
.ti-cookie:before {
content: "\ef0f";
}
.ti-cookie-off:before {
content: "\f0d7";
}
.ti-copy:before {
content: "\ea7a";
}
.ti-copy-off:before {
content: "\f0d8";
}
.ti-copyleft:before {
content: "\ec3d";
}
.ti-copyleft-off:before {
content: "\f0d9";
}
.ti-copyright:before {
content: "\ea7b";
}
.ti-copyright-off:before {
content: "\f0da";
}
.ti-corner-down-left:before {
content: "\ea7c";
}
.ti-corner-down-left-double:before {
content: "\ee48";
}
.ti-corner-down-right:before {
content: "\ea7d";
}
.ti-corner-down-right-double:before {
content: "\ee49";
}
.ti-corner-left-down:before {
content: "\ea7e";
}
.ti-corner-left-down-double:before {
content: "\ee4a";
}
.ti-corner-left-up:before {
content: "\ea7f";
}
.ti-corner-left-up-double:before {
content: "\ee4b";
}
.ti-corner-right-down:before {
content: "\ea80";
}
.ti-corner-right-down-double:before {
content: "\ee4c";
}
.ti-corner-right-up:before {
content: "\ea81";
}
.ti-corner-right-up-double:before {
content: "\ee4d";
}
.ti-corner-up-left:before {
content: "\ea82";
}
.ti-corner-up-left-double:before {
content: "\ee4e";
}
.ti-corner-up-right:before {
content: "\ea83";
}
.ti-corner-up-right-double:before {
content: "\ee4f";
}
.ti-cpu:before {
content: "\ef8e";
}
.ti-cpu-2:before {
content: "\f075";
}
.ti-cpu-off:before {
content: "\f108";
}
.ti-crane:before {
content: "\ef27";
}
.ti-crane-off:before {
content: "\f109";
}
.ti-creative-commons:before {
content: "\efb3";
}
.ti-creative-commons-off:before {
content: "\f10a";
}
.ti-credit-card:before {
content: "\ea84";
}
.ti-credit-card-off:before {
content: "\ed11";
}
.ti-cricket:before {
content: "\f09a";
}
.ti-crop:before {
content: "\ea85";
}
.ti-cross:before {
content: "\ef8f";
}
.ti-cross-off:before {
content: "\f10b";
}
.ti-crosshair:before {
content: "\ec3e";
}
.ti-crown:before {
content: "\ed12";
}
.ti-crown-off:before {
content: "\ee50";
}
.ti-crutches:before {
content: "\ef5b";
}
.ti-crutches-off:before {
content: "\f10c";
}
.ti-cup:before {
content: "\ef28";
}
.ti-cup-off:before {
content: "\f10d";
}
.ti-curling:before {
content: "\efc8";
}
.ti-curly-loop:before {
content: "\ecda";
}
.ti-currency:before {
content: "\efa6";
}
.ti-currency-bahraini:before {
content: "\ee51";
}
.ti-currency-baht:before {
content: "\f08a";
}
.ti-currency-bitcoin:before {
content: "\ebab";
}
.ti-currency-cent:before {
content: "\ee53";
}
.ti-currency-dinar:before {
content: "\ee54";
}
.ti-currency-dirham:before {
content: "\ee55";
}
.ti-currency-dogecoin:before {
content: "\ef4b";
}
.ti-currency-dollar:before {
content: "\eb84";
}
.ti-currency-dollar-australian:before {
content: "\ee56";
}
.ti-currency-dollar-canadian:before {
content: "\ee57";
}
.ti-currency-dollar-singapore:before {
content: "\ee58";
}
.ti-currency-ethereum:before {
content: "\ee59";
}
.ti-currency-euro:before {
content: "\eb85";
}
.ti-currency-forint:before {
content: "\ee5a";
}
.ti-currency-frank:before {
content: "\ee5b";
}
.ti-currency-krone-czech:before {
content: "\ee5c";
}
.ti-currency-krone-danish:before {
content: "\ee5d";
}
.ti-currency-krone-swedish:before {
content: "\ee5e";
}
.ti-currency-leu:before {
content: "\ee5f";
}
.ti-currency-lira:before {
content: "\ee60";
}
.ti-currency-litecoin:before {
content: "\ee61";
}
.ti-currency-naira:before {
content: "\ee62";
}
.ti-currency-pound:before {
content: "\ebac";
}
.ti-currency-real:before {
content: "\ee63";
}
.ti-currency-renminbi:before {
content: "\ee64";
}
.ti-currency-ripple:before {
content: "\ee65";
}
.ti-currency-riyal:before {
content: "\ee66";
}
.ti-currency-rubel:before {
content: "\ee67";
}
.ti-currency-rupee:before {
content: "\ebad";
}
.ti-currency-shekel:before {
content: "\ee68";
}
.ti-currency-taka:before {
content: "\ee69";
}
.ti-currency-tugrik:before {
content: "\ee6a";
}
.ti-currency-won:before {
content: "\ee6b";
}
.ti-currency-yen:before {
content: "\ebae";
}
.ti-currency-zloty:before {
content: "\ee6c";
}
.ti-current-location:before {
content: "\ecef";
}
.ti-current-location-off:before {
content: "\f10e";
}
.ti-cursor-off:before {
content: "\f10f";
}
.ti-cursor-text:before {
content: "\ee6d";
}
.ti-cut:before {
content: "\ea86";
}
.ti-dashboard:before {
content: "\ea87";
}
.ti-database:before {
content: "\ea88";
}
.ti-database-export:before {
content: "\ee6e";
}
.ti-database-import:before {
content: "\ee6f";
}
.ti-database-off:before {
content: "\ee70";
}
.ti-dental:before {
content: "\f025";
}
.ti-dental-off:before {
content: "\f110";
}
.ti-details:before {
content: "\ee71";
}
.ti-device-analytics:before {
content: "\ee72";
}
.ti-device-audio-tape:before {
content: "\ee73";
}
.ti-device-cctv:before {
content: "\ee74";
}
.ti-device-computer-camera:before {
content: "\ee76";
}
.ti-device-computer-camera-off:before {
content: "\ee75";
}
.ti-device-desktop:before {
content: "\ea89";
}
.ti-device-desktop-analytics:before {
content: "\ee77";
}
.ti-device-desktop-off:before {
content: "\ee78";
}
.ti-device-floppy:before {
content: "\eb62";
}
.ti-device-gamepad:before {
content: "\eb63";
}
.ti-device-gamepad-2:before {
content: "\f1d2";
}
.ti-device-heart-monitor:before {
content: "\f060";
}
.ti-device-laptop:before {
content: "\eb64";
}
.ti-device-laptop-off:before {
content: "\f061";
}
.ti-device-mobile:before {
content: "\ea8a";
}
.ti-device-mobile-message:before {
content: "\ee79";
}
.ti-device-mobile-off:before {
content: "\f062";
}
.ti-device-mobile-rotated:before {
content: "\ecdb";
}
.ti-device-mobile-vibration:before {
content: "\eb86";
}
.ti-device-nintendo:before {
content: "\f026";
}
.ti-device-nintendo-off:before {
content: "\f111";
}
.ti-device-speaker:before {
content: "\ea8b";
}
.ti-device-speaker-off:before {
content: "\f112";
}
.ti-device-tablet:before {
content: "\ea8c";
}
.ti-device-tablet-off:before {
content: "\f063";
}
.ti-device-tv:before {
content: "\ea8d";
}
.ti-device-tv-off:before {
content: "\f064";
}
.ti-device-tv-old:before {
content: "\f1d3";
}
.ti-device-watch:before {
content: "\ebf9";
}
.ti-device-watch-off:before {
content: "\f065";
}
.ti-device-watch-stats:before {
content: "\ef7d";
}
.ti-device-watch-stats-2:before {
content: "\ef7c";
}
.ti-devices:before {
content: "\eb87";
}
.ti-devices-2:before {
content: "\ed29";
}
.ti-devices-off:before {
content: "\f066";
}
.ti-devices-pc:before {
content: "\ee7a";
}
.ti-devices-pc-off:before {
content: "\f113";
}
.ti-dialpad:before {
content: "\f067";
}
.ti-dialpad-off:before {
content: "\f114";
}
.ti-diamond:before {
content: "\eb65";
}
.ti-diamond-off:before {
content: "\f115";
}
.ti-diamonds:before {
content: "\eff5";
}
.ti-dice:before {
content: "\eb66";
}
.ti-dice-1:before {
content: "\f08b";
}
.ti-dice-2:before {
content: "\f08c";
}
.ti-dice-3:before {
content: "\f08d";
}
.ti-dice-4:before {
content: "\f08e";
}
.ti-dice-5:before {
content: "\f08f";
}
.ti-dice-6:before {
content: "\f090";
}
.ti-dimensions:before {
content: "\ee7b";
}
.ti-direction:before {
content: "\ebfb";
}
.ti-direction-horizontal:before {
content: "\ebfa";
}
.ti-directions:before {
content: "\ea8e";
}
.ti-directions-off:before {
content: "\f116";
}
.ti-disabled:before {
content: "\ea8f";
}
.ti-disabled-2:before {
content: "\ebaf";
}
.ti-disabled-off:before {
content: "\f117";
}
.ti-disc:before {
content: "\ea90";
}
.ti-disc-off:before {
content: "\f118";
}
.ti-discount:before {
content: "\ebbd";
}
.ti-discount-2:before {
content: "\ee7c";
}
.ti-divide:before {
content: "\ed5c";
}
.ti-dna:before {
content: "\ee7d";
}
.ti-dna-2:before {
content: "\ef5c";
}
.ti-dna-2-off:before {
content: "\f119";
}
.ti-dna-off:before {
content: "\f11a";
}
.ti-dog-bowl:before {
content: "\ef29";
}
.ti-door:before {
content: "\ef4e";
}
.ti-door-enter:before {
content: "\ef4c";
}
.ti-door-exit:before {
content: "\ef4d";
}
.ti-door-off:before {
content: "\f11b";
}
.ti-dots:before {
content: "\ea95";
}
.ti-dots-circle-horizontal:before {
content: "\ea91";
}
.ti-dots-diagonal:before {
content: "\ea93";
}
.ti-dots-diagonal-2:before {
content: "\ea92";
}
.ti-dots-vertical:before {
content: "\ea94";
}
.ti-download:before {
content: "\ea96";
}
.ti-download-off:before {
content: "\f11c";
}
.ti-drag-drop:before {
content: "\eb89";
}
.ti-drag-drop-2:before {
content: "\eb88";
}
.ti-drone:before {
content: "\ed79";
}
.ti-drone-off:before {
content: "\ee7e";
}
.ti-drop-circle:before {
content: "\efde";
}
.ti-droplet:before {
content: "\ea97";
}
.ti-droplet-filled:before {
content: "\ee80";
}
.ti-droplet-filled-2:before {
content: "\ee7f";
}
.ti-droplet-half:before {
content: "\ee82";
}
.ti-droplet-half-2:before {
content: "\ee81";
}
.ti-droplet-off:before {
content: "\ee83";
}
.ti-ear:before {
content: "\ebce";
}
.ti-ear-off:before {
content: "\ee84";
}
.ti-edit:before {
content: "\ea98";
}
.ti-edit-circle:before {
content: "\ee85";
}
.ti-edit-circle-off:before {
content: "\f11d";
}
.ti-edit-off:before {
content: "\f11e";
}
.ti-egg:before {
content: "\eb8a";
}
.ti-egg-off:before {
content: "\f11f";
}
.ti-elevator:before {
content: "\efdf";
}
.ti-emergency-bed:before {
content: "\ef5d";
}
.ti-emphasis:before {
content: "\ebcf";
}
.ti-engine:before {
content: "\ef7e";
}
.ti-engine-off:before {
content: "\f120";
}
.ti-equal:before {
content: "\ee87";
}
.ti-equal-not:before {
content: "\ee86";
}
.ti-eraser:before {
content: "\eb8b";
}
.ti-eraser-off:before {
content: "\f121";
}
.ti-error-404:before {
content: "\f027";
}
.ti-error-404-off:before {
content: "\f122";
}
.ti-exchange:before {
content: "\ebe7";
}
.ti-exchange-off:before {
content: "\f123";
}
.ti-exclamation-mark:before {
content: "\efb4";
}
.ti-exclamation-mark-off:before {
content: "\f124";
}
.ti-exposure:before {
content: "\eb8c";
}
.ti-external-link:before {
content: "\ea99";
}
.ti-external-link-off:before {
content: "\f125";
}
.ti-eye:before {
content: "\ea9a";
}
.ti-eye-check:before {
content: "\ee88";
}
.ti-eye-off:before {
content: "\ecf0";
}
.ti-eye-table:before {
content: "\ef5e";
}
.ti-eyeglass:before {
content: "\ee8a";
}
.ti-eyeglass-2:before {
content: "\ee89";
}
.ti-eyeglass-off:before {
content: "\f126";
}
.ti-face-id:before {
content: "\ea9b";
}
.ti-face-id-error:before {
content: "\efa7";
}
.ti-face-mask:before {
content: "\efb5";
}
.ti-face-mask-off:before {
content: "\f127";
}
.ti-fall:before {
content: "\ecb9";
}
.ti-feather:before {
content: "\ee8b";
}
.ti-feather-off:before {
content: "\f128";
}
.ti-fence:before {
content: "\ef2a";
}
.ti-fence-off:before {
content: "\f129";
}
.ti-fidget-spinner:before {
content: "\f068";
}
.ti-file:before {
content: "\eaa4";
}
.ti-file-3d:before {
content: "\f032";
}
.ti-file-alert:before {
content: "\ede6";
}
.ti-file-analytics:before {
content: "\ede7";
}
.ti-file-arrow-left:before {
content: "\f033";
}
.ti-file-arrow-right:before {
content: "\f034";
}
.ti-file-barcode:before {
content: "\f035";
}
.ti-file-certificate:before {
content: "\ed4d";
}
.ti-file-chart:before {
content: "\f036";
}
.ti-file-check:before {
content: "\ea9c";
}
.ti-file-code:before {
content: "\ebd0";
}
.ti-file-code-2:before {
content: "\ede8";
}
.ti-file-database:before {
content: "\f037";
}
.ti-file-description:before {
content: "\f028";
}
.ti-file-diff:before {
content: "\ecf1";
}
.ti-file-digit:before {
content: "\efa8";
}
.ti-file-dislike:before {
content: "\ed2a";
}
.ti-file-dollar:before {
content: "\efe0";
}
.ti-file-dots:before {
content: "\f038";
}
.ti-file-download:before {
content: "\ea9d";
}
.ti-file-euro:before {
content: "\efe1";
}
.ti-file-export:before {
content: "\ede9";
}
.ti-file-horizontal:before {
content: "\ebb0";
}
.ti-file-import:before {
content: "\edea";
}
.ti-file-info:before {
content: "\edec";
}
.ti-file-invoice:before {
content: "\eb67";
}
.ti-file-like:before {
content: "\ed2b";
}
.ti-file-minus:before {
content: "\ea9e";
}
.ti-file-music:before {
content: "\ea9f";
}
.ti-file-off:before {
content: "\ecf2";
}
.ti-file-pencil:before {
content: "\f039";
}
.ti-file-phone:before {
content: "\ecdc";
}
.ti-file-plus:before {
content: "\eaa0";
}
.ti-file-power:before {
content: "\f03a";
}
.ti-file-report:before {
content: "\eded";
}
.ti-file-rss:before {
content: "\f03b";
}
.ti-file-scissors:before {
content: "\f03c";
}
.ti-file-search:before {
content: "\ed5d";
}
.ti-file-settings:before {
content: "\f029";
}
.ti-file-shredder:before {
content: "\eaa1";
}
.ti-file-signal:before {
content: "\f03d";
}
.ti-file-spreadsheet:before {
content: "\f03e";
}
.ti-file-star:before {
content: "\f03f";
}
.ti-file-symlink:before {
content: "\ed53";
}
.ti-file-text:before {
content: "\eaa2";
}
.ti-file-time:before {
content: "\f040";
}
.ti-file-typography:before {
content: "\f041";
}
.ti-file-unknown:before {
content: "\f042";
}
.ti-file-upload:before {
content: "\ec91";
}
.ti-file-vector:before {
content: "\f043";
}
.ti-file-x:before {
content: "\eaa3";
}
.ti-file-zip:before {
content: "\ed4e";
}
.ti-files:before {
content: "\edef";
}
.ti-files-off:before {
content: "\edee";
}
.ti-filter:before {
content: "\eaa5";
}
.ti-filter-off:before {
content: "\ed2c";
}
.ti-fingerprint:before {
content: "\ebd1";
}
.ti-fingerprint-off:before {
content: "\f12a";
}
.ti-firetruck:before {
content: "\ebe8";
}
.ti-first-aid-kit:before {
content: "\ef5f";
}
.ti-fish:before {
content: "\ef2b";
}
.ti-fish-off:before {
content: "\f12b";
}
.ti-flag:before {
content: "\eaa6";
}
.ti-flag-2:before {
content: "\ee8c";
}
.ti-flag-2-off:before {
content: "\f12c";
}
.ti-flag-3:before {
content: "\ee8d";
}
.ti-flag-off:before {
content: "\f12d";
}
.ti-flame:before {
content: "\ec2c";
}
.ti-flame-off:before {
content: "\f12e";
}
.ti-flare:before {
content: "\ee8e";
}
.ti-flask:before {
content: "\ebd2";
}
.ti-flask-2:before {
content: "\ef60";
}
.ti-flask-2-off:before {
content: "\f12f";
}
.ti-flask-off:before {
content: "\f130";
}
.ti-flip-horizontal:before {
content: "\eaa7";
}
.ti-flip-vertical:before {
content: "\eaa8";
}
.ti-float-center:before {
content: "\ebb1";
}
.ti-float-left:before {
content: "\ebb2";
}
.ti-float-none:before {
content: "\ed13";
}
.ti-float-right:before {
content: "\ebb3";
}
.ti-flower:before {
content: "\eff6";
}
.ti-flower-off:before {
content: "\f131";
}
.ti-focus:before {
content: "\eb8d";
}
.ti-focus-2:before {
content: "\ebd3";
}
.ti-focus-centered:before {
content: "\f02a";
}
.ti-fold:before {
content: "\ed56";
}
.ti-fold-down:before {
content: "\ed54";
}
.ti-fold-up:before {
content: "\ed55";
}
.ti-folder:before {
content: "\eaad";
}
.ti-folder-minus:before {
content: "\eaaa";
}
.ti-folder-off:before {
content: "\ed14";
}
.ti-folder-plus:before {
content: "\eaab";
}
.ti-folder-x:before {
content: "\eaac";
}
.ti-folders:before {
content: "\eaae";
}
.ti-folders-off:before {
content: "\f133";
}
.ti-forbid:before {
content: "\ebd5";
}
.ti-forbid-2:before {
content: "\ebd4";
}
.ti-forklift:before {
content: "\ebe9";
}
.ti-forms:before {
content: "\ee8f";
}
.ti-fountain:before {
content: "\f09b";
}
.ti-fountain-off:before {
content: "\f134";
}
.ti-frame:before {
content: "\eaaf";
}
.ti-frame-off:before {
content: "\f135";
}
.ti-free-rights:before {
content: "\efb6";
}
.ti-friends:before {
content: "\eab0";
}
.ti-friends-off:before {
content: "\f136";
}
.ti-gas-station:before {
content: "\ec7d";
}
.ti-gas-station-off:before {
content: "\f137";
}
.ti-gauge:before {
content: "\eab1";
}
.ti-gauge-off:before {
content: "\f138";
}
.ti-gavel:before {
content: "\ef90";
}
.ti-gender-agender:before {
content: "\f0e1";
}
.ti-gender-androgyne:before {
content: "\f0e2";
}
.ti-gender-bigender:before {
content: "\f0e3";
}
.ti-gender-demiboy:before {
content: "\f0e4";
}
.ti-gender-demigirl:before {
content: "\f0e5";
}
.ti-gender-epicene:before {
content: "\f0e6";
}
.ti-gender-female:before {
content: "\f0e7";
}
.ti-gender-femme:before {
content: "\f0e8";
}
.ti-gender-genderfluid:before {
content: "\f0e9";
}
.ti-gender-genderless:before {
content: "\f0ea";
}
.ti-gender-genderqueer:before {
content: "\f0eb";
}
.ti-gender-hermaphrodite:before {
content: "\f0ec";
}
.ti-gender-intergender:before {
content: "\f0ed";
}
.ti-gender-male:before {
content: "\f0ee";
}
.ti-gender-neutrois:before {
content: "\f0ef";
}
.ti-gender-third:before {
content: "\f0f0";
}
.ti-gender-transgender:before {
content: "\f0f1";
}
.ti-gender-trasvesti:before {
content: "\f0f2";
}
.ti-geometry:before {
content: "\ee90";
}
.ti-ghost:before {
content: "\eb8e";
}
.ti-gift:before {
content: "\eb68";
}
.ti-git-branch:before {
content: "\eab2";
}
.ti-git-commit:before {
content: "\eab3";
}
.ti-git-compare:before {
content: "\eab4";
}
.ti-git-fork:before {
content: "\eb8f";
}
.ti-git-merge:before {
content: "\eab5";
}
.ti-git-pull-request:before {
content: "\eab6";
}
.ti-git-pull-request-closed:before {
content: "\ef7f";
}
.ti-git-pull-request-draft:before {
content: "\efb7";
}
.ti-gizmo:before {
content: "\f02b";
}
.ti-glass:before {
content: "\eab8";
}
.ti-glass-full:before {
content: "\eab7";
}
.ti-glass-off:before {
content: "\ee91";
}
.ti-globe:before {
content: "\eab9";
}
.ti-globe-off:before {
content: "\f139";
}
.ti-golf:before {
content: "\ed8c";
}
.ti-golf-off:before {
content: "\f13a";
}
.ti-gps:before {
content: "\ed7a";
}
.ti-grain:before {
content: "\ee92";
}
.ti-grid-dots:before {
content: "\eaba";
}
.ti-grid-pattern:before {
content: "\efc9";
}
.ti-grill:before {
content: "\efa9";
}
.ti-grill-off:before {
content: "\f13b";
}
.ti-grip-horizontal:before {
content: "\ec00";
}
.ti-grip-vertical:before {
content: "\ec01";
}
.ti-growth:before {
content: "\ee93";
}
.ti-h-1:before {
content: "\ec94";
}
.ti-h-2:before {
content: "\ec95";
}
.ti-h-3:before {
content: "\ec96";
}
.ti-h-4:before {
content: "\ec97";
}
.ti-h-5:before {
content: "\ec98";
}
.ti-h-6:before {
content: "\ec99";
}
.ti-hammer:before {
content: "\ef91";
}
.ti-hammer-off:before {
content: "\f13c";
}
.ti-hand-click:before {
content: "\ef4f";
}
.ti-hand-finger:before {
content: "\ee94";
}
.ti-hand-finger-off:before {
content: "\f13d";
}
.ti-hand-grab:before {
content: "\f091";
}
.ti-hand-little-finger:before {
content: "\ee95";
}
.ti-hand-middle-finger:before {
content: "\ec2d";
}
.ti-hand-move:before {
content: "\ef50";
}
.ti-hand-off:before {
content: "\ed15";
}
.ti-hand-ring-finger:before {
content: "\ee96";
}
.ti-hand-rock:before {
content: "\ee97";
}
.ti-hand-stop:before {
content: "\ec2e";
}
.ti-hand-three-fingers:before {
content: "\ee98";
}
.ti-hand-two-fingers:before {
content: "\ee99";
}
.ti-hanger:before {
content: "\ee9a";
}
.ti-hanger-2:before {
content: "\f09c";
}
.ti-hanger-off:before {
content: "\f13e";
}
.ti-hash:before {
content: "\eabc";
}
.ti-haze:before {
content: "\efaa";
}
.ti-heading:before {
content: "\ee9b";
}
.ti-heading-off:before {
content: "\f13f";
}
.ti-headphones:before {
content: "\eabd";
}
.ti-headphones-off:before {
content: "\ed1d";
}
.ti-headset:before {
content: "\eb90";
}
.ti-heart:before {
content: "\eabe";
}
.ti-heart-broken:before {
content: "\ecba";
}
.ti-heart-handshake:before {
content: "\f0f3";
}
.ti-heart-minus:before {
content: "\f140";
}
.ti-heart-off:before {
content: "\f141";
}
.ti-heart-plus:before {
content: "\f142";
}
.ti-heart-rate-monitor:before {
content: "\ef61";
}
.ti-heartbeat:before {
content: "\ef92";
}
.ti-helicopter:before {
content: "\ed8e";
}
.ti-helicopter-landing:before {
content: "\ed8d";
}
.ti-helmet:before {
content: "\efca";
}
.ti-helmet-off:before {
content: "\f143";
}
.ti-help:before {
content: "\eabf";
}
.ti-hexagon:before {
content: "\ec02";
}
.ti-hexagon-off:before {
content: "\ee9c";
}
.ti-hexagons:before {
content: "\f09d";
}
.ti-hierarchy:before {
content: "\ee9e";
}
.ti-hierarchy-2:before {
content: "\ee9d";
}
.ti-highlight:before {
content: "\ef3f";
}
.ti-highlight-off:before {
content: "\f144";
}
.ti-history:before {
content: "\ebea";
}
.ti-home:before {
content: "\eac1";
}
.ti-home-2:before {
content: "\eac0";
}
.ti-home-off:before {
content: "\f145";
}
.ti-hotel-service:before {
content: "\ef80";
}
.ti-hourglass:before {
content: "\ef93";
}
.ti-hourglass-empty:before {
content: "\f146";
}
.ti-hourglass-high:before {
content: "\f092";
}
.ti-hourglass-low:before {
content: "\f093";
}
.ti-hourglass-off:before {
content: "\f147";
}
.ti-ice-cream:before {
content: "\eac2";
}
.ti-ice-cream-2:before {
content: "\ee9f";
}
.ti-ice-cream-off:before {
content: "\f148";
}
.ti-ice-skating:before {
content: "\efcb";
}
.ti-icons:before {
content: "\f1d4";
}
.ti-id:before {
content: "\eac3";
}
.ti-id-badge:before {
content: "\eff7";
}
.ti-id-badge-2:before {
content: "\f076";
}
.ti-id-off:before {
content: "\f149";
}
.ti-inbox:before {
content: "\eac4";
}
.ti-inbox-off:before {
content: "\f14a";
}
.ti-indent-decrease:before {
content: "\eb91";
}
.ti-indent-increase:before {
content: "\eb92";
}
.ti-infinity:before {
content: "\eb69";
}
.ti-info-circle:before {
content: "\eac5";
}
.ti-info-square:before {
content: "\eac6";
}
.ti-italic:before {
content: "\eb93";
}
.ti-jewish-star:before {
content: "\f1d5";
}
.ti-jump-rope:before {
content: "\ed8f";
}
.ti-karate:before {
content: "\ed32";
}
.ti-kayak:before {
content: "\f1d6";
}
.ti-kering:before {
content: "\efb8";
}
.ti-key:before {
content: "\eac7";
}
.ti-key-off:before {
content: "\f14b";
}
.ti-keyboard:before {
content: "\ebd6";
}
.ti-keyboard-hide:before {
content: "\ec7e";
}
.ti-keyboard-off:before {
content: "\eea0";
}
.ti-keyboard-show:before {
content: "\ec7f";
}
.ti-ladder:before {
content: "\efe2";
}
.ti-ladder-off:before {
content: "\f14c";
}
.ti-lamp:before {
content: "\efab";
}
.ti-lamp-2:before {
content: "\f09e";
}
.ti-lamp-off:before {
content: "\f14d";
}
.ti-language:before {
content: "\ebbe";
}
.ti-language-hiragana:before {
content: "\ef77";
}
.ti-language-katakana:before {
content: "\ef78";
}
.ti-language-off:before {
content: "\f14e";
}
.ti-lasso:before {
content: "\efac";
}
.ti-lasso-off:before {
content: "\f14f";
}
.ti-layers-difference:before {
content: "\eac8";
}
.ti-layers-intersect:before {
content: "\eac9";
}
.ti-layers-intersect-2:before {
content: "\eff8";
}
.ti-layers-linked:before {
content: "\eea1";
}
.ti-layers-off:before {
content: "\f150";
}
.ti-layers-subtract:before {
content: "\eaca";
}
.ti-layers-union:before {
content: "\eacb";
}
.ti-layout:before {
content: "\eadb";
}
.ti-layout-2:before {
content: "\eacc";
}
.ti-layout-align-bottom:before {
content: "\eacd";
}
.ti-layout-align-center:before {
content: "\eace";
}
.ti-layout-align-left:before {
content: "\eacf";
}
.ti-layout-align-middle:before {
content: "\ead0";
}
.ti-layout-align-right:before {
content: "\ead1";
}
.ti-layout-align-top:before {
content: "\ead2";
}
.ti-layout-board:before {
content: "\ef95";
}
.ti-layout-board-split:before {
content: "\ef94";
}
.ti-layout-bottombar:before {
content: "\ead3";
}
.ti-layout-cards:before {
content: "\ec13";
}
.ti-layout-columns:before {
content: "\ead4";
}
.ti-layout-dashboard:before {
content: "\f02c";
}
.ti-layout-distribute-horizontal:before {
content: "\ead5";
}
.ti-layout-distribute-vertical:before {
content: "\ead6";
}
.ti-layout-grid:before {
content: "\edba";
}
.ti-layout-grid-add:before {
content: "\edb9";
}
.ti-layout-kanban:before {
content: "\ec3f";
}
.ti-layout-list:before {
content: "\ec14";
}
.ti-layout-navbar:before {
content: "\ead7";
}
.ti-layout-off:before {
content: "\f151";
}
.ti-layout-rows:before {
content: "\ead8";
}
.ti-layout-sidebar:before {
content: "\eada";
}
.ti-layout-sidebar-left-collapse:before {
content: "\f004";
}
.ti-layout-sidebar-left-expand:before {
content: "\f005";
}
.ti-layout-sidebar-right:before {
content: "\ead9";
}
.ti-layout-sidebar-right-collapse:before {
content: "\f006";
}
.ti-layout-sidebar-right-expand:before {
content: "\f007";
}
.ti-leaf:before {
content: "\ed4f";
}
.ti-leaf-off:before {
content: "\f152";
}
.ti-lego:before {
content: "\eadc";
}
.ti-lemon:before {
content: "\ef10";
}
.ti-lemon-2:before {
content: "\ef81";
}
.ti-letter-a:before {
content: "\ec50";
}
.ti-letter-b:before {
content: "\ec51";
}
.ti-letter-c:before {
content: "\ec52";
}
.ti-letter-case:before {
content: "\eea5";
}
.ti-letter-case-lower:before {
content: "\eea2";
}
.ti-letter-case-toggle:before {
content: "\eea3";
}
.ti-letter-case-upper:before {
content: "\eea4";
}
.ti-letter-d:before {
content: "\ec53";
}
.ti-letter-e:before {
content: "\ec54";
}
.ti-letter-f:before {
content: "\ec55";
}
.ti-letter-g:before {
content: "\ec56";
}
.ti-letter-h:before {
content: "\ec57";
}
.ti-letter-i:before {
content: "\ec58";
}
.ti-letter-j:before {
content: "\ec59";
}
.ti-letter-k:before {
content: "\ec5a";
}
.ti-letter-l:before {
content: "\ec5b";
}
.ti-letter-m:before {
content: "\ec5c";
}
.ti-letter-n:before {
content: "\ec5d";
}
.ti-letter-o:before {
content: "\ec5e";
}
.ti-letter-p:before {
content: "\ec5f";
}
.ti-letter-q:before {
content: "\ec60";
}
.ti-letter-r:before {
content: "\ec61";
}
.ti-letter-s:before {
content: "\ec62";
}
.ti-letter-spacing:before {
content: "\eea6";
}
.ti-letter-t:before {
content: "\ec63";
}
.ti-letter-u:before {
content: "\ec64";
}
.ti-letter-v:before {
content: "\ec65";
}
.ti-letter-w:before {
content: "\ec66";
}
.ti-letter-x:before {
content: "\ec67";
}
.ti-letter-y:before {
content: "\ec68";
}
.ti-letter-z:before {
content: "\ec69";
}
.ti-license:before {
content: "\ebc0";
}
.ti-license-off:before {
content: "\f153";
}
.ti-lifebuoy:before {
content: "\eadd";
}
.ti-lifebuoy-off:before {
content: "\f154";
}
.ti-line:before {
content: "\ec40";
}
.ti-line-dashed:before {
content: "\eea7";
}
.ti-line-dotted:before {
content: "\eea8";
}
.ti-line-height:before {
content: "\eb94";
}
.ti-link:before {
content: "\eade";
}
.ti-list:before {
content: "\eb6b";
}
.ti-list-check:before {
content: "\eb6a";
}
.ti-list-details:before {
content: "\ef40";
}
.ti-list-numbers:before {
content: "\ef11";
}
.ti-list-search:before {
content: "\eea9";
}
.ti-live-photo:before {
content: "\eadf";
}
.ti-live-view:before {
content: "\ec6b";
}
.ti-loader:before {
content: "\eca3";
}
.ti-loader-quarter:before {
content: "\eca2";
}
.ti-location:before {
content: "\eae0";
}
.ti-location-off:before {
content: "\f155";
}
.ti-lock:before {
content: "\eae2";
}
.ti-lock-access:before {
content: "\eeaa";
}
.ti-lock-off:before {
content: "\ed1e";
}
.ti-lock-open:before {
content: "\eae1";
}
.ti-lock-open-off:before {
content: "\f156";
}
.ti-lock-square:before {
content: "\ef51";
}
.ti-login:before {
content: "\eba7";
}
.ti-logout:before {
content: "\eba8";
}
.ti-lollipop:before {
content: "\efcc";
}
.ti-lollipop-off:before {
content: "\f157";
}
.ti-luggage:before {
content: "\efad";
}
.ti-luggage-off:before {
content: "\f158";
}
.ti-lungs:before {
content: "\ef62";
}
.ti-macro:before {
content: "\eeab";
}
.ti-magnet:before {
content: "\eae3";
}
.ti-magnet-off:before {
content: "\f159";
}
.ti-mail:before {
content: "\eae5";
}
.ti-mail-fast:before {
content: "\f069";
}
.ti-mail-forward:before {
content: "\eeac";
}
.ti-mail-off:before {
content: "\f15a";
}
.ti-mail-opened:before {
content: "\eae4";
}
.ti-mailbox:before {
content: "\eead";
}
.ti-mailbox-off:before {
content: "\f15b";
}
.ti-man:before {
content: "\eae6";
}
.ti-manual-gearbox:before {
content: "\ed7b";
}
.ti-map:before {
content: "\eae9";
}
.ti-map-2:before {
content: "\eae7";
}
.ti-map-off:before {
content: "\f15c";
}
.ti-map-pin:before {
content: "\eae8";
}
.ti-map-pin-off:before {
content: "\ecf3";
}
.ti-map-pins:before {
content: "\ed5e";
}
.ti-map-search:before {
content: "\ef82";
}
.ti-markdown:before {
content: "\ec41";
}
.ti-marquee:before {
content: "\ec77";
}
.ti-marquee-2:before {
content: "\eeae";
}
.ti-marquee-off:before {
content: "\f15d";
}
.ti-mars:before {
content: "\ec80";
}
.ti-mask:before {
content: "\eeb0";
}
.ti-mask-off:before {
content: "\eeaf";
}
.ti-massage:before {
content: "\eeb1";
}
.ti-math:before {
content: "\ebeb";
}
.ti-math-avg:before {
content: "\f0f4";
}
.ti-math-function:before {
content: "\eeb2";
}
.ti-math-function-off:before {
content: "\f15e";
}
.ti-math-max:before {
content: "\f0f5";
}
.ti-math-min:before {
content: "\f0f6";
}
.ti-math-symbols:before {
content: "\eeb3";
}
.ti-maximize:before {
content: "\eaea";
}
.ti-maximize-off:before {
content: "\f15f";
}
.ti-meat:before {
content: "\ef12";
}
.ti-medal:before {
content: "\ec78";
}
.ti-medal-2:before {
content: "\efcd";
}
.ti-medical-cross:before {
content: "\ec2f";
}
.ti-medical-cross-off:before {
content: "\f160";
}
.ti-medicine-syrup:before {
content: "\ef63";
}
.ti-menu:before {
content: "\eaeb";
}
.ti-menu-2:before {
content: "\ec42";
}
.ti-message:before {
content: "\eaef";
}
.ti-message-2:before {
content: "\eaec";
}
.ti-message-2-code:before {
content: "\f012";
}
.ti-message-2-share:before {
content: "\f077";
}
.ti-message-circle:before {
content: "\eaed";
}
.ti-message-circle-2:before {
content: "\ed3f";
}
.ti-message-circle-off:before {
content: "\ed40";
}
.ti-message-code:before {
content: "\f013";
}
.ti-message-dots:before {
content: "\eaee";
}
.ti-message-language:before {
content: "\efae";
}
.ti-message-off:before {
content: "\ed41";
}
.ti-message-plus:before {
content: "\ec9a";
}
.ti-message-report:before {
content: "\ec9b";
}
.ti-message-share:before {
content: "\f078";
}
.ti-messages:before {
content: "\eb6c";
}
.ti-messages-off:before {
content: "\ed42";
}
.ti-microphone:before {
content: "\eaf0";
}
.ti-microphone-2:before {
content: "\ef2c";
}
.ti-microphone-off:before {
content: "\ed16";
}
.ti-microscope:before {
content: "\ef64";
}
.ti-military-award:before {
content: "\f079";
}
.ti-military-rank:before {
content: "\efcf";
}
.ti-milk:before {
content: "\ef13";
}
.ti-minimize:before {
content: "\eaf1";
}
.ti-minus:before {
content: "\eaf2";
}
.ti-minus-vertical:before {
content: "\eeb4";
}
.ti-mist:before {
content: "\ec30";
}
.ti-mood-boy:before {
content: "\ed2d";
}
.ti-mood-confuzed:before {
content: "\eaf3";
}
.ti-mood-crazy-happy:before {
content: "\ed90";
}
.ti-mood-cry:before {
content: "\ecbb";
}
.ti-mood-empty:before {
content: "\eeb5";
}
.ti-mood-happy:before {
content: "\eaf4";
}
.ti-mood-kid:before {
content: "\ec03";
}
.ti-mood-nervous:before {
content: "\ef96";
}
.ti-mood-neutral:before {
content: "\eaf5";
}
.ti-mood-off:before {
content: "\f161";
}
.ti-mood-sad:before {
content: "\eaf6";
}
.ti-mood-smile:before {
content: "\eaf7";
}
.ti-mood-suprised:before {
content: "\ec04";
}
.ti-mood-tongue:before {
content: "\eb95";
}
.ti-moon:before {
content: "\eaf8";
}
.ti-moon-2:before {
content: "\ece6";
}
.ti-moon-off:before {
content: "\f162";
}
.ti-moon-stars:before {
content: "\ece7";
}
.ti-moped:before {
content: "\ecbc";
}
.ti-motorbike:before {
content: "\eeb6";
}
.ti-mountain:before {
content: "\ef97";
}
.ti-mouse:before {
content: "\eaf9";
}
.ti-mouse-2:before {
content: "\f1d7";
}
.ti-mouse-off:before {
content: "\f163";
}
.ti-movie:before {
content: "\eafa";
}
.ti-movie-off:before {
content: "\f164";
}
.ti-mug:before {
content: "\eafb";
}
.ti-mug-off:before {
content: "\f165";
}
.ti-multiplier-0-5x:before {
content: "\ef41";
}
.ti-multiplier-1-5x:before {
content: "\ef42";
}
.ti-multiplier-1x:before {
content: "\ef43";
}
.ti-multiplier-2x:before {
content: "\ef44";
}
.ti-mushroom:before {
content: "\ef14";
}
.ti-music:before {
content: "\eafc";
}
.ti-music-off:before {
content: "\f166";
}
.ti-network:before {
content: "\f09f";
}
.ti-new-section:before {
content: "\ebc1";
}
.ti-news:before {
content: "\eafd";
}
.ti-news-off:before {
content: "\f167";
}
.ti-nfc:before {
content: "\eeb7";
}
.ti-nfc-off:before {
content: "\f168";
}
.ti-no-copyright:before {
content: "\efb9";
}
.ti-no-creative-commons:before {
content: "\efba";
}
.ti-no-derivatives:before {
content: "\efbb";
}
.ti-north-star:before {
content: "\f014";
}
.ti-note:before {
content: "\eb6d";
}
.ti-note-off:before {
content: "\f169";
}
.ti-notebook:before {
content: "\eb96";
}
.ti-notes:before {
content: "\eb6e";
}
.ti-notes-off:before {
content: "\f16a";
}
.ti-notification:before {
content: "\eafe";
}
.ti-notification-off:before {
content: "\f16b";
}
.ti-number-0:before {
content: "\edf0";
}
.ti-number-1:before {
content: "\edf1";
}
.ti-number-2:before {
content: "\edf2";
}
.ti-number-3:before {
content: "\edf3";
}
.ti-number-4:before {
content: "\edf4";
}
.ti-number-5:before {
content: "\edf5";
}
.ti-number-6:before {
content: "\edf6";
}
.ti-number-7:before {
content: "\edf7";
}
.ti-number-8:before {
content: "\edf8";
}
.ti-number-9:before {
content: "\edf9";
}
.ti-numbers:before {
content: "\f015";
}
.ti-nurse:before {
content: "\ef65";
}
.ti-octagon:before {
content: "\ecbd";
}
.ti-octagon-off:before {
content: "\eeb8";
}
.ti-old:before {
content: "\eeb9";
}
.ti-olympics:before {
content: "\eeba";
}
.ti-omega:before {
content: "\eb97";
}
.ti-outlet:before {
content: "\ebd7";
}
.ti-oval:before {
content: "\f02e";
}
.ti-oval-vertical:before {
content: "\f02d";
}
.ti-overline:before {
content: "\eebb";
}
.ti-package:before {
content: "\eaff";
}
.ti-package-off:before {
content: "\f16c";
}
.ti-packge-export:before {
content: "\f07a";
}
.ti-packge-import:before {
content: "\f07b";
}
.ti-pacman:before {
content: "\eebc";
}
.ti-page-break:before {
content: "\ec81";
}
.ti-paint:before {
content: "\eb00";
}
.ti-paint-off:before {
content: "\f16d";
}
.ti-palette:before {
content: "\eb01";
}
.ti-palette-off:before {
content: "\f16e";
}
.ti-panorama-horizontal:before {
content: "\ed33";
}
.ti-panorama-vertical:before {
content: "\ed34";
}
.ti-paper-bag:before {
content: "\f02f";
}
.ti-paper-bag-off:before {
content: "\f16f";
}
.ti-paperclip:before {
content: "\eb02";
}
.ti-parachute:before {
content: "\ed7c";
}
.ti-parachute-off:before {
content: "\f170";
}
.ti-parentheses:before {
content: "\ebd8";
}
.ti-parentheses-off:before {
content: "\f171";
}
.ti-parking:before {
content: "\eb03";
}
.ti-parking-off:before {
content: "\f172";
}
.ti-paw:before {
content: "\eff9";
}
.ti-peace:before {
content: "\ecbe";
}
.ti-pencil:before {
content: "\eb04";
}
.ti-pencil-off:before {
content: "\f173";
}
.ti-pennant:before {
content: "\ed7d";
}
.ti-pennant-2:before {
content: "\f06a";
}
.ti-pennant-off:before {
content: "\f174";
}
.ti-pentagon:before {
content: "\efe3";
}
.ti-pepper:before {
content: "\ef15";
}
.ti-pepper-off:before {
content: "\f175";
}
.ti-percentage:before {
content: "\ecf4";
}
.ti-perspective:before {
content: "\eebd";
}
.ti-perspective-off:before {
content: "\f176";
}
.ti-phone:before {
content: "\eb09";
}
.ti-phone-call:before {
content: "\eb05";
}
.ti-phone-calling:before {
content: "\ec43";
}
.ti-phone-check:before {
content: "\ec05";
}
.ti-phone-incoming:before {
content: "\eb06";
}
.ti-phone-off:before {
content: "\ecf5";
}
.ti-phone-outgoing:before {
content: "\eb07";
}
.ti-phone-pause:before {
content: "\eb08";
}
.ti-phone-plus:before {
content: "\ec06";
}
.ti-phone-x:before {
content: "\ec07";
}
.ti-photo:before {
content: "\eb0a";
}
.ti-photo-off:before {
content: "\ecf6";
}
.ti-physotherapist:before {
content: "\eebe";
}
.ti-picture-in-picture:before {
content: "\ed35";
}
.ti-picture-in-picture-off:before {
content: "\ed43";
}
.ti-picture-in-picture-on:before {
content: "\ed44";
}
.ti-picture-in-picture-top:before {
content: "\efe4";
}
.ti-pig:before {
content: "\ef52";
}
.ti-pig-off:before {
content: "\f177";
}
.ti-pill:before {
content: "\ec44";
}
.ti-pill-off:before {
content: "\f178";
}
.ti-pills:before {
content: "\ef66";
}
.ti-pin:before {
content: "\ec9c";
}
.ti-pinned:before {
content: "\ed60";
}
.ti-pinned-off:before {
content: "\ed5f";
}
.ti-pizza:before {
content: "\edbb";
}
.ti-pizza-off:before {
content: "\f179";
}
.ti-plane:before {
content: "\eb6f";
}
.ti-plane-arrival:before {
content: "\eb99";
}
.ti-plane-departure:before {
content: "\eb9a";
}
.ti-plane-inflight:before {
content: "\ef98";
}
.ti-plane-off:before {
content: "\f17a";
}
.ti-planet:before {
content: "\ec08";
}
.ti-planet-off:before {
content: "\f17b";
}
.ti-plant:before {
content: "\ed50";
}
.ti-plant-2:before {
content: "\ed7e";
}
.ti-plant-2-off:before {
content: "\f17c";
}
.ti-plant-off:before {
content: "\f17d";
}
.ti-play-card:before {
content: "\eebf";
}
.ti-play-card-off:before {
content: "\f17e";
}
.ti-player-eject:before {
content: "\efbc";
}
.ti-player-pause:before {
content: "\ed45";
}
.ti-player-play:before {
content: "\ed46";
}
.ti-player-record:before {
content: "\ed47";
}
.ti-player-skip-back:before {
content: "\ed48";
}
.ti-player-skip-forward:before {
content: "\ed49";
}
.ti-player-stop:before {
content: "\ed4a";
}
.ti-player-track-next:before {
content: "\ed4b";
}
.ti-player-track-prev:before {
content: "\ed4c";
}
.ti-playlist:before {
content: "\eec0";
}
.ti-playlist-add:before {
content: "\f008";
}
.ti-playlist-off:before {
content: "\f17f";
}
.ti-playlist-x:before {
content: "\f009";
}
.ti-plug:before {
content: "\ebd9";
}
.ti-plug-connected:before {
content: "\f00a";
}
.ti-plug-connected-x:before {
content: "\f0a0";
}
.ti-plug-off:before {
content: "\f180";
}
.ti-plug-x:before {
content: "\f0a1";
}
.ti-plus:before {
content: "\eb0b";
}
.ti-podium:before {
content: "\f1d8";
}
.ti-point:before {
content: "\eb0c";
}
.ti-point-off:before {
content: "\f181";
}
.ti-pokeball:before {
content: "\eec1";
}
.ti-polaroid:before {
content: "\eec2";
}
.ti-polygon:before {
content: "\efd0";
}
.ti-polygon-off:before {
content: "\f182";
}
.ti-pool:before {
content: "\ed91";
}
.ti-power:before {
content: "\eb0d";
}
.ti-pray:before {
content: "\ecbf";
}
.ti-premium-rights:before {
content: "\efbd";
}
.ti-prescription:before {
content: "\ef99";
}
.ti-presentation:before {
content: "\eb70";
}
.ti-presentation-analytics:before {
content: "\eec3";
}
.ti-presentation-off:before {
content: "\f183";
}
.ti-printer:before {
content: "\eb0e";
}
.ti-printer-off:before {
content: "\f184";
}
.ti-prison:before {
content: "\ef79";
}
.ti-prompt:before {
content: "\eb0f";
}
.ti-propeller:before {
content: "\eec4";
}
.ti-propeller-off:before {
content: "\f185";
}
.ti-puzzle:before {
content: "\eb10";
}
.ti-puzzle-2:before {
content: "\ef83";
}
.ti-puzzle-off:before {
content: "\f186";
}
.ti-pyramid:before {
content: "\eec5";
}
.ti-pyramid-off:before {
content: "\f187";
}
.ti-qrcode:before {
content: "\eb11";
}
.ti-question-mark:before {
content: "\ec9d";
}
.ti-quote:before {
content: "\efbe";
}
.ti-quote-off:before {
content: "\f188";
}
.ti-radar:before {
content: "\f017";
}
.ti-radar-2:before {
content: "\f016";
}
.ti-radio:before {
content: "\ef2d";
}
.ti-radioactive:before {
content: "\ecc0";
}
.ti-radioactive-off:before {
content: "\f189";
}
.ti-radius-bottom-left:before {
content: "\eec6";
}
.ti-radius-bottom-right:before {
content: "\eec7";
}
.ti-radius-top-left:before {
content: "\eec8";
}
.ti-radius-top-right:before {
content: "\eec9";
}
.ti-rainbow:before {
content: "\edbc";
}
.ti-rainbow-off:before {
content: "\f18a";
}
.ti-receipt:before {
content: "\edfd";
}
.ti-receipt-2:before {
content: "\edfa";
}
.ti-receipt-off:before {
content: "\edfb";
}
.ti-receipt-refund:before {
content: "\edfc";
}
.ti-receipt-tax:before {
content: "\edbd";
}
.ti-recharging:before {
content: "\eeca";
}
.ti-record-mail:before {
content: "\eb12";
}
.ti-record-mail-off:before {
content: "\f18b";
}
.ti-rectangle:before {
content: "\ed37";
}
.ti-rectangle-vertical:before {
content: "\ed36";
}
.ti-recycle:before {
content: "\eb9b";
}
.ti-recycle-off:before {
content: "\f18c";
}
.ti-refresh:before {
content: "\eb13";
}
.ti-refresh-alert:before {
content: "\ed57";
}
.ti-refresh-dot:before {
content: "\efbf";
}
.ti-refresh-off:before {
content: "\f18d";
}
.ti-registered:before {
content: "\eb14";
}
.ti-relation-many-to-many:before {
content: "\ed7f";
}
.ti-relation-one-to-many:before {
content: "\ed80";
}
.ti-relation-one-to-one:before {
content: "\ed81";
}
.ti-repeat:before {
content: "\eb72";
}
.ti-repeat-off:before {
content: "\f18e";
}
.ti-repeat-once:before {
content: "\eb71";
}
.ti-replace:before {
content: "\ebc7";
}
.ti-report:before {
content: "\eece";
}
.ti-report-analytics:before {
content: "\eecb";
}
.ti-report-medical:before {
content: "\eecc";
}
.ti-report-money:before {
content: "\eecd";
}
.ti-report-off:before {
content: "\f18f";
}
.ti-report-search:before {
content: "\ef84";
}
.ti-resize:before {
content: "\eecf";
}
.ti-ripple:before {
content: "\ed82";
}
.ti-ripple-off:before {
content: "\f190";
}
.ti-road:before {
content: "\f018";
}
.ti-road-off:before {
content: "\f191";
}
.ti-road-sign:before {
content: "\ecdd";
}
.ti-robot:before {
content: "\f00b";
}
.ti-robot-off:before {
content: "\f192";
}
.ti-rocket:before {
content: "\ec45";
}
.ti-rocket-off:before {
content: "\f193";
}
.ti-roller-skating:before {
content: "\efd1";
}
.ti-rollercoaster:before {
content: "\f0a2";
}
.ti-rotate:before {
content: "\eb16";
}
.ti-rotate-2:before {
content: "\ebb4";
}
.ti-rotate-360:before {
content: "\ef85";
}
.ti-rotate-clockwise:before {
content: "\eb15";
}
.ti-rotate-clockwise-2:before {
content: "\ebb5";
}
.ti-rotate-dot:before {
content: "\efe5";
}
.ti-rotate-rectangle:before {
content: "\ec15";
}
.ti-route:before {
content: "\eb17";
}
.ti-route-off:before {
content: "\f194";
}
.ti-router:before {
content: "\eb18";
}
.ti-row-insert-bottom:before {
content: "\eed0";
}
.ti-row-insert-top:before {
content: "\eed1";
}
.ti-rss:before {
content: "\eb19";
}
.ti-ruler:before {
content: "\eb1a";
}
.ti-ruler-2:before {
content: "\eed2";
}
.ti-ruler-2-off:before {
content: "\f195";
}
.ti-ruler-off:before {
content: "\f196";
}
.ti-run:before {
content: "\ec82";
}
.ti-sailboat:before {
content: "\ec83";
}
.ti-salt:before {
content: "\ef16";
}
.ti-satellite:before {
content: "\eed3";
}
.ti-satellite-off:before {
content: "\f197";
}
.ti-sausage:before {
content: "\ef17";
}
.ti-scale:before {
content: "\ebc2";
}
.ti-scale-off:before {
content: "\f198";
}
.ti-scale-outline:before {
content: "\ef53";
}
.ti-scale-outline-off:before {
content: "\f199";
}
.ti-scan:before {
content: "\ebc8";
}
.ti-school:before {
content: "\ecf7";
}
.ti-school-off:before {
content: "\f19a";
}
.ti-scissors:before {
content: "\eb1b";
}
.ti-scissors-off:before {
content: "\f19b";
}
.ti-scooter:before {
content: "\ec6c";
}
.ti-scooter-electric:before {
content: "\ecc1";
}
.ti-screen-share:before {
content: "\ed18";
}
.ti-screen-share-off:before {
content: "\ed17";
}
.ti-scribble:before {
content: "\f0a3";
}
.ti-scuba-mask:before {
content: "\eed4";
}
.ti-search:before {
content: "\eb1c";
}
.ti-search-off:before {
content: "\f19c";
}
.ti-section:before {
content: "\eed5";
}
.ti-section-sign:before {
content: "\f019";
}
.ti-seeding:before {
content: "\ed51";
}
.ti-seeding-off:before {
content: "\f19d";
}
.ti-select:before {
content: "\ec9e";
}
.ti-selector:before {
content: "\eb1d";
}
.ti-send:before {
content: "\eb1e";
}
.ti-separator:before {
content: "\ebda";
}
.ti-separator-horizontal:before {
content: "\ec79";
}
.ti-separator-vertical:before {
content: "\ec7a";
}
.ti-server:before {
content: "\eb1f";
}
.ti-server-2:before {
content: "\f07c";
}
.ti-server-off:before {
content: "\f19e";
}
.ti-servicemark:before {
content: "\ec09";
}
.ti-settings:before {
content: "\eb20";
}
.ti-settings-automation:before {
content: "\eed6";
}
.ti-settings-off:before {
content: "\f19f";
}
.ti-shadow:before {
content: "\eed8";
}
.ti-shadow-off:before {
content: "\eed7";
}
.ti-shape:before {
content: "\eb9c";
}
.ti-shape-2:before {
content: "\eed9";
}
.ti-shape-3:before {
content: "\eeda";
}
.ti-shape-off:before {
content: "\f1a0";
}
.ti-share:before {
content: "\eb21";
}
.ti-share-off:before {
content: "\f1a1";
}
.ti-shield:before {
content: "\eb24";
}
.ti-shield-check:before {
content: "\eb22";
}
.ti-shield-checkered:before {
content: "\ef9a";
}
.ti-shield-chevron:before {
content: "\ef9b";
}
.ti-shield-lock:before {
content: "\ed58";
}
.ti-shield-off:before {
content: "\ecf8";
}
.ti-shield-x:before {
content: "\eb23";
}
.ti-ship:before {
content: "\ec84";
}
.ti-shirt:before {
content: "\ec0a";
}
.ti-shirt-off:before {
content: "\f1a2";
}
.ti-shoe:before {
content: "\efd2";
}
.ti-shoe-off:before {
content: "\f1a4";
}
.ti-shopping-cart:before {
content: "\eb25";
}
.ti-shopping-cart-discount:before {
content: "\eedb";
}
.ti-shopping-cart-off:before {
content: "\eedc";
}
.ti-shopping-cart-plus:before {
content: "\eedd";
}
.ti-shopping-cart-x:before {
content: "\eede";
}
.ti-shovel:before {
content: "\f1d9";
}
.ti-shredder:before {
content: "\eedf";
}
.ti-sign-left:before {
content: "\f06b";
}
.ti-sign-right:before {
content: "\f06c";
}
.ti-signature:before {
content: "\eee0";
}
.ti-signature-off:before {
content: "\f1a5";
}
.ti-sitemap:before {
content: "\eb9d";
}
.ti-sitemap-off:before {
content: "\f1a6";
}
.ti-skateboard:before {
content: "\ecc2";
}
.ti-sleigh:before {
content: "\ef9c";
}
.ti-slice:before {
content: "\ebdb";
}
.ti-slideshow:before {
content: "\ebc9";
}
.ti-smart-home:before {
content: "\ecde";
}
.ti-smart-home-off:before {
content: "\f1a7";
}
.ti-smoking:before {
content: "\ecc4";
}
.ti-smoking-no:before {
content: "\ecc3";
}
.ti-snowflake:before {
content: "\ec0b";
}
.ti-snowflake-off:before {
content: "\f1a8";
}
.ti-soccer-field:before {
content: "\ed92";
}
.ti-social:before {
content: "\ebec";
}
.ti-social-off:before {
content: "\f1a9";
}
.ti-sock:before {
content: "\eee1";
}
.ti-sofa:before {
content: "\efaf";
}
.ti-sort-ascending:before {
content: "\eb26";
}
.ti-sort-ascending-2:before {
content: "\eee2";
}
.ti-sort-ascending-letters:before {
content: "\ef18";
}
.ti-sort-ascending-numbers:before {
content: "\ef19";
}
.ti-sort-descending:before {
content: "\eb27";
}
.ti-sort-descending-2:before {
content: "\eee3";
}
.ti-sort-descending-letters:before {
content: "\ef1a";
}
.ti-sort-descending-numbers:before {
content: "\ef1b";
}
.ti-soup:before {
content: "\ef2e";
}
.ti-space:before {
content: "\ec0c";
}
.ti-space-off:before {
content: "\f1aa";
}
.ti-spacing-horizontal:before {
content: "\ef54";
}
.ti-spacing-vertical:before {
content: "\ef55";
}
.ti-spade:before {
content: "\effa";
}
.ti-speakerphone:before {
content: "\ed61";
}
.ti-speedboat:before {
content: "\ed93";
}
.ti-sport-billard:before {
content: "\eee4";
}
.ti-square:before {
content: "\eb2c";
}
.ti-square-0:before {
content: "\eee5";
}
.ti-square-1:before {
content: "\eee6";
}
.ti-square-2:before {
content: "\eee7";
}
.ti-square-3:before {
content: "\eee8";
}
.ti-square-4:before {
content: "\eee9";
}
.ti-square-5:before {
content: "\eeea";
}
.ti-square-6:before {
content: "\eeeb";
}
.ti-square-7:before {
content: "\eeec";
}
.ti-square-8:before {
content: "\eeed";
}
.ti-square-9:before {
content: "\eeee";
}
.ti-square-asterisk:before {
content: "\f01a";
}
.ti-square-check:before {
content: "\eb28";
}
.ti-square-dot:before {
content: "\ed59";
}
.ti-square-forbid:before {
content: "\ed5b";
}
.ti-square-forbid-2:before {
content: "\ed5a";
}
.ti-square-half:before {
content: "\effb";
}
.ti-square-minus:before {
content: "\eb29";
}
.ti-square-off:before {
content: "\eeef";
}
.ti-square-plus:before {
content: "\eb2a";
}
.ti-square-root:before {
content: "\eef1";
}
.ti-square-root-2:before {
content: "\eef0";
}
.ti-square-rotated:before {
content: "\ecdf";
}
.ti-square-rotated-forbid:before {
content: "\f01c";
}
.ti-square-rotated-forbid-2:before {
content: "\f01b";
}
.ti-square-rotated-off:before {
content: "\eef2";
}
.ti-square-toggle:before {
content: "\eef4";
}
.ti-square-toggle-horizontal:before {
content: "\eef3";
}
.ti-square-x:before {
content: "\eb2b";
}
.ti-squares-diagonal:before {
content: "\eef5";
}
.ti-squares-filled:before {
content: "\eef6";
}
.ti-stack:before {
content: "\eb2d";
}
.ti-stack-2:before {
content: "\eef7";
}
.ti-stack-3:before {
content: "\ef9d";
}
.ti-stairs:before {
content: "\eca6";
}
.ti-stairs-down:before {
content: "\eca4";
}
.ti-stairs-up:before {
content: "\eca5";
}
.ti-star:before {
content: "\eb2e";
}
.ti-star-half:before {
content: "\ed19";
}
.ti-star-off:before {
content: "\ed62";
}
.ti-stars:before {
content: "\ed38";
}
.ti-steering-wheel:before {
content: "\ec7b";
}
.ti-step-into:before {
content: "\ece0";
}
.ti-step-out:before {
content: "\ece1";
}
.ti-stethoscope:before {
content: "\edbe";
}
.ti-sticker:before {
content: "\eb2f";
}
.ti-strikethrough:before {
content: "\eb9e";
}
.ti-submarine:before {
content: "\ed94";
}
.ti-subscript:before {
content: "\eb9f";
}
.ti-subtask:before {
content: "\ec9f";
}
.ti-sum:before {
content: "\eb73";
}
.ti-sum-off:before {
content: "\f1ab";
}
.ti-sun:before {
content: "\eb30";
}
.ti-sun-off:before {
content: "\ed63";
}
.ti-sunrise:before {
content: "\ef1c";
}
.ti-sunset:before {
content: "\ec31";
}
.ti-superscript:before {
content: "\eba0";
}
.ti-swimming:before {
content: "\ec92";
}
.ti-switch:before {
content: "\eb33";
}
.ti-switch-2:before {
content: "\edbf";
}
.ti-switch-3:before {
content: "\edc0";
}
.ti-switch-horizontal:before {
content: "\eb31";
}
.ti-switch-vertical:before {
content: "\eb32";
}
.ti-sword:before {
content: "\f030";
}
.ti-sword-off:before {
content: "\f1ac";
}
.ti-swords:before {
content: "\f132";
}
.ti-table:before {
content: "\eba1";
}
.ti-table-export:before {
content: "\eef8";
}
.ti-table-import:before {
content: "\eef9";
}
.ti-table-off:before {
content: "\eefa";
}
.ti-tag:before {
content: "\eb34";
}
.ti-tag-off:before {
content: "\efc0";
}
.ti-tags:before {
content: "\ef86";
}
.ti-tags-off:before {
content: "\efc1";
}
.ti-tallymark-1:before {
content: "\ec46";
}
.ti-tallymark-2:before {
content: "\ec47";
}
.ti-tallymark-3:before {
content: "\ec48";
}
.ti-tallymark-4:before {
content: "\ec49";
}
.ti-tallymarks:before {
content: "\ec4a";
}
.ti-tank:before {
content: "\ed95";
}
.ti-target:before {
content: "\eb35";
}
.ti-target-off:before {
content: "\f1ad";
}
.ti-telescope:before {
content: "\f07d";
}
.ti-telescope-off:before {
content: "\f1ae";
}
.ti-temperature:before {
content: "\eb38";
}
.ti-temperature-celsius:before {
content: "\eb36";
}
.ti-temperature-fahrenheit:before {
content: "\eb37";
}
.ti-temperature-minus:before {
content: "\ebed";
}
.ti-temperature-off:before {
content: "\f1af";
}
.ti-temperature-plus:before {
content: "\ebee";
}
.ti-template:before {
content: "\eb39";
}
.ti-template-off:before {
content: "\f1b0";
}
.ti-tent:before {
content: "\eefb";
}
.ti-terminal:before {
content: "\ebdc";
}
.ti-terminal-2:before {
content: "\ebef";
}
.ti-test-pipe:before {
content: "\eb3a";
}
.ti-test-pipe-2:before {
content: "\f0a4";
}
.ti-test-pipe-off:before {
content: "\f1b1";
}
.ti-text-direction-ltr:before {
content: "\eefc";
}
.ti-text-direction-rtl:before {
content: "\eefd";
}
.ti-text-resize:before {
content: "\ef87";
}
.ti-text-wrap:before {
content: "\ebdd";
}
.ti-text-wrap-disabled:before {
content: "\eca7";
}
.ti-thermometer:before {
content: "\ef67";
}
.ti-thumb-down:before {
content: "\eb3b";
}
.ti-thumb-up:before {
content: "\eb3c";
}
.ti-ticket:before {
content: "\eb3d";
}
.ti-ticket-off:before {
content: "\f1b2";
}
.ti-tie:before {
content: "\f07e";
}
.ti-tilt-shift:before {
content: "\eefe";
}
.ti-tilt-shift-off:before {
content: "\f1b3";
}
.ti-timeline:before {
content: "\f031";
}
.ti-tir:before {
content: "\ebf0";
}
.ti-toggle-left:before {
content: "\eb3e";
}
.ti-toggle-right:before {
content: "\eb3f";
}
.ti-toilet-paper:before {
content: "\efd3";
}
.ti-toilet-paper-off:before {
content: "\f1b4";
}
.ti-tool:before {
content: "\eb40";
}
.ti-tools:before {
content: "\ebca";
}
.ti-tools-kitchen:before {
content: "\ed64";
}
.ti-tools-kitchen-2:before {
content: "\eeff";
}
.ti-tools-kitchen-2-off:before {
content: "\f1b5";
}
.ti-tools-kitchen-off:before {
content: "\f1b6";
}
.ti-tools-off:before {
content: "\f1b7";
}
.ti-tornado:before {
content: "\ece2";
}
.ti-tournament:before {
content: "\ecd0";
}
.ti-track:before {
content: "\ef00";
}
.ti-tractor:before {
content: "\ec0d";
}
.ti-trademark:before {
content: "\ec0e";
}
.ti-traffic-cone:before {
content: "\ec0f";
}
.ti-traffic-cone-off:before {
content: "\f1b8";
}
.ti-traffic-lights:before {
content: "\ed39";
}
.ti-traffic-lights-off:before {
content: "\f1b9";
}
.ti-train:before {
content: "\ed96";
}
.ti-transfer-in:before {
content: "\ef2f";
}
.ti-transfer-out:before {
content: "\ef30";
}
.ti-trash:before {
content: "\eb41";
}
.ti-trash-off:before {
content: "\ed65";
}
.ti-trash-x:before {
content: "\ef88";
}
.ti-tree:before {
content: "\ef01";
}
.ti-trees:before {
content: "\ec10";
}
.ti-trending-down:before {
content: "\eb42";
}
.ti-trending-down-2:before {
content: "\edc1";
}
.ti-trending-down-3:before {
content: "\edc2";
}
.ti-trending-up:before {
content: "\eb43";
}
.ti-trending-up-2:before {
content: "\edc3";
}
.ti-trending-up-3:before {
content: "\edc4";
}
.ti-triangle:before {
content: "\eb44";
}
.ti-triangle-inverted:before {
content: "\f01d";
}
.ti-triangle-off:before {
content: "\ef02";
}
.ti-triangle-square-circle:before {
content: "\ece8";
}
.ti-triangles:before {
content: "\f0a5";
}
.ti-trident:before {
content: "\ecc5";
}
.ti-trophy:before {
content: "\eb45";
}
.ti-truck:before {
content: "\ebc4";
}
.ti-truck-delivery:before {
content: "\ec4b";
}
.ti-truck-loading:before {
content: "\f1da";
}
.ti-truck-off:before {
content: "\ef03";
}
.ti-truck-return:before {
content: "\ec4c";
}
.ti-typography:before {
content: "\ebc5";
}
.ti-typography-off:before {
content: "\f1ba";
}
.ti-umbrella:before {
content: "\ebf1";
}
.ti-umbrella-off:before {
content: "\f1bb";
}
.ti-underline:before {
content: "\eba2";
}
.ti-unlink:before {
content: "\eb46";
}
.ti-upload:before {
content: "\eb47";
}
.ti-urgent:before {
content: "\eb48";
}
.ti-usb:before {
content: "\f00c";
}
.ti-user:before {
content: "\eb4d";
}
.ti-user-check:before {
content: "\eb49";
}
.ti-user-circle:before {
content: "\ef68";
}
.ti-user-exclamation:before {
content: "\ec12";
}
.ti-user-minus:before {
content: "\eb4a";
}
.ti-user-off:before {
content: "\ecf9";
}
.ti-user-plus:before {
content: "\eb4b";
}
.ti-user-search:before {
content: "\ef89";
}
.ti-user-x:before {
content: "\eb4c";
}
.ti-users:before {
content: "\ebf2";
}
.ti-vaccine:before {
content: "\ef04";
}
.ti-vaccine-bottle:before {
content: "\ef69";
}
.ti-vaccine-off:before {
content: "\f1bc";
}
.ti-variable:before {
content: "\ef05";
}
.ti-variable-off:before {
content: "\f1bd";
}
.ti-vector:before {
content: "\eca9";
}
.ti-vector-bezier:before {
content: "\ef1d";
}
.ti-vector-bezier-2:before {
content: "\f1a3";
}
.ti-vector-off:before {
content: "\f1be";
}
.ti-vector-triangle:before {
content: "\eca8";
}
.ti-vector-triangle-off:before {
content: "\f1bf";
}
.ti-venus:before {
content: "\ec86";
}
.ti-versions:before {
content: "\ed52";
}
.ti-versions-off:before {
content: "\f1c0";
}
.ti-video:before {
content: "\ed22";
}
.ti-video-minus:before {
content: "\ed1f";
}
.ti-video-off:before {
content: "\ed20";
}
.ti-video-plus:before {
content: "\ed21";
}
.ti-view-360:before {
content: "\ed84";
}
.ti-view-360-off:before {
content: "\f1c1";
}
.ti-viewfinder:before {
content: "\eb4e";
}
.ti-viewfinder-off:before {
content: "\f1c2";
}
.ti-viewport-narrow:before {
content: "\ebf3";
}
.ti-viewport-wide:before {
content: "\ebf4";
}
.ti-vinyl:before {
content: "\f00d";
}
.ti-virus:before {
content: "\eb74";
}
.ti-virus-off:before {
content: "\ed66";
}
.ti-virus-search:before {
content: "\ed67";
}
.ti-vocabulary:before {
content: "\ef1e";
}
.ti-volume:before {
content: "\eb51";
}
.ti-volume-2:before {
content: "\eb4f";
}
.ti-volume-3:before {
content: "\eb50";
}
.ti-volume-off:before {
content: "\f1c3";
}
.ti-walk:before {
content: "\ec87";
}
.ti-wall:before {
content: "\ef7a";
}
.ti-wallet:before {
content: "\eb75";
}
.ti-wallet-off:before {
content: "\f1c4";
}
.ti-wallpaper:before {
content: "\ef56";
}
.ti-wallpaper-off:before {
content: "\f1c5";
}
.ti-wand:before {
content: "\ebcb";
}
.ti-wand-off:before {
content: "\f1c6";
}
.ti-wave-saw-tool:before {
content: "\ecd3";
}
.ti-wave-sine:before {
content: "\ecd4";
}
.ti-wave-square:before {
content: "\ecd5";
}
.ti-webhook:before {
content: "\f01e";
}
.ti-wheelchair:before {
content: "\f1db";
}
.ti-wifi:before {
content: "\eb52";
}
.ti-wifi-0:before {
content: "\eba3";
}
.ti-wifi-1:before {
content: "\eba4";
}
.ti-wifi-2:before {
content: "\eba5";
}
.ti-wifi-off:before {
content: "\ecfa";
}
.ti-wind:before {
content: "\ec34";
}
.ti-wind-off:before {
content: "\f1c7";
}
.ti-windmill:before {
content: "\ed85";
}
.ti-windmill-off:before {
content: "\f1c8";
}
.ti-window:before {
content: "\ef06";
}
.ti-window-off:before {
content: "\f1c9";
}
.ti-windsock:before {
content: "\f06d";
}
.ti-wiper:before {
content: "\ecab";
}
.ti-wiper-wash:before {
content: "\ecaa";
}
.ti-woman:before {
content: "\eb53";
}
.ti-world:before {
content: "\eb54";
}
.ti-world-download:before {
content: "\ef8a";
}
.ti-world-latitude:before {
content: "\ed2e";
}
.ti-world-longitude:before {
content: "\ed2f";
}
.ti-world-off:before {
content: "\f1ca";
}
.ti-world-upload:before {
content: "\ef8b";
}
.ti-wrecking-ball:before {
content: "\ed97";
}
.ti-writing:before {
content: "\ef08";
}
.ti-writing-off:before {
content: "\f1cb";
}
.ti-writing-sign:before {
content: "\ef07";
}
.ti-writing-sign-off:before {
content: "\f1cc";
}
.ti-x:before {
content: "\eb55";
}
.ti-yin-yang:before {
content: "\ec35";
}
.ti-yoga:before {
content: "\f01f";
}
.ti-zodiac-aquarius:before {
content: "\ecac";
}
.ti-zodiac-aries:before {
content: "\ecad";
}
.ti-zodiac-cancer:before {
content: "\ecae";
}
.ti-zodiac-capricorn:before {
content: "\ecaf";
}
.ti-zodiac-gemini:before {
content: "\ecb0";
}
.ti-zodiac-leo:before {
content: "\ecb1";
}
.ti-zodiac-libra:before {
content: "\ecb2";
}
.ti-zodiac-pisces:before {
content: "\ecb3";
}
.ti-zodiac-sagittarius:before {
content: "\ecb4";
}
.ti-zodiac-scorpio:before {
content: "\ecb5";
}
.ti-zodiac-taurus:before {
content: "\ecb6";
}
.ti-zodiac-virgo:before {
content: "\ecb7";
}
.ti-zoom-cancel:before {
content: "\ec4d";
}
.ti-zoom-check:before {
content: "\ef09";
}
.ti-zoom-code:before {
content: "\f07f";
}
.ti-zoom-exclamation:before {
content: "\f080";
}
.ti-zoom-in:before {
content: "\eb56";
}
.ti-zoom-in-area:before {
content: "\f1dc";
}
.ti-zoom-money:before {
content: "\ef0a";
}
.ti-zoom-out:before {
content: "\eb57";
}
.ti-zoom-out-area:before {
content: "\f1dd";
}
.ti-zoom-pan:before {
content: "\f1de";
}
.ti-zoom-question:before {
content: "\edeb";
}
: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: #6c778b;
--tblr-gray-dark: #364251;
--tblr-gray-100: #9ca8c0;
--tblr-gray-200: #9aa6bd;
--tblr-gray-300: #95a1b8;
--tblr-gray-400: #8d99b0;
--tblr-gray-500: #818da3;
--tblr-gray-600: #6c778b;
--tblr-gray-700: #4f5a6c;
--tblr-gray-800: #364251;
--tblr-gray-900: #232e3c;
--tblr-primary: #fec95c;
--tblr-secondary: #b0bbd4;
--tblr-success: #2fb344;
--tblr-info: #80abe4;
--tblr-warning: #f76707;
--tblr-danger: #d63939;
--tblr-light: #9ca8c0;
--tblr-dark: #232e3c;
--tblr-muted: #757d91;
--tblr-primary-rgb: 254, 201, 92;
--tblr-secondary-rgb: 176, 187, 212;
--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: 156, 168, 192;
--tblr-dark-rgb: 35, 46, 60;
--tblr-muted-rgb: 117, 125, 145;
--tblr-white-rgb: 255, 255, 255;
--tblr-black-rgb: 0, 0, 0;
--tblr-body-color-rgb: 35, 46, 60;
--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: #232e3c;
--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: #b6c3e0;
text-decoration: none;
}
a:hover {
color: #929cb3;
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 /* rtl:ignore */;
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: #4f5863;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 85.71428571%;
color: #ffffff;
background-color: #232e3c;
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: #757d91;
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: #6c778b;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #f5f7fb;
border: 1px solid #95a1b8;
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: #6c778b;
}
.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: rgba(255, 255, 255, 0.05);
--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: #1f2936;
}
.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(117, 125, 145, 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: #232e3c;
--tblr-table-active-bg: #e9e0ce;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #efe5d2;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #e9e0ce;
}
.table-secondary {
--tblr-table-bg: #eff1f6;
--tblr-table-striped-bg: #e5e7ed;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #dbdee3;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #e0e2e8;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #dbdee3;
}
.table-success {
--tblr-table-bg: #d5f0da;
--tblr-table-striped-bg: #cce6d2;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #c3ddca;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #c8e1ce;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #c3ddca;
}
.table-info {
--tblr-table-bg: #e6eefa;
--tblr-table-striped-bg: #dce4f1;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #d3dbe7;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #d7e0ec;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #d3dbe7;
}
.table-warning {
--tblr-table-bg: #fde1cd;
--tblr-table-striped-bg: #f2d8c6;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #e7cfbf;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #edd4c2;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #e7cfbf;
}
.table-danger {
--tblr-table-bg: #f7d7d7;
--tblr-table-striped-bg: #eccfcf;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #e2c6c8;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #e7cacb;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #e2c6c8;
}
.table-light {
--tblr-table-bg: #9ca8c0;
--tblr-table-striped-bg: #96a2b9;
--tblr-table-striped-color: #232e3c;
--tblr-table-active-bg: #909cb3;
--tblr-table-active-color: #232e3c;
--tblr-table-hover-bg: #939fb6;
--tblr-table-hover-color: #232e3c;
color: #232e3c;
border-color: #909cb3;
}
.table-dark {
--tblr-table-bg: #232e3c;
--tblr-table-striped-bg: #293443;
--tblr-table-striped-color: #9ca8c0;
--tblr-table-active-bg: #2f3a49;
--tblr-table-active-color: #9ca8c0;
--tblr-table-hover-bg: #2c3746;
--tblr-table-hover-color: #9ca8c0;
color: #9ca8c0;
border-color: #2f3a49;
}
.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: #757d91;
}
.form-control {
display: block;
width: 100%;
padding: 0.4375rem 0.75rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.4285714286;
color: #9ca8c0;
background-color: #1f2936;
background-clip: padding-box;
border: 1px solid #dee0e5;
appearance: none;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@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: #35455a;
border-color: #b4bfce;
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: #a7abb1;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #35404e;
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.4375rem 0.75rem;
margin: -0.4375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #9ca8c0;
background-color: #9ca8c0;
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: #94a0b6;
}
.form-control::-webkit-file-upload-button {
padding: 0.4375rem 0.75rem;
margin: -0.4375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #9ca8c0;
background-color: #9ca8c0;
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: #94a0b6;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.4375rem 0;
margin-bottom: 0;
line-height: 1.4285714286;
color: #232e3c;
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.4375rem 2.25rem 0.4375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.4285714286;
color: #9ca8c0;
background-color: #1f2936;
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='%23a7abb1' 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 #dee0e5;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #b4bfce;
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: #9aa6bd;
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #9ca8c0;
}
.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(117, 125, 145, 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: #b4bfce;
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(117, 125, 145, 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='rgba%28101, 109, 119, 0.16%29'/%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='%23b4bfce'/%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: #818da3;
}
.form-range:disabled::-moz-range-thumb {
background-color: #818da3;
}
.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;
}
.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: #757d91;
text-align: center;
white-space: nowrap;
background-color: #9ca8c0;
border: 1px solid #dee0e5;
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: #232e3c;
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='%23a7abb1' 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: #ffffff;
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 .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #d63939;
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
}
.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='%23a7abb1' 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-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #d63939;
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
}
.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:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
}
.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: #232e3c;
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: #232e3c;
}
.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: #b6c3e0;
text-decoration: none;
}
.btn-link:hover {
color: #929cb3;
text-decoration: none;
}
.btn-link:focus {
text-decoration: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c778b;
}
.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: #232e3c;
text-align: left;
list-style: none;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid rgba(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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: #818da3;
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: #6c778b;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.5rem 0.75rem;
color: inherit;
}
.dropdown-menu-dark {
color: #95a1b8;
background-color: #364251;
border-color: rgba(117, 125, 145, 0.16);
}
.dropdown-menu-dark .dropdown-item {
color: #95a1b8;
}
.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: #818da3;
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(117, 125, 145, 0.16);
}
.dropdown-menu-dark .dropdown-item-text {
color: #95a1b8;
}
.dropdown-menu-dark .dropdown-header {
color: #818da3;
}
.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: #929cb3;
}
.nav-link.disabled {
color: #6c778b;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #95a1b8;
}
.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: #9aa6bd #9aa6bd #95a1b8;
isolation: isolate;
}
.nav-tabs .nav-link.disabled {
color: #6c778b;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #4f5a6c;
background-color: #f5f7fb;
border-color: #95a1b8 #95a1b8 #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: #232e3c;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: #232e3c;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(35, 46, 60, 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(35, 46, 60, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
color: #232e3c;
}
.navbar-light .navbar-toggler {
color: rgba(35, 46, 60, 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%2835, 46, 60, 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(35, 46, 60, 0.7);
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: #232e3c;
}
.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(117, 125, 145, 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: #757d91;
background-color: #fafbfc;
border-bottom: 1px solid rgba(117, 125, 145, 0.16);
}
.card-header:first-child {
border-radius: 3px 3px 0 0;
}
.card-footer {
padding: 1rem 1.25rem;
color: #757d91;
background-color: #fafbfc;
border-top: 1px solid rgba(117, 125, 145, 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: #232e3c;
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(117, 125, 145, 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='%23232e3c'%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(117, 125, 145, 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(117, 125, 145, 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: #757d91;
content: var(--tblr-breadcrumb-divider, "/") /* rtl: 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: #757d91;
background-color: transparent;
border: 0 solid #95a1b8;
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: #929cb3;
background-color: #9aa6bd;
border-color: #95a1b8;
}
.page-link:focus {
z-index: 3;
color: #929cb3;
background-color: #9aa6bd;
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(117, 125, 145, 0.5);
pointer-events: none;
background-color: transparent;
border-color: #95a1b8;
}
.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: rgba(101, 109, 119, 0.16);
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(117, 125, 145, 0.04);
}
.list-group-item-action:active {
color: #232e3c;
background-color: #9aa6bd;
}
.list-group-item {
position: relative;
display: block;
padding: 1rem 1.25rem;
color: #232e3c;
background-color: inherit;
border: 1px solid rgba(101, 109, 119, 0.16);
}
.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: #6c778b;
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: rgba(101, 109, 119, 0.16);
}
.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: #6a707f;
background-color: #eff1f6;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #6a707f;
background-color: #d7d9dd;
}
.list-group-item-secondary.list-group-item-action.active {
color: #ffffff;
background-color: #6a707f;
border-color: #6a707f;
}
.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: #5e6573;
background-color: #ebeef2;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #5e6573;
background-color: #d4d6da;
}
.list-group-item-light.list-group-item-action.active {
color: #ffffff;
background-color: #5e6573;
border-color: #5e6573;
}
.list-group-item-dark {
color: #151c24;
background-color: #d3d5d8;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #151c24;
background-color: #bec0c2;
}
.list-group-item-dark.list-group-item-action.active {
color: #ffffff;
background-color: #151c24;
border-color: #151c24;
}
.list-group-item-muted {
color: #464b57;
background-color: #e3e5e9;
}
.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus {
color: #464b57;
background-color: #ccced2;
}
.list-group-item-muted.list-group-item-action.active {
color: #ffffff;
background-color: #464b57;
border-color: #464b57;
}
.btn-close {
box-sizing: content-box;
width: 0.75rem;
height: 0.75rem;
padding: 0.25em 0.25em;
color: #9ca8c0;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ca8c0'%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: #9ca8c0;
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 rgba(101, 109, 119, 0.16);
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: #9ca8c0;
background-color: #8d99b0;
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: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -1rem);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.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-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 {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: #232e3c;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.24;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1.5rem;
border-bottom: 1px solid rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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 /* rtl:ignore */;
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 rgba(101, 109, 119, 0.16);
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: rgba(101, 109, 119, 0.21);
}
.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: rgba(101, 109, 119, 0.21);
}
.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: rgba(101, 109, 119, 0.21);
}
.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: rgba(101, 109, 119, 0.21);
}
.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 rgba(101, 109, 119, 0.16);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 1rem 1rem;
color: #232e3c;
}
.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) /* rtl:ignore */;
}
}
.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: #232e3c;
}
.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(117, 125, 145, 0.16);
transform: translateX(-100%);
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(117, 125, 145, 0.16);
transform: translateX(100%);
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(117, 125, 145, 0.16);
transform: translateY(-100%);
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(117, 125, 145, 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: #b0bbd4;
}
.link-secondary:hover, .link-secondary:focus {
color: #c0c9dd;
}
.link-success {
color: #2fb344;
}
.link-success:hover, .link-success:focus {
color: #59c269;
}
.link-info {
color: #80abe4;
}
.link-info:hover, .link-info:focus {
color: #99bce9;
}
.link-warning {
color: #f76707;
}
.link-warning:hover, .link-warning:focus {
color: #f98539;
}
.link-danger {
color: #d63939;
}
.link-danger:hover, .link-danger:focus {
color: #de6161;
}
.link-light {
color: #9ca8c0;
}
.link-light:hover, .link-light:focus {
color: #b0b9cd;
}
.link-dark {
color: #232e3c;
}
.link-dark:hover, .link-dark:focus {
color: #1c2530;
}
.link-muted {
color: #757d91;
}
.link-muted:hover, .link-muted:focus {
color: #9197a7;
}
.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(117, 125, 145, 0.16) !important;
}
.border-wide {
border: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-top-wide {
border-top: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-end-wide {
border-right: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-bottom-wide {
border-bottom: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-start-wide {
border-left: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #fec95c !important;
}
.border-secondary {
border-color: #b0bbd4 !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: #9ca8c0 !important;
}
.border-dark {
border-color: #232e3c !important;
}
.border-muted {
border-color: #757d91 !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: #757d91 !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(117, 125, 145, 0.16) !important;
border-right: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-x-wide {
border-left: 2px solid rgba(117, 125, 145, 0.16) !important;
border-right: 2px solid rgba(117, 125, 145, 0.16) !important;
}
.border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.border-y {
border-top: 1px solid rgba(117, 125, 145, 0.16) !important;
border-bottom: 1px solid rgba(117, 125, 145, 0.16) !important;
}
.border-y-wide {
border-top: 2px solid rgba(117, 125, 145, 0.16) !important;
border-bottom: 2px solid rgba(117, 125, 145, 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: rgba(101, 109, 119, 0.16);
--tblr-border-color-rgb: 101, 109, 119;
--tblr-border-color-light: #f4f5f6;
--tblr-border-color-light-rgb: 244, 245, 246;
}
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: #232e3c 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: #232e3c;
}
@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(35, 46, 60, 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(35, 46, 60, 0.7) !important;
}
.navbar .navbar-brand {
color: #232e3c;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
color: #232e3c;
opacity: 0.8;
}
.navbar .navbar-nav .nav-link {
color: rgba(35, 46, 60, 0.7);
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
color: #232e3c;
}
.navbar .navbar-nav .nav-link.disabled {
color: rgba(35, 46, 60, 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: #232e3c;
}
.navbar .navbar-toggler {
color: #232e3c;
border-color: transparent;
}
.navbar .navbar-text {
color: rgba(35, 46, 60, 0.7);
}
.navbar .navbar-text a, .navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
color: rgba(35, 46, 60, 0.7);
}
@media not print {
.theme-dark .navbar {
background: #232e3c;
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(156, 168, 192, 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(156, 168, 192, 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: #232e3c;
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(156, 168, 192, 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(156, 168, 192, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 0.16);
background-color: #ffffff;
}
/**
Navbar dark
*/
.navbar-dark {
background: #232e3c;
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(156, 168, 192, 0.64);
}
.navbar-dark .form-control {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.1);
}
.navbar-dark .form-control::placeholder {
color: rgba(156, 168, 192, 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;
z-index: 1030;
align-items: flex-start;
transition: transform 0.3s;
overflow-x: auto;
padding: 0;
}
.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%;
justify-content: flex-start;
}
.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;
}
.navbar-vertical.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-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: auto;
}
.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(117, 125, 145, 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(117, 125, 145, 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: #757d91;
}
.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: #757d91;
}
.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 rgba(101, 109, 119, 0.16);
background-color: #ffffff;
padding: 2rem 0;
color: #757d91;
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: #9ca8c0;
--tblr-body-color-rgb: 156, 168, 192;
--tblr-body-bg: #1f2936;
--tblr-body-bg-rgb: 31, 41, 53;
--tblr-card-bg: #232e3c;
--tblr-card-bg-rgb: 35, 46, 60;
--tblr-border-color: #324256;
--tblr-border-color-light: #2b3849;
--tblr-btn-color: #232e3c;
color: #9ca8c0;
background-color: #1f2936;
}
.theme-dark .page {
color: #9ca8c0;
}
.theme-dark .hide-theme-dark {
display: none !important;
}
.theme-dark .text-body {
color: #9ca8c0 !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: #232e3c;
color: inherit;
}
.theme-dark .card {
border-color: transparent;
}
.theme-dark .card-tabs .nav-tabs .nav-link {
background-color: #1f2936;
color: inherit;
}
.theme-dark pre {
background-color: #1f2936;
border-color: #324256;
}
.theme-dark .card-tabs .nav-tabs .nav-link.active {
background-color: #232e3c;
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: #1f2936;
color: #9ca8c0;
border-color: #324256;
}
.theme-dark .form-control-plaintext {
color: #9ca8c0;
}
.theme-dark .input-group-flat .input-group-text {
background-color: #1f2936;
}
.theme-dark .input-group-text {
border-color: #324256;
}
.theme-dark .highlight {
background-color: #1f2936;
}
.theme-dark .avatar {
--tblr-avatar-bg: #273342;
}
.theme-dark .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #232e3c;
}
.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: #9ca8c0;
}
.theme-dark .apexcharts-gridline {
stroke: var(--tblr-border-color);
}
.theme-dark .apexcharts-legend-text {
color: inherit !important;
}
.theme-dark .apexcharts-tooltip {
background: #232e3c !important;
border: 1px solid #324256 !important;
box-shadow: 2px 2px 6px -4px #1f2936 !important;
}
.theme-dark .apexcharts-tooltip .apexcharts-tooltip-title {
background: #232e3c !important;
border-bottom: 1px solid #324256 !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: #1f2936;
}
.theme-dark .list-group-item {
border-color: rgba(117, 125, 145, 0.16);
}
.theme-dark .list-group-item:not(.disabled):not(:disabled) {
color: #9ca8c0;
}
.theme-dark .list-group-item.disabled, .theme-dark .list-group-item:disabled {
color: #6c778b;
}
.theme-dark .apexcharts-radialbar-area {
stroke: #324256;
}
.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: #9ca8c0;
--tblr-body-color-rgb: 156, 168, 192;
--tblr-body-bg: #1f2936;
--tblr-body-bg-rgb: 31, 41, 53;
--tblr-card-bg: #232e3c;
--tblr-card-bg-rgb: 35, 46, 60;
--tblr-border-color: #324256;
--tblr-border-color-light: #2b3849;
--tblr-btn-color: #232e3c;
color: #9ca8c0;
background-color: #1f2936;
}
.theme-dark-auto .page {
color: #9ca8c0;
}
.theme-dark-auto .hide-theme-dark {
display: none !important;
}
.theme-dark-auto .text-body {
color: #9ca8c0 !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: #232e3c;
color: inherit;
}
.theme-dark-auto .card {
border-color: transparent;
}
.theme-dark-auto .card-tabs .nav-tabs .nav-link {
background-color: #1f2936;
color: inherit;
}
.theme-dark-auto pre {
background-color: #1f2936;
border-color: #324256;
}
.theme-dark-auto .card-tabs .nav-tabs .nav-link.active {
background-color: #232e3c;
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: #1f2936;
color: #9ca8c0;
border-color: #324256;
}
.theme-dark-auto .form-control-plaintext {
color: #9ca8c0;
}
.theme-dark-auto .input-group-flat .input-group-text {
background-color: #1f2936;
}
.theme-dark-auto .input-group-text {
border-color: #324256;
}
.theme-dark-auto .highlight {
background-color: #1f2936;
}
.theme-dark-auto .avatar {
--tblr-avatar-bg: #273342;
}
.theme-dark-auto .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #232e3c;
}
.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: #9ca8c0;
}
.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: #232e3c !important;
border: 1px solid #324256 !important;
box-shadow: 2px 2px 6px -4px #1f2936 !important;
}
.theme-dark-auto .apexcharts-tooltip .apexcharts-tooltip-title {
background: #232e3c !important;
border-bottom: 1px solid #324256 !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: #1f2936;
}
.theme-dark-auto .list-group-item {
border-color: rgba(117, 125, 145, 0.16);
}
.theme-dark-auto .list-group-item:not(.disabled):not(:disabled) {
color: #9ca8c0;
}
.theme-dark-auto .list-group-item.disabled, .theme-dark-auto .list-group-item:disabled {
color: #6c778b;
}
.theme-dark-auto .apexcharts-radialbar-area {
stroke: #324256;
}
.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: #757d91;
background: #ffffff;
border: 1px solid rgba(117, 125, 145, 0.16);
border-left: 0.25rem solid var(--tblr-alert-color);
box-shadow: rgba(35, 46, 60, 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: #b0bbd4;
}
.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: #9ca8c0;
}
.alert-dark {
--tblr-alert-color: #232e3c;
}
.alert-muted {
--tblr-alert-color: #757d91;
}
.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: #757d91;
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 rgba(101, 109, 119, 0.16);
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: #818da3;
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: #757d91;
}
.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(117, 125, 145, 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: #b6c3e0;
background-color: transparent;
border-color: transparent;
}
.btn-link .icon {
color: inherit;
}
.btn-link:hover {
color: #929cb3;
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: #232e3c;
}
.btn-secondary, .btn-outline-secondary, .btn-ghost-secondary {
--tblr-btn-color: #b0bbd4;
--tblr-btn-color-interactive: #9ea8bf;
--tblr-btn-color-text: #232e3c;
}
.btn-success, .btn-outline-success, .btn-ghost-success {
--tblr-btn-color: #2fb344;
--tblr-btn-color-interactive: #2aa13d;
--tblr-btn-color-text: #232e3c;
}
.btn-info, .btn-outline-info, .btn-ghost-info {
--tblr-btn-color: #80abe4;
--tblr-btn-color-interactive: #739acd;
--tblr-btn-color-text: #232e3c;
}
.btn-warning, .btn-outline-warning, .btn-ghost-warning {
--tblr-btn-color: #f76707;
--tblr-btn-color-interactive: #de5d06;
--tblr-btn-color-text: #232e3c;
}
.btn-danger, .btn-outline-danger, .btn-ghost-danger {
--tblr-btn-color: #d63939;
--tblr-btn-color-interactive: #c13333;
--tblr-btn-color-text: #ffffff;
}
.btn-light, .btn-outline-light, .btn-ghost-light {
--tblr-btn-color: #9ca8c0;
--tblr-btn-color-interactive: #8c97ad;
--tblr-btn-color-text: #232e3c;
}
.btn-dark, .btn-outline-dark, .btn-ghost-dark {
--tblr-btn-color: #232e3c;
--tblr-btn-color-interactive: #202936;
--tblr-btn-color-text: #9ca8c0;
}
.btn-muted, .btn-outline-muted, .btn-ghost-muted {
--tblr-btn-color: #757d91;
--tblr-btn-color-interactive: #697183;
--tblr-btn-color-text: #232e3c;
}
.btn-blue, .btn-outline-blue, .btn-ghost-blue {
--tblr-btn-color: #206bc4;
--tblr-btn-color-interactive: #1d60b0;
--tblr-btn-color-text: #ffffff;
}
.btn-azure, .btn-outline-azure, .btn-ghost-azure {
--tblr-btn-color: #4299e1;
--tblr-btn-color-interactive: #3b8acb;
--tblr-btn-color-text: #232e3c;
}
.btn-indigo, .btn-outline-indigo, .btn-ghost-indigo {
--tblr-btn-color: #4263eb;
--tblr-btn-color-interactive: #3b59d4;
--tblr-btn-color-text: #ffffff;
}
.btn-purple, .btn-outline-purple, .btn-ghost-purple {
--tblr-btn-color: #ae3ec9;
--tblr-btn-color-interactive: #9d38b5;
--tblr-btn-color-text: #ffffff;
}
.btn-pink, .btn-outline-pink, .btn-ghost-pink {
--tblr-btn-color: #d6336c;
--tblr-btn-color-interactive: #c12e61;
--tblr-btn-color-text: #ffffff;
}
.btn-red, .btn-outline-red, .btn-ghost-red {
--tblr-btn-color: #d63939;
--tblr-btn-color-interactive: #c13333;
--tblr-btn-color-text: #ffffff;
}
.btn-orange, .btn-outline-orange, .btn-ghost-orange {
--tblr-btn-color: #f76707;
--tblr-btn-color-interactive: #de5d06;
--tblr-btn-color-text: #232e3c;
}
.btn-yellow, .btn-outline-yellow, .btn-ghost-yellow {
--tblr-btn-color: #f59f00;
--tblr-btn-color-interactive: #dd8f00;
--tblr-btn-color-text: #232e3c;
}
.btn-lime, .btn-outline-lime, .btn-ghost-lime {
--tblr-btn-color: #74b816;
--tblr-btn-color-interactive: #68a614;
--tblr-btn-color-text: #232e3c;
}
.btn-green, .btn-outline-green, .btn-ghost-green {
--tblr-btn-color: #2fb344;
--tblr-btn-color-interactive: #2aa13d;
--tblr-btn-color-text: #232e3c;
}
.btn-teal, .btn-outline-teal, .btn-ghost-teal {
--tblr-btn-color: #0ca678;
--tblr-btn-color-interactive: #0b956c;
--tblr-btn-color-text: #232e3c;
}
.btn-cyan, .btn-outline-cyan, .btn-ghost-cyan {
--tblr-btn-color: #17a2b8;
--tblr-btn-color-interactive: #1592a6;
--tblr-btn-color-text: #232e3c;
}
.btn-facebook, .btn-outline-facebook, .btn-ghost-facebook {
--tblr-btn-color: #3b5998;
--tblr-btn-color-interactive: #355089;
--tblr-btn-color-text: #ffffff;
}
.btn-twitter, .btn-outline-twitter, .btn-ghost-twitter {
--tblr-btn-color: #1da1f2;
--tblr-btn-color-interactive: #1a91da;
--tblr-btn-color-text: #232e3c;
}
.btn-linkedin, .btn-outline-linkedin, .btn-ghost-linkedin {
--tblr-btn-color: #0a66c2;
--tblr-btn-color-interactive: #095caf;
--tblr-btn-color-text: #ffffff;
}
.btn-google, .btn-outline-google, .btn-ghost-google {
--tblr-btn-color: #dc4e41;
--tblr-btn-color-interactive: #c6463b;
--tblr-btn-color-text: #232e3c;
}
.btn-youtube, .btn-outline-youtube, .btn-ghost-youtube {
--tblr-btn-color: #ff0000;
--tblr-btn-color-interactive: #e60000;
--tblr-btn-color-text: #232e3c;
}
.btn-vimeo, .btn-outline-vimeo, .btn-ghost-vimeo {
--tblr-btn-color: #1ab7ea;
--tblr-btn-color-interactive: #17a5d3;
--tblr-btn-color-text: #232e3c;
}
.btn-dribbble, .btn-outline-dribbble, .btn-ghost-dribbble {
--tblr-btn-color: #ea4c89;
--tblr-btn-color-interactive: #d3447b;
--tblr-btn-color-text: #232e3c;
}
.btn-github, .btn-outline-github, .btn-ghost-github {
--tblr-btn-color: #181717;
--tblr-btn-color-interactive: #161515;
--tblr-btn-color-text: #9ca8c0;
}
.btn-instagram, .btn-outline-instagram, .btn-ghost-instagram {
--tblr-btn-color: #e4405f;
--tblr-btn-color-interactive: #cd3a56;
--tblr-btn-color-text: #232e3c;
}
.btn-pinterest, .btn-outline-pinterest, .btn-ghost-pinterest {
--tblr-btn-color: #bd081c;
--tblr-btn-color-interactive: #aa0719;
--tblr-btn-color-text: #ffffff;
}
.btn-vk, .btn-outline-vk, .btn-ghost-vk {
--tblr-btn-color: #6383a8;
--tblr-btn-color-interactive: #597697;
--tblr-btn-color-text: #232e3c;
}
.btn-rss, .btn-outline-rss, .btn-ghost-rss {
--tblr-btn-color: #ffa500;
--tblr-btn-color-interactive: #e69500;
--tblr-btn-color-text: #232e3c;
}
.btn-flickr, .btn-outline-flickr, .btn-ghost-flickr {
--tblr-btn-color: #0063dc;
--tblr-btn-color-interactive: #0059c6;
--tblr-btn-color-text: #ffffff;
}
.btn-bitbucket, .btn-outline-bitbucket, .btn-ghost-bitbucket {
--tblr-btn-color: #0052cc;
--tblr-btn-color-interactive: #004ab8;
--tblr-btn-color-text: #ffffff;
}
.btn-tabler, .btn-outline-tabler, .btn-ghost-tabler {
--tblr-btn-color: #206bc4;
--tblr-btn-color-interactive: #1d60b0;
--tblr-btn-color-text: #ffffff;
}
.btn-action {
padding: 0;
border: 0;
color: #757d91;
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: #232e3c;
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 rgba(101, 109, 119, 0.16);
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: #757d91;
}
.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: rgba(101, 109, 119, 0.16);
}
.calendar-date .date-today {
color: #fec95c;
border-color: rgba(101, 109, 119, 0.16);
}
.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(35, 46, 60, 0.04) 0 2px 4px 0;
border: 1px solid rgba(117, 125, 145, 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(35, 46, 60, 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: #757d91;
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(117, 125, 145, 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(35, 46, 60, 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: #757d91;
}
.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: #757d91;
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 rgba(101, 109, 119, 0.16);
}
.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: #757d91;
}
/**
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 rgba(101, 109, 119, 0.16);
}
/*
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 rgba(101, 109, 119, 0.16);
}
.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: #757d91;
background: #fafbfc;
border: 1px solid rgba(117, 125, 145, 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(117, 125, 145, 0.16);
color: #232e3c;
}
.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(117, 125, 145, 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: #757d91;
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: #757d91;
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;
}
.dropdown-menu-columns {
display: flex;
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: #757d91;
}
.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: #757d91;
}
.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 rgba(101, 109, 119, 0.16);
border-radius: 4px;
}
.row > * {
min-width: 0;
}
.col-separator {
border-left: 1px solid rgba(101, 109, 119, 0.16);
}
@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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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: #757d91;
}
/**
Form hint
*/
.form-hint {
display: block;
color: #757d91;
}
.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: #757d91;
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: #9ca8c0;
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: #757d91;
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: #b4bfce !important;
}
.input-group-flat .form-control:focus {
border-color: #dee0e5;
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: #757d91;
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(117, 125, 145, 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='%23232e3c' 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 rgba(101, 109, 119, 0.16);
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(117, 125, 145, 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: #757d91;
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: #232e3c;
}
/*
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: #757d91;
background: #ffffff;
text-align: center;
cursor: pointer;
user-select: none;
border: 1px solid #dee0e5;
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: #232e3c;
}
.form-selectgroup-check {
display: inline-block;
width: 1rem;
height: 1rem;
border: 1px solid rgba(117, 125, 145, 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(117, 125, 145, 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, #9ca8c0);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--tblr-btn-color, #94a0b6);
}
/*
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: #757d91;
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: #9ca8c0;
padding: 0.5rem 1.25rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: #757d91;
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: #818da3;
background-color: rgba(27, 125, 241, 0.02);
}
.list-bordered .list-item {
border-top: 1px solid rgba(101, 109, 119, 0.16);
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: #757d91;
}
.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: #757d91;
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: #757d91;
}
.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 rgba(101, 109, 119, 0.16);
}
/**
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: #757d91;
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 rgba(101, 109, 119, 0.16);
}
.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: #757d91;
}
.nav-bordered .nav-link.active, .nav-bordered .nav-item.show .nav-link {
color: #fec95c;
border-color: #fec95c;
}
.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: #8d99b0;
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: #757d91;
text-transform: uppercase;
}
.page-item.disabled .page-item-subtitle {
color: rgba(117, 125, 145, 0.5);
}
.page-item-title {
font-size: 1rem;
font-weight: 400;
color: #232e3c;
}
.page-link:hover .page-item-title {
color: #b6c3e0;
}
.page-item.disabled .page-item-title {
color: rgba(117, 125, 145, 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: #9ca8c0;
}
.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: #757d91;
}
.step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
background: #f3f5f5;
}
.step-item.active ~ .step-item:before {
color: #757d91 !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: #757d91;
--tblr-status-color-rgb: 117, 125, 145;
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: #b0bbd4;
--tblr-status-color-rgb: 176, 187, 212;
}
.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: #9ca8c0;
--tblr-status-color-rgb: 156, 168, 192;
}
.status-dark {
--tblr-status-color: #232e3c;
--tblr-status-color-rgb: 35, 46, 60;
}
.status-muted {
--tblr-status-color: #757d91;
--tblr-status-color-rgb: 117, 125, 145;
}
.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, #757d91);
--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, #757d91);
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: #9ca8c0;
background: #2c3b4f;
font-size: 0.625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1.6;
color: #757d91;
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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile tr {
border-bottom: 1px solid #1f2936;
}
.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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile-sm tr {
border-bottom: 1px solid #1f2936;
}
.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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile-md tr {
border-bottom: 1px solid #1f2936;
}
.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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile-lg tr {
border-bottom: 1px solid #1f2936;
}
.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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile-xl tr {
border-bottom: 1px solid #1f2936;
}
.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: #232e3c !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: #757d91;
content: attr(data-label);
display: block;
}
.table-mobile-xxl tr {
border-bottom: 1px solid #1f2936;
}
.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: #757d91;
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: #757d91;
}
.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 rgba(101, 109, 119, 0.16);
}
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(79, 88, 99, 0.03);
border: 1px solid rgba(79, 88, 99, 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: #ced4e0;
border: 1px solid rgba(117, 125, 145, 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: #6c778b;
pointer-events: none;
}
/**
Subheader
*/
.subheader {
font-size: 0.625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1.6;
color: #757d91;
}
.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(117, 125, 145, 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(156, 168, 192, 0.24);
}
.bg-dark-overlay {
color: #ffffff;
background-color: rgba(35, 46, 60, 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: #b0bbd4 !important;
}
.text-secondary {
color: #b0bbd4 !important;
}
.bg-secondary-lt {
color: #b0bbd4 !important;
background: rgba(176, 187, 212, 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: #9ca8c0 !important;
}
.text-light {
color: #9ca8c0 !important;
}
.bg-light-lt {
color: #9ca8c0 !important;
background: rgba(156, 168, 192, 0.05) !important;
}
.bg-dark {
color: #ffffff !important;
background: #232e3c !important;
}
.text-dark {
color: #232e3c !important;
}
.bg-dark-lt {
color: #232e3c !important;
background: rgba(35, 46, 60, 0.05) !important;
}
.bg-muted {
color: #ffffff !important;
background: #757d91 !important;
}
.text-muted {
color: #757d91 !important;
}
.bg-muted-lt {
color: #757d91 !important;
background: rgba(117, 125, 145, 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-2022 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/>.
*
* ---------------------------------------------------------------------
*/
/*!
* 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 {
body {
--tblr-body-color: #9ca8c0;
--tblr-body-color-rgb: 156, 168, 192;
--tblr-body-bg: #1f2936;
--tblr-body-bg-rgb: 31, 41, 53;
--tblr-card-bg: #232e3c;
--tblr-card-bg-rgb: 35, 46, 60;
--tblr-border-color: #324256;
--tblr-border-color-light: #2b3849;
--tblr-btn-color: #232e3c;
color: #9ca8c0;
background-color: #1f2936;
}
body .page {
color: #9ca8c0;
}
body .hide-theme-dark {
display: none !important;
}
body .text-body {
color: #9ca8c0 !important;
}
body .card, body .card-footer, body .card-stacked::after, body .footer:not(.footer-transparent), body .modal-content, body .modal-header, body .dropdown-menu, body .alert:not(.alert-important) {
background-color: #232e3c;
color: inherit;
}
body .card {
border-color: transparent;
}
body .card-tabs .nav-tabs .nav-link {
background-color: #1f2936;
color: inherit;
}
body pre {
background-color: #1f2936;
border-color: #324256;
}
body .card-tabs .nav-tabs .nav-link.active {
background-color: #232e3c;
color: inherit;
}
body .btn-white, body .form-file-button {
background-image: none;
}
body .form-check-input:not(:checked), body .form-select, body .form-file-text, body .form-control, body .form-selectgroup-label, body .form-selectgroup-check, body .form-imagecheck-figure:before {
background-color: #1f2936;
color: #9ca8c0;
border-color: #324256;
}
body .form-control-plaintext {
color: #9ca8c0;
}
body .input-group-flat .input-group-text {
background-color: #1f2936;
}
body .input-group-text {
border-color: #324256;
}
body .highlight {
background-color: #1f2936;
}
body .avatar {
--tblr-avatar-bg: #273342;
}
body .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #232e3c;
}
body .markdown, body .markdown > *, body .accordion-button {
color: inherit;
}
body .btn-close, body .accordion-button:after {
filter: invert(1) grayscale(100%) brightness(200%);
}
body .apexcharts-text {
fill: #9ca8c0;
}
body .apexcharts-gridline {
stroke: var(--tblr-border-color);
}
body .apexcharts-legend-text {
color: inherit !important;
}
body .apexcharts-tooltip {
background: #232e3c !important;
border: 1px solid #324256 !important;
box-shadow: 2px 2px 6px -4px #1f2936 !important;
}
body .apexcharts-tooltip .apexcharts-tooltip-title {
background: #232e3c !important;
border-bottom: 1px solid #324256 !important;
}
body .navbar-brand-autodark {
filter: brightness(0) invert(1);
}
body .table thead th, body .markdown > table thead th, body .input-group-text {
background: transparent;
}
body .list-group-header {
background: #1f2936;
}
body .list-group-item {
border-color: rgba(117, 125, 145, 0.16);
}
body .list-group-item:not(.disabled):not(:disabled) {
color: #9ca8c0;
}
body .list-group-item.disabled, body .list-group-item:disabled {
color: #6c778b;
}
body .apexcharts-radialbar-area {
stroke: #324256;
}
body .form-control.is-invalid, body .was-validated .form-control:invalid {
border-color: var(--tblr-danger);
}
body .form-control.is-valid, body .was-validated .form-control:valid {
border-color: var(--tblr-success);
}
}
/**
Navbar
*/
.navbar {
align-items: stretch;
min-height: 3.5rem;
background: transparent;
color: rgba(35, 46, 60, 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(35, 46, 60, 0.7) !important;
}
.navbar .navbar-brand {
color: #232e3c;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
color: #232e3c;
opacity: 0.8;
}
.navbar .navbar-nav .nav-link {
color: rgba(35, 46, 60, 0.7);
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {
color: #232e3c;
}
.navbar .navbar-nav .nav-link.disabled {
color: rgba(35, 46, 60, 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: #232e3c;
}
.navbar .navbar-toggler {
color: #232e3c;
border-color: transparent;
}
.navbar .navbar-text {
color: rgba(35, 46, 60, 0.7);
}
.navbar .navbar-text a, .navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
color: rgba(35, 46, 60, 0.7);
}
@media not print {
body .navbar {
background: #232e3c;
color: rgba(255, 255, 255, 0.7);
}
body .navbar::-webkit-scrollbar {
width: 6px;
height: 6px;
transition: background 0.3s;
}
body .navbar::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(var(--tblr-body-color-rgb), 0.16);
}
body .navbar::-webkit-scrollbar-track {
background: rgba(var(--tblr-body-color-rgb), 0.06);
}
body .navbar:hover::-webkit-scrollbar-thumb {
background: rgba(var(--tblr-body-color-rgb), 0.32);
}
body .navbar::-webkit-scrollbar-corner {
background: transparent;
}
body .navbar .text-muted {
color: rgba(255, 255, 255, 0.7) !important;
}
body .navbar .navbar-brand {
color: #ffffff;
}
body .navbar .navbar-brand:hover, body .navbar .navbar-brand:focus {
color: #ffffff;
opacity: 0.8;
}
body .navbar .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.7);
}
body .navbar .navbar-nav .nav-link:hover, body .navbar .navbar-nav .nav-link:focus {
color: #ffffff;
}
body .navbar .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.3);
}
body .navbar .navbar-nav .show > .nav-link, body .navbar .navbar-nav .active > .nav-link, body .navbar .navbar-nav .nav-link.show, body .navbar .navbar-nav .nav-link.active {
color: #ffffff;
}
body .navbar .navbar-toggler {
color: #ffffff;
border-color: transparent;
}
body .navbar .navbar-text {
color: rgba(255, 255, 255, 0.7);
}
body .navbar .navbar-text a, body .navbar .navbar-text a:hover, body .navbar .navbar-text a:focus {
color: rgba(255, 255, 255, 0.7);
}
body .navbar::-webkit-scrollbar {
width: 6px;
height: 6px;
transition: background 0.3s;
}
body .navbar::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(var(--tblr-body-color-rgb), 0.16);
}
body .navbar::-webkit-scrollbar-track {
background: rgba(var(--tblr-body-color-rgb), 0.06);
}
body .navbar:hover::-webkit-scrollbar-thumb {
background: rgba(var(--tblr-body-color-rgb), 0.32);
}
body .navbar::-webkit-scrollbar-corner {
background: transparent;
}
body .navbar .input-icon-addon {
color: rgba(156, 168, 192, 0.64);
}
body .navbar .form-control {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.1);
}
body .navbar .form-control::placeholder {
color: rgba(156, 168, 192, 0.64);
}
}
@media not print {
@media (prefers-reduced-motion: reduce) {
body .navbar::-webkit-scrollbar {
transition: none;
}
}
}
@media not print {
@media (prefers-reduced-motion: reduce) {
body .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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 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(117, 125, 145, 0.16);
background-color: #ffffff;
}
/**
Navbar dark
*/
.navbar-dark {
background: #232e3c;
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(156, 168, 192, 0.64);
}
.navbar-dark .form-control {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.1);
}
.navbar-dark .form-control::placeholder {
color: rgba(156, 168, 192, 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;
z-index: 1030;
align-items: flex-start;
transition: transform 0.3s;
overflow-x: auto;
padding: 0;
}
.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%;
justify-content: flex-start;
}
.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;
}
.navbar-vertical.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-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: auto;
}
.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;
}
@media not print {
body .form-check-input:not(:checked), body .form-select, body .form-file-text, body .form-control, body .form-selectgroup-label, body .form-selectgroup-check, body .form-imagecheck-figure::before {
border-color: #35455a;
}
body .card {
border: 1px solid #35455a;
}
body .alert:not(.alert-important) {
background-color: #232e3c;
color: inherit;
}
}
input[type="color"] {
background-color: transparent;
}
.table-danger {
--tblr-table-bg: #642b2b;
--tblr-table-striped-bg: #642b2b;
--tblr-table-striped-color: var(--light);
--tblr-table-active-bg: #642b2b;
--tblr-table-active-color: var(--light);
--tblr-table-hover-bg: #642b2b;
--tblr-table-hover-color: var(--light);
color: var(--light);
border-color: #6d000a;
}
.accordion-item .accordion-button {
background-color: var(--dark) !important;
}
.search_page .search-container .search-card .search-results.deleted-results td {
color: var(--light);
}
body .modal-content, body .modal-header {
background-color: #273342;
}
.navbar-collapsed #navbar-menu .nav-item .nav-link + .dropdown-menu {
background-color: #232e3c !important;
color: #f4f6fa !important;
}
.page-anonymous .glpi-logo {
--logo: url(../pics/logos/logo-GLPI-250-white.png) !important;
}
.qtip-bootstrap, .popover .popover-body {
background-color: #273342 !important;
color: var(--light) !important;
}
.popover .popover-arrow::after {
border-top-color: #273342 !important;
}
.toast {
background-color: #2c3a4c;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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-2022 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 {
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 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;
}
.entity-badge {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: rgba(182, 195, 224, 0.05);
color: #b6c3e0 !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: #9ca8c0;
color: #232e3c;
}
.popover .popover-arrow::after {
border-top-color: #9ca8c0;
}
kbd {
white-space: nowrap;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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-2022 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: true;
--animate-duration: 0.3s;
--light: #9ca8c0;
--dark: #232e3c;
--logo: ../pics/logos/logo-GLPI-100-white.png;
--contrast-light: #9ca8c0;
--contrast-dark: #232e3c;
--light-mix: rgba(112, 124, 144, 0.24);
--hover-bg: rgba(117, 125, 145, 0.04);
--btn-disabled-opacity: 0.65;
--dark-mode-darken: #1f2936;
--dark-mode-text: #9ca8c0;
--input-bg: #1f2936;
--input-color: #9ca8c0;
--input-border: #35455a;
--input-border-color: #dee0e5;
--input-border-radius: 4px;
--input-border-width: 1px;
--header-fg: #6ba8f3;
--header-bg: rgba(107, 168, 243, 0.05);
--header-border-color: transparent;
--card-border-color: rgba(117, 125, 145, 0.16);
--table-head-border-color: rgba(117, 125, 145, 0.16);
--table-head-color: #9ca8c0;
--table-head-bg: #2c3b4f;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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 #6c778b;
}
:root[data-high-contrast="1"] .tab-content .tab-pane:first-of-type .main-header {
border-bottom: 1px solid #6c778b;
border-top: 1px solid #6c778b;
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 #6c778b;
}
:root[data-high-contrast="1"] #searchcriterias .tab_cadre_fixe {
border: 1px solid #6c778b;
}
: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 #8d99b0;
}
:root[data-high-contrast="1"] .order_DESC::before {
color: #232e3c;
}
: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 #8d99b0;
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 #8d99b0;
padding: 2px;
border-radius: 2px;
}
:root[data-high-contrast="1"] .card-tabs:not(.horizontal) .nav-tabs {
border-bottom: 1px solid #8d99b0;
padding: 0;
}
:root[data-high-contrast="1"] .card-tabs .nav-tabs li {
border-color: #8d99b0;
border-bottom: 0;
box-sizing: border-box;
border-collapse: collapse;
}
:root[data-high-contrast="1"] .card-tabs.vertical .nav-tabs li {
border-color: #8d99b0;
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 #8d99b0 !important;
}
:root[data-high-contrast="1"] textarea {
border: 1px solid #8d99b0;
}
: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 #8d99b0;
}
: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 #8d99b0 !important;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-outline-primary {
border-color: #fee2a8;
}
:root[data-high-contrast="1"] .btn-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-outline-secondary {
border-color: #e2e6ef;
}
:root[data-high-contrast="1"] .btn-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-outline-success {
border-color: #5bd46e;
}
:root[data-high-contrast="1"] .btn-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-outline-info {
border-color: #bfd5f1;
}
:root[data-high-contrast="1"] .btn-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-outline-warning {
border-color: #fa9450;
}
:root[data-high-contrast="1"] .btn-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-outline-danger {
border-color: #e37878;
}
:root[data-high-contrast="1"] .btn-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-outline-light {
border-color: #cbd1de;
}
:root[data-high-contrast="1"] .btn-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-outline-dark {
border-color: #3f536c;
}
:root[data-high-contrast="1"] .btn-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn-outline-muted {
border-color: #a0a5b3;
}
:root[data-high-contrast="1"] .btn.btn-secondary, :root[data-high-contrast="1"] .btn.btn-outline-secondary {
border-color: #8d99b0;
}
:root[data-high-contrast="1"] .btn.btn-ghost-secondary {
border: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] .subheader .box {
background-color: #9ca8c0;
border: 2px solid #232e3c;
margin-right: 2px;
}
:root[data-high-contrast="1"] .form-check {
border: 1px solid;
}
:root[data-high-contrast="1"] .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
border-right: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] .pointer {
opacity: 1;
}
:root[data-high-contrast="1"] .dropdown-toggle {
border: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] #navbar-menu .dropdown-toggle {
border: 1px solid #232e3c;
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link {
border-color: #8d99b0 !important;
}
:root[data-high-contrast="1"] .nav.nav-tabs .nav-item .nav-link.active {
border: 2px solid #8d99b0;
}
: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 #8d99b0;
}
:root[data-high-contrast="1"] .pagination .page-item {
border: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] .pagination .page-item .page-link {
border-radius: 0 !important;
}
:root[data-high-contrast="1"] .accordion-header {
border: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] .timeline-item .timeline-content {
border: 1px solid #8d99b0;
}
:root[data-high-contrast="1"] .timeline-item .timeline-content::before, :root[data-high-contrast="1"] .timeline-item .timeline-content::after {
border-color: #8d99b0 #8d99b0 transparent transparent;
}
:root[data-high-contrast="1"] .timeline-buttons .answer-action {
border: 1px solid #8d99b0;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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 {
background-color: rgba(107, 168, 243, 0.05);
color: #6ba8f3;
border-color: transparent;
}
.asset .card-header:not(.main-header) {
border-top: 1px solid transparent;
}
.asset .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 {
color: inherit;
}
.asset .card-header .badge.entity-name {
background-color: #1d2c3f;
color: #6ba8f3;
}
.asset .card-header .badge .ribbon {
left: 0.5rem;
}
.asset.asset-deleted .card-header {
background-color: #e27474;
color: #6b1d1d;
border-color: #6b1d1d;
}
.asset.asset-deleted .card-header .badge.entity-name {
background-color: #f7d7d7;
color: #6b1d1d;
}
.asset .asset-pictures {
max-height: 40em;
overflow-y: auto;
}
#page > .asset {
margin-top: 15px;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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: #232e3c;
background-color: #fec95c;
border-color: #fec95c;
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary {
color: #232e3c;
background-color: #b0bbd4;
border-color: #b0bbd4;
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success {
color: #232e3c;
background-color: #2fb344;
border-color: #2fb344;
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info {
color: #232e3c;
background-color: #80abe4;
border-color: #80abe4;
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning {
color: #232e3c;
background-color: #f76707;
border-color: #f76707;
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger {
color: #ffffff;
background-color: #d63939;
border-color: #d63939;
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light {
color: #232e3c;
background-color: #9ca8c0;
border-color: #9ca8c0;
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark {
color: #9ca8c0;
background-color: #232e3c;
border-color: #232e3c;
}
.btn-check:checked + .btn-muted, .btn-check:active + .btn-muted {
color: #232e3c;
background-color: #757d91;
border-color: #757d91;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary {
color: #232e3c;
background-color: #fec95c;
border-color: #fec95c;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary {
color: #232e3c;
background-color: #b0bbd4;
border-color: #b0bbd4;
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success {
color: #232e3c;
background-color: #2fb344;
border-color: #2fb344;
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info {
color: #232e3c;
background-color: #80abe4;
border-color: #80abe4;
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning {
color: #232e3c;
background-color: #f76707;
border-color: #f76707;
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger {
color: #ffffff;
background-color: #d63939;
border-color: #d63939;
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light {
color: #232e3c;
background-color: #9ca8c0;
border-color: #9ca8c0;
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
color: #9ca8c0;
background-color: #232e3c;
border-color: #232e3c;
}
.btn-check:checked + .btn-outline-muted, .btn-check:active + .btn-outline-muted {
color: #232e3c;
background-color: #757d91;
border-color: #757d91;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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-2022 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/>.
*
* ---------------------------------------------------------------------
*/
.debug-panel {
background: #9ca8c0;
bottom: 0;
display: none;
font-size: 0.765625rem;
padding: 0;
position: sticky;
z-index: 9999;
}
.debug-panel .card-body {
height: 300px;
overflow: auto;
}
.debug-panel .card-body .tab-content .tab-pane table {
width: 100%;
}
.debug-panel .card-body .tab-content .tab-pane table th, .debug-panel .card-body .tab-content .tab-pane table td {
padding: 0.25em;
}
.debug-panel .card-body .tab-content .tab-pane table td {
vertical-align: top;
}
.debug-panel .card-body .tab-content .tab-pane table td a {
color: #929cb3;
font-weight: bold;
}
.debug-panel .card-body .tab-content .tab-pane table.array-debug td:nth-child(1), .debug-panel .card-body .tab-content .tab-pane table.array-debug td:nth-child(2) {
white-space: nowrap;
}
.debug-panel .card-body .tab-content .tab-pane table.array-debug td:nth-child(3) {
width: 100%;
word-break: break-all;
}
.debug-panel .card-body .tab-content .tab-pane table.sql-debug td:nth-child(1), .debug-panel .card-body .tab-content .tab-pane table.sql-debug td:nth-child(3) {
white-space: nowrap;
}
.debug-panel .card-body .tab-content .tab-pane table.sql-debug td:nth-child(2), .debug-panel .card-body .tab-content .tab-pane table.sql-debug td:nth-child(4) {
width: 100%;
word-break: break-all;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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-2022 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: #1f2936;
-webkit-box-shadow: 1px 0 0 rgba(156, 168, 192, 0.04), -1px 0 0 rgba(156, 168, 192, 0.04), 0 1px 0 rgba(156, 168, 192, 0.04), 0 -1px 0 rgba(156, 168, 192, 0.04), 0 3px 13px rgba(156, 168, 192, 0.04);
box-shadow: 1px 0 0 rgba(156, 168, 192, 0.04), -1px 0 0 rgba(156, 168, 192, 0.04), 0 1px 0 rgba(156, 168, 192, 0.04), 0 -1px 0 rgba(156, 168, 192, 0.04), 0 3px 13px rgba(156, 168, 192, 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(156, 168, 192, 0.04), 5px 0 0 rgba(156, 168, 192, 0.04);
box-shadow: -2px 0 0 rgba(156, 168, 192, 0.04), 5px 0 0 rgba(156, 168, 192, 0.04);
}
body .flatpickr-calendar.hasTime .flatpickr-time {
border-top: 1px solid rgba(117, 125, 145, 0.16);
}
body .flatpickr-calendar.arrowTop::before {
border-bottom-color: rgba(117, 125, 145, 0.16);
}
body .flatpickr-calendar.arrowTop::after {
border-bottom-color: #1f2936;
}
body .flatpickr-calendar.arrowBottom::before {
border-top-color: rgba(117, 125, 145, 0.16);
}
body .flatpickr-calendar.arrowBottom::after {
border-top-color: #1f2936;
}
body .flatpickr-months .flatpickr-month {
background: #1f2936;
color: #9ca8c0;
fill: #9ca8c0;
}
body .flatpickr-months .flatpickr-prev-month, body .flatpickr-months .flatpickr-next-month {
color: #9ca8c0;
fill: #9ca8c0;
}
body .flatpickr-months .flatpickr-prev-month:hover, body .flatpickr-months .flatpickr-next-month:hover {
color: #9ca8c0;
}
body .flatpickr-months .flatpickr-prev-month:hover svg, body .flatpickr-months .flatpickr-next-month:hover svg {
fill: rgba(182, 195, 224, 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: #9ca8c0;
}
body .flatpickr-current-month .numInputWrapper span.arrowDown::after {
border-top-color: #9ca8c0;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months {
background: #1f2936;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: transparent;
}
body .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: #1f2936;
}
body span.flatpickr-weekday {
background: #1f2936;
color: #9ca8c0;
}
body .dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 rgba(156, 168, 192, 0.04);
box-shadow: -1px 0 0 rgba(156, 168, 192, 0.04);
}
body .flatpickr-day {
color: #9ca8c0;
}
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(182, 195, 224, 0.4);
border-color: rgba(182, 195, 224, 0.4);
}
body .flatpickr-day.today {
border-color: #9ca8c0;
}
body .flatpickr-day.today:hover, body .flatpickr-day.today:focus {
border-color: #9ca8c0;
background: #9ca8c0;
color: #1f2936;
}
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(182, 195, 224, 0.3);
color: #9ca8c0;
border-color: rgba(182, 195, 224, 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(182, 195, 224, 0.3);
box-shadow: -10px 0 0 rgba(182, 195, 224, 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(156, 168, 192, 0.3);
}
body .flatpickr-day.inRange {
-webkit-box-shadow: -5px 0 0 rgba(182, 195, 224, 0.4), 5px 0 0 rgba(182, 195, 224, 0.4);
box-shadow: -5px 0 0 rgba(182, 195, 224, 0.4), 5px 0 0 rgba(182, 195, 224, 0.4);
}
body .flatpickr-day.week.selected {
-webkit-box-shadow: -5px 0 0 rgba(182, 195, 224, 0.3), 5px 0 0 rgba(182, 195, 224, 0.3);
box-shadow: -5px 0 0 rgba(182, 195, 224, 0.3), 5px 0 0 rgba(182, 195, 224, 0.3);
}
body .flatpickr-weekwrapper .flatpickr-weeks {
-webkit-box-shadow: 1px 0 0 rgba(156, 168, 192, 0.04);
box-shadow: 1px 0 0 rgba(156, 168, 192, 0.04);
}
body .flatpickr-time .numInputWrapper span.arrowUp::after {
border-bottom-color: #9ca8c0;
}
body .flatpickr-time .numInputWrapper span.arrowDown::after {
border-top-color: #9ca8c0;
}
body .flatpickr-time input {
color: #9ca8c0;
}
body .flatpickr-time .flatpickr-time-separator, body .flatpickr-time .flatpickr-am-pm {
color: #9ca8c0;
}
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-2022 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-2022 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-2022 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: 1030;
}
.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;
}
.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: unset;
}
.sidebar #navbar-menu .nav-item .nav-link.show, .sidebar #navbar-menu .nav-item .nav-link.active {
border-left-color: rgba(254, 201, 92, 0.3);
color: rgba(254, 201, 92, 0.9);
font-weight: bold;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu {
border-radius: unset;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-header, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-header {
display: none;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item {
border-left: 3px solid rgba(0, 0, 0, 0.5);
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item.active, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item.active {
border-left-color: rgba(254, 201, 92, 0.3);
background-color: rgba(0, 0, 0, 0.1);
font-weight: bold;
}
.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item:hover, .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item:hover {
border-left-color: #fec95c;
color: #fec95c;
background-color: rgba(0, 0, 0, 0.2);
}
.sidebar #navbar-menu .nav-item i {
margin-right: 0.7em;
}
.sidebar #navbar-menu .nav-item:hover .nav-link {
border-left-color: #fec95c;
color: #fec95c;
background-color: rgba(0, 0, 0, 0.1);
}
.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-brand {
padding: 0.4rem !important;
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(35, 46, 60, 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-color: #374a75;
border-left-color: #fec95c;
}
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-2022 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 transparent;
}
.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, .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 {
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-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;
}
.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: 2px;
}
.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 > .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-2022 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-2022 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-2022 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-2022 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-2022 Teclib' and contributors.
* @copyright 2003-2014 by the INDEPNET Development Team.
* @licence https://www.gnu.org/licenses/gpl-3.0.html
*
* ---------------------------------------------------------------------
*
* LICENSE
*
* This file is part of GLPI.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* ---------------------------------------------------------------------
*/
.grid-stack .grid-stack-item {
z-index: 3;
opacity: 1;
}
.clear_picture .grid-stack .grid-stack-item .grid-stack-item-content, .clear_picture .grid-stack .grid-stack-item::after {
background: none !important;
}
.grid-stack-item {
/** should be erased by lib, defined for case without lib **/
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content {
font-size: 11px;
text-align: center;
overflow: hidden;
cursor: move;
/* fallback */
cursor: grab;
}
.grid-stack-item:not(.lock-bottom) .grid-stack-item-content:active {
cursor: move;
/* fallback */
cursor: grabbing;
}
.grid-stack-item-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: 1em var(--fa-font-solid);
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 #1f2936;
border-width: 0 1px 1px 0;
background-size: var(--dcroom-grid-cellw) var(--dcroom-grid-cellh);
background-image: linear-gradient(to right, #1f2936 1px, transparent 1px), linear-gradient(to bottom, #1f2936 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: #9ca8c0;
background-color: steelblue;
}
#viewgraph table.rooms td {
border-left: 1px solid rgba(117, 125, 145, 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 #1f2936;
color: inherit;
padding-top: 18px;
}
.racks_col h2, .racks_col .h2 {
font-size: 14px;
font-weight: bold;
color: #9ca8c0;
background-color: #2c3b4f;
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, rgba(255, 255, 255, 0.05) 21px, rgba(255, 255, 255, 0.05) 42px);
z-index: 1;
border: 1px solid #1f2936;
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: rgba(255, 255, 255, 0.05);
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 #1f2936;
background-color: #2c3b4f;
color: #9ca8c0;
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-2022 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;
}
body.mce-content-body [data-user-mention="true"] {
cursor: default !important;
}
#page .tox .tox-statusbar {
border-top: transparent;
}
.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%;
}
.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-2022 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-2022 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(176, 187, 212, 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(176, 187, 212, 0.5);
background-color: rgba(176, 187, 212, 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: #9ca8c0;
color: #232e3c;
}
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;
}
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 Teclib' and contributors.
* @copyright 2003-2014 by the INDEPNET Development Team.
* @licence https://www.gnu.org/licenses/gpl-3.0.html
*
* ---------------------------------------------------------------------
*
* LICENSE
*
* This file is part of GLPI.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* ---------------------------------------------------------------------
*/
* {
scrollbar-width: thin;
/* FF only */
scrollbar-color: rgba(176, 187, 212, 0.2) transparent;
/* FF only */
}
* ::-webkit-scrollbar {
width: 5px !important;
}
* ::-webkit-scrollbar-track {
background: transparent !important;
}
* ::-webkit-scrollbar-thumb {
background: rgba(176, 187, 212, 0.2) !important;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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 0.5rem;
border-bottom-color: rgba(101, 109, 119, 0.21);
}
.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-2022 Teclib' and contributors.
* @copyright 2003-2014 by the INDEPNET Development Team.
* @licence https://www.gnu.org/licenses/gpl-3.0.html
*
* ---------------------------------------------------------------------
*
* LICENSE
*
* This file is part of GLPI.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* ---------------------------------------------------------------------
*/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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 rgba(101, 109, 119, 0.16);
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: #1f2936;
border: 1px solid #dee0e5;
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 {
body .select2-container .select2-selection {
background-color: #1f2936;
border-color: #35455a;
}
}
.select2-container--focus.select2-container .select2-selection {
border-color: #b4bfce;
box-shadow: 0 0 0 0.25rem rgba(254, 201, 92, 0.25);
}
.select2-container--disabled.select2-container .select2-selection {
background-color: #35404e;
border-color: #dee0e5;
box-shadow: none;
cursor: not-allowed;
}
.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 {
content: "";
}
.select2-container .select2-selection.select2-selection--single .select2-selection__rendered > * {
unicode-bidi: plaintext;
}
@media not print {
body .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
color: #9ca8c0;
border-color: #35455a;
}
}
.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: #9ca8c0;
border: 1px solid #dee0e5;
border-radius: 2px;
padding: 1px 3px;
margin: 3px 3px 0 0;
}
@media not print {
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
background-color: #232e3c;
border-color: #35455a;
}
}
.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
color: #232e3c;
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 {
body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, body .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
color: #9ca8c0;
}
}
.select2-container .select2-dropdown {
border-color: #dee0e5;
border-radius: 0;
font-size: 0.875rem;
}
@media not print {
body .select2-container .select2-dropdown {
background-color: #232e3c;
}
}
.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;
}
.select2-container .select2-dropdown.select2-dropdown--above {
border-top: 1px solid #dee0e5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
border: 1px solid #dee0e5;
border-radius: 4px;
}
@media not print {
body .select2-container .select2-dropdown .select2-search .select2-search__field {
background-color: #1f2936;
color: #9ca8c0;
border-color: #35455a;
}
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
background-color: #8c9ab6;
}
@media not print {
body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
background-color: #2c3a4c;
}
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background-color: #fec95c;
color: #9ca8c0;
}
@media not print {
body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background-color: #1f2936;
color: #9ca8c0;
border-color: #35455a;
}
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] {
padding: 0;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[role="group"] .select2-results__options--nested .select2-results__option {
padding-left: 1em;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-rendered__match {
text-decoration: underline;
}
.btn-group .select2-container {
flex-grow: 1;
flex-basis: content;
}
.btn-group.w-100 .select2-container {
width: 0 !important;
}
.btn-group .select2-container:not(:last-child) .select2-selection {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container ~ .btn.btn-outline-secondary {
border: 1px solid #dee0e5;
}
@media not print {
body .select2-container ~ .btn.btn-outline-secondary {
border-color: #35455a;
}
}
.modal-backdrop ~ .select2-container--open {
z-index: 1056;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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/>.
*
* ---------------------------------------------------------------------
*/
.card-tabs #tabspanel.nav-tabs .nav-link {
background: #1d2531;
color: #9ca8c0;
border-color: transparent;
}
.card-tabs #tabspanel.nav-tabs .nav-link.active {
background: #2a3a4f;
color: #d8dfe7;
border-color: transparent;
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: #9ca8c0;
color: #232e3c;
}
.card-tabs.vertical .nav-link {
border-bottom: 1px solid rgba(117, 125, 145, 0.16);
}
.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-2022 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: #2722172f;
color: #ccb686;
}
.itil-footer .action-solution {
background-color: #3a4d55;
color: #89bfd3;
}
.itil-footer .action-document {
background-color: #80cead;
color: #21352c;
}
.itil-footer #debugajax {
position: absolute;
top: 10px;
left: 50%;
}
.itil-footer .buttons-bar {
background-color: #1d2531;
}
.itil-footer .buttons-bar .form-buttons {
background-color: inherit;
border-left: 1px solid rgba(117, 125, 145, 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-2022 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: 575.98px) {
.itil-object {
margin-bottom: 55px;
}
}
@media (min-width: 576px) {
.itil-object {
height: calc(100vh - 187px);
}
.itil-object .itil-left-side, .itil-object .itil-right-side {
overflow-y: auto;
transition: all 400ms ease;
}
.itil-object .itil-left-side {
height: 100%;
border-top: 0 !important;
left: 0;
}
.itil-object .itil-right-side {
height: calc(100% + 4px);
position: relative;
border: 0;
border-left: 1px solid rgba(101, 109, 119, 0.16);
}
.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: 576px) {
#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: 576px) {
.horizontal-layout .itil-object {
height: calc(100vh - 257px);
}
}
#itil-object-container ~ #debugajax {
position: fixed;
bottom: 10px;
left: 45%;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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(104, 104, 104, 0.15);
color: rgba(236, 236, 236, 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.7);
}
.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: 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: #1a221a34;
color: #85bd81;
border-color: #324132;
}
.timeline-item.ITILContent .timeline-content::before, .timeline-item.ITILValidation .timeline-content::before {
border-color: #324132 #324132 transparent transparent;
}
.timeline-item.ITILContent .timeline-content::after, .timeline-item.ITILValidation .timeline-content::after {
border-color: #1a221a34 #1a221a34 transparent transparent;
}
.timeline-item.ITILContent .timeline-content.t-right::before, .timeline-item.ITILValidation .timeline-content.t-right::before {
border-color: #324132 transparent transparent #324132;
}
.timeline-item.ITILContent .timeline-content.t-right::after, .timeline-item.ITILValidation .timeline-content.t-right::after {
border-color: #1a221a34 transparent transparent #1a221a34;
}
.timeline-item.ITILFollowup .timeline-content, .timeline-item.KnowbaseItemComment .timeline-content {
background-color: #1c2430;
color: #8892a8;
border-color: #2f3d50;
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: #2f3d50 #2f3d50 transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content::after, .timeline-item.KnowbaseItemComment .timeline-content::after {
border-color: #1c2430 #1c2430 transparent transparent;
}
.timeline-item.ITILFollowup .timeline-content.t-right::before, .timeline-item.KnowbaseItemComment .timeline-content.t-right::before {
border-color: #2f3d50 transparent transparent #2f3d50;
}
.timeline-item.ITILFollowup .timeline-content.t-right::after, .timeline-item.KnowbaseItemComment .timeline-content.t-right::after {
border-color: #1c2430 transparent transparent #1c2430;
}
.timeline-item.ITILTask .timeline-content {
background-color: #2722172f;
color: #ccb686;
border-color: #363532;
background-image: url("../pics/timeline/task.png");
background-repeat: no-repeat;
}
.timeline-item.ITILTask .timeline-content::before {
border-color: #363532 #363532 transparent transparent;
}
.timeline-item.ITILTask .timeline-content::after {
border-color: #2722172f #2722172f transparent transparent;
}
.timeline-item.ITILTask .timeline-content.t-right::before {
border-color: #363532 transparent transparent #363532;
}
.timeline-item.ITILTask .timeline-content.t-right::after {
border-color: #2722172f transparent transparent #2722172f;
}
.timeline-item.ITILSolution .timeline-content {
background-color: #3a4d55;
color: #89bfd3;
border-color: #435963;
border-left: 1em transparent solid;
}
.timeline-item.ITILSolution .timeline-content.waiting {
border-left-color: #dd9d27;
}
.timeline-item.ITILSolution .timeline-content.accepted {
border-left-color: #348f34;
}
.timeline-item.ITILSolution .timeline-content.refused {
border-left: 1em #e25050 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: #435963 #435963 transparent transparent;
}
.timeline-item.ITILSolution .timeline-content::after {
border-color: #3a4d55 #3a4d55 transparent transparent;
}
.timeline-item.ITILSolution .timeline-content.t-right::before {
border-color: #435963 transparent transparent #435963;
}
.timeline-item.ITILSolution .timeline-content.t-right::after {
border-color: #3a4d55 transparent transparent #3a4d55;
}
.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;
}
#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: #1c2430;
border-color: #2f3d50;
}
.filter-timeline-popover .form-check.ITILContent .form-check-input:checked, .filter-timeline-popover .form-check.ITILValidation .form-check-input:checked {
background-color: #1a221a34;
border-color: #324132;
}
.filter-timeline-popover .form-check.ITILTask .form-check-input:checked {
background-color: #2722172f;
border-color: #363532;
}
.filter-timeline-popover .form-check.ITILSolution .form-check-input:checked {
background-color: #3a4d55;
border-color: #435963;
}
.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;
}
.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-2022 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-2022 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: 4px;
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-2022 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-2022 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-2022 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: rgba(101, 109, 119, 0.16);
}
.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;
}
@media (min-width: 992px) {
.search_page .search-container .search-card .search-results thead:first-child th {
z-index: 1020;
position: sticky;
top: 59px;
border: 1px solid rgba(117, 125, 145, 0.16);
border-left: 0;
border-right: 0;
background-color: #232e3c;
min-width: max-content;
vertical-align: top;
}
}
@media (max-width: 1899.98px) {
.search_page .search-container .search-card .search-results {
font-size: 0.75rem;
}
.search_page .search-container .search-card .search-results > :not(caption) > * > * {
padding: 0.25rem;
}
}
.search_page .search-container .search-card .search-results.deleted-results {
color: #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;
}
.priority_block span {
width: 20px;
}
td.priority_block {
display: table-cell;
}
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-2022 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: #232e3c;
background-color: #1f2936;
background-clip: padding-box;
border: 1px solid #dee0e5;
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: #35455a;
border-color: #b4bfce;
}
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: #9ca8c0;
background-color: #1f2936;
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='%23a7abb1' 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 #dee0e5;
border-radius: 4px;
padding: 0.4375rem 2.25rem 0.4375rem 0.75rem;
}
select:not(.form-select):focus {
border-color: #b4bfce;
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: #9aa6bd;
}
input.submit, .vsubmit {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
background-color: #fec95c;
color: #232e3c;
border: 1px solid rgba(117, 125, 145, 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;
}
/*!
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 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 rgba(255, 0, 0, 0.6) solid !important;
border-left-width: 3px !important;
}
#page span.required, .qtip span.required, .modal .modal-body span.required {
color: red;
margin-left: 0.2em;
}
#page .no-wrap, .qtip .no-wrap, .modal .modal-body .no-wrap {
white-space: nowrap;
}
#page .subheader .box, .qtip .subheader .box, .modal .modal-body .subheader .box {
background-color: #D0D0D0;
border: 0;
}
#page input[type="image"], .qtip input[type="image"], .modal .modal-body input[type="image"] {
height: auto;
background-color: transparent;
border: 0;
}
#page .submit[type=reset], .qtip .submit[type=reset], .modal .modal-body .submit[type=reset] {
background-color: transparent;
margin-left: 0.5em;
}
#page .tox-tinymce.tox-fullscreen, .qtip .tox-tinymce.tox-fullscreen, .modal .modal-body .tox-tinymce.tox-fullscreen {
top: 105px !important;
}
#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 {
body #page .tab_cadre, body #page .tab_cadre_fixehov, body #page .tab_cadrehov, body #page .tab_cadre th, body #page .tab_cadre_fixe th, body #page .tab_cadre_fixehov th, body #page .tab_cadrehov th, body #page h2.header, body #page .header.h2, body .qtip .tab_cadre, body .qtip .tab_cadre_fixehov, body .qtip .tab_cadrehov, body .qtip .tab_cadre th, body .qtip .tab_cadre_fixe th, body .qtip .tab_cadre_fixehov th, body .qtip .tab_cadrehov th, body .qtip h2.header, body .qtip .header.h2, body .modal .modal-body .tab_cadre, body .modal .modal-body .tab_cadre_fixehov, body .modal .modal-body .tab_cadrehov, body .modal .modal-body .tab_cadre th, body .modal .modal-body .tab_cadre_fixe th, body .modal .modal-body .tab_cadre_fixehov th, body .modal .modal-body .tab_cadrehov th, body .modal .modal-body h2.header, body .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 rgba(101, 109, 119, 0.16);
}
#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 rgba(101, 109, 119, 0.16);
}
#page .tab_cadrehov td, .qtip .tab_cadrehov td, .modal .modal-body .tab_cadrehov td {
border-bottom: 1px solid rgba(101, 109, 119, 0.16);
}
#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 {
body #page .tab_cadrehov th.headHover, body #page .tab_cadre_fixehov th.headHover, body #page .tab_cadrehov td.columnHover, body #page .tab_cadre_fixehov td.columnHover, body #page .tab_cadrehov tr.rowHover, body #page .tab_cadrehov td.rowHover, body #page .tab_cadre_fixehov tr.rowHover, body #page .tab_cadre_fixehov td.rowHover, body .qtip .tab_cadrehov th.headHover, body .qtip .tab_cadre_fixehov th.headHover, body .qtip .tab_cadrehov td.columnHover, body .qtip .tab_cadre_fixehov td.columnHover, body .qtip .tab_cadrehov tr.rowHover, body .qtip .tab_cadrehov td.rowHover, body .qtip .tab_cadre_fixehov tr.rowHover, body .qtip .tab_cadre_fixehov td.rowHover, body .modal .modal-body .tab_cadrehov th.headHover, body .modal .modal-body .tab_cadre_fixehov th.headHover, body .modal .modal-body .tab_cadrehov td.columnHover, body .modal .modal-body .tab_cadre_fixehov td.columnHover, body .modal .modal-body .tab_cadrehov tr.rowHover, body .modal .modal-body .tab_cadrehov td.rowHover, body .modal .modal-body .tab_cadre_fixehov tr.rowHover, body .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;
}
#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 {
body #page .central .tab_cadre_fixehov th, body #page .central .tab_cadrehov th, body .qtip .central .tab_cadre_fixehov th, body .qtip .central .tab_cadrehov th, body .modal .modal-body .central .tab_cadre_fixehov th, body .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(107, 168, 243, 0.05);
color: #6ba8f3;
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;
}
#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: 450px;
height: 40vh;
right: -5px;
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: 5px;
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: 5px;
position: absolute;
}
#page .faqadd_block_content, .qtip .faqadd_block_content, .modal .modal-body .faqadd_block_content {
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 40px;
bottom: 0;
left: 0;
right: 0;
}
#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 .faqadd_entries tr, .qtip .faqadd_entries tr, .modal .modal-body .faqadd_entries tr {
display: block;
}
#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;
}
#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 5 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 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 .tab_check td i.fa-check, .qtip .tab_check td i.fa-check, .modal .modal-body .tab_check td i.fa-check {
color: #008e2c;
}
#page .tab_check td i.fa-exclamation-triangle, .qtip .tab_check td i.fa-exclamation-triangle, .modal .modal-body .tab_check td i.fa-exclamation-triangle {
color: #ffa500;
}
#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;
}
#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-2022 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-2022 Teclib' and contributors.
* @copyright 2003-2014 by the INDEPNET Development Team.
* @licence https://www.gnu.org/licenses/gpl-3.0.html
*
* ---------------------------------------------------------------------
*
* LICENSE
*
* This file is part of GLPI.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* ---------------------------------------------------------------------
*/
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
border-color: rgba(101, 109, 119, 0.16);
}
.fc-unthemed .fc-list-empty {
background: transparent;
}
.fc-unthemed td.fc-today {
background: rgba(0, 0, 0, 0.1);
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
background: #2c3b4f;
color: #9ca8c0;
}
.fc-unthemed .fc-list-item:hover td {
background: rgba(0, 0, 0, 0.075);
color: inherit;
}
#planning_container {
gap: 10px;
}
#planning_container.folded {
padding-left: 28px;
}
#planning_container #planning_filter #planning_filter_content {
min-width: 300px;
}
#planning_container #planning_filter .toggle {
float: right;
margin: 8px 8px 0 0;
height: 18px;
width: 18px;
display: block;
}
#planning_container #planning_filter .toggle::before {
font: var(--fa-font-solid);
content: "";
}
#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(107, 168, 243, 0.05);
color: #6ba8f3;
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 .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;
}
#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-2022 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: 1050;
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-2022 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;
}
}