@charset "UTF-8";
/*#region VARIABLES */
/*#endregion VARIABLES*/
/*#region IMPRESSION*/
@media print {
  body, .body {
    padding-bottom: 0 !important;
    /*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
    margin-bottom: 0 !important;
    background-image: none !important;
    background-color: white !important;
  }
  .d-none-print, .no-print {
    display: none;
  }
  table, .table {
    font-size: large;
  }
}
.cadre_impression {
  /*Cadre double ligne autour des zones pour l'impression*/
  border: 6px double #2B3082;
  width: 100%;
  padding: 10px;
}

.cadre_bottom_impression {
  /*Cadre double ligne à la fin de l'impression*/
  border-bottom: 6px double #2B3082;
  width: 100%;
  padding: 10px;
}

table label, table tr td.label {
  color: #1650A6;
}

/*#endregion IMPRESSION*/
/*#region CSS INITIAL */
/* Move down content because we have a fixed navbar that is 50px tall */
body {
  /*padding-top: 50px;*/
  padding-bottom: 20px;
  /*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
  background-color: #C9D6F3;
  color: #1650A6;
  background-image: url(../App_Images/hermes-bg.svg);
  background-size: cover;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Redéfini la largeur max du container BS */
.container {
  max-width: 90vw;
}

/* Définit une largeur max pas trop large pour permettre de limiter la largeur afin de rendre la lecture plus facile */
.w-max-1200 {
  max-width: 1200px;
}

/* Override the default bootstrap behavior where horizontal description lists 
	 will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

input[type=checkbox]:not(:disabled), input[type=radio]:not(:disabled) {
  border-color: var(--bs-primary-border-subtle);
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=select] {
  max-width: 280px;
}

.w-100 {
  max-width: unset !important;
}

/* corrige Bootstrap qui conserve les bords ronds*/
span.input-group-prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* ajout Bootstrap */
.d-contents {
  display: contents;
}

.display-7 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.draggable {
  max-width: 50vw;
  max-height: 50vh;
  min-width: 400px;
  z-index: 9000;
  position: fixed;
  cursor: move;
  right: 0;
  top: 10px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .jumbotron {
    margin-top: 20px;
  }
  .body-content {
    padding: 0;
  }
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #777;
  border-color: #fff;
}

/* Permet de place un texte à droite d'un élément qui span habituellement sur toute la largeur (typiquement les H) */
.side-layout {
  display: flex;
  justify-content: space-between;
}

.form-control.disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/*#endregion CSS INITIAL */
/*#region STICKY FOOTER */
html { /* sticky footer */
  position: relative;
  min-height: 100%;
}

body { /* sticky footer */
  margin-bottom: 30px;
  /* Margin bottom by footer height */
}

.zbas {
  height: 30px;
  position: fixed;
  bottom: 30px;
  width: 100%;
  color: darkslateblue;
  background-color: gainsboro; /*#cff4fc;*/
  padding-left: 5px;
  padding-right: 5px;
  transition: height 0.5s ease;
}

.zbas-ouvert {
  height: 400px;
}

.zbas-border-bottom {
  border-bottom: solid 1px lightblue;
}

.zbas-border-left {
  border-left: solid 1px lightblue;
  padding-left: 5px;
}

.footer { /* sticky footer */
  height: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: right;
  background-color: #054668;
  border-top: 1px solid darkorange;
}

.footer .trait {
  border-top: 1px solid lightblue;
  margin-top: 4px;
}

.header {
  background-color: navy;
}

/*#endregion STICKY FOOTER */
/*#region OVERLAY */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 70, 0.3); /* Couleur de superposition semi-transparente */
  z-index: 9999; /* Assurez-vous que l'élément de superposition est au-dessus de tous les autres éléments */
}

.spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: lightcyan;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  /* background-color: darkturquoise; */
  /* border: cyan 1px solid; */
}

.spinner-text {
  display: flex;
  justify-content: left;
  align-items: center;
  position: fixed;
  top: calc(50% + 80px);
  left: 50%;
  transform: translate(-50%, -50%);
  color: lightcyan;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(95, 158, 160, 0.7);
  min-width: 500px;
}

