@charset "UTF-8";
:root {
  --main-base-color: #8C8985;
  --secondary-base-color: #A9C23F;
  --success-base-color: #008000;
  --danger-base-color: #CC0000;
  --background-base-color: #FFFFFF;
  --text-base-color: #333333;
  --table-highlight-base-color: #f5f5f5;
  --table-active-base-color: #cecece;
  --main-lighten10-color: rgb(164.746835443, 162.3924050633, 159.253164557);
  --secondary-lighten10-color: rgb(186.3359683794, 206.2964426877, 101.7035573123);
  --success-lighten10-color: #00b300;
  --danger-lighten10-color: red;
  --background-lighten10-color: white;
  --text-lighten10-color: rgb(76.5, 76.5, 76.5);
  --table-highlight-lighten10-color: white;
  --table-active-lighten10-color: rgb(231.5, 231.5, 231.5);
  --main-lighten15-color: rgb(177.1202531646, 175.0886075949, 172.3797468354);
  --secondary-lighten15-color: rgb(195.0039525692, 212.4446640316, 121.0553359684);
  --success-lighten15-color: rgb(0, 204.5, 0);
  --danger-lighten15-color: rgb(255, 25.5, 25.5);
  --background-lighten15-color: white;
  --text-lighten15-color: rgb(89.25, 89.25, 89.25);
  --table-highlight-lighten15-color: white;
  --table-active-lighten15-color: rgb(244.25, 244.25, 244.25);
  --main-lighten20-color: rgb(189.4936708861, 187.7848101266, 185.5063291139);
  --secondary-lighten20-color: rgb(203.6719367589, 218.5928853755, 140.4071146245);
  --success-lighten20-color: #00e600;
  --danger-lighten20-color: #ff3333;
  --background-lighten20-color: white;
  --text-lighten20-color: #666666;
  --table-highlight-lighten20-color: white;
  --table-active-lighten20-color: white;
  --main-lighten25-color: rgb(201.8670886076, 200.4810126582, 198.6329113924);
  --secondary-lighten25-color: rgb(212.3399209486, 224.7411067194, 159.7588932806);
  --success-lighten25-color: rgb(0.5, 255, 0.5);
  --danger-lighten25-color: rgb(255, 76.5, 76.5);
  --background-lighten25-color: white;
  --text-lighten25-color: rgb(114.75, 114.75, 114.75);
  --table-highlight-lighten25-color: white;
  --table-active-lighten25-color: white;
  --main-lighten30-color: rgb(214.2405063291, 213.1772151899, 211.7594936709);
  --secondary-lighten30-color: rgb(221.0079051383, 230.8893280632, 179.1106719368);
  --success-lighten30-color: #1aff1a;
  --danger-lighten30-color: #ff6666;
  --background-lighten30-color: white;
  --text-lighten30-color: rgb(127.5, 127.5, 127.5);
  --table-highlight-lighten30-color: white;
  --table-active-lighten30-color: white;
  --main-lighten35-color: rgb(226.6139240506, 225.8734177215, 224.8860759494);
  --secondary-lighten35-color: rgb(229.6758893281, 237.0375494071, 198.4624505929);
  --success-lighten35-color: rgb(51.5, 255, 51.5);
  --danger-lighten35-color: rgb(255, 127.5, 127.5);
  --background-lighten35-color: white;
  --text-lighten35-color: rgb(140.25, 140.25, 140.25);
  --table-highlight-lighten35-color: white;
  --table-active-lighten35-color: white;
  --main-lighten40-color: rgb(238.9873417722, 238.5696202532, 238.0126582278);
  --secondary-lighten40-color: rgb(238.3438735178, 243.185770751, 217.814229249);
  --success-lighten40-color: #4dff4d;
  --danger-lighten40-color: #ff9999;
  --background-lighten40-color: white;
  --text-lighten40-color: #999999;
  --table-highlight-lighten40-color: white;
  --table-active-lighten40-color: white;
  --main-lighten45-color: rgb(251.3607594937, 251.2658227848, 251.1392405063);
  --secondary-lighten45-color: rgb(247.0118577075, 249.3339920949, 237.1660079051);
  --success-lighten45-color: rgb(102.5, 255, 102.5);
  --danger-lighten45-color: rgb(255, 178.5, 178.5);
  --background-lighten45-color: white;
  --text-lighten45-color: rgb(165.75, 165.75, 165.75);
  --table-highlight-lighten45-color: white;
  --table-active-lighten45-color: white;
  --main-lighten50-color: white;
  --secondary-lighten50-color: white;
  --success-lighten50-color: #80ff80;
  --danger-lighten50-color: #ffcccc;
  --background-lighten50-color: white;
  --text-lighten50-color: rgb(178.5, 178.5, 178.5);
  --table-highlight-lighten50-color: white;
  --table-active-lighten50-color: white;
  --main-lighten70-color: white;
  --secondary-lighten70-color: white;
  --success-lighten70-color: #e6ffe6;
  --danger-lighten70-color: white;
  --background-lighten70-color: white;
  --text-lighten70-color: rgb(229.5, 229.5, 229.5);
  --table-highlight-lighten70-color: white;
  --table-active-lighten70-color: white;
  --main-darken5-color: rgb(127.4050632911, 124.2721518987, 120.0949367089);
  --secondary-darken5-color: rgb(152.8083003953, 175.6837944664, 55.8162055336);
  --success-darken5-color: rgb(0, 102.5, 0);
  --danger-darken5-color: rgb(178.5, 0, 0);
  --background-darken5-color: rgb(242.25, 242.25, 242.25);
  --text-darken5-color: rgb(38.25, 38.25, 38.25);
  --table-highlight-darken5-color: rgb(232.25, 232.25, 232.25);
  --table-active-darken5-color: rgb(193.25, 193.25, 193.25);
  --main-darken10-color: rgb(114.2784810127, 111.4683544304, 107.7215189873);
  --secondary-darken10-color: rgb(135.976284585, 156.3320158103, 49.6679841897);
  --success-darken10-color: #004d00;
  --danger-darken10-color: #990000;
  --background-darken10-color: rgb(229.5, 229.5, 229.5);
  --text-darken10-color: rgb(25.5, 25.5, 25.5);
  --table-highlight-darken10-color: rgb(219.5, 219.5, 219.5);
  --table-active-darken10-color: rgb(180.5, 180.5, 180.5);
  --main-darken15-color: rgb(101.1518987342, 98.664556962, 95.3481012658);
  --secondary-darken15-color: rgb(119.1442687747, 136.9802371542, 43.5197628458);
  --success-darken15-color: rgb(0, 51.5, 0);
  --danger-darken15-color: rgb(127.5, 0, 0);
  --background-darken15-color: rgb(216.75, 216.75, 216.75);
  --text-darken15-color: rgb(12.75, 12.75, 12.75);
  --table-highlight-darken15-color: rgb(206.75, 206.75, 206.75);
  --table-active-darken15-color: rgb(167.75, 167.75, 167.75);
  --main-darken20-color: rgb(88.0253164557, 85.8607594937, 82.9746835443);
  --secondary-darken20-color: rgb(102.3122529644, 117.628458498, 37.371541502);
  --success-darken20-color: #001a00;
  --danger-darken20-color: #660000;
  --background-darken20-color: #cccccc;
  --text-darken20-color: black;
  --table-highlight-darken20-color: #c2c2c2;
  --table-active-darken20-color: #9b9b9b;
  --main-darken25-color: rgb(74.8987341772, 73.0569620253, 70.6012658228);
  --secondary-darken25-color: rgb(85.4802371542, 98.2766798419, 31.2233201581);
  --success-darken25-color: rgb(0, 0.5, 0);
  --danger-darken25-color: rgb(76.5, 0, 0);
  --background-darken25-color: rgb(191.25, 191.25, 191.25);
  --text-darken25-color: black;
  --table-highlight-darken25-color: rgb(181.25, 181.25, 181.25);
  --table-active-darken25-color: rgb(142.25, 142.25, 142.25);
}