/*#endregion STICKY FOOTER */
/*#region NAV PRINCIPALE */
.nav-link, .nav-link-secondary {
  /*secondary conserve les textes en foncé et permet de colorer en moins contrasté les icônes FA affichés en gros avec fa-x*/
  color: #1650A6;
  text-decoration: none;
}

.nav-link-secondary i {
  /*permet de colorer en moins contrasté les icônes FA affichés en gros avec fa-x*/
  color: #3775C0;
  text-decoration: none;
}

.nav-link:hover, .nav-link:focus, .nav-link-secondary:hover, .nav-link-secondary:focus, .nav-link-secondary:hover i, .nav-link-secondary:focus i {
  color: dodgerblue;
}

.nav-link:hover .text-secondary {
  color: dodgerblue !important;
}

.nav-menu {
  /*background-color: #f1f5ff;*/
}

.nav-menu .navbar-nav .nav-link {
  padding: 0;
  padding-right: 0.5rem;
}

.nav-menu .navbar-nav .nav-item:not(:last-child) {
  border-right: 1px solid #c8c8c8;
}

.nav-menu .navbar-nav li {
  padding: 0;
  margin: 0.5rem 1rem;
  margin-right: 0;
}

.nav-menu li.nav-divider {
  color: steelblue;
  margin: 0;
  margin-top: 1em;
  font-size: small;
}

.nav-tabs .nav-item .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.text-line-nav {
  overflow: hidden;
}

.text-line-nav:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 8px;
  margin-right: 2px;
  margin-left: 0px;
  border-top: 2px solid lightblue;
}

.text-line-nav:after {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 2px;
  border-top: 2px solid lightblue;
}

/*#endregion NAV PRINCIPALE */
/*#region MENU*/
/* hover au lieu de cliquer sur le menu*/
.sidebar-nav {
  padding: 9px 0;
}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-item:hover {
  color: dodgerblue;
  /*	background-color: lightblue;
  	color: mediumvioletred !important;
  */
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
  border: 1px solid lightblue;
}

.navbar-nav {
  font-size: 1rem;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
  background-color: aliceblue;
  margin-top: 0;
  font-size: 1rem;
  color: grey;
}