.no-skin .nav-list > li .submenu > li.active > a {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.no-skin .nav-list > li > .submenu li.open > a,
.no-skin .nav-list > li > .submenu li > .submenu li.active > a,
.no-skin .nav-list > li > .submenu li > .submenu li.open > a {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.no-skin .nav-list > li > .submenu li > .submenu > li a:hover, .no-skin .nav-list > li > .submenu li > .submenu > li a:focus, .no-skin .nav-list > li > .submenu li > .submenu > li a:active {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.no-skin .nav-list > li .submenu > li > a:hover, .no-skin .nav-list > li .submenu > li > a:focus, .no-skin .nav-list > li .submenu > li > a:active {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.sidebar.responsive.ace-save-state #ClientLogo {
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.sidebar.responsive.ace-save-state #ClientLogo img {
  max-width: 100%;
  padding: 5px;
}
.sidebar.responsive.ace-save-state #ClientLogo:before {
  display: none;
}
.sidebar.responsive.ace-save-state.menu-min #ClientLogo {
  display: none;
}

@media (max-width: 991px) {
  #LogoAndHamburger {
    display: inline-block;
  }
}
.navbar-header.pull-left #logo {
  display: inline-block;
}
.navbar-header.pull-left #logo img {
  height: 45px;
  padding: 6px 10px 5px;
}

.ace-nav > li.light-blue > a:focus,
.ace-nav > li.light-blue > a:hover,
.ace-nav > li.open.light-blue > a {
  background-color: #8C8985;
  background-color: var(--main-base-color);
}

.navbar {
  background-color: #8C8985;
  background-color: var(--main-base-color);
  display: inline-block;
  width: 100%;
}

html.appvue-portailDashboard.PROLON #sidebar {
  position: relative;
  left: -9999em;
}

.ace-nav > li.grey > a:focus,
.ace-nav > li.grey > a:hover,
.ace-nav > li.open.grey > a.ace-icon > .grey dropdown-modal.active {
  background-color: #8C8985;
  background-color: var(--main-base-color);
}

.ace-nav > li.light-blue > a {
  background-color: rgb(177.1202531646, 175.0886075949, 172.3797468354);
  background-color: var(--main-lighten15-color);
}

.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  border-left-color: #A9C23F;
  border-left-color: var(--secondary-base-color);
}

.no-skin .nav-list > li .submenu > li > a:hover:link, .no-skin .nav-list > li .submenu > li > a:hover:visited,
.no-skin .nav-list > li .submenu > li > a:focus:link,
.no-skin .nav-list > li .submenu > li > a:focus:visited,
.no-skin .nav-list > li .submenu > li > a:active.no-skin .nav-list > li.active > a:link,
.no-skin .nav-list > li .submenu > li > a:active.no-skin .nav-list > li.active > a:visited,
.no-skin .nav-list > li .submenu > li.active > a:link,
.no-skin .nav-list > li .submenu > li.active > a:visited,
.no-skin .nav-list > li.active > a:link,
.no-skin .nav-list > li.active > a:visited,
.breadcrumb > li > a:link,
.breadcrumb > li > a:visited,
a:link,
a:visited {
  color: rgb(135.976284585, 156.3320158103, 49.6679841897);
  color: var(--secondary-darken10-color);
}
.no-skin .nav-list > li .submenu > li > a:hover:hover, .no-skin .nav-list > li .submenu > li > a:hover:active, .no-skin .nav-list > li .submenu > li > a:hover:focus,
.no-skin .nav-list > li .submenu > li > a:focus:hover,
.no-skin .nav-list > li .submenu > li > a:focus:active,
.no-skin .nav-list > li .submenu > li > a:focus:focus,
.no-skin .nav-list > li .submenu > li > a:active.no-skin .nav-list > li.active > a:hover,
.no-skin .nav-list > li .submenu > li > a:active.no-skin .nav-list > li.active > a:active,
.no-skin .nav-list > li .submenu > li > a:active.no-skin .nav-list > li.active > a:focus,
.no-skin .nav-list > li .submenu > li.active > a:hover,
.no-skin .nav-list > li .submenu > li.active > a:active,
.no-skin .nav-list > li .submenu > li.active > a:focus,
.no-skin .nav-list > li.active > a:hover,
.no-skin .nav-list > li.active > a:active,
.no-skin .nav-list > li.active > a:focus,
.breadcrumb > li > a:hover,
.breadcrumb > li > a:active,
.breadcrumb > li > a:focus,
a:hover,
a:active,
a:focus {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.no-skin .nav-list > li > a:link, .no-skin .nav-list > li > a:visited {
  color: #8C8985;
  color: var(--main-base-color);
}
.no-skin .nav-list > li > a:hover, .no-skin .nav-list > li > a:active, .no-skin .nav-list > li > a:focus {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.no-skin .nav-list > li:hover > a {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.nav-list > li:before {
  background-color: #A9C23F;
  background-color: var(--secondary-base-color);
}

.no-skin .nav-list li.active > a:after {
  border-right-color: #A9C23F;
  border-right-color: var(--secondary-base-color);
}

.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #A9C23F;
  border-right-color: var(--secondary-base-color);
}

.no-skin .nav-list > li .submenu > li > a:hover {
  background-color: white;
  background-color: var(--main-lighten70-color);
}

.no-skin .nav-list > li.active:after {
  border-right: 2px solid  #A9C23F;
  border-right: 2px solid  var(--secondary-base-color);
}

.ace-nav > li.light-blue > a,
.ace-nav > li.grey > a,
.ace-nav > li.open.purple > a,
.ace-nav > li.purple > a {
  background-color: #8C8985;
  background-color: var(--main-base-color);
}
.ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus,
.ace-nav > li.grey > a:hover,
.ace-nav > li.grey > a:focus,
.ace-nav > li.open.purple > a:hover,
.ace-nav > li.open.purple > a:focus,
.ace-nav > li.purple > a:hover,
.ace-nav > li.purple > a:focus {
  background-color: rgb(164.746835443, 162.3924050633, 159.253164557);
  background-color: var(--main-lighten10-color);
}

.badge-danger,
.badge-important,
.badge.badge-danger,
.badge.badge-important,
.label-danger,
.label-important,
.label.label-danger,
.label.label-important {
  background-color: rgb(101.1518987342, 98.664556962, 95.3481012658);
  background-color: var(--main-darken15-color);
}

.dropdown-navbar > li.dropdown-footer > a:link, .dropdown-navbar > li.dropdown-footer > a:visited {
  color: #8C8985;
  color: var(--main-base-color);
}
.dropdown-navbar > li.dropdown-footer > a:hover, .dropdown-navbar > li.dropdown-footer > a:active, .dropdown-navbar > li.dropdown-footer > a:focus {
  color: rgb(177.1202531646, 175.0886075949, 172.3797468354);
  color: var(--main-lighten15-color);
}

.dropdown-yellow > li.active:hover > a,
.dropdown-yellow > li.active > a,
.dropdown-yellow > li:hover > a,
.dropdown-yellow > li > a:active,
.dropdown-yellow > li > a:focus {
  background-color: white;
  background-color: var(--main-lighten70-color);
}

.nav-list > li > a {
  padding-left: 1px;
}

.user-info {
  top: 14px;
}

.ace-nav > li {
  border-color: rgb(164.746835443, 162.3924050633, 159.253164557);
  border-color: var(--main-lighten10-color);
}

.remodelisationWarning,
.remodelisationWarning:active,
.remodelisationWarning:focus,
.remodelisationWarning.no-hover:focus,
.remodelisationWarning.no-hover:hover,
.remodelisationWarning:hover {
  background-color: transparent !important;
  margin-left: 5px;
  position: relative;
  top: -1px;
  color: #eeee00 !important;
}

.dropdown-navbar .remodelisationWarning,
.dropdown-navbar .remodelisationWarning:active,
.dropdown-navbar .remodelisationWarning:focus,
.dropdown-navbar .remodelisationWarning.no-hover:focus,
.dropdown-navbar .remodelisationWarning.no-hover:hover,
.dropdown-navbar .remodelisationWarning:hover {
  color: #e2c600 !important;
}

.badge-info,
.badge.badge-info,
.label-info,
.label.label-info {
  background-color: rgb(164.746835443, 162.3924050633, 159.253164557);
  background-color: var(--main-lighten10-color);
}

.dropdown-navbar > li.dropdown-footer > a {
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
}

.nav li ul.dropdown-menu li {
  position: relative;
}
.nav li ul.dropdown-menu li .status-green,
.nav li ul.dropdown-menu li .status-spin,
.nav li ul.dropdown-menu li .status-yellow,
.nav li ul.dropdown-menu li .status-red {
  position: absolute;
  right: 14px;
  top: 7px;
}

.dropdown-navbar > li.dropdown-header {
  background-color: rgb(238.9873417722, 238.5696202532, 238.0126582278);
  background-color: var(--main-lighten40-color);
  color: #8C8985;
  color: var(--main-base-color);
  border-bottom-color: #8C8985;
  border-bottom-color: var(--main-base-color);
}
.dropdown-navbar > li.dropdown-header > .ace-icon {
  color: #8C8985;
  color: var(--main-base-color);
}

.status-green {
  color: forestgreen;
}

.status-spin {
  color: #8C8985;
  color: var(--main-base-color);
}

.status-yellow {
  color: #CCCC00;
}

.status-red {
  color: red;
}

#HeaderBuildingFilterLi {
  padding: 0;
}

#HeaderBuildingList li,
#HeaderBuildingList2 li {
  display: block;
}
#HeaderBuildingList li.building-hidden,
#HeaderBuildingList2 li.building-hidden {
  display: none;
}

#BuildingListCurrentBuilding > a:link > div > span,
#BuildingListCurrentBuilding > a:visited > div > span,
#BuildingListCurrentBuilding > a:hover > div > span,
#BuildingListCurrentBuilding > a:active > div > span,
#BuildingListCurrentBuilding > a:focus > div > span {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.nav.ace-nav .dropdown-navbar {
  width: 325px;
}

.nav.ace-nav li.arrows-left + .grey.dropdown-modal {
  border-left: none;
}
.nav.ace-nav li.arrows-right {
  border-left: none;
}
.nav.ace-nav li.arrows-left i.fa.fa-angle-left,
.nav.ace-nav li.arrows-left i.fa.fa-angle-right,
.nav.ace-nav li.arrows-right i.fa.fa-angle-left,
.nav.ace-nav li.arrows-right i.fa.fa-angle-right {
  color: #FFF !important;
  position: relative;
  top: 0;
  margin: 0;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
}
.nav.ace-nav li.arrows-left i.fa.fa-angle-left,
.nav.ace-nav li.arrows-right i.fa.fa-angle-left {
  padding: 10px 2px 10px 8px;
}
.nav.ace-nav li.arrows-left i.fa.fa-angle-right,
.nav.ace-nav li.arrows-right i.fa.fa-angle-right {
  padding: 10px 8px 10px 2px;
}
.nav.ace-nav li.arrows-left i.fa.fa-angle-left.hide-arrow,
.nav.ace-nav li.arrows-left i.fa.fa-angle-right.hide-arrow,
.nav.ace-nav li.arrows-right i.fa.fa-angle-left.hide-arrow,
.nav.ace-nav li.arrows-right i.fa.fa-angle-right.hide-arrow {
  display: none;
}

#ListBuildingToggleOff,
#ListBuildingToggleOn {
  position: relative;
  top: 8px;
}

.flex .flex-sides {
  flex-basis: calc(50% - 15px);
}

.dropdown-header .flex-sides:last-child {
  text-align: right;
}

#HeaderBuildingFilter.hide-filter,
#HeaderBuildingFilter2.hide-filter,
#ListBuildingToggleOff.fa.hide-toggle,
#ListBuildingToggleOn.fa.hide-toggle,
#HeaderBuildingList.hide-list,
#HeaderBuildingList2.hide-list {
  display: none;
}

#NavigationExpertDybee {
  cursor: pointer;
}
#NavigationExpertDybee svg {
  width: 24px;
  height: 24px;
  transform: scale(0.7);
  position: absolute;
  left: 4px;
  top: 7px;
  fill: #8C8985;
  fill: var(--main-base-color);
}
#NavigationExpertDybee span {
  color: #8C8985;
  color: var(--main-base-color);
  cursor: pointer;
}
#NavigationExpertDybee:hover span {
  color: #A9C23F;
  color: var(--secondary-base-color);
}
#NavigationExpertDybee .menu-text {
  padding-left: 36px;
}

.menu-min #NavigationExpertDybee svg {
  left: 10px;
}
.menu-min #NavigationExpertDybee .menu-text {
  padding-left: 10px;
}

.sidebar.responsive.ace-save-state .optis #NavigationExpertDybee svg,
.sidebar.responsive.ace-save-state .prolon #NavigationExpertDybee svg {
  transform: scale(0.5);
}
.sidebar.responsive.ace-save-state .optis #NavigationExpertDybee .menu-text,
.sidebar.responsive.ace-save-state .prolon #NavigationExpertDybee .menu-text {
  padding-left: 0;
}
.sidebar.responsive.ace-save-state .optis #NavigationExpertDybee:hover svg,
.sidebar.responsive.ace-save-state .prolon #NavigationExpertDybee:hover svg {
  visibility: visible;
}

.nav-list > li .submenu > li a > .menu-icon,
.nav-list > li .submenu > li.active > a > .menu-icon,
.nav-list > li .submenu > li:hover > a > .menu-icon {
  display: inline-block !important;
}

.nav-list > li .submenu > li a > i.fa-caret-right.menu-icon,
.nav-list > li .submenu > li.active > a > i.fa-caret-right.menu-icon,
.nav-list > li .submenu > li:hover > a > i.fa-caret-right.menu-icon {
  display: none !important;
}

.sidebar.responsive.ace-save-state.menu-min .optis #NavigationExpertDybee svg,
.sidebar.responsive.ace-save-state.menu-min .prolon #NavigationExpertDybee svg {
  left: 0;
}