.dropdown-item {
  padding: 0.03rem 0.7rem;
  color: #2e6da4;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}

/*#endregion*/
/*#region FONT */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("☺"), url(../webfonts/opensans-regular.woff2) format("woff2"), url(../webfonts/opensans-regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("☺"), url(../webfonts/opensans-semibold.woff2) format("woff2"), url(../webfonts/opensans-semibold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("☺"), url(../webfonts/opensans-bold.woff2) format("woff2"), url(../webfonts/opensans-bold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("☺"), url(../webfonts/opensans-extrabold.woff2) format("woff2"), url(../webfonts/opensans-extrabold.ttf) format("truetype");
  font-display: swap;
}
.font-hms {
  font-family: Oswald;
}

/*#endregion FONT */
/*#region CLASSES DE COULEUR */
.taille_bloc_ordure {
  width: 180px;
  margin: 5px;
}

.bg-alert {
  background-color: lemonchiffon;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-snow {
  background-color: snow;
}

.bg-gristresclair {
  background-color: #EEE;
}

.bg-grisclair {
  background-color: #a4a4a4;
  width: 130px;
}

.bg-grisfoncé {
  background-color: #dadada;
}

.bg-dark {
  background-color: #054668;
}

.bg-medium {
  background-color: navy;
}

.bg-lightless {
  background-color: #D7E0F4 !important;
}

.bg-light {
  background-color: #C9D6F3;
}

.bg-lighter {
  background-color: aliceblue;
}

.bg-linen {
  background-color: linen !important;
}

.bg-glass {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-whiter {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.color-paleturquoise {
  color: paleturquoise;
}

.color-claire {
  color: cornsilk;
}

.color-white {
  color: white;
}

.color-inverse {
  color: white;
  background-color: black;
  padding: 0 3px 0 3px;
}

.color-selected {
  color: dodgerblue !important;
}

.striped {
  background: repeating-linear-gradient(-55deg, lightgray, lightgray 1px, transparent 0px, transparent 9px);
}

.bg-alpha3 {
  background-color: rgba(255, 255, 255, 0.3);
}

/*#endregion */
/*#region ALERTE PAGE MESSAGE */
.alert-inline {
  /*display:inline-block;*/
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  /*max-width: 700px;*/
  overflow: auto;
  max-height: min(800px, 61vh);
}

.alert-inline ul {
  padding-left: 45px;
  margin-top: 0;
  margin-bottom: 0;
}

.alert-success {
  border-color: #00FF00;
}

.alert-warning {
  border-color: #FFFF00;
}

.alert-danger {
  border-color: #FF0000;
}

.alert-mark {
  float: left;
  margin-top: 3px;
}

.msg_info {
  border: none;
  background-color: #D1E7DD;
  color: #0F5132;
}

.msg_erreur {
  border: none;
  background-color: #F8D7DA;
  color: #842029;
}

.msg_alerte {
  border: none;
  background-color: #FFF3CD; /*Bisque*/
  color: #664D03;
}

/*#endregion */
/*#region TITRES H*/
h2, .h2 {
  font-size: 1.6em;
  /*margin-top: 2.2rem;*/
  /* identique à td_titre */
  color: #1650A6;
  /*background-color: #fcfcfc;*/
  display: table;
  border-radius: 7px;
  /*margin-bottom: 0;*/
  padding-bottom: 2px;
}

h2:not(.h2-accueil)::before {
  content: "◦";
  /*"\2022";*/
  color: #1650A6;
  display: inline-block;
  padding-right: 5px;
  /*margin-left: -1rem;*/
}

/*	h2::after {
		content: "\25E6\25E6\25E6";
		color: #ddd;
		display: inline-block;
		margin-left: 0.6rem;
		border: none;
	}
*/
.h2-accueil {
  color: #364374;
  margin-bottom: 0.25rem !important;
}

legend {
  font-weight: normal;
  overflow: hidden;
}

legend:before {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 15px;
  margin-right: 7px;
  margin-left: 0px;
  border-top: 2px solid #C6D6E5;
}

legend:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 7px;
  border-top: 2px solid #C6D6E5;
}

/*#endregion*/
/*#region Classes de texte*/
.rot-45 i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fa-15 {
  font-size: 1.5em;
}

.ssmall {
  font-size: 0.7em;
}

.medium {
  font-size: 1.2em;
}

.afaire {
  font-size: small;
  color: darkred;
}

.fait {
  font-size: small;
  color: darkgreen;
}

.info {
  font-size: small;
  color: royalblue;
}

.note {
  font-size: small;
  color: darkcyan;
}

.num-ligne {
  color: Gray;
  font-size: 10px;
}

.color-label, .text-label, .color-label .form-check-label {
  color: #1650A6 !important;
}

.text-discret {
  color: silver !important;
  font-size: 9px;
  text-align: right;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.font-weight-bold {
  font-weight: bold;
}

.text-bg-white {
  color: #000 !important;
  background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
}

.text-darkgreen {
  color: darkgreen;
}

.text-limegreen, .text-success-bright {
  color: limegreen;
}

.text-orange {
  color: #ff8a4c;
}

.text-A { /*acquis*/
  color: green !important;
}

.text-P { /*pris*/
  color: dodgerblue !important;
}

.text-S { /*solde*/
  color: maroon !important;
}

.text-line-gold {
  display: flex;
  flex-direction: row;
  color: darkgoldenrod;
}

.text-line-gold:before, .text-line-gold:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid darkgoldenrod;
  margin: auto;
  margin-inline: 10px;
}

.text-line-grey {
  overflow: hidden;
}

.text-line-grey:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 15px;
  margin-right: 7px;
  margin-left: 0px;
  border-top: 2px solid #C6D6E5;
}

.text-line-grey:after {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 7px;
  border-top: 2px solid #C6D6E5;
}

.text-line-orange {
  overflow: hidden;
}

.text-line-orange:before {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 15px;
  margin-right: 7px;
  margin-left: 0px;
  border-top: 2px solid indianred;
}

.text-line-orange:after {
  content: "";
  display: inline-block;
  height: 0.7em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 7px;
  border-top: 2px solid indianred;
}

/*#endregion*/
/*#region LOGAPP*/
.logapp {
  background-color: rgba(0, 0, 0, 0.2);
  font-family: revert;
  color: cornsilk;
  font-size: smaller;
  padding: 5px;
  border-radius: 0.3rem;
  border: 1px solid cornflowerblue;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

/*#endregion LOGAPP*/
/*#region Formulaire*/
.w-4r {
  width: 4rem;
}

.w-5r {
  width: 5rem;
}

.w-5c {
  width: 5ch;
}

.w-8t {
  width: 8%;
}

.w-20x {
  width: 20px;
}

.w-15c {
  width: 15ch;
}

.w-8c {
  width: 8ch !important;
  max-width: 8ch !important;
}

.w-10c {
  width: 10ch !important;
  max-width: 10ch !important;
}

.w-20c {
  width: 20ch !important;
  max-width: 20ch !important;
}

.w-30c {
  width: 30ch !important;
  max-width: 30ch !important;
}

.w-50c {
  width: 50ch !important;
  max-width: 50ch !important;
}

.w-75c {
  width: 75ch !important;
  max-width: 75ch !important;
}

.w-100c {
  width: 100ch !important;
  max-width: 100ch !important;
}

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

.nowrap {
  text-wrap: nowrap;
}

.no-underline {
  text-decoration-line: none !important;
}

.obligatoire:after {
  content: "*";
  margin-left: 2px;
  color: darkred;
}

.obligatoire-t:after {
  /* obligatoire pour un prochain traitement */
  color: #00CCff;
  content: "*";
  display: inline;
}

.card-glass {
  /*card avec fond semi-transparent et pas de bordure ni de padding*/
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.3rem;
}

.container-table {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.5rem !important;
  border-radius: 0.4rem;
}

.container-table {
  display: table;
}

.container-table > .row {
  display: table-row;
}

.container-table > .row > * {
  display: table-cell;
  padding: 5px;
  white-space: nowrap;
}

/*#endregion Formulaire*/
/*#region TABLE*/
.table > :not(caption) > * > * {
  color: inherit; /*évite l'application d'une couleur noire à toutes les textes des tableaux*/
}

table.bg-transparent {
  background-color: transparent !important;
  --bs-table-bg:transparent !important;
}

.bg-gris-auto:empty {
  background-color: aqua;
}

.table-borderless {
  border-color: transparent;
}

.table-nowrap {
  empty-cells: show;
  width: 100%;
  table-layout: auto;
  white-space: nowrap;
  overflow-x: auto;
}

/*Force une bordure de 2px en haut de la ligne ou cellule pour dépasser la border 1px de BS*/
.border-top-2 {
  border-top: 2px lightgray solid !important;
}

th, .th {
  color: #1650A6;
  font-weight: normal;
  text-align: right;
}

.th-b {
  color: #1650A6;
  font-weight: bold;
  text-align: right;
}

.table-dark th, .table-dark .th {
  color: deepskyblue;
}

.table-dark .th-b {
  color: deepskyblue;
}

table:not(.table-dark) td, table:not(.table-dark) .td {
  color: black; /*force le texte des tableaux sur noir par défaut, pour les cellules normales*/
}

table.no-bg > :not(caption) > * > * {
  background-color: unset;
}

.border-bottom-gray {
  border-bottom: 2px solid darkgray;
}

.thl {
  text-align: left;
}

.thc {
  text-align: center;
}

.bg-darker {
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.tr-alt, .tr-alt td {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

td.ligne_groupe_brouillon {
  background-color: #ffda63;
  --bs-table-bg: none;
}

.ligne_brouillon {
  background-color: #fff3cd;
  --bs-table-bg: none;
}

/*Classe ajoutant un deux-points en fin de ligne, avec justification à droite*/
:not(td).dp {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  text-align: end;
  align-self: flex-end;
  justify-content: flex-end;
}

/*Ajoute un deux-points si le texte n'est pas vide*/
.dp:not(:empty):after {
  content: ":";
  margin-left: 4px;
  margin-right: 4px;
}

tr.strikeout td {
  position: relative;
  padding: 5px 10px;
}

tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid grey;
  width: 100%;
}

tr.strikeout td.no-strikeout:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 0px;
  width: 100%;
}

/*Affiche le pointeur hand sur les lignes du radgrid. A utiliser dans un radgrid avec sélection sur la ligne. */
.rg-row-pointer .rgHoveredRow {
  cursor: pointer !important;
}

/*Arrondit uniquement les bords externes de la liste d'éléments */
.boite:not(:first-child), .boite:not(:last-child) {
  border-radius: 0 !important;
}

.boite:first-child {
  border-start-start-radius: var(--bs-border-radius) !important;
  border-end-start-radius: var(--bs-border-radius) !important;
}

.boite:last-child {
  border-start-end-radius: var(--bs-border-radius) !important;
  border-end-end-radius: var(--bs-border-radius) !important;
}

/*#endregion TABLE*/
/*#region BOUTONS*/
/* Style pour un bouton appuyé (issu de la classe focus-active) */
.appuye {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.modifiable .form-check-input {
  background-color: antiquewhite;
}

.modifiable .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.led .form-check-input:checked {
  background-color: limegreen;
  border-color: limegreen;
}

.led-0 {
  color: darkseagreen;
  font-size: 10px;
}

.led-1 {
  text-shadow: 0 0 10px greenyellow;
  color: limegreen;
  font-size: 10px;
}

.led-2 {
  text-shadow: 0 0 10px yellow;
  color: darkkhaki;
  font-size: 10px;
}

.led-3 {
  text-shadow: 0 0 10px pink;
  color: white;
  font-size: 10px;
}

.btn-xs, .btn-group-xs > .btn {
  --bs-btn-padding-y: 0.0rem;
  --bs-btn-padding-x: 0.3rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.form-check-label {
  color: black; /*force la couleur noir pour les textes des checkbox de fomulaire afin de les distinguer des labels*/
}

.btn-xls.disabled, .btn-xls:disabled {
  color: #fff;
  background-color: darkgreen;
  border-color: darkgreen;
}

.btn-xls {
  color: #fff;
  background-color: darkgreen;
  border-color: darkgreen;
}

.btn-xls:hover {
  color: #fff;
  background-color: forestgreen;
  border-color: darkgreen;
}

.btn-pdf.disabled, .btn-pdf:disabled {
  color: #fff;
  background-color: maroon;
  border-color: maroon;
}

.btn-pdf {
  color: #fff;
  background-color: maroon;
  border-color: maroon;
}

.btn-pdf:hover {
  color: #fff;
  background-color: darkred;
  border-color: maroon;
}

.text-xls {
  color: darkgreen;
}

.text-pdf {
  color: maroon;
}

/*#endregion*/
/*#region Animation clignote*/
.clignote {
  animation-name: clignotement;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes clignotement {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/*#endregion*/
/*#region animation-logo*/
.logo_anime {
  background: linear-gradient(124deg, #dd00f3, #dd00f3, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8);
  background-size: 1800% 1800%;
  -webkit-animation: rainbow 5s ease infinite;
  -z-animation: rainbow 5s ease infinite;
  -o-animation: rainbow 5s ease infinite;
  animation: rainbow 5s ease infinite;
}

@-webkit-keyframes rainbow {
  0% {
    background-position: 0 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0 82%;
  }
}
@-moz-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0 82%;
  }
}
@-o-keyframes rainbow {
  0% {
    background-position: 0 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0 82%;
  }
}
@keyframes rainbow {
  0% {
    background-position: 0 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0 82%;
  }
}
/*#endregion animation-logo*/
/*#region animation-success2*/
/*
-------------------------------------------------------------
		Animation success
-------------------------------------------------------------
	30/01/2023 Ti.0014 JFI : Ajout de la classe css success2 à partir de Triaton2 
*/
.animation-success2 {
  animation: border-success 0.5s 2, surbrillance-success 0.5s 2;
  /*, hide-success 10s 1, reduce-success 10s 1;*/
  -webkit-animation: border-success 0.5s 2, surbrillance-success 0.5s 2;
  /*, hide-success 10s 1, reduce-success 10s 1;*/
  /*opacity: 0;*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes surbrillance-success {
  0% {
    box-shadow: none;
  }
  60% {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(0, 255, 0, 0.6);
  }
  100% {
    box-shadow: none;
  }
}
/* Standard syntax */
@keyframes surbrillance-success {
  0% {
    box-shadow: none;
  }
  60% {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(0, 255, 0, 0.6);
  }
  100% {
    box-shadow: none;
  }
}
@-webkit-keyframes border-success {
  0% {
    box-shadow: none;
  }
  60% {
    border-color: #00FF00;
  }
  100% {
    box-shadow: none;
  }
}
@keyframes border-success {
  0% {
    box-shadow: none;
  }
  60% {
    border-color: #00FF00;
  }
  100% {
    box-shadow: none;
  }
}
@-webkit-keyframes hide-success {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide-success {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes reduce-success {
  0% {
    transform: scaleY(1);
  }
  60% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@-webkit-keyframes @keyframes reduce-success {
  0% {
    -webkit-transform: transform scaleY(1);
  }
  60% {
    -webkit-transform: transform scaleY(1);
  }
  100% {
    -webkit-transform: transform scaleY(0);
  }
}
/*#endregion animation-success2*/
/*#region Drapeaux - Ti.59 PJE*/
.flag-1 {
  height: 2rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-2 {
  height: 1.6rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-3 {
  height: 1.4rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-4 {
  height: 1.2rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-5 {
  height: 1rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-6 {
  height: 0.8rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

/*#endregion Drapeaux*/
/*#region Notifications page d'accueil --> list-group-item*/
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #D7E0F4;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.25rem 0.75rem;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.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: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.bg-actualites, .bg-actualites .list-group-item {
  background-color: snow;
}

.titre-actualites {
  color: indianred;
  font-family: serif;
}

/*#endregion Notification*/
/*#region TELERIK*/
.rddlPopup, .rddlPopup_Bootstrap {
  /*Permet d'élargir la liste déroulante des radcombobox. Utilisé dans :
  	- gta_detail.ddl_compteur_id_solde
  */
  width: auto !important;
}

/*#endregion TELERIK*/
/*#region ICONE*/
.fa-stack-0x {
  left: 9px;
  bottom: 1px;
  font-size: 0.8rem;
  border-radius: 42%;
  position: absolute;
  border: 2px solid #dee2e6;
  background-color: #dee2e6;
}

/*#endregion ICONE*/
/*#region PLANNING */
.td-barre-s {
  position: relative; /* Nécessaire pour positionner le pseudo-élément correctement */
}

.td-barre-s::after { /* Utilisé dans le planning pour la période précédent la date de début de contrat */
  content: "";
  position: absolute;
  top: 50%; /* Positionne le pseudo-élément au milieu verticalement */
  right: 0;
  width: 75%;
  height: 1px; /* Définir l'épaisseur de la ligne */
  background-color: darkgray; /* Couleur de la ligne */
  transform: translateY(-50%) rotate(-8deg); /* Centrer la ligne verticalement */
}

.td-barre-e { /* Utilisé dans le planning pour la période suivant la date de fin de contrat */
  position: relative; /* Nécessaire pour positionner le pseudo-élément correctement */
}

.td-barre-e::after {
  content: "";
  position: absolute;
  top: 50%; /* Positionne le pseudo-élément au milieu verticalement */
  left: 0;
  width: 75%;
  height: 1px; /* Définir l'épaisseur de la ligne */
  background-color: darkgray; /* Couleur de la ligne */
  transform: translateY(-50%) rotate(8deg); /* Centrer la ligne verticalement */
}

.bg-horscontrat { /* Utilisé dans le planning pour les jours hors contrat */
  background-color: ghostwhite !important;
}

/* Puce de couleur pour indiquer qu'un commentaire est présent sur l'activité */
.pla-indicateur-commentaire {
  color: cyan;
  right: 0;
  top: 0;
  Font-Size: 4px;
  background-color: cyan;
  border-radius: 4px;
  border: 2px solid blue;
}

/*#endregion PLANNING */
/*#Region MDP */
.reveal-eye {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  z-index: 2;
  width: 30px;
  background: #fff url(https://dtzbdy9anri2p.cloudfront.net/cache/b55f544d09a0872a74b4427ce1fe18dd78418396/telerik/img/dist/reveal-password.png) 50% 50% no-repeat;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease 0s, visibility 0s linear 0.2s;
}

.reveal-eye.is-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease 0s, visibility 0s linear 0s;
}

/*#endregion MDP */
/*#region RadDatePicker */
html body .RadInput_Bootstrap .riRead, html body .RadInput_Read_Bootstrap, html body .RadInput_Bootstrap .riDisabled, html body .RadInput_Disabled_Bootstrap {
  background-color: #e9ecef !important;
  border: 1px solid #dee2e6;
}

/*#endregion RadDatePicker */