/*
#NavBuildingModal:hover,
#NavBuildingModal:focus,
.no-skin .nav-list>li.open>a,
.no-skin .nav-list>li>a,
.no-skin .sidebar-toggle,
.no-skin .nav-list .open>a,
.no-skin .nav-list .open>a:focus,
.no-skin .nav-list .open>a:hover,
.no-skin .sidebar {
    @include v("background-color", "main", "lighten40-");
}

.no-skin .nav-list>li .submenu>li.active:not(.open)>a,
#NavBuildingModal,
.no-skin .nav-list>li .submenu,
.no-skin .nav-list>li .submenu>li>a,
.no-skin .nav-list>li:hover>a,
.no-skin .nav-list>li.active>a,
.no-skin .nav-list>li.active>a:focus,
.no-skin .nav-list>li.active>a:hover {
    @include v("background-color", "main", "lighten50-");
}
*/
.ui-dialog-titlebar {
  position: relative;
}
.ui-dialog-titlebar .ui-dialog-title {
  text-indent: 7px;
  display: inline-block;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  width: 20px;
  right: 0;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-jqdialog-titlebar,
.ui-jqdialog .ui-dialog-titlebar,
.ui-jqdialog .ui-jqdialog-titlebar {
  color: #8C8985;
}

.modal-container .modal-body {
  overflow: auto;
}

body:not(.modal-open) {
  padding-right: 0px !important;
}

.modal-content {
  border-radius: 5px;
}
.modal-content .modal-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (min-width: 1200px) {
  .modal-lg.modal-xl {
    width: 75%;
    min-width: 1100px;
  }
  .modal-lg.modal-xxl {
    width: 85%;
    min-width: 1100px;
  }
  .modal-lg.modal-xxxl {
    width: 90%;
    min-width: 1100px;
  }
}
.btn,
.btn.btn-primary,
select.form-control,
select.form-select,
.form-select,
.form-control {
  font-size: 14px;
}

.btn-primary,
.btn-primary.focus,
.btn-primary:focus {
  background-color: #8C8985  !important;
  background-color: var(--main-base-color)  !important;
  border: none;
}

.btn-primary.secondary,
.btn-primary.secondary.focus,
.btn-primary.secondary:focus {
  background-color: rgb(152.8083003953, 175.6837944664, 55.8162055336)  !important;
  background-color: var(--secondary-darken5-color)  !important;
  border: none;
}

.btn-primary.secondary:hover,
.btn-primary.secondary:hover.focus,
.btn-primary.secondary:hover:focus,
.btn-primary.secondary:active,
.btn-primary.secondary:active.focus,
.btn-primary.secondary:active:focus {
  background-color: rgb(119.1442687747, 136.9802371542, 43.5197628458)  !important;
  background-color: var(--secondary-darken15-color)  !important;
  border: none;
}

.no-skin .navbar .navbar-toggle,
.btn-primary.focus:hover,
.btn-primary:active:hover,
.btn-primary:focus:active,
.btn-primary:focus:hover,
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.open > .btn-primary.dropdown-toggle,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:active,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
  background-color: rgb(114.2784810127, 111.4683544304, 107.7215189873)  !important;
  background-color: var(--main-darken10-color)  !important;
  border: none;
  border-color: #8C8985  !important;
  border-color: var(--main-base-color)  !important;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: rgb(164.746835443, 162.3924050633, 159.253164557)  !important;
  background-color: var(--main-lighten10-color)  !important;
  border: none;
  border-color: rgb(164.746835443, 162.3924050633, 159.253164557)  !important;
  border-color: var(--main-lighten10-color)  !important;
}

.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus.active,
.open > .btn-primary.dropdown-toggle.active {
  background-color: rgb(88.0253164557, 85.8607594937, 82.9746835443)  !important;
  background-color: var(--main-darken20-color)  !important;
}
.btn-primary.active.btn-outline,
.btn-primary.active:focus.btn-outline,
.btn-primary.active:hover.btn-outline,
.btn-primary.focus.active.btn-outline,
.open > .btn-primary.dropdown-toggle.active.btn-outline {
  background-color: #FFFFFF !important;
}

.btn-warning,
.btn-warning.focus,
.btn-warning:focus {
  background-color: rgb(114.2784810127, 111.4683544304, 107.7215189873)  !important;
  background-color: var(--main-darken10-color)  !important;
  border: none;
}

.btn-danger,
.btn-danger.focus,
.btn-danger:focus {
  background-color: #CC0000  !important;
  background-color: var(--danger-base-color)  !important;
  border: none;
}

.btn-warning.focus:hover,
.btn-warning:active:hover,
.btn-warning:focus:active,
.btn-warning:focus:hover,
.btn-warning:hover,
.open > .btn-warning.dropdown-toggle,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:active,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
  background-color: rgb(164.746835443, 162.3924050633, 159.253164557)  !important;
  background-color: var(--main-lighten10-color)  !important;
  border: none;
}

.btn-danger.focus:hover,
.btn-danger:active:hover,
.btn-danger:focus:active,
.btn-danger:focus:hover,
.btn-danger:hover,
.open > .btn-danger.dropdown-toggle,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:active,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
  background-color: #990000  !important;
  background-color: var(--danger-darken10-color)  !important;
  border: none;
}

.btn-info,
.btn-info.focus,
.btn-info:focus {
  background-color: #8C8985  !important;
  background-color: var(--main-base-color)  !important;
  border: none;
}

.btn-info.focus:hover,
.btn-info:active:hover,
.btn-info:focus:active,
.btn-info:focus:hover,
.btn-info:hover,
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:active,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
  background-color: rgb(114.2784810127, 111.4683544304, 107.7215189873)  !important;
  background-color: var(--main-darken10-color)  !important;
  border: none;
}

.btn,
.btn-default.focus:hover,
.btn-default:active:hover,
.btn-default:focus:active,
.btn-default:focus:hover,
.btn-default:hover,
.btn.focus:hover,
.btn:active:hover,
.btn:focus:active,
.btn:focus:hover,
.btn:hover,
.open > .btn-default.dropdown-toggle,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:active,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn.dropdown-toggle,
.open > .btn.dropdown-toggle.focus,
.open > .btn.dropdown-toggle:active,
.open > .btn.dropdown-toggle:focus,
.open > .btn.dropdown-toggle:hover {
  border: none !important;
}

input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
textarea:focus {
  border-color: #8C8985;
  border-color: var(--main-base-color);
}

.tree .tree-selected > .tree-item-name > .ace-icon:first-child {
  background-color: #8C8985;
  background-color: var(--main-base-color);
  border-color: #8C8985;
  border-color: var(--main-base-color);
}

.widget-body .widget-body-spacer button {
  margin-right: 1px;
}

.ui-datepicker td > a.ui-state-active,
.ui-state-default.ui-state-highlight.ui-state-active {
  background-color: #8C8985;
}

.ui-datepicker td > a.ui-state-highlight {
  background-color: rgb(238.9873417722, 238.5696202532, 238.0126582278);
  background-color: var(--main-lighten40-color);
}

.ui-datepicker td a, .ui-datepicker td span {
  text-align: center !important;
}

.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
  color: #8C8985;
  color: var(--main-base-color);
}

.form-control:focus,
select:focus {
  border-color: #8C8985;
  border-color: var(--main-base-color);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-top: 2px solid #8C8985;
  border-top: 2px solid var(--main-base-color);
}

tr.detail-row > td,
.table-detail {
  border-color: rgb(189.4936708861, 187.7848101266, 185.5063291139)  !important;
  border-color: var(--main-lighten20-color)  !important;
}

tr.detail-row > td {
  background-color: white  !important;
  background-color: var(--main-lighten50-color)  !important;
}

.header.blue {
  color: rgb(164.746835443, 162.3924050633, 159.253164557)  !important;
  color: var(--main-lighten10-color)  !important;
  border-bottom-color: rgb(164.746835443, 162.3924050633, 159.253164557)  !important;
  border-bottom-color: var(--main-lighten10-color)  !important;
}

.WeatherDashboard > div .icone-div svg {
  filter: drop-shadow(1px 2px 0  rgb(221.0079051383, 230.8893280632, 179.1106719368) ) !important;
  filter: drop-shadow(1px 2px 0  var(--secondary-lighten30-color) ) !important;
}

ul.scope li:first-child button.btn.btn-primary {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
ul.scope li:not(:first-child) button.btn.btn-primary {
  border-left: none !important;
}
ul.scope li:last-child button.btn.btn-primary {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
ul.scope li button.btn.btn-primary:focus {
  outline: none !important;
}
ul.scope li button.btn.btn-primary {
  border: 2px solid  #8C8985  !important;
  border: 2px solid  var(--main-base-color)  !important;
  background-color: #fff !important;
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
  text-shadow: none;
  font-weight: 700;
}
ul.scope li button.btn.btn-primary.active {
  background-color: #8C8985  !important;
  background-color: var(--main-base-color)  !important;
  color: #FFF !important;
  text-shadow: none;
  font-weight: 400;
}

.btn {
  background-color: #8C8985;
  background-color: var(--main-base-color);
}

.btn.btn-default {
  background-color: rgb(177.1202531646, 175.0886075949, 172.3797468354)  !important;
  background-color: var(--main-lighten15-color)  !important;
}

.vgt-table thead th,
.vgt-wrap__footer,
.vgt-table tr:nth-child(even) {
  background-color: #f5f5f5;
}

.fa.fa-arrow-down,
.fa.fa-arrow-left,
.fa.fa-arrow-right,
.fa.fa-arrow-up,
.fa.fa-ban,
.fa.fa-bar-chart,
.fa.fa-book,
.fa.fa-lightbulb-o .fa.fa-calculator,
.fa.fa-caret-down,
.fa.fa-caret-up,
.fa.fa-check,
.fa.fa-check-square,
.fa.fa-check-square-o,
.fa.fa-clock-o,
.fa.fa-cloud-download,
.fa.fa-cloud-upload,
.fa.fa-cog,
.fa.fa-comment,
.fa.fa-comment-o,
.fa.fa-commenting-o,
.fa.fa-copy,
.fa.fa-cubes,
.fa.fa-database,
.fa.fa-dot-circle-o,
.fa.fa-download,
.fa.fa-envelope,
.fa.fa-external-link,
.fa.fa-eye,
.fa.fa-eye-slash,
.fa.fa-file,
.fa.fa-files-o,
.fa.fa-floppy-o,
.fa.fa-graduation-cap,
.fa.fa-history,
.fa.fa-info-circle,
.fa.fa-line-chart,
.fa.fa-link,
.fa.fa-magic,
.fa.fa-map,
.fa.fa-minus-square,
.fa.fa-page,
.fa.fa-pencil,
.fa.fa-pencil-square,
.fa.fa-plus,
.fa.fa-plus-square,
.fa.fa-print,
.fa.fa-random,
.fa.fa-refresh,
.fa.fa-search,
.fa.fa-sitemap,
.fa.fa-square-o,
.fa.fa-stethoscope,
.fa.fa-times,
.fa.fa-toggle-on,
.fa.fa-toggle-off,
.fa.fa-trash,
.fa.fa-unlink,
.fa.fa-users {
  font-size: 18px;
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
}

.fa.fa-ban,
.fa.fa-check,
.fa.fa-comment,
.fa.fa-commenting-o,
.fa.fa-info-circle,
.fa.fa-pencil,
.fa.fa-print,
.fa.fa-plus,
.fa.fa-search,
.fa.fa-stethoscope,
.fa.fa-trash {
  cursor: pointer;
}

.fa.community.fa-toggle-on {
  color: #A9C23F  !important;
  color: var(--secondary-base-color)  !important;
}

input:focus + .fa.fa-envelope {
  color: rgb(74.8987341772, 73.0569620253, 70.6012658228)  !important;
  color: var(--main-darken25-color)  !important;
}

.fa.fa-spinner.fa-spin {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

.ui-slider-handle {
  border-color: #8C8985  !important;
  border-color: var(--main-base-color)  !important;
}

.badge {
  background-color: rgb(177.1202531646, 175.0886075949, 172.3797468354);
  background-color: var(--main-lighten15-color);
}

.btn-primary .badge {
  color: #8C8985;
  color: var(--main-base-color);
}

.btn > i,
.btn.btn-info > i,
.btn.btn-danger > i,
.btn.btn-primary > i {
  color: #FFFFFF !important;
}

input[type=checkbox].ace:checked + .lbl::before,
input[type=radio].ace:checked + .lbl::before {
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
}

.badge.badge-primary {
  background-color: #8C8985;
  background-color: var(--main-base-color);
}

button,
button.btn-primary,
button.btn {
  border-radius: 5px;
}

.tabs button,
.tabs button.btn-primary,
.tabs button.btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn.btn-outline,
.btn.btn-outline:focus,
.btn.btn-outline:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 600;
  outline: none;
  text-shadow: none;
}

.btn.btn-primary.btn-outline,
.btn.btn-primary.btn-outline > i {
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
}
.btn.btn-primary.btn-outline:hover,
.btn.btn-primary.btn-outline > i:hover {
  color: rgb(101.1518987342, 98.664556962, 95.3481012658)  !important;
  color: var(--main-darken15-color)  !important;
}
.btn.btn-primary.btn-outline:active,
.btn.btn-primary.btn-outline > i:active {
  color: rgb(74.8987341772, 73.0569620253, 70.6012658228)  !important;
  color: var(--main-darken25-color)  !important;
}

.btn.btn-primary.btn-outline {
  border: 1px solid  #8C8985  !important;
  border: 1px solid  var(--main-base-color)  !important;
}
.btn.btn-primary.btn-outline:hover {
  border: 1px solid  rgb(101.1518987342, 98.664556962, 95.3481012658)  !important;
  border: 1px solid  var(--main-darken15-color)  !important;
}
.btn.btn-primary.btn-outline:active {
  border: 1px solid  rgb(74.8987341772, 73.0569620253, 70.6012658228)  !important;
  border: 1px solid  var(--main-darken25-color)  !important;
}

.btn.btn-danger.btn-outline,
.btn.btn-danger.btn-outline > i {
  color: #CC0000  !important;
  color: var(--danger-base-color)  !important;
}
.btn.btn-danger.btn-outline:hover,
.btn.btn-danger.btn-outline > i:hover {
  color: rgb(127.5, 0, 0)  !important;
  color: var(--danger-darken15-color)  !important;
}
.btn.btn-danger.btn-outline:active,
.btn.btn-danger.btn-outline > i:active {
  color: rgb(76.5, 0, 0)  !important;
  color: var(--danger-darken25-color)  !important;
}

.btn.btn-danger.btn-outline {
  border: 1px solid  #CC0000  !important;
  border: 1px solid  var(--danger-base-color)  !important;
}
.btn.btn-danger.btn-outline:hover {
  border: 1px solid  rgb(127.5, 0, 0)  !important;
  border: 1px solid  var(--danger-darken15-color)  !important;
}
.btn.btn-danger.btn-outline:active {
  border: 1px solid  rgb(76.5, 0, 0)  !important;
  border: 1px solid  var(--danger-darken25-color)  !important;
}

.btn.btn-primary.btn-secondary.btn-outline,
.btn.btn-primary.secondary.btn-outline,
.btn.btn-primary.secondary.btn-outline > i,
.btn.btn-primary.btn-secondary.btn-outline > i {
  color: #A9C23F  !important;
  color: var(--secondary-base-color)  !important;
}
.btn.btn-primary.btn-secondary.btn-outline:hover,
.btn.btn-primary.secondary.btn-outline:hover,
.btn.btn-primary.secondary.btn-outline > i:hover,
.btn.btn-primary.btn-secondary.btn-outline > i:hover {
  color: rgb(119.1442687747, 136.9802371542, 43.5197628458)  !important;
  color: var(--secondary-darken15-color)  !important;
  background-color: transparent !important;
}
.btn.btn-primary.btn-secondary.btn-outline:active,
.btn.btn-primary.secondary.btn-outline:active,
.btn.btn-primary.secondary.btn-outline > i:active,
.btn.btn-primary.btn-secondary.btn-outline > i:active {
  color: rgb(85.4802371542, 98.2766798419, 31.2233201581)  !important;
  color: var(--secondary-darken25-color)  !important;
  background-color: transparent !important;
}

.btn.btn-primary.secondary.btn-outline,
.btn.btn-primary.btn-secondary.btn-outline {
  border: 1px solid  #A9C23F  !important;
  border: 1px solid  var(--secondary-base-color)  !important;
}
.btn.btn-primary.secondary.btn-outline:hover,
.btn.btn-primary.btn-secondary.btn-outline:hover {
  border: 1px solid  rgb(119.1442687747, 136.9802371542, 43.5197628458)  !important;
  border: 1px solid  var(--secondary-darken15-color)  !important;
  background-color: transparent !important;
}
.btn.btn-primary.secondary.btn-outline:active,
.btn.btn-primary.btn-secondary.btn-outline:active {
  border: 1px solid  rgb(85.4802371542, 98.2766798419, 31.2233201581)  !important;
  border: 1px solid  var(--secondary-darken25-color)  !important;
  background-color: transparent !important;
}

.btn-smaller {
  font-size: 13px;
  padding: 1px 4px;
  position: relative;
  margin-bottom: 7px;
}

.filepond--drop-label {
  background-color: rgb(238.3438735178, 243.185770751, 217.814229249);
  background-color: var(--secondary-lighten40-color);
  border-radius: 5px;
}

#app .vgt-loading__content {
  background-color: rgb(238.3438735178, 243.185770751, 217.814229249);
  background-color: var(--secondary-lighten40-color);
  color: rgb(102.3122529644, 117.628458498, 37.371541502);
  color: var(--secondary-darken20-color);
}

input[type=checkbox],
input[type=radio] {
  accent-color: #A9C23F;
  accent-color: var(--secondary-base-color);
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
@media (min-width: 1200px) and (max-width: 1354px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}

@media (min-width: 1354px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl, td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
.footer span.blue {
  color: #8C8985 !important;
}

#editors-container {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 775px;
  height: 100%;
  overflow-y: auto;
  z-index: 1055;
  background-color: white;
}

.vgt-table tbody td,
.vgt-table thead th {
  font-size: 13px;
}

#navbar {
  position: fixed;
  top: 0;
  z-index: 205;
}

body.inIframe #sidebar,
body.inIframe #navbar {
  visibility: hidden;
}

html.appvue-portailDashboard.PROLON #navbar .nav.ace-nav .arrows-left,
html.appvue-portailDashboard.PROLON #navbar .nav.ace-nav .grey.dropdown-modal,
html.appvue-portailDashboard.PROLON #navbar .nav.ace-nav .arrows-right,
html.appvue-portailDashboard.PROLON #navbar .nav.ace-nav .arrows-right {
  top: -9999em;
  position: relative;
}

html.appvue-portailDashboard.PROLON .page-content {
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
}

html.appvue-portailDashboard.PROLON .footer {
  display: none;
}

#main-container {
  margin-top: 45px;
}

html {
  padding-right: 6px;
}

.page-content table.vgt-table td,
body {
  color: #333333;
  color: var(--text-base-color);
  background-color: #FFFFFF;
  background-color: var(--background-base-color);
}

#DashboardHeaderImage {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: 50% 50%;
  max-width: 250px;
  margin: auto;
  max-height: 90%;
  background-repeat: no-repeat;
}

.main-darken15 {
  color: rgb(101.1518987342, 98.664556962, 95.3481012658);
  color: var(--main-darken15-color);
}

.main-darken25 {
  color: rgb(74.8987341772, 73.0569620253, 70.6012658228);
  color: var(--main-darken25-color);
}

.relative {
  position: relative;
}

.mt-0 {
  margin-top: 0;
}

.mt-05 {
  margin-top: 0.5em;
}

.mt-1 {
  margin-top: 1em;
}

.mt-2 {
  margin-top: 2em;
}

.mt-3 {
  margin-top: 3em;
}

.mt-4 {
  margin-top: 4em;
}

.ls-none {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.block {
  display: block;
}

.pl-0 {
  padding-left: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.row .mb-05, .mb-05 {
  margin-bottom: 0.5em;
}

.row .mb-1, .mb-1 {
  margin-bottom: 1em !important;
}

.mb-15 {
  margin-bottom: 1.5em;
}

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

.mb-3 {
  margin-bottom: 3em;
}

.ml-02 {
  margin-left: 0.2em;
}

input[type=radio].ml-05, input[type=checkbox].ml-05, .ml-05 {
  margin-left: 0.5em;
}

.ml-1 {
  margin-left: 1em;
}

.ml-2 {
  margin-left: 2em;
}

.ml-22 {
  margin-left: 22px;
}

.actions .mr-05,
.mr-05[type=checkbox],
.mr-05 {
  margin-right: 0.5em;
}

.mr-04 {
  margin-right: 0.4em;
}

.mr-1 {
  margin-right: 1em;
}

.mr-2 {
  margin-right: 2em;
}

.pt-2 {
  padding-top: 2em;
}

.mw-25 {
  max-width: 25%;
}

.mw-50 {
  max-width: 50%;
}

.mw-75 {
  max-width: 75%;
}

.mw-100 {
  max-width: 100%;
}

.width-100 {
  width: 100%;
}

.width-max-content {
  width: max-content;
}

.fg-1 {
  flex-grow: 1;
}

.fg-15 {
  flex-grow: 15;
}

.flex.aic {
  align-items: center;
}

.flex.center {
  justify-content: center;
}

.m0a {
  margin: 0 auto;
}

.width-75px {
  width: 75px;
}

.border-1-cecece {
  border: 1px solid #cecece;
  border-top: none;
  padding: 15px;
  box-sizing: border-box;
}

.page-header h1 {
  color: #8C8985;
  color: var(--main-base-color);
  display: block;
}

.page-header h1 small {
  color: rgb(201.8670886076, 200.4810126582, 198.6329113924);
  color: var(--main-lighten25-color);
}

.flex .normal-sized-checkbox,
.normal-sized-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}

.flex .normal-sized-checkbox.smaller,
.normal-sized-checkbox.smaller {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
}

.flex .normal-sized-radio,
.normal-sized-radio {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  margin-right: 3px;
}

code.form-control[contenteditable=true] {
  overflow: hidden;
  padding: 6px 3px;
  -webkit-appearance: textarea;
  resize: both;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.formulaContainerVue code.form-control {
  height: 75px;
}
.formulaContainerVue code.form-control + .addon.input-group-addon .btn {
  height: 73px;
}

.sticky-top {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.flex.fs {
  justify-content: flex-start;
}

.flex.stretch {
  justify-content: stretch;
}

.flex.fe {
  justify-content: flex-end;
}

.flex.sb {
  justify-content: space-between;
}

.flex.fac {
  align-items: center;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-999 {
  flex-grow: 999;
}

.pointer {
  cursor: pointer;
}

.fa.fa-spinner.fa-spin {
  color: #8C8985;
  color: var(--main-base-color);
}

.tagsDeviceComponent table.collapse,
.tagsDeviceComponent table.collapsing {
  width: 100%;
}
.tagsDeviceComponent table.collapse.in {
  display: table;
}

.overflow-hidden {
  overflow: hidden;
}

.visible-hover-i i {
  display: none;
}
.visible-hover-i:hover i {
  display: inline-block;
}

.btn.active:after {
  display: inline-block;
  content: "";
  position: absolute;
  border-bottom: none;
  left: 0;
  right: 0;
  bottom: 0;
}

.inline-block,
.ib {
  display: inline-block;
}

table tbody {
  border-top: none;
}
table tbody tr td {
  border-right: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

#FirstLoadSpinner.spinnerContainer {
  margin-top: 15px;
  text-align: center;
}
#FirstLoadSpinner.spinnerContainer i.fa.fa-spin.fa-spinner {
  font-size: 25px;
}

.top-widget-row #globalValues h2,
.top-widget-row .dyndash-top-widget-title {
  font-size: 19px;
  color: #666;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.dashboard #globalValues {
  padding: 0 25px;
  height: 100%;
  flex-wrap: wrap;
}
.dashboard #globalValues h2 {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 17px;
}
.dashboard #globalValues p.value {
  font-size: 14pt;
}
.dashboard #globalValues p.value .unite {
  font-size: 10pt;
}

.panel-heading h2 {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.panel-heading h2 a:link,
.panel-heading h2 a:visited,
.panel-heading h2 a:active,
.panel-heading h2 a:focus,
.panel-heading h2 a:hover {
  color: rgb(88.0253164557, 85.8607594937, 82.9746835443);
  color: var(--main-darken20-color);
  text-decoration: none;
}

.form-group input[type=email],
.form-group input[type=url],
.form-group input[type=search],
.form-group input[type=tel],
.form-group input[type=color],
.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=datetime],
.form-group input[type=datetime-local],
.form-group input[type=date],
.form-group input[type=month],
.form-group input[type=time],
.form-group input[type=week],
.form-group input[type=number],
.form-group select,
.form-group,
.form-control,
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
select,
textarea {
  border-radius: 5px !important;
}

table.transparent,
table.transparent tr,
table.transparent tr td {
  background-color: transparent !important;
}

#NavEditors > a:link,
#NavEditors > a:visited {
  color: #8C8985;
  color: var(--main-base-color);
}

#NavEditors > a:hover,
#NavEditors > a:focus,
#NavEditors > a:active {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

#NavBacktimeModal,
#NavBuildingModal {
  box-sizing: border-box;
  display: block;
  position: relative;
  left: 0px;
  padding: 7px 0 9px 37px;
  margin: 0;
  cursor: pointer;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #E4E4E4;
  color: #616161;
  margin-left: 0;
  padding-left: 37px;
}
#NavBacktimeModal:hover, #NavBacktimeModal:focus, #NavBacktimeModal:hover span, #NavBacktimeModal:focus span,
#NavBuildingModal:hover,
#NavBuildingModal:focus,
#NavBuildingModal:hover span,
#NavBuildingModal:focus span {
  color: #A9C23F;
  color: var(--secondary-base-color);
  background-color: #F1F5F9;
}
#NavBacktimeModal:hover i.fa.fa-caret-right, #NavBacktimeModal:focus i.fa.fa-caret-right, #NavBacktimeModal:hover span i.fa.fa-caret-right, #NavBacktimeModal:focus span i.fa.fa-caret-right,
#NavBuildingModal:hover i.fa.fa-caret-right,
#NavBuildingModal:focus i.fa.fa-caret-right,
#NavBuildingModal:hover span i.fa.fa-caret-right,
#NavBuildingModal:focus span i.fa.fa-caret-right {
  display: none;
}
#NavBacktimeModal i.fa.fa-caret-right,
#NavBuildingModal i.fa.fa-caret-right {
  display: none;
  color: #A9C23F;
  color: var(--secondary-base-color);
  position: absolute;
  left: 17px;
  top: 10px;
  padding-right: 6px;
  background-color: #fff;
  z-index: 5;
}

ul li ul li ul li#NavBacktimeModal,
ul li ul li ul li#NavBuildingModal {
  left: 5px;
}

.sidebar.responsive.ace-save-state.menu-min ul li ul li ul li#NavBacktimeModal,
.sidebar.responsive.ace-save-state.menu-min ul li ul li ul li#NavBuildingModal {
  left: 10px;
}

.menu-min li#NavBacktimeModal,
.menu-min li#NavBuildingModal {
  padding-left: 22px;
}
.menu-min li#NavBacktimeModal i.fa.fa-caret-right,
.menu-min li#NavBuildingModal i.fa.fa-caret-right {
  left: 10px;
}

#DashboardMissingInfo {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  padding: 10px;
}

.moduleDescription {
  display: flex;
  font-size: 16px;
  text-align: left;
  height: 100%;
  min-height: 75px;
  align-items: center;
}

.user-info {
  font-size: 20px;
  height: 20px;
}

.ace-icon.fa.fa-plus,
.ace-icon.fa.fa-graduation-cap {
  color: #333 !important;
}

.header-name {
  font-size: 13px;
  position: relative;
  top: -3px;
  min-width: max-content;
}

.user-info {
  max-width: 250px;
}

.ChartContainer1234 {
  font-size: 16px;
}
.ChartContainer1234 > div.flex.center {
  height: 40px;
  margin-bottom: -40px;
  width: 100%;
}

#tableUser select {
  height: 30px;
}

#CurrentUserRoleIcon {
  color: #FFF !important;
}

.vgt-table thead tr th span {
  position: relative;
  z-index: 2;
}

.navbar-header .dropdown-menu.dropdown-navbar i.fa.fa-trash {
  color: #CC0000  !important;
  color: var(--danger-base-color)  !important;
}

.vgt-table thead tr th span.sr-only {
  position: absolute;
}

.servicesStatus {
  position: absolute;
  left: -45px;
  width: 45px;
  height: 45px;
  text-align: right;
}
.servicesStatus > span > i,
.servicesStatus > i {
  position: relative;
  display: inline-block;
  top: 13px;
  font-size: 16px;
  color: orange;
  margin-left: 0.5em;
}
.servicesStatus > span > i:first-child,
.servicesStatus > i:first-child {
  margin-left: 0;
}
.servicesStatus #RemodelisationTooltip {
  display: none;
  position: absolute;
  z-index: 5;
  width: max-content;
  right: 0;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #FFF;
  border: 2px solid  #8C8985;
  border: 2px solid  var(--main-base-color);
}
.servicesStatus span:hover #RemodelisationTooltip {
  display: block;
}

.text-align-left {
  text-align: left;
}

#PortailDashboardBuildingList i.fa.fa-building {
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
}

#PortailDashboardBuildingList a:link,
#PortailDashboardBuildingList a:hover,
#PortailDashboardBuildingList a:active,
#PortailDashboardBuildingList a:visited,
#PortailDashboardBuildingList a:focus,
#PortailDashboardBuildingList {
  background-color: #FFF;
  padding: 5px;
  color: #8C8985  !important;
  color: var(--main-base-color)  !important;
  font-weight: 600;
}

li#BuildingListCurrentBuilding > a:link > div > span,
li#BuildingListCurrentBuilding > a:visited > div > span,
li#BuildingListCurrentBuilding > a:active > div > span,
li#BuildingListCurrentBuilding > a:hover > div > span,
li#BuildingListCurrentBuilding > a:focus > div > span {
  color: #A9C23F;
  color: var(--secondary-base-color);
}

svg > rect:first-child[fill-opacity="0.2"] {
  display: none;
}

svg > rect:last-child[fill-opacity="0.2"] {
  fill: #A9C23F;
  fill: var(--secondary-base-color);
}

th select option {
  font-weight: 400;
}

.modal-footer button.btn {
  margin-right: 5px;
}
.modal-footer button.btn:last-child {
  margin-right: 0;
}

button.btn,
button.btn-primary {
  padding: 3px 12px 4px;
}

/* Bootstrap 5 transition */
@media (min-width: 992px) {
  .bootstrap-5 .navbar-toggle {
    display: none;
  }
  .bootstrap-5 .navbar-header {
    float: left;
  }
  .bootstrap-5 .navbar-header.pull-right {
    float: right;
  }
}
.bootstrap-5 .navbar {
  padding: 0;
}
.bootstrap-5 .page-content {
  padding: 8px 20px 24px;
}
.bootstrap-5 .nav.nav-list {
  display: block;
}
.bootstrap-5 #btn-updating {
  top: 8px !important;
  width: calc(100% - 45px);
}
.bootstrap-5 .nav > li > a {
  padding: 10px 15px;
}
.bootstrap-5 a {
  text-decoration: none;
}
.bootstrap-5 .dropdown-toggle::after {
  display: none;
}
.bootstrap-5 .nav.ace-nav > li > a {
  padding: 0 15px;
}
.bootstrap-5 .nav-list > li > a {
  padding-left: 1px;
}
.bootstrap-5 .dropdown-navbar > li > a {
  padding: 4px 2px !important;
  display: block;
}
.bootstrap-5 .dropdown-menu {
  min-width: 160px;
}
.bootstrap-5 .dropdown-menu > li > a:visited > .ace-icon,
.bootstrap-5 .dropdown-menu > li > a:active > .ace-icon,
.bootstrap-5 .dropdown-menu > li > a:focus > .ace-icon,
.bootstrap-5 .dropdown-menu > li > a:link > .ace-icon,
.bootstrap-5 .dropdown-menu > li > a:hover > .ace-icon {
  color: #333 !important;
}
.bootstrap-5 .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.bootstrap-5 .dropdown-header, .bootstrap-5 .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  white-space: nowrap;
}
.bootstrap-5 .dropdown-menu > li > a {
  font-size: 13px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 4px;
  margin-bottom: 1px;
  margin-top: 1px;
}
.bootstrap-5 .dropdown-yellow > li.active:hover > a,
.bootstrap-5 .dropdown-yellow > li.active > a,
.bootstrap-5 .dropdown-yellow > li:hover > a,
.bootstrap-5 .dropdown-yellow > li:link > a,
.bootstrap-5 .dropdown-yellow > li:visited > a,
.bootstrap-5 .dropdown-yellow > li > a:active,
.bootstrap-5 .dropdown-yellow > li > a:link,
.bootstrap-5 .dropdown-yellow > li > a:hover,
.bootstrap-5 .dropdown-yellow > li > a:visited,
.bootstrap-5 .dropdown-yellow > li > a:focus {
  color: #444;
}
.bootstrap-5 .card.panel {
  padding-left: 0;
  padding-right: 0;
}
.bootstrap-5 .modal .modal-header button.close {
  position: absolute;
  top: 0;
  right: 0.5rem;
  background-color: transparent;
  border: none;
}
.bootstrap-5 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.bootstrap-5 select.form-control,
.bootstrap-5 .form-select {
  --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/%3e%3c/svg%3e);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) solid var(--bs-border-color);
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.bootstrap-5 .btn,
.bootstrap-5 .btn.btn-primary,
.bootstrap-5 select.form-control,
.bootstrap-5 select.form-select,
.bootstrap-5 .form-select,
.bootstrap-5 .form-control {
  font-size: 14px;
}
@media (min-width: 1400px) {
  .bootstrap-5 .container, .bootstrap-5 .container-lg, .bootstrap-5 .container-md, .bootstrap-5 .container-sm, .bootstrap-5 .container-xl, .bootstrap-5 .container-xxl {
    max-width: inherit;
  }
}
.bootstrap-5 select.form-control {
  -webkit-appearance: menulist;
}
.bootstrap-5 .card-header svg + span,
.bootstrap-5 .panel-heading svg + span {
  top: 0 !important;
}
.bootstrap-5 h1, .bootstrap-5 h2, .bootstrap-5 h3 {
  margin-top: 20px;
}
.bootstrap-5 h4, .bootstrap-5 h5, .bootstrap-5 h6 {
  margin-top: 10px;
}
.bootstrap-5 .jq-toast-wrap h2 {
  margin-top: 5px;
}
.bootstrap-5 .dropdown-navbar > li > a {
  font-size: 12px;
}
.bootstrap-5 .form-inline .form-control-static,
.bootstrap-5 .form-inline .form-group input,
.bootstrap-5 .form-inline .form-group span,
.bootstrap-5 .form-inline .form-group {
  display: inline-block;
  width: auto;
}
.bootstrap-5 select.form-control {
  padding: 3px 20px 3px 6px;
  height: 34px;
}
.bootstrap-5 select.form-control[multiple],
.bootstrap-5 select[multiple] {
  height: auto;
}
.bootstrap-5 .vgt-wrap__footer .footer__navigation__page-info,
.bootstrap-5 .vgt-wrap__footer .footer__navigation__page-info label,
.bootstrap-5 .vgt-wrap__footer .footer__navigation button,
.bootstrap-5 .vgt-wrap__footer .footer__navigation__page-btn span,
.bootstrap-5 .vgt-wrap__footer .footer__row-count__select,
.bootstrap-5 .vgt-wrap__footer .footer__row-count__label {
  font-size: 12px;
}
.bootstrap-5 .badge .badge {
  border-radius: 10px;
}
.bootstrap-5 .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.bootstrap-5 .dropdown-menu > li.active:hover > a,
.bootstrap-5 .dropdown-menu > li.active > a,
.bootstrap-5 .dropdown-menu > li:hover > a,
.bootstrap-5 .dropdown-menu > li > a:active,
.bootstrap-5 .dropdown-menu > li > a:focus {
  background-color: #8C8985;
  background-color: var(--main-base-color);
  cursor: pointer;
}
.bootstrap-5 .btn,
.bootstrap-5 .btn-default,
.bootstrap-5 .btn-default.focus,
.bootstrap-5 .btn-default:focus,
.bootstrap-5 .btn.focus,
.bootstrap-5 .btn:focus {
  background-color: #8C8985  !important;
  background-color: var(--main-base-color)  !important;
}
.bootstrap-5 .form-group {
  margin-bottom: 15px;
}
.bootstrap-5 .progress-bar {
  height: 10px;
}
.bootstrap-5 .input-group > .form-control,
.bootstrap-5 .input-group > .form-floating,
.bootstrap-5 .input-group > .form-select {
  width: 100%;
}
.bootstrap-5 input[type=range].form-range {
  padding: 0;
  height: 7px;
}
.bootstrap-5 .modal-dialog {
  max-width: inherit;
}
@media (min-width: 768px) {
  .bootstrap-5 .modal-dialog {
    width: 600px;
  }
}
@media (min-width: 992px) {
  .bootstrap-5 .modal-lg {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .bootstrap-5 .modal-lg.modal-xl {
    width: 75%;
  }
  .bootstrap-5 .modal-lg.modal-xxxl {
    width: 90%;
  }
  .bootstrap-5 .modal-lg.modal-xl,
  .bootstrap-5 .modal-lg.modal-xxxl {
    min-width: 1100px;
    max-width: 95%;
  }
}
.bootstrap-5 .btn-primary .badge {
  background-color: white;
}
.bootstrap-5 .right--5px {
  right: -5px;
}
.bootstrap-5 .row > select,
.bootstrap-5 .row > button {
  width: auto;
}
.bootstrap-5 small, .bootstrap-5 .small {
  font-size: 0.65em;
}
.bootstrap-5 .col-lg-1, .bootstrap-5 .col-lg-10, .bootstrap-5 .col-lg-11, .bootstrap-5 .col-lg-12, .bootstrap-5 .col-lg-2,
.bootstrap-5 .col-lg-3, .bootstrap-5 .col-lg-4, .bootstrap-5 .col-lg-5, .bootstrap-5 .col-lg-6, .bootstrap-5 .col-lg-7,
.bootstrap-5 .col-lg-8, .bootstrap-5 .col-lg-9, .bootstrap-5 .col-md-1, .bootstrap-5 .col-md-10, .bootstrap-5 .col-md-11,
.bootstrap-5 .col-md-12, .bootstrap-5 .col-md-2, .bootstrap-5 .col-md-3, .bootstrap-5 .col-md-4, .bootstrap-5 .col-md-5,
.bootstrap-5 .col-md-6, .bootstrap-5 .col-md-7, .bootstrap-5 .col-md-8, .bootstrap-5 .col-md-9, .bootstrap-5 .col-sm-1,
.bootstrap-5 .col-sm-10, .bootstrap-5 .col-sm-11, .bootstrap-5 .col-sm-12, .bootstrap-5 .col-sm-2, .bootstrap-5 .col-sm-3,
.bootstrap-5 .col-sm-4, .bootstrap-5 .col-sm-5, .bootstrap-5 .col-sm-6, .bootstrap-5 .col-sm-7, .bootstrap-5 .col-sm-8,
.bootstrap-5 .col-sm-9, .bootstrap-5 .col-xs-1, .bootstrap-5 .col-xs-10, .bootstrap-5 .col-xs-11, .bootstrap-5 .col-xs-12,
.bootstrap-5 .col-xs-2, .bootstrap-5 .col-xs-3, .bootstrap-5 .col-xs-4, .bootstrap-5 .col-xs-5, .bootstrap-5 .col-xs-6,
.bootstrap-5 .col-xs-7, .bootstrap-5 .col-xs-8, .bootstrap-5 .col-xs-9 {
  position: relative;
}

/* /Bootstrap 5 transition */
/* Quasar changes */
.in-iframe #EditorOpener,
.in-iframe #sidebar,
.in-iframe #WorkOrderModal,
.in-iframe #navbar {
  display: none;
}
.in-iframe .sidebar + .main-content {
  margin-left: 0;
}
.in-iframe #main-container {
  margin-top: 0;
}

/* /Quasar changes */
/* Masquer le footer spécifiquement pour chart.vue */
body:has(#PageChart) .footer,
body:has(.reportDashboard) .footer,
body.chart-view-active .footer {
  display: none !important;
}