:root {
  --switch-active-color: rgb(20, 186, 67);
}

@font-face {
  font-family: "eudoFonts";
  src: url("../../fonts/eudoFonts.eot?-6wplkm");
  src: url("../../fonts/eudoFonts.eot?#iefix-6wplkm") format("embedded-opentype"), url("../../fonts/eudoFonts.woff?-6wplkm") format("woff"),
    url("../../fonts/eudoFonts.ttf?-6wplkm") format("truetype"), url("../../fonts/eudoFonts.svg?-6wplkm#eudoFonts") format("svg");
  font-weight: normal;
  font-style: normal;
}

.imStillHere {
  position: absolute;
  background-image: url("../images/list/img/stillhere.png");
  width: 900px;
  height: 900px;
  left: -2000px;
  bottom: 0;
  transition: 3s;
  z-index: 800;
  transition-timing-function: linear;
}

.imStillHereOn {
  left: 2000px;
}

.imStillHereOff {
  left: -2000px;
}

.rightMenu a.inherit {
  font-size: inherit;
  display: inherit;
  line-height: inherit;
  height: inherit;
  cursor: pointer;
}

.red {
  color: red;
}

.bold {
  font-weight: bold;
}

body {
  text-align: left;
  background-color: #f6f6f6;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Verdana !important;
  font-size: 8pt;
  overflow: hidden; /*NE PAS SUPPR : La scrollbar ne doit plus apparraitre à droite de la page principale*/
  cursor: default;
}

textarea.eMemoEditor {
  resize: none;
}

body.bodyWithScroll {
  overflow-y: auto;
}

/*GCH : pour le mode inline de ckeditor, il ne faut pas empecher la selection souris des éléments */
.cke_textarea_inline {
  -moz-user-select: text !important;
  -khtml-user-select: text !important;
  -webkit-user-select: text !important;
  -o-user-select: text !important;
  user-select: text !important;
  overflow: auto;
  height: 100%;
}

.fLeft {
  float: left;
}

.fRight {
  float: Right;
}

.spinner {
  position: relative;
  width: 5em;
  height: 5em;
  color: #fff;
}

.spinner:before,
.spinner:after {
  content: "";
  position: relative;
  display: block;
}

.spinner:before {
  -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -moz-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -ms-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -o-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  width: 10em;
  height: 10em;
  background-color: #bb1515;
}

.spinner:after {
  -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -moz-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -ms-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  -o-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  position: relative;
  bottom: -1.75em;
  height: 0.25em;
  border-radius: 50%;
  background-color: #636363;
}
/* from cube to circle */
@-webkit-keyframes spinner {
  50% {
    -webkit-border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
    background-color: #636363;
  }

  100% {
    -webkit-transform: scale(1) rotate(720deg);
    background-color: #bb1515;
  }
}

@-moz-keyframes spinner {
  50% {
    -moz-border-radius: 50%;
    -moz-transform: scale(0.5) rotate(360deg);
    background-color: #636363;
  }

  100% {
    -moz-transform: scale(1) rotate(720deg);
    background-color: #bb1515;
  }
}

@-moz-keyframes spinner {
  50% {
    -moz-border-radius: 50%;
    -moz-transform: scale(0.5) rotate(360deg);
    background-color: #636363;
  }

  100% {
    -moz-transform: scale(1) rotate(720deg);
    background-color: #bb1515;
  }
}

@-o-keyframes spinner {
  50% {
    -o-border-radius: 50%;
    -o-transform: scale(0.5) rotate(360deg);
    background-color: #636363;
  }

  100% {
    -o-transform: scale(1) rotate(720deg);
    background-color: #bb1515;
  }
}

@keyframes spinner {
  50% {
    border-radius: 50%;
    transform: scale(0.5) rotate(360deg);
    background-color: #636363;
  }

  100% {
    transform: scale(1) rotate(720deg);
    background-color: #bb1515;
  }
}
/*  ALTERNANCE POCHOIR  */
tr.line1 > td > div.LNKSENDMAILbtn {
  background-repeat: repeat;
  background-color: #636363;
}

tr.line2 > td > div.LNKSENDMAILbtn {
  background-repeat: repeat;
  background-color: #636363;
}

img {
  border: 0 none;
}

/*demande #84 672*/
#gw-container .gridContainer #widget-grid-container .xrm-widget .xrm-widget-content img:not(.waiter-img) {
  object-fit: cover;
  width: 100%;
  height: auto;
}

input {
  /*activer la selection souris des éléments */
  /*-moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;*/
  font-family: Verdana, "Trebuchet MS", Tahoma, sans-serif;
}

select {
  outline: none;
  font-family: Verdana, "Trebuchet MS", Tahoma, sans-serif;
}

*:focus {
  outline: none;
}

.header {
  background-color: #ffffff;
  height: 40px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 4;
  /*empecher la selection souris des éléments */
  -moz-user-select: -moz-none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
}

.hLogo {
  background: no-repeat scroll center center transparent;
  height: 100%; /* (Taille du parent) */
  width: 90px;
  margin-left: 5px;
}

.hNavigTab {
  height: 11px;
  text-align: center;
  position: absolute;
  left: 40%;
  top: -23px;
  z-index: 1;
}

@media only screen and (max-width: 1300px) {
  .hNavigTab {
    left: 20%;
  }
}

.hNavigTab span,
#divBkmPaging .imgAct,
#divBkmPaging .imgInact {
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
}

.hQuickActions {
  background-color: #ededed;
  border: 1px solid #dddddd;
  border-radius: 8px 8px 8px 8px;
  height: 45px;
  position: absolute;
  right: 50%;
  top: 10px;
  width: 350px;
  display: none;
}

.hQuickActionsMenu {
  background-color: transparent;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.hQuickActionsMenu li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding-left: 5px;
  padding-top: 1px;
  position: relative;
}

.hQuickActionsMenu li a {
  display: block;
  padding: 0 0 0 5px;
}

.hQuickActionsMenu a {
  display: block;
}

.hQuickActionsMenu a img {
  border: medium none;
}

.hQuickActionsMenu ul {
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

* html .hQuickActionsMenu ul {
  line-height: 0;
}

.hQuickActionsMenu ul a {
}

.hQuickActionsMenu ul li {
  float: none;
}

.hQuickActionsMenu ul ul {
  top: 0;
}

.hQuickActionsMenu li.espace {
  background: none repeat scroll 0 0 transparent;
  padding-left: 20px;
}

.hQuickActionsMenu li a.sprite-admin {
  background-position: 0 0;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-chat {
  background-position: 0 -95px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-contact {
  background-position: 0 -205px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-deconnexion {
  background-position: 0 -315px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-email {
  background-position: 0 -410px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-help {
  background-position: 0 -520px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-notes {
  background-position: 0 -615px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-planning {
  background-position: 0 -725px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-societes {
  background-position: 0 -835px;
  height: 40px;
  width: 40px;
}

.hQuickActionsMenu li a.sprite-taches {
  background-position: 0 -945px;
  height: 40px;
  width: 40px;
}

.hPaginTab {
  left: 10px;
  position: absolute;
  top: 65px;
  width: 165px;
}

div.globalNav {
  background: none repeat scroll 0 0 #aeabab;
  border-bottom: 1px solid #afabac;
  font-family: Verdana;
  margin: 40px auto 0;
  position: fixed;
  width: 100%;
  height: 37px;
  z-index: 5;
  font-family: Verdana, "Trebuchet MS";
}

.navBar {
  border-top: 2px solid #bb1515;
  width: 100%;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.navBar,
.navBar ul {
  list-style: none outside none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
}

li.navEntry {
  color: #ffffff;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
}

li.navEntry:hover,
div.navEntry:hover,
li.navEntryActive,
div.navEntryActive {
  /* background: none repeat scroll 0 0 #BCDCFB; */
  color: black;
  z-index: 21;
}

.navTitle {
  cursor: pointer;
  font-size: 11pt;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.navTitleActive {
  cursor: pointer;
  font-size: 11pt;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.navTitleActive:hover {
}

ul.sbMenu,
ul.sbMenuActive {
  background: none repeat scroll 0 0 #636363;
  font-size: 10pt;
  text-overflow: ellipsis;
  left: 0px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 35px;
  display: none;
  min-width: fit-content; /*for request 99629, before was 200px*/
  width: auto;
}

ul.sbMenu {
  border: 4px solid #bedcfb;
}

ul.sbMenuActive {
}

ul.usrOptionPrefSrcDslUL {
  display: table;
  margin-top: 15px;
  margin-left: 30px;
}

ul.usrOptionPrefSrcDslUL li {
  display: table-row;
}

ul.usrOptionPrefSrcDslUL li span,
ul.usrOptionPrefSrcDslUL li input {
  display: table-cell;
}

ul.usrOptionPrefSrcDslUL li span.rUsr {
  font-size: 10pt;
  vertical-align: middle;
  padding-left: 4px;
}

.navBar *:hover ul.sbMenu,
.navBar *:hover ul.sbMenuActive,
.navBar li.tab-visible,
.navBar ul.ul-tab-visible,
.navBar:hover ul.ul-tab-visible {
  display: block;
}

.navBar *:hover ul.sbMenuD,
.navBar *:hover ul.sbMenuDPlus {
  z-index: 99;
}

li.smbPlus {
  padding-top: 2px;
}

li.sbmSearch,
li.sbmMRU,
li.sbmA,
li.smbPlus,
li.sbmBottom {
  margin-top: 7px;
  white-space: nowrap;
  min-width: 190px;
  width: auto;
  text-overflow: ellipsis;
}

li.sbmMRU {
  margin-top: 14px;
}

li.sbmSearch {
}

li.sbmSearch > ul > * {
  display: inline-block;
}

li.navSearchInpt {
  margin-bottom: 0;
  width: calc(100% - 21px); /* CSS 3 - taille en pourcentage - taille du bouton Loupe */
  float: left;
}

li.navSearchInpt input {
  height: 19px;
  padding: 0;
  padding-right: 2px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  text-indent: 5px;
  /*  -moz-user-select:  */
  width: 100%;
}

/* #52 865 : Champ Input factice inséré dans les menus de la navbar sans MRU (ex : Planning) afin de disposer d'un élément focusable autorisant la navigation clavier */
li.navSearchInpt input[id^="mru_fakesearch_"],
li.navSearchInpt label[for^="mru_fakesearch_"] {
  background-color: transparent;
  width: 0;
  height: 0;
  border: none;
  position: absolute;
  margin-top: 7px;
}

li.navSearchInpt input[id^="mru_fakesearch_"]:focus {
  outline: none;
}

div.srchFldImg {
  background-color: #636363;
}

.srchFldImgNoResult,
.srchFldImgCancel {
  height: 20px;
  width: 20px;
  cursor: pointer;
  line-height: 9px;
  color: white !important;
}

li.srchFldImgCancel,
li.srchFldImgNoResult {
  background-color: #bb1515;
  font-size: 8pt;
  text-align: center;
  line-height: 21px;
  height: 21px;
  width: 20px;
}

li.sbmSearch li.srchFldImg,
li.sbmSearch li.srchFldImgNoResult,
li.sbmSearch li.srchFldImgCancel {
  display: inline-block;
}

li.srchFldImg {
  font-size: 8pt;
  text-align: center;
  line-height: 21px;
  background-color: #636363;
  width: 20px;
  color: white;
  height: 21px;
}

.btnSelectUnselectAllIcon {
  height: 20px;
  width: 20px;
  font-size: 12pt;
  margin-right: 8px;
}

.btnSelectUnselectAll,
.btnSelectUnselectAllIcon,
.btnSelectUnselectAllText {
  display: inline-block;
  cursor: pointer;
}

.btnSelectUnselectAllText {
  font-size: 10pt;
}

.btnSelectUnselectAll {
  margin-top: 6px;
  display: block;
}

.btnSelectUnselectAll * {
  vertical-align: middle;
  line-height: 21px;
}

.btnSelectUnselectAll:hover {
  color: #42a7dc;
}

li.navLst {
  background: none repeat scroll 0 0 #eae8e9;
  color: #000000;
  cursor: pointer;
  font-family: verdana;
  font-size: 9pt;
  /*line-height: 18px;*/
  padding: 5px 10px;
  min-width: 170px;
  width: auto;
  max-width: 450px;
}

li.navLst div {
  overflow: hidden;
  min-width: 170px !important;
  text-overflow: ellipsis;
}

li.navLst:hover,
li.navListActive {
  background: none repeat scroll 0 0 #bcdcfb;
  color: #000000;
}

li.navAction {
  background: none repeat scroll 0 0 #aeabab;
  font-family: verdana;
  /*line-height: 18px;*/
  overflow: hidden;
  padding: 5px 10px;
  min-width: 170px;
  width: auto;
  color: white;
}

li.navAction div {
  overflow: hidden;
  min-width: 170px !important;
  width: auto;
}

li.navAction:hover,
li.navActiveElt {
  background: none repeat scroll 0 0 #bcdcfb;
  color: #000000;
  cursor: pointer;
}

li.navActionTri {
  background: none repeat scroll 0 0 #afabac;
  font-family: verdana;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  padding: 5px 10px;
  min-width: 170px;
  width: auto;
}

li.navActionTri div {
  overflow: hidden;
  min-width: 170px !important;
  width: auto;
}

li.navActionTri:hover {
  background: none repeat scroll 0 0 #bcdcfb;
  color: #000000;
  cursor: pointer;
}

.text-Result {
  color: black;
  font-style: normal;
}

.borderTop {
  border-top: 1px solid #636363;
  color: #636363;
  font-style: italic;
}

.text-StartContain {
  color: #636363;
  font-style: italic;
}

li.navLstClair {
  background: none repeat scroll 0 0 #eae8e9;
  color: #636363;
  cursor: pointer;
  font-family: verdana;
  font-size: 9pt;
  font-style: italic;
  line-height: 18px;
  overflow: hidden;
  padding: 5px 10px;
  min-width: 170px;
  width: auto;
}

li.navLstClair:hover {
  background: none repeat scroll 0 0 #bcdcfb;
}

.action {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 9pt;
  list-style-type: none;
}

.action li {
  border-bottom: 1px solid #636363;
  font-style: normal;
  line-height: 26px;
}

.sbMenu_sMC {
  background-color: #636363;
  cursor: default;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 9pt;
  width: 215px;
}

.champ_filtre_sMC {
  border: 1px solid #cccccc;
  float: left;
  height: 19px;
  margin-bottom: 3px;
  margin-left: 9px;
  margin-top: 2px;
  text-indent: 16px;
  width: 171px;
}

.loupe_sMC {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  height: 21px;
  margin-left: 182px;
  position: relative;
  top: 2px;
  width: 20px;
}

.sbMenu_sMC li {
  line-height: 35px;
  margin-left: -40px;
  padding-left: 20px;
  vertical-align: middle;
}

.sbMenu_sMC li:hover {
  background-color: #bcdcfb;
}

.sbMenu_sMC ul {
  list-style-type: none;
  margin-left: 10px;
  margin-top: 5px;
  width: 153px;
}

.listResult_sMC {
  background-color: #eae8e9;
  list-style-type: none;
  margin: 0;
}

.listResult_sMC2 {
  margin-top: 5px;
}

.text-StartContain_sMC {
  background-color: #eae8e9;
  color: #636363;
  font-style: italic;
  list-style-type: none;
  margin: 0;
}

.separateur_sMC {
  border-bottom: 1px solid #636363;
}

.text-Result_sMC {
  color: black;
  font-style: normal;
}

.Action_sMC {
  background-color: #afabac;
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 9pt;
  list-style-type: none;
}

.Action_sMC li {
  border-bottom: 1px solid #636363;
}

.borderTop_sMC {
  border-top: 1px solid #636363;
}

.borderBottom_sMC {
  border-bottom: 1px solid #636363;
}

.sbmBottom .icon-cog {
  font-size: 12pt;
  color: #fff;
  margin-right: 10px;
}

.param_sMC {
  background-color: #333333;
  border-top: 1px solid #afabac;
  color: #d0d0d0;
  cursor: default;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  line-height: 35px;
  padding-left: 39px;
  width: 176px;
}

.param_sMC:hover {
  color: white;
}

li.navInfo {
  background: none repeat scroll 0 0 #eae8e9;
  color: #000000;
  font-style: italic;
  line-height: 18px;
  padding: 5px 10px;
  min-width: 170px;
  width: auto;
}

li.navInfo div {
  overflow: hidden;
  min-width: 170px !important;
  width: auto;
}

li.sbmBottom {
  background: none repeat scroll 0 0 #333333;
  border-top: 1px solid #888888;
  margin-left: -10px; /* permet de positionner le bandeau Administrer par-dessus le padding défini sur ul.sbMenu */
  margin-top: 5px;
  padding: 5px 0px;
  width: 100%;
  cursor: pointer;
}

#globalNav #menuNavBar .navEntry .sbMenu .sbmBottom {
  margin-left: 0;
}

li.sbmBottom p {
  color: #ffffff;
  font-size: 12pt;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0 0 0 10px;
}

li.sbmBottom a {
  background: none repeat scroll 0 0 transparent;
  color: #cccccc;
  font-family: verdana;
  font-size: 9pt;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  vertical-align: 3px;
  padding: 5px;
  text-decoration: none;
}

li.sbmBottom a:hover {
  color: #ffffff;
}

li.navActiveElt a {
  color: #000000;
}

.navSep {
  padding-bottom: 3px;
  padding-top: 3px;
}

#ul_viewtab > li.top-a-sel {
  background: none repeat scroll 0 0 #eae8e9;
  color: #000000;
}

.navBar li.tab-hidden {
  display: none;
}

.navBar ul.ul-tab-hidden,
.navBar:hover ul.ul-tab-hidden {
  display: none;
}

.navBar li.has-sub .top-a:hover {
  height: 36px;
}

li.top-p div {
  font-size: 19pt;
}

.container {
  width: 143px;
}

.container select:not(.tiptap-toolbar-select):not(#image-alignment) {
  text-indent: 5px;
  width: 160px;
  background-image: url("../images/select_fake-border.png");
  background-repeat: no-repeat;
  background-position: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background-color: white;
  -webkit-appearance: none;
}

.waitOn,
.waitOnFrmIris {
  background-color: #666;
  height: 100%;
  left: 0;
  opacity: 0.3;
  overflow: hidden;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  /*z-index: 9999;*/ /*GCH : dynamique à présent*/
}

/* SKELETON MODE ADMIN */
#pnWaiterSkltonadmin .main--table--skeleton {
  width: 100%;
  border-collapse: collapse;
}

#pnWaiterSkltonadmin .table_loader_header .top--menu--skeleton span {
  margin: 0px 0 0 -20px;
  width: calc(100% + 40px);
  border-radius: 0;
  height: 40px;
  background: #ddd;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton {
  width: 280px;
  position: relative;
  background: #ffffff;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .bar--menu--skeleton {
  width: 30px;
  background: #3a454b;
  height: 100vh;
  top: 0;
  position: absolute;
  left: 0;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton {
  width: calc(100% - 30px);
  background: #ffffff;
  height: 100vh;
  top: 0;
  position: absolute;
  left: 30px;
  border-collapse: collapse;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton {
  height: 65px;
  background: #ffffff;
  display: flex;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton .avatar--menu--skeleton {
  background: #e9e9e9;
  margin: 16px 10px 17px 10px;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--head--menu--skeleton .name--menu--skeleton {
  background: #fff;
  width: calc(100% - 60px);
}

#pnWaiterSkltonadmin
  .main--table--skeleton
  .right--menu--skeleton
  .content--menu--skeleton
  .content--head--menu--skeleton
  .name--menu--skeleton
  span {
  width: calc(100% - 25px);
  height: 16px;
  background: #e9e9e9;
  display: block;
  margin-top: 11px;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton {
  height: 30px;
  margin-top: 15px;
  background: #ffffff;
  display: flex;
}

#pnWaiterSkltonadmin
  .main--table--skeleton
  .right--menu--skeleton
  .content--menu--skeleton
  .content--separate--menu--skeleton
  .content--separate--skeleton {
  width: 100%;
  background: #fff;
}

#pnWaiterSkltonadmin
  .main--table--skeleton
  .right--menu--skeleton
  .content--menu--skeleton
  .content--separate--menu--skeleton
  .content--separate--skeleton
  span {
  height: 30px;
  width: 100%;
  margin: 0;
  background: #e9e9e9;
  display: block;
}

#pnWaiterSkltonadmin .main--table--skeleton .right--menu--skeleton .content--menu--skeleton .content--separate--menu--skeleton.separate--button {
  height: auto;
  margin-top: 0;
}

#pnWaiterSkltonadmin
  .main--table--skeleton
  .right--menu--skeleton
  .content--menu--skeleton
  .content--separate--menu--skeleton.separate--button
  .content--separate--skeleton {
  padding: 0 20px 0 20px;
}

#pnWaiterSkltonadmin
  .main--table--skeleton
  .right--menu--skeleton
  .content--menu--skeleton
  .content--separate--menu--skeleton.separate--button
  .content--separate--skeleton
  span {
  margin: 30px 0 0 0;
  height: 20px;
}

.waitOnFrmIris {
  background-color: #444;
}

.waitOff,
.waitOffFrmIris {
  left: -999px;
  overflow: hidden;
  position: absolute;
  top: -888px;
  width: 0;
  z-index: -999;
}

.SktOn-list {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.SktOn-list h1 {
  position: relative;
  top: 50vh;
}

.SktOff-list,
.SktOff-file,
.SktOff-admin {
  left: -999px;
  overflow: hidden;
  position: absolute;
  top: calc(-100vh);
  width: 0;
  z-index: -999;
}

.contentWait {
  color: Black;
  font-family: Verdana, Geneva, sans-serif;
  font-size: xx-large;
  left: 48%;
  margin-top: 250px;
  opacity: 0.8;
  position: fixed;
  text-align: center;
  z-index: 999;
}

/* table loader */
#pnWaiterSkltonfile.adminMode,
div#rightMenu.FavLnkOpen ~ #pnWaiterSkltonlist,
div#rightMenu.FavLnkOpen ~ #pnWaiterSkltonfile {
  width: 100%;
}

@keyframes rightMenuOpen {
  to {
    width: calc(100% - 280px);
  }
}

@keyframes rightMenuClosed {
  to {
    width: 100%;
  }
}

#pnWaiterSkltonlist,
#pnWaiterSkltonfile,
#pnWaiterSkltonadmin {
  width: 100%;
  z-index: 110;
  background-color: #fff;
  left: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  height: calc(100vh - 80px);
  bottom: 0;
  transition: width 0.4s ease-in;
}

#pnWaiterSkltonadmin {
  height: 100vh;
}

#pnWaiterSkltonlist .table_loader_header,
#pnWaiterSkltonadmin .table_loader_header {
  margin: 1% 1%;
}

#pnWaiterSkltonlist .table_loader_content,
#pnWaiterSkltonadmin .table_loader_content {
  margin: 1% 1%;
  height: 70%;
}

#pnWaiterSkltonlist .table_loader,
#pnWaiterSkltonadmin .table_loader {
  background-color: #fff;
  color: #666;
  width: 98%;
  padding: 0;
}

#pnWaiterSkltonlist .table_loader th,
#pnWaiterSkltonadmin .table_loader th {
  background: #f7f9fa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 10px;
  text-align: left;
}

#pnWaiterSkltonlist .table_loader td,
#pnWaiterSkltonadmin .table_loader td {
  border-top: 0px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 10px;
}

#pnWaiterSkltonlist .table_loader_header span,
#pnWaiterSkltonadmin .table_loader_header span {
  height: 6vh;
  max-height: 50px;
}

#pnWaiterSkltonlist .table_loader_content span,
#pnWaiterSkltonadmin .table_loader_content span {
  height: 4vh;
  max-height: 30px;
}

#pnWaiterSkltonlist .table_loader span,
#pnWaiterSkltonadmin .table_loader span {
  width: calc(100% - 5px);
  border-radius: 3px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines-table 1.6s infinite linear;
  display: inline-block;
  min-width: 15px;
}

#pnWaiterSkltonlist .table_loader_header td,
#pnWaiterSkltonadmin .table_loader_header td {
  border: none;
}

#pnWaiterSkltonlist .col1,
#pnWaiterSkltonfile .col1,
#pnWaiterSkltonadmin .col1 {
  width: 10%;
}

#pnWaiterSkltonlist .col2,
#pnWaiterSkltonfile .col2,
#pnWaiterSkltonadmin .col2 {
  width: 20%;
}

#pnWaiterSkltonlist .col3,
#pnWaiterSkltonfile .col3,
#pnWaiterSkltonadmin .col3 {
  width: 30%;
}

#pnWaiterSkltonlist .col8,
#pnWaiterSkltonfile .col8,
#pnWaiterSkltonadmin .col8 {
  width: 80%;
}

#pnWaiterSkltonlist .table_loader_header td,
#pnWaiterSkltonadmin .table_loader_header td {
  padding: 12px 0;
}

#pnWaiterSkltonlist .white span,
#pnWaiterSkltonfile .white span,
#pnWaiterSkltonadmin .white span {
  background-image: none !important;
}

@keyframes shine-lines-table {
  0% {
    opacity: 0.4;
  }

  40% {
    opacity: 0.8;
  }

  100% {
    opacity: 0.4;
  }
}

#pnWaiterSkltonfile .table_loader {
  background-color: #fff;
  color: #666;
  width: 98%;
  padding: 0;
  margin-left: 1%;
  margin-right: 1%;
}

#pnWaiterSkltonfile .table_loader th {
  background: #f7f9fa;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}

#pnWaiterSkltonfile .table_loader td {
  border-top: 0px solid #e5e5e5;
}

#pnWaiterSkltonfile .table_loader span,
#pnWaiterSkltonfile .table_loader p {
  width: calc(100% - 5px);
  border-radius: 3px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines-table 1.6s infinite linear;
  display: inline-block;
  min-width: 15px;
  border-radius: 15px;
  min-height: 5px;
}

#pnWaiterSkltonfile .table_loader_header {
  margin: 0 1%;
}

#pnWaiterSkltonfile .table_loader_header span {
  height: 4vh;
  max-height: 30px;
}

#pnWaiterSkltonfile .table_loader_header td {
  padding-top: 6px;
}

#pnWaiterSkltonfile .table_loader_summary {
  height: 18%;
  margin: 1%;
}

#pnWaiterSkltonfile .table_loader_summary .col9 span {
  height: 2vh;
  max-height: 20px;
}

#pnWaiterSkltonfile .table_loader_summary .col9 span.sub-temp {
  width: calc(100% - 50%);
}

#pnWaiterSkltonfile .table_loader_summary .col9 span.sub-temp-two {
  width: calc(100% - 70%);
}

#pnWaiterSkltonfile .table_loader_summary .circle {
  text-align: center;
}

#pnWaiterSkltonfile .table_loader_summary .circle span {
  border-radius: 50%;
  height: 100px;
  width: 100px;
}

#pnWaiterSkltonfile .table_loader_content span {
  height: 4vh;
  max-height: 30px;
}

#pnWaiterSkltonfile .table_loader_content {
  margin: 15px 1%;
  height: 60%;
  border-top: 1px solid #e5e5e5;
  padding-top: 15px !important;
}

#pnWaiterSkltonfile .table_loader_assistant {
  height: 45px;
  margin: 1%;
}

#pnWaiterSkltonfile .table_loader_assistant .circle {
  width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .sub-temp {
  text-align: center;
}

#pnWaiterSkltonfile .table_loader_assistant .circle span {
  border-radius: 50%;
  height: 45px;
  width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .circle p {
  height: 12px;
  width: 45px;
}

#pnWaiterSkltonfile .table_loader_assistant .col1 span {
  vertical-align: top;
  height: 3px;
  width: 80%;
}

/* table loader */
.mainDiv {
  float: left;
  height: 85%;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 80px; /*overflow-x: auto; JAS : désactivation suite à création Listheader*/
  width: 1640px;
  z-index: 0;
  /*border: 1px solid #DDD;*/
  background-color: white;
}

.fileDiv {
  overflow: auto;
}

a[onclick] {
  cursor: pointer;
}

.listContent {
  z-index: 2;
}

.rightMenu {
  font-family: Verdana;
  font-size: 10pt;
  z-index: 10;
  position: fixed;
  /* cette propriété right sera recalculée par eMain.js dans certains contextes.
         On laisse une valeur par défaut pour que le repositionnement du menu à droite
         ne se voie pas au démarrage de l'application.
         Cette valeur doit correspondre à celle de eConst.RIGHT_MENU_WIDTH
     */
  right: -170px;
  transition: 500ms;
  transition-property: right;
  height: 100%;
  transition-delay: 400ms;
}

div.rightMenuBrowsing {
  text-align: left;
  background-color: #efefef;
  border-bottom: 1px solid #d3d3d3;
}

div.rightMenuBrowsing ul {
  margin: 0;
  padding: 0;
}

div.rightMenuBrowsing ul li {
  list-style-type: none;
  display: table-cell;
  overflow: hidden;
}

div.rightMenuBrowsing ul li a {
  border-right: 1px solid #d3d3d3;
}

div.rightMenuBrowsing span.icnMnuVerBtn {
  font-size: 14pt;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
  display: inline-block;
  padding: 5px;
}

div.rightMenuBrowsing #BrowsingFirst[eenabled="0"] span.icnMnuVerBtn,
div.rightMenuBrowsing #BrowsingPrevious[eenabled="0"] span.icnMnuVerBtn,
div.rightMenuBrowsing #BrowsingNext[eenabled="0"] span.icnMnuVerBtn,
div.rightMenuBrowsing #BrowsingLast[eenabled="0"] span.icnMnuVerBtn {
  color: #424448;
  cursor: not-allowed;
}

.rightMenu a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rightMenu ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.rightMenuOption {
  background: none repeat scroll 0 0 #ffffff;
  text-align: left;
  vertical-align: baseline;
  position: relative;
  width: 100%;
}

div.rightMenu > div.rightMenuOption > ul.rightMenuSubMenuTitle > li:hover {
  background-color: inherit;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rightMenuOptionClickable {
  cursor: pointer;
}

.FavLnkBrd {
  border-radius: 0;
  text-indent: 10px;
  background-color: #efefef;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  overflow: hidden;
}

.FavLnkBrdTablet {
  border-radius: 0;
  text-indent: 15px;
  float: left;
}

.FavLnk {
}

div.contentMaster div.FavLnkOpen,
.touchOpen {
  right: 0px;
  transition: 500ms;
  transition-property: right;
  transition-delay: 250ms;
}

div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:before {
  content: "\e646";
  font-size: 11pt;
}

div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:hover:before {
  content: "\e645";
  font-size: 18pt;
}

.rightMenuFavlnk {
  float: left;
  width: 100%;
}

.rightMenuFavlnk li a span {
  padding-right: 10px;
}

.FavLnkColBord {
  border-right: 1px dashed #d3d3d3;
}

.FavLnkColSep {
  float: left;
  height: 250px;
  width: 1px;
  background-color: #c3c3c3;
  margin-top: 40px;
  margin-left: 5px;
  /* margin-right: 8px; */
}

.pin {
}

.rightMenuModFile {
  text-align: left;
  color: #707173;
  position: relative;
}

.rightMenuModFile ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  border-radius: 8px;
}

.rightMenuModFile a {
  vertical-align: middle;
  /*height: 20px;*/
}

.rightMenuModFile span {
  line-height: 21px; /*27px;*/
  background-repeat: no-repeat;
  vertical-align: middle;
}

.rightMenuModFile span.icon-buzz {
  padding: 8px 0;
  font-size: 13pt;
}

.rightMenuModFile span.icon-administrafion {
  padding: 4px;
  font-size: 13pt;
  color: #fff;
}

div.rightMenuModFile > ul > li > a > span.icon-edn-list {
  font-size: 13pt;
  vertical-align: -2px;
}

.rightMenuModFile span img {
  line-height: 20px;
}

div.rightMenuModFile > ul > li > a > span > img {
}

div.rightMenuModFile:hover > ul > li > a > span > img {
}

.rightMenuModFile:hover {
  background-color: #bcdcfb;
}

.rightMenuSubMenuOptions_ModeList {
  background-color: #636363;
}

#BrowsingFirst[eenabled="1"] > span > img.rightMenuBrowsingFirst {
  width: 18px;
  height: 18px;
  padding: 1px;
  background-position: -51px -147px;
  border: 1px solid #b3b3b3;
}

.rightMenuBrowsingFirst:hover {
}

#BrowsingFirst[eenabled="0"] > span > img.rightMenuBrowsingFirst {
  cursor: not-allowed;
  width: 18px;
  height: 18px;
  border: 1px solid #f2f2f2;
  padding: 1px;
  background-position: -2px -143px;
}

#BrowsingPrevious[eenabled="1"] > span > img.rightMenuBrowsingPrevious {
  width: 18px;
  height: 18px;
  padding: 1px;
  background-position: -2px -147px;
  border: 1px solid #b3b3b3;
}

.rightMenuBrowsingPrevious:hover {
  background-color: #bcdefb;
}

#BrowsingPrevious[eenabled="0"] > span > img.rightMenuBrowsingPrevious {
  cursor: not-allowed;
  width: 18px;
  height: 18px;
  border: 1px solid #f2f2f2;
  padding: 1px;
  background-position: -2px -143px;
}

#BrowsingNext[eenabled="1"] > span > img.rightMenuBrowsingNext {
  width: 18px;
  height: 18px;
  padding: 1px;
  background-position: -25px -147px;
  border: 1px solid #b3b3b3;
}

.rightMenuBrowsingNext:hover {
  background-color: #bcdcfb;
}

#BrowsingNext[eenabled="0"] > span > img.rightMenuBrowsingNext {
  cursor: not-allowed;
  width: 18px;
  height: 18px;
  border: 1px solid #f2f2f2;
  padding: 1px;
  background-position: -2px -143px;
}

#BrowsingLast[eenabled="1"] > span > img.rightMenuBrowsingLast {
  width: 18px;
  height: 18px;
  padding: 1px;
  background-position: -75px -147px;
  border: 1px solid #b3b3b3;
}

.rightMenuBrowsingLast:hover {
  background-color: #bcdefb;
}

#BrowsingLast[eenabled="0"] > span > img.rightMenuBrowsingLast {
  cursor: not-allowed;
  width: 18px;
  height: 18px;
  border: 1px solid #f2f2f2;
  padding: 1px;
  background-position: -2px -143px;
}

.rightMenuBrowsing a {
  font-family: verdana;
  padding: 5px;
  text-decoration: none;
}

.rightMenuSubMenuTitle {
  background: none repeat scroll 0 0 white;
  color: #666666;
  font-size: 9pt;
  line-height: 40px;
  padding: 4px 0;
  height: 40px;
}

.rightMenuSubMenuTitle li {
  height: 100%;
}

.rightMenuSubMenuTitle li > .rightMenuSpan_adjust {
  width: 100%;
  height: 100%;
}

.rightMenuSubMenuItem {
  border-top: 1px solid #d3d3d3;
  background-color: #efefef;
  border-bottom: 1px solid #d3d3d3;
}

.rightMenuSubMenuItem > li > a {
  padding: 0;
}

.rightMenuSubMenuItem.closed {
  display: none;
}

.rightMenuOption ul.rightMenuSubMenuTitle li:hover {
  background-color: inherit;
}

.rightMenuOption ul.rightMenuSubMenuTitle li span span:hover {
  color: inherit;
}

.rightMenuOptionClickable ul.rightMenuSubMenuTitle li:hover {
  background-color: #e0e0e0;
  cursor: pointer;
}

.rightMenuOptionSelected ul.rightMenuSubMenuTitle li {
  background-color: #eaeaea;
}

.rightMenuOptionSelected ul.rightMenuSubMenuTitle li:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.rightMenuOption a,
.rightMenuModFile a {
  /*font-size: 9pt;
    display: block;
    line-height: 34px;
    height: 34px;
    cursor: pointer;
        */
  font-size: 9pt;
  display: block;
  padding: 5px 0 5px 0;
  cursor: pointer;
}

.rightMenuOption a:hover,
.rightMenuOption a:focus,
.rightMenuOption a:active,
.rightMenuModFile a:focus,
.rightMenuModFile a:active {
  background-color: #bcdcfb;
}

.rightMenuSpan_adjust {
  cursor: pointer;
  display: inline-block;
  text-overflow: ellipsis;
}

.rightMenuSubMenuItem .rightMenuSpan_adjust {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rightMenuSpan_adjust * {
  vertical-align: middle;
}

.rightMenuSpan_adjust [class^="icon-"] {
  font-size: 11pt;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  text-align: center;
}

/* Flèches de repli en menu de droite */
.rightMenuSpan_adjust [class^="icon-caret"] {
  line-height: 40px;
  position: absolute;
  right: 0;
}

.listfiltres {
  background-color: #e0e0e0;
  border-bottom: 1px solid #cccccc;
  color: #434343;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  height: 30px;
  border-top: 1px solid #ccc;
}

.listheader {
  width: 100%;
}

.calheader {
  width: 100%;
  z-index: 2;
}

.listfiltrestab {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

.listfiltrestab td {
  padding: 0;
  padding-right: 5px;
}

.listactions {
  height: 30px;
  white-space: nowrap;
  width: 100%;
}

.listactions table.listactionstab {
  height: 30px;
  width: 100%;
}

.listactionstab td.search {
  padding-right: 50px;
  text-align: right;
}

.listactionstab table {
  height: 22px;
}

/* CLASSE DES LIENS */
.LNKCAT {
  /* text-decoration: underline; */
}

input.readonly {
  background-color: #f0f0f0;
}

div.readonly {
  background-color: #f0f0f0;
}

textarea.readonly {
  background-color: #f0f0f0;
}

/*************/
html {
}

.error {
  color: red;
}

div.ePopup {
  background-color: #f8f8f8;
  margin: 0;
  padding: 0;
  box-shadow: 8px 8px 12px #ccc;
  border: 1px solid #ccc;
  border-top: none;
}

div.ePopupRevert {
  box-shadow: 8px -8px 12px #ccc;
}

div.ePopupBackground {
  background-color: #f8f8f8;
  border: 1px none;
}

.mTab td.eFieldEditorEdited,
iframe.eFieldEditorEdited {
  background: url("../images/ui/check.png") no-repeat 95% 50%;
  border: 1px solid #a9d320 !important;
}

div.eFieldEditorEdited {
  background-image: url("../images/ui/check.png");
  border: 1px solid #a9d320;
  background-repeat: no-repeat;
  background-position: right;
}

input.eFieldEditorEdited,
textarea.eFieldEditorEdited {
  border: 1px solid #a9d320 !important;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
}

.mTab td.eFieldEditorNoEdited,
iframe.eFieldEditorEdited {
  background: url("../images/ui/iUiSprite.png") no-repeat 0px -536px;
  border: 1px solid #bb1515 !important;
}

div.eFieldEditorNoEdited {
  background: url("../images/ui/iUiSprite.png");
  border: 1px solid #bb1515;
  background-repeat: no-repeat;
  background-position: right;
}

div.eFieldEditorNoEdited img {
  background: url("../images/ui/iUiSprite.png");
  background-repeat: no-repeat;
  background-position: 2px -536px;
  width: 20px;
  height: 20px;
  float: right;
}

input.eFieldEditorNoEdited,
textarea.eFieldEditorNoEdited {
  border: 1px solid #bb1515 !important;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
}

/*****************/
.mruAddBtn:hover {
  background-position: 0 -71px;
}

.mruAddBtn {
  cursor: pointer;
  vertical-align: baseline; /* for request 100009*/
  padding-top: 0px;
  padding-left: 4px;
  text-decoration: none;
  background-position: 0 0;
  width: 22px;
  height: 21px;
  line-height: 21px;
  float: left;
}

span.mruAddBtn {
  font-size: 12pt;
}

.sprite-Editor {
  display: inline-block;
  cursor: pointer;
}

.sprite-valeurs {
  background-position: 0 0;
  height: 21px;
  width: 20px;
}

.sprite-check {
  background-position: 0 -29px;
  height: 20px;
  width: 20px;
}

span.sprite-loupe-liste {
  background-position: 0 -86px;
  height: 20px;
  padding-top: 3px;
  padding-left: 4px;
  width: 20px;
  cursor: pointer;
  float: left;
  font-size: 12pt;
  display: inline;
}
/*------------------------------------*/
div.ePopup div.sprite-loupe {
  color: white;
  background-color: #636363;
  font-size: 8pt;
  text-align: center;
  float: left;
  width: 20px;
  line-height: 21px;
  height: 21px;
  padding: 5px 0px;
}

.sprite-no-valeur {
  background-color: #bb1515;
  height: 21px;
  width: 20px;
  cursor: pointer;
}

div.ePopup div.sprite-no-valeur {
  color: white;
  background-color: #bb1515;
  font-size: 8pt;
  text-align: center;
}

div.ePopup div.sprite-no-valeur:before {
  vertical-align: -5px;
}

.sprite-croix-grise {
  height: 21px;
  width: 20px;
  cursor: pointer;
}

div.ePopup div.sprite-croix-grise {
  color: white;
  background-color: #636363;
  font-size: 8pt;
  text-align: center;
  line-height: 21px;
}

/**/

.calTitle {
  background-image: url("../images/icon/calendar.gif");
  background-position: 4px 4px;
  background-repeat: no-repeat;
}

/**   BOUTON AFFICHER L'HISTORIQUE  */

/* le parent */
div.histoFilter {
  font: 11px verdana, sans-serif;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 0 8px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 20px;
  line-height: 19px;
}

/* Partie centrale */

div.historique {
  text-overflow: ellipsis;
}

div.histoFilter.histoActive {
  background-color: #aad524;
  color: #fff;
  box-sizing: border-box;
  border: 0;
  line-height: 19px;
}

div.histoFilter.histoActive:hover {
  border: 1px solid #abd625;
  line-height: 18px;
}

/* Partie droite*/

div.histoRightBtn {
  float: left;
  width: 18px;
  height: 22px;
  background-image: url(../images/btnaction/bt-dr_ft.png);
  background-repeat: no-repeat;
}

div.histoFilter:hover div.histoRightBtn {
  background-image: url(../images/btnaction/bt-dr_hover_ft.png);
  background-repeat: no-repeat;
}

div.histoActive div.histoRightBtn {
  background-image: url(../images/btnaction/bt-dr_activ_ft.png);
  background-repeat: no-repeat;
}

div.histoActive:hover div.histoRightBtn {
  background-image: url(../images/btnaction/bt-dr_activ_hover_ft.png);
  background-repeat: no-repeat;
}

/*******************************************   fin historique   ********************************************/

/********************************************Bouton Menu des filtres avanc?s*********************************/
/*************** Normal **************/
div.advFltMenu {
  color: #636363;
  font: 11px verdana, sans-serif;
  height: 20px;
  padding: 0 8px;
  box-sizing: border-box;
  cursor: pointer;
  float: right;
  display: block;
  border-radius: 5px;
  line-height: 19px;
}

.exportChartMenu {
  height: 90%;
}

div[hideElement="1"] {
  display: none !important;
}

div[hideElement="0"] {
  display: block !important;
}

div.advExportChartMenu {
  color: #636363;
  /*font: bold 11pt verdana,sans-serif;*/
  height: 20pt;
  padding: 0 8pt;
  box-sizing: border-box;
  cursor: pointer;
  float: right;
  margin: 19pt 19pt 1pt 0pt;
  display: block;
  border-radius: 5pt;
  line-height: 19pt;
  /*background-color: #D8D8D8;*/
}

div.advExportChartMenu:hover {
  /*background-color: #2C2A2B;
        color: #FFFFFF;*/
}

.exportChartMenu [class^="icon-"] {
  font-size: 12pt;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  text-align: center;
}

/*.advExportChartMenu .tooltiptext {
    visibility: hidden;
    width: 100pt;
    min-height: 20pt;
    background-color: #DADADA;
    color: black;
    text-align: center;
    border-radius: 6px;
    
    margin-left: -70pt;
    font-family: Verdana, 'Trebuchet MS';
   
    position: absolute;
    font-size: x-small;
    z-index: 1;
}*/

/*.advExportChartMenu:hover .tooltiptext {
    visibility: visible;
}*/

div.advFltLeft {
  float: left;
  background-image: url(../images/btnaction/bt-gch.png);
  width: 10px;
  height: 20px;
}

div.advFltLabel {
  float: left;
  height: 19px;
  width: 105px;
  background-image: url(../images/btnaction/bt-mid.png);
  background-repeat: repeat-x;
  vertical-align: middle;
  text-align: center;
  padding-top: 3px;
}

div.advFltBtn {
  float: left;
  width: 18px;
  height: 22px;
  background-image: url(../images/btnaction/bt-dr.png);
  background-repeat: no-repeat;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*************** Au passage de la souris **************/

div.advFltMenu:hover div.advFltLeft {
  background-image: url(../images/btnaction/bt-gch_hover.png);
}

div.advFltMenu:hover div.advFltLabel {
  float: left;
  width: 105px;
  background-image: url(../images/btnaction/bt-mid_hover.png);
  color: white;
}

div.advFltMenu:hover div.advFltBtn {
  float: left;
  width: 18px;
  height: 20px;
  background-image: url(../images/btnaction/bt-dr_hover.png);
  background-repeat: no-repeat;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/****************** Normal Qd le filtre est activé ********/

div.advFltActiv div.advFltLeft {
  float: left;
  background-image: url(../images/btnaction/bt-gch_activ.png);
  height: 22px;
  background-position-x: 1px;
  background-repeat: no-repeat;
}

div.advFltActiv div.advFltLabel {
  float: left;
  background-image: url(../images/btnaction/bt-mid_activ.png);
  background-repeat: repeat-x;
  vertical-align: middle;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

div.advFltActiv div.advFltBtn {
  float: left;
  width: 20px;
  background-image: url(../images/btnaction/bt-dr_activ.png);
  background-repeat: no-repeat;
}

/*************** Au passage de la souris Qd le filtre est activé **************/

div.advFltActiv:hover div.advFltLeft {
  background-image: url(../images/btnaction/bt-gch_activ_hover.png);
}

div.advFltActiv:hover div.advFltBtn {
  float: left;
  width: 20px;
  background-image: url(../images/btnaction/bt-dr-activ_hover.png);
  background-repeat: no-repeat;
}

div.advFltActiv:hover div.advFltLabel {
  float: left;
  width: 105px;
  background-image: url(../images/btnaction/bt-mid_activ_hover.png);
  color: white;
}

/********************************************Fin Bouton Menu des filtres avancés*********************************/
.tabColors {
  margin: auto;
  width: 100%;
}

.btnDefaultColor {
  background-color: #a5a4ac;
  border-radius: 5px;
  font-size: 8pt;
  padding: 3px 10px;
  cursor: pointer;
  color: white;
  text-align: center;
}

.btnDefaultColor:hover {
  background-color: #37a7de;
}

.PersColor {
  width: 16px;
  height: 16px;
  border: 1px solid black;
  float: left;
}

.PersColor:hover {
  border: 1px solid #42a7dc;
  cursor: pointer;
}

.PersColor[ero="1"] {
  cursor: not-allowed;
}

.selectedColCell {
  width: 16px;
  height: 16px;
  border: 2px solid #ceef60;
}

/***********MENU DE DROITE**************/
.rightMenuOption > ul > li > a:hover > span > img {
}

.rightMenuOption > ul > li > a > span > img {
  background-color: #636363;
}

.eMain_fleche {
  background-position: -163px 3px;
  background-color: #636363;
}

.eMain_File {
  background-position: -331px -47px;
}

.eMain_ajouter {
  background-position: -22px 2px;
  background-color: #636363;
}

.eMain_modifier {
  background-position: -121px -98px;
}

.eMain_dupliquer {
  background-position: 3px -214px;
}

.eRubriques {
  background-position: -44px -48px;
  background-color: #636363;
}

.eMain_configurer {
  background-position: 2px 73px;
}

.ui_supprimer {
  background-position: -140px -94px;
}

.iDel {
  height: 24px;
  width: 24px;
  background-position: -145px -99px;
}

.iDel:hover {
}

.debugdiv {
  width: 100%;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: Red;
  overflow: auto;
  opacity: 0.8;
}

.Cap {
  text-transform: capitalize;
}

.Up {
  text-transform: uppercase;
}

.Lw {
  text-transform: lowercase;
}

textarea.eMemoEditor {
  resize: none;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8pt;
  border: 1px solid #b6b6b6; /* request 99339 */
}

div.inlineMemoEditor {
  border: 1px solid #b6b6b6;
  overflow: auto;
  margin-top: 4px;
  margin-bottom: 4px;
}

.imgZoom {
  width: 100%;
  height: 99%;
  object-fit: cover;
}

/*COLOR PICKER */
.colorPick {
  transition: 1s;
  bottom: 180px;
  background-color: white;
}

.colorPick span.colorTitle span {
  cursor: default;
}

.colorPick span.colorTitle span.icon-brush {
  color: inherit;
}

div.colorPick ul {
  padding: 5px 10px 8px 10px;
  display: block;
  border: none;
  border-radius: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  /* z-index: 50; */
}

div.colorPick ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  /*border: 2px solid #fff;*/
  margin-bottom: 5px;
  border-radius: 0px;
  width: 42px;
  height: 42px;
}

div.colorPick ul li * {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
}

div.colorPick .themeThumbnail {
  border: 2px solid #fff;
  transition: 200ms;
  transition-property: border-color;
  box-sizing: border-box;
  position: relative;
}

div.colorPick .themeThumbnail .themeColor2 {
  width: 0;
  height: 0;
  border: 19px solid transparent;
  border-top: 19px solid white;
  border-right: 19px solid white;
}

div.colorPick {
  transition: 200ms;
  transition-property: background-color;
}

div.colorPick.highLightThemeChoice {
  background-color: #bedcfb;
}

div.colorPick.highLightThemeChoice .themeThumbnail {
  border-color: #bedcfb;
}

div.colorPick .themeThumbnail.activeTheme /*, div.colorPick.highLightThemeChoice .themeThumbnail */ {
  border: 2px solid #79be0b;
  /*box-shadow: inset 0px 0px 0px 1px #FFF;*/
  /*transition: 200ms;*/
}

div.colorPick span {
  font-size: 9pt;
  height: 35px;
  line-height: 35px;
}

div.colorPick span.icon-check {
  color: transparent;
}

div.colorPick .themeThumbnail.activeTheme span.icon-check,
div.colorPick .themeThumbnail:hover span.icon-check {
  color: #aad524;
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  font-size: 13pt;
}

div.colGuide {
  position: absolute;
  display: none;
  margin-left: -9px;
  margin-top: -11px;
  transition: 500ms;
  font-size: 11pt;
}

.invert {
  filter: invert(1);
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -o-filter: invert(1);
  -ms-filter: invert(1);
}

.uninvert {
  filter: invert(0);
  -webkit-filter: invert(0);
  -moz-filter: invert(0);
  -o-filter: invert(0);
  -ms-filter: invert(0);
}

.icnMnuVerBtn {
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  width: 22px;
  line-height: 22px;
  display: inline-block;
}

div.rightMenuOption > ul > li > a > span > span.icnMnuChip {
  font-size: 7pt;
}

div.rightMenuOption > ul.rightMenuSubMenuItem > li {
  padding-left: 26px;
}

/* MENU ESCAMOTABLE (comme un echaffaudage, mais pour de faux) */

.hUserBloc {
  font-size: 8pt;
  font-family: Verdana;
  bottom: 0px;
  width: 100%;
}

.hLinks {
}

.hAvatar {
  float: left;
  margin-left: 8px;
  margin-top: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
}

.hAvatar img {
  height: 30px;
  width: 30px;
}

.encartProfil {
  background-color: #f8f8f8;
  height: auto;
  border-bottom: 1px solid #d3d3d3;
}

.decBtn {
  height: 40px;
  line-height: 40px;
  font-size: 9pt;
  color: #bb1515;
  cursor: pointer;
}

.decBtn .icon-logout {
  font-size: 14pt;
  padding: 10px;
  padding-left: 12px;
  /*height: 40px;
        line-height: 40px;*/
  display: inline-flex;
}

.decBtn span {
  vertical-align: -3px;
}

.btnEscMnu {
  line-height: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 9pt;
  background-color: white;
  color: #636363;
}

.btnEscMnu [class^="icon-"] {
  font-size: 12pt;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
}

.btnEscMnu > a {
  line-height: 40px;
  padding: 0;
}

.helloMnu {
  font-size: 8pt;
  padding-top: 24px;
}

.nickMnu {
  /* line-height: 15px;*/
  min-height: 20px;
  font-size: 8pt;
  font-weight: bold;
  color: #42a7dc;
  overflow: hidden;
}

.touchOpen .Gerard {
}
/*.touchOpen div.Gerard ul.hUserBloc{
    display:block;
}*/
.Gerard {
  background-color: white;
  height: 100%;
  overflow-y: auto;
}

/*Ajout du switch pour l'activation du nouveau thème*/

.switch-new-theme-title {
  color: #eee;
  padding: 30px;
  font-size: 28px;
  text-align: center;
}

.switch-new-theme {
  display: none;
}

.switch-new-theme + label {
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  height: 100%;
  width: 30%;
}

.switch-new-theme + label:after,
.switch-new-theme + label:before {
  top: 50%;
  content: "";
  position: absolute;
  transition: inherit;
}

.switch-new-theme-wrap > input:checked + label + span:before {
  /*opacity: 1;*/
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}

.switch-new-theme-wrap > input + label + span:before {
  /*content: 'Thème activé';*/
  /*content: attr(title);*/
  color: black;
  display: inline-block;
  width: 100%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  left: -85px;
  padding: 0 0 0 10px;
  /* color: #bb1614; */
  left: 1px;
  top: 10px;
}

.switch-new-theme-wrap > span {
  cursor: default;
}

.switch-new-theme-wrap.switch-Wai-wrap > input:checked + label + span {
  font-size: var(--size-13);
  font-family: var(--ffamily);
  color: black;
}

/*Ajout du switch pour l'activation du nouveau thème*/

span > .switch-disabled + label {
  cursor: not-allowed;
}

div.contentMaster div.FavLnkOpen div.menuBar,
div.contentMaster .touchOpen div.menuBar {
  background-color: #414347;
  height: 100%;
  transition: 250ms;
}

.menuBar {
  width: 30px;
  position: absolute;
  top: 0px;
  left: -30px;
  cursor: pointer;
  transition: 250ms;
  display: inline-block;
  height: 4%;
}

.touchOpen div.menuBar .icon-menu_btn,
div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn:hover {
  text-align: center;
  line-height: 45px;
  right: 6px;
  color: #d3d3d3;
}

.touchOpen div.menuBar .icon-menu_btn:hover,
div.contentMaster div.FavLnkOpen div.menuBar div.icon-menu_btn {
  text-align: center;
  line-height: 45px;
  right: 4px;
  color: #d3d3d3;
}

.rightMenu div.menuBar .icon-menu_btn {
  position: absolute;
  right: 1px;
}

.touchOpen .menuBar .icon-menu_btn:before {
  font-size: 18pt;
}

.touchOpen .menuBar .icon-menu_btn:before {
  content: "\e645";
}

.touchOpen .menuBar .icon-menu_btn:hover:before {
  content: "\e646";
  font-size: 12pt;
}

.icon-menu_btn:before,
.icon-menu_btn_acc:before {
  content: "\e644";
  font-size: 30pt;
}

.icon-menu_btn_acc {
  position: absolute;
  left: -2px;
}

.divTxt {
  -webkit-transform: rotate(-90deg);
  position: absolute;
  bottom: 70px;
  font-size: 17pt;
  right: -14px;
  color: white;
}

.arrow {
  height: 29px;
  width: 28px;
  background-image: url(fleche.png);
  position: absolute;
  bottom: 110px;
  margin-left: 16px;
  -webkit-transition-duration: 500ms;
  -webkit-transform: rotate(-180deg);
  background-repeat: no-repeat;
}

div.menuBar div.mnuIcn {
  position: absolute;
  left: -5px;
  font-size: 20pt;
  top: -4px;
}

/* backlog #1421 - Ajout du switch pour l'activation du nouveau thème DEBUT */

.switch-new-theme-wrap,
.switch-new-theme-wrap *,
.switch-new-theme-wrap :after,
.switch-new-theme-wrap :before {
  box-sizing: border-box;
}

.switch-new-theme-title {
  color: #eee;
  padding: 30px;
  font-size: 28px;
  text-align: center;
}

.switch-new-theme-wrap {
  width: 283px;
  text-align: center;
  margin-left: auto;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 95px;
  box-sizing: border-box;
  flex-direction: row-reverse;
  background: transparent;
  transition: background 0.5s;
  height: 40px;
  cursor: default;
}

/** surcharge la position du switch pour une position relative (menu de droite) */
.switch-Wai-wrap {
  position: relative;
  width: 100%;
  right: unset;
}
.switch-Wai-wrap .switch-WAI-spn {
  text-align: left;
}

.switch-new-theme-wrap.activated {
  right: 30px;
  width: 260px;
  background-color: #fff;
}

.switch-new-theme {
  display: none;
}

/* TODO SWITCH 3 POSITIONS */
select.switch-new-theme {
  display: block;
  margin-right: 5px;
}

.switch-new-theme + label {
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  height: 100%;
  width: 30%;
  cursor: pointer;
}

.switch-new-theme + label:after {
  width: 70px;
  height: 35px;
  background: #212121;
  border-radius: 35px;
  border: 3px solid #212121;
  height: 25px;
  width: 63px;
  top: calc(50% - 12px);
  right: 13px;
  height: 20px;
  top: calc(50% - 10px);
  width: 50px;
  transition: all 0.7s;
  background: rgba(0, 0, 0, 0.05);
  border: none;
}

.switch-new-theme + label:before {
  top: 50%;
  z-index: 1;
  width: 23px;
  content: "";
  height: 23px;
  border-radius: 50%;
  position: absolute;
  transition: inherit;
  background-color: #737373;
  height: 15px;
  width: 15px;
  top: calc(50% - 7px);
  right: 47px;
  height: 10px;
  width: 10px;
  top: calc(50% - 5px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

.switch-new-theme:checked + label:after {
  background: var(--switch-active-color);
  border-color: var(--switch-active-color);
}

.switch-new-theme:checked + label:before {
  background: #cecece;
  border-color: transparent;
  right: 22px;
  background: #fff;
  right: 11px;
}

.switch-new-theme-wrap span {
  display: inline-block;
  width: 70%;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.5s;
  padding: 0 0 0 10px;
  margin: 0 0 3px 0;
}

.switch-new-theme-wrap > input:checked + label + span {
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 3px 0;
}

.switch-new-theme-wrap > input:checked + label + span:before {
  /*opacity: 1;*/
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}

.switch-new-theme-wrap > input + label + span:before {
  content: "Thème activé";
  content: attr(title);
  color: black;
  display: inline-block;
  width: 100%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  left: -85px;
  padding: 0 0 0 10px;
  /* color: #bb1614; */
  left: 1px;
  top: 10px;
}

.switch-new-theme-wrap.sombre {
  color: #fff;
}

.switch-new-theme-wrap.sombre label:after {
  background: rgb(108, 108, 108);
}

/*demande regression 75736*/

/*retour homologation 1600*/

div.switch-new-theme-wrap#dvSwitchErgo,
div.switch-new-theme-wrap#dvSwitchErgoList,
div.switch-new-theme-wrap#dvSwitchErgoGuided,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu,
div.dvSwitchTabsListEudonetX {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  position: static;
  flex-direction: row;
  min-height: 40px;
  padding: 8px;
  box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  padding: 5px !important;
  border: solid 1px rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}

div.dvSwitchTabsListEudonetX {
  border: none;
  box-shadow: none;
  box-sizing: initial;
  min-height: initial;
  max-height: initial;
  height: 12px;
}

div.switch-new-theme-wrap#dvSwitchErgo label[for="chckNwErgo"],
div.switch-new-theme-wrap#dvSwitchErgoList label[for="chckNwErgoList"],
div.switch-new-theme-wrap#dvSwitchErgoGuided label[for="chckNwErgoGuided"],
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark label[for="chckNwErgoGuided"],
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu label[for="chckNwErgoGuided"] {
  width: 75px;
  height: auto;
  height: 25px;
}
div.dvSwitchTabsListEudonetX label {
  display: none;
}

div.switch-new-theme-wrap#dvSwitchErgo span,
div.switch-new-theme-wrap#dvSwitchErgoList span,
div.switch-new-theme-wrap#dvSwitchErgoGuided span,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark span,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu span,
div.dvSwitchTabsListEudonetX span {
  width: 80%;
  margin: 0;
  display: inline-flex;
  justify-content: flex-start;
  padding: 0;
  font-size: 13px;
}

div.switch-new-theme-wrap#dvSwitchErgo + label:after,
div.switch-new-theme-wrap#dvSwitchErgoList + label:after,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu + label:after,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark + label:after,
div.switch-new-theme-wrap#dvSwitchErgoGuided + label:after {
  right: 0;
}

div.switch-new-theme-wrap#dvSwitchErgo + label:before,
div.switch-new-theme-wrap#dvSwitchErgoList + label:before,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromMenu + label:before,
div.switch-new-theme-wrap#dvSwitchErgoGuidedFromBookmark + label:before,
div.switch-new-theme-wrap#dvSwitchErgoGuided + label:before {
  right: 35px;
}

div#dvCntPref {
  box-sizing: border-box;
  overflow: hidden;
  /*margin: 15px;*/
  /*box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.06);*/
  border-radius: 3px;
  /*border-left: solid 3px #bb1515;*/
  background: white;
  min-height: 40px;
  padding: 15px;
  padding: 25px 30px;
  /*width: 97%;*/
}

div#dvCntPref h2,
h3 {
  font-family: sans-serif;
}

div#dvCntPref h3 {
  padding: 25px 0 5px 0;
  font-size: 14px;
  color: #797979;
  border-bottom: solid 1px rgba(34, 36, 38, 0.15);
  margin: 0 0 15px 0;
}

div#dvCntPref div.linkButton {
  margin-bottom: 2px;
}

div#dvCntPref textarea {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px;
  height: 200px;
  border: solid 1px rgba(196, 196, 196, 0.7);
  transition: background 0.5s;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

div#dvCntPref textarea:disabled {
  background: rgba(0, 0, 0, 0.05);
  border: solid 1px transparent;
}

div#dvCntPref textarea:focus {
  border: 1px solid #1565c0;
  box-shadow: 0 0px 5px -2px rgba(21, 101, 192, 0.8);
  border: 1px solid rgba(21, 101, 192, 0.7);
}

#dvCntPref div#dvSwitchErgo,
#dvCntPref #dvSwitchErgoGuided,
#dvCntPref #dvSwitchErgoGuidedFromBookmark,
#dvCntPref #dvSwitchErgoGuidedFromMenu,
#dvCntPref #dvSwitchErgoList {
  padding: 0;
  box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  padding: 5px !important;
  border: solid 1px rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  width: 100%;
}

#dvCntPref #dvSwitchErgoGuided,
#dvCntPref #dvSwitchErgoGuidedFromBookmark,
#dvCntPref #dvSwitchErgoGuidedFromMenu,
#dvCntPref #dvSwitchErgoList,
#dvCntPref #dvSwitchErgo {
  position: static;
  flex-direction: row;
  justify-content: flex-start;
  margin: 25px 0 0 0;
}

#dvCntPref #dvSwitchErgoGuided label,
#dvCntPref #dvSwitchErgoGuidedFromBookmark label,
#dvCntPref #dvSwitchErgoGuidedFromMenu label,
#dvCntPref #dvSwitchErgo label,
#dvCntPref #dvSwitchErgoList label {
  width: 75px;
}

div#dvCntPref h2 {
  display: none;
}

#dvCntPref br {
  display: none;
}

#dvCntPref input {
  padding: 7px 18px 7px 9px;
  border-radius: 3px;
  color: #222121;
  border: 1px solid transparent;
  border-bottom: 2px solid #c4c4c4;
  transition: all 0.3s ease-in;
  border: 1px solid #c4c4c4;
  cursor: pointer;
  box-sizing: border-box;
  font-family: arial, sans-serif;
  color: grey;
  font-size: 9pt;
}

#dvCntPref input:focus {
  border: 1px solid #1565c0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 0px 5px -2px rgba(21, 101, 192, 0.8);
  padding: 7px 23px 7px 4px;
  color: black;
}

#dvCntPref input:disabled {
  border: solid 1px transparent;
}

/*div.switch-new-theme-wrap#dvSwitchErgo .switch-new-theme + label:before {
    right:58px;
}

div.switch-new-theme-wrap#dvSwitchErgo .switch-new-theme:checked + label:before {
    right:32px;
}*/

img.switch-new-theme-img {
  height: 20px;
  margin: 0 0 5px 0;
}

#dvCntPref .switch-new-theme-wrap label:after {
  background: rgba(0, 0, 0, 0.05);
  border: none;
}

#dvCntPref .switch-new-theme-wrap label:before {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  top: calc(50% - 7.5px);
  width: 15px;
  height: 15px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
}

#dvCntPref .switch-new-theme-wrap input:checked + label:after {
  background: rgb(20, 186, 67);
}

#dvCntPref .switch-new-theme-wrap input:checked + label:before {
  right: 15px;
  right: 11px;
}

#dvCntPref input::placeholder {
  color: #ababab;
  font-weight: 600;
  font-family: sans-serif;
  font-size: 11px;
}

/*retour homologation 1600*/

/* backlog #1421 - Ajout du switch pour l'activation du nouveau thème FIN */

/* MENU ESCAMOTABLE (comme un echaffaudage, mais pour de faux) */

div.subTabDiv {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  line-height: 30px;
  margin-left: 3px; /* pour délimiter en mode planning la liste des modes planning et la liste des onglets web */
}

div.subTabDiv span {
  display: inline-block;
}

div.subTabDiv span a {
  display: block;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

div.subTabDiv span a.selected {
  border-bottom: 3px solid #aeabab;
  font-weight: bold;
}

div.homeSubMenuDiv {
  display: inline-block;
  margin: 7px;
  text-align: center;
  width: 100%;
  font-family: Verdana;
  font-size: 10pt;
}

.webtabfrm {
  border: none;
  margin: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.webtabdiv {
  margin: 0 5px 5px;
  border: 1px solid #ddd;
}

.divInfos {
  text-align: center;
}

.divInfos span {
  display: block;
  margin-top: 16px;
  margin-bottom: 6px;
}

.hide {
  display: none;
}

.show {
  visibility: visible;
  display: block;
}

.vcard-line {
  /*width : 250px;*/
  display: inline-block;
}

.vcard-line span[class^="icon-"] {
  font-size: 13pt;
  margin-right: 5px;
}

.buttonAddWidth {
  width: 175px;
}

.buttonAdd span {
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  vertical-align: middle;
}

.buttonAdd:hover span {
  color: #5a5a5a;
}

.buttonAdd span[class^="icon-"] {
  font-size: 12pt;
  margin-right: 5px;
}
/* CHECKBOXES */
a.chk .icon-square,
a.chk .icon-square-o,
a.chk .icon-check-square-o,
a.chk .icon-check-square {
  margin-right: 7px;
  /*font-size: 11pt !important;*/
  vertical-align: middle;
  display: inline-block;
  width: 12px;
}

a.chk .icon-square-o,
a.chk .icon-check-square {
  color: #b6b6b6 !important;
}

a.chk .icon-square,
a.chk .icon-check-square-o {
  cursor: auto;
  color: #cccccc !important;
}

a.chk .icon-check-square {
  color: #3ca7de !important;
}

a.chk .icon-square:hover,
a.chk .icon-check-square-o:hover {
  color: #cccccc !important;
}

a.chk:hover .icon-square-o {
  color: #3ca7de !important;
}

.pjrename {
  margin: 7px auto 7px;
  width: 700px;
}

.pjrename input {
  width: 400px;
  border: 1px solid #b6b6b6;
}

.pjrename label {
  width: 290px;
  display: inline-block;
  word-wrap: break-word;
}

.timeLeft {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, "Trebuchet MS";
  letter-spacing: 1px;
}

#autocompletemenu,
#menu-container .contentWait {
  display: block;
  height: 275px !important; /* !important for the request 82 248*/
  width: 500px;
  position: absolute; /* #67 822 */ /*#74 062 - CNA: je décommente, ca semble règler le problème sans pour autant réintroduire les problèmes des demandes précédentes, à surveiller*/
  background-color: white;
  border-style: solid;
  border-width: 1px;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  z-index: 20;
  padding: 2px;
  font-family: Verdana, Geneva, sans-serif;
  background-color: #f8f8f8;
  margin: 0;
  padding: 0;
  box-shadow: 8px 8px 12px #ccc;
  border: 1px solid #b3b3b3;
  bottom: auto !important; /* for request 92 390*/
}

#menu-container .contentWait {
  overflow-y: hidden;
  color: Black;
  font-family: Verdana, Geneva, sans-serif;
  font-size: xx-large;
  text-align: center;
  z-index: 21;
}

#autocompletemenu div.autocompleteResult,
#autocompletemenu .MicrosoftMap .as_container .suggestLink {
  height: 24px;
  /*margin-right: 31px;*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #252525;
  padding: 0;
  padding-left: 6px;
  font-size: 12pt;
  width: 480px;
}

#autocompletemenu div.multiLineHeight2 {
  height: 48px;
}

#autocompletemenu div.multiLineHeight3 {
  height: 72px;
}

#autocompletemenu div.multiLineHeight4 {
  height: 96px;
}

#autocompletemenu .MicrosoftMap .as_container .suggestLink {
  margin-right: 0;
}

#autocompletemenu div.autocompleteResult:hover {
  cursor: pointer;
}

#autocompletemenu div.autocompleteResult .badge {
  display: inline-block;
  /* position: absolute; */
  color: #989696;
  right: 0px;
  font-style: italic;
  background-color: inherit;
  padding-left: 5px;
  padding-right: 5px;
  height: 24px;
  font-size: 9px;
  overflow: hidden;
  float: right;
}

#autocompletemenu #noResults {
  color: #989696;
  font-style: italic;
}

#autocompletemenu #searchInfo {
  color: green;
  font-style: italic;
  font-size: 9px;
}

#autocompletemenu #searchError {
  color: #bb1515;
  font-style: italic;
  font-size: 9px;
}

#autocompletemenu #searchErrorDebug {
  color: gray;
  font-style: italic;
  font-size: 9px;
}

/* BING AutoSuggest */
#autocompletemenu .line1,
#autocompletemenu .line2 {
  background-color: inherit;
  font-size: 8pt;
  font-family: Verdana, Trebuchet MS, Arial;
  display: inline-block;
  width: auto;
  margin-right: 5px;
  line-height: 1.2em;
}

#autocompletemenu .line1 {
}

#autocompletemenu .line1:after {
  content: ", ";
}

#autocompletemenu .MicrosoftMap .as_container ul {
  padding: 0;
  background-color: #f8f8f8;
  color: #252525;
}

#autocompletemenu .MicrosoftMap .as_container .suggestLink .as_suggestion_root_inside .as_img,
#autocompletemenu .MicrosoftMap .as_container .bingLogoContainer {
  display: none !important;
}

#autocompletemenu .MicrosoftMap .as_container_search {
  width: 100%;
}

#autocompletemenu .MicrosoftMap .as_container_search .asOuterContainer {
  border: none;
  box-shadow: none;
}

#autocompletemenu .MicrosoftMap .suggestLink:hover {
  background-color: gray;
  color: #fff;
}

#autocompletemenu div.autocompleteResult span.sireneClosed {
  color: red;
  width: 100px;
}

#autocompletemenu div.autocompleteResult div.mainLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}

#autocompletemenu div.autocompleteResult div.subLine {
  float: left;
  color: #989696;
  right: 0px;
  background-color: inherit;
  padding-left: 10px;
  height: 24px;
  font-size: 12px;
  position: relative;
  display: block;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#autocompletemenu div.autocompleteResult:hover {
  background-color: gray;
  color: white;
}

#autocompletemenu div.autocompleteResult:hover div.mainLine,
#autocompletemenu div.autocompleteResult:hover div.subLine {
  color: white;
}

#menu-container .waitOn,
#menu-container .waitOnFrmIris {
  background-color: #666;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  float: left;
  width: 480px;
  height: 275px;
  top: 0;
}

#menu-container .waitOnFrmIris {
  opacity: 1;
}

#menu-container .waitOff,
#menu-container .waitOffIris {
  left: -999px;
  overflow: hidden;
  position: absolute;
  top: -888px;
  width: 0;
  z-index: -999;
}

#menu-container .contentWait {
  left: inherit;
}

#autocompletemenu div.autocompleteResult div.withSireneBadge {
  width: 310px;
}

#autocompletemenu div.autocompleteResult div.withScoreBadge {
  width: 448px;
}

#autocompletemenu div.autocompleteResult .ScoreBadge {
  /* width: 32px; */ /* 68 722 */
}

#autocompletemenu div.autocompleteResult .SireneBadge {
  width: auto;
}

.search1 {
  background-color: #f8f8f8;
}

.search2 {
  background-color: #ece8e8;
}

.search-beta {
  background: #794297;
  color: #ffffff;
  padding: 0px 3px 0px 2px;
  /* margin: 2px 3px 0 0; */
  letter-spacing: 0.1em;
  position: absolute;
  top: 1px;
  left: 369px;
  font-size: 9px;
  font-family: Oxygen, sans-serif;
  font-weight: bold;
  height: 19px;
}

.provider-info {
  /*color: #16A5D7;*/
  padding: 0px 3px 0px 2px;
  /* margin: 2px 3px 0 0; */
  letter-spacing: 0.1em;
  position: absolute;
  top: 128px;
  left: 324px;
  font-size: 10px;
  font-family: Verdana, "Trebuchet MS";
  /* font-weight: bold; */
  height: 19px;
  /* font-style: italic; */
}

/* CARTOGRAPHY ONGLET */
.carto-container {
  z-index: 0;
  width: 34%;
  display: none;
  position: absolute;
  transition: 500ms;
  transition-property: width;
  transition-delay: 450ms;
  -webkit-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -webkit-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
}

.maps-open {
  position: absolute;
  z-index: 5;
  /*left: -32px;*/
  left: -46px;
  height: 50px;
  width: 50px;
  overflow: hidden;
  top: 5px;
  transition: 500ms;
  transition-property: left;
  transition-delay: 450ms;
  transition-property: width;
  transition-delay: 450ms;
  -webkit-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -webkit-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
}

.maps-open:first-child[state="close"] {
  opacity: 1;
}

.maps-open:first-child[state="close"]:hover {
  opacity: 1;
}

.maps-open div {
  line-height: 28px;
  text-align: center;
  margin: 2px;
  height: 48px;
  width: 48px;
  padding: 11px;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.maps-open div:hover {
  cursor: pointer;
}

.maps-container {
  width: 0px;
  background-color: #ffffff;
  border: dashed 1px lightgray;
  position: absolute;
  right: 0px;
  transition: 500ms;
  transition-property: width;
  transition-delay: 250ms;
  -webkit-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  transition: all 500ms cubic-bezier(0.395, 0.59, 0.555, 1);
  -webkit-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -moz-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  -o-transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
  transition-timing-function: cubic-bezier(0.395, 0.59, 0.555, 1);
}

.maps-toolbar {
  width: 70%;
  position: absolute;
  left: 95px;
  top: 40px;
  font-family: Verdana, "Trebuchet MS";
  opacity: 0;
  transition: opacity 1000ms ease-out;
  z-index: 1;
}

.maps-toolbar div {
  line-height: 43px;
  height: 48px;
  width: 48px;
  text-align: center;
  margin: 2px;
  padding: 11px;
}

.maps-toolbar div:hover {
  cursor: pointer;
}

.filter-maps-menu {
  background-color: inherit;
}

.maps-open .filter-maps-menu {
  display: none;
}

#adv-maps-btn {
  position: relative;
}

#adv-maps-btn:hover #filter-maps-menu {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  padding-left: 0px;
  margin: 0;
  width: 270px;
}

.filter-maps-menu li {
  height: 32px;
  list-style-type: none;
  text-align: left;
  font-family: Verdana, "Trebuchet MS";
  font-size: 12px;
  line-height: 30px;
  padding: 0 15px;
}

.filter-maps-menu li:hover {
}

.filter-maps-menu li input {
  height: 19px;
  width: 100%;
}

.zoom-maps-btn {
  width: 46px;
  position: absolute;
  left: 6px;
  top: 200px;
  transition: opacity 1000ms ease-out;
  z-index: 1;
}

.maps-provider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #acc7f2;
  /* cursor: url(../images/pen.png) 0 19,crosshair!important;*/
}

.customInfobox {
  height: 170px;
  width: 250px;
  background-color: #f8f8f8;
  padding: 10px 16px;
  font-size: 12px;
  pointer-events: auto !important;
  position: relative;
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.customInfobox .favoris {
  color: rgba(255, 255, 255, 0.4) !important;
}

.infoboxmarkCbo {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 19px !important;
  z-index: 1;
}

.customInfoBoxCtnr {
  bottom: 195px;
  border-radius: 6px;
  width: 250px;
  position: relative;
}

.customInfoBoxCtnrMulti {
  border-radius: 9px;
  width: 272px;
  height: 234px;
  background-color: #f8f8f8;
  padding: 6px;
  /*margin: -30px;*/
  margin-top: -30px;
  margin-left: -24px;
  border: 1px solid #b9b9b9;
}

.customInfoBoxCtnrMulti .customInfobox {
  margin-top: 2px;
  height: 206px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.customInfobox .title {
  height: 14px;
  position: absolute;
  bottom: 0;
  left: 0px;
  vertical-align: middle;
  background-color: rgba(50, 50, 50, 0.6);
  color: white;
  font-weight: bold;
  display: inline-block;
  max-width: 144px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px;
  cursor: pointer;
}

.customInfobox .title:hover {
  text-decoration: underline;
}

.customInfobox .detail {
  position: relative;
  height: 45px;
  width: 100%;
  margin-top: 3px;
  font-size: 8pt;
  padding-top: 0;
  overflow: auto;
  text-overflow: ellipsis;
}

.customInfobox .detail p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
  font-size: 8pt;
}

.customInfobox .detail span:first-child {
  font-weight: bold;
}

.customInfobox .detail span:first-child:before {
  content: "";
}

.customInfobox .map-item {
  word-wrap: break-word;
}

.customInfobox .detail span {
  color: black !important;
  font-size: 9px;
  padding: 1px;
  word-break: break-word;
  white-space: normal;
}

.customInfobox .detail span:last-child {
  color: black !important;
  font-size: 9px;
  padding: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customInfoBoxTemplatesCtnr {
  width: 272px;
  padding: 0px;
  /*overflow-y: auto;*/
  overflow-y: scroll;
  overflow-x: hidden;
  height: 234px;
}

.imageCtr {
  min-height: 35px;
  display: table-cell;
  vertical-align: middle;
  background-color: gray;
  text-align: center;
  width: 200px;
  height: 132px;
  position: relative;
}

.imageCtr img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.imageCtr span {
  font-size: 62pt;
}

.imageCtr span:hover {
  color: inherit !important;
}

.imageCtr .infoboxmarkCbo span {
  font-size: 19px;
}

/*triangle*/
.infobox-pointer,
.infobox-pointer-multi {
  position: absolute;
  height: 21px;
  display: block;
  left: 104px;
}

.infobox-pointer {
  top: 196px;
}

.infobox-pointer-multi {
  top: 218px;
}

/*Couleur fond triangle*/
.infobox-pointer-border {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid rgba(80, 79, 79, 0);
  border-top: 12px solid #b9b9b9;
  position: relative;
}

/*Border du triangle*/
.infobox-pointer-background {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid rgba(80, 79, 79, 0);
  border-top: 12px solid #f8f8f8;
  position: relative;
  top: -13px;
  float: left;
}

.eudoSearchBoxContainer {
  position: inherit;
  top: 2px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.64);
  height: 33px;
  text-align: left;
  vertical-align: middle;
}

.eudoSearchBoxContainer input {
}

.edit-cursor {
  cursor: url(../images/BingMaps/pen.png) 10 21, auto;
}

.default-cursor {
  cursor: default;
}

.maps-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

#edit-maps-btn[mode="1"] {
  color: #a8d31f !important;
  background-color: #ffffff;
}

#adv-maps-btn[active="1"] {
  color: #a8d31f !important;
}

#maps-open[state="close"] {
  display: none;
}

/* FIN CARTOGRAPHY ONGLET */

.icnFileBtn {
  font-size: 9pt;
  width: 16px;
  vertical-align: middle;
}

.icnFileBtn[eaction="LNKGEO"] {
  font-size: 13pt;
}

.icnFileBtnSocNet {
  font-size: 11pt;
  padding: 5px; /* Pour s'aligner avec les autres icônes */
}

.icnFileBtnSocNet:hover {
  color: #47a7dc !important;
}

.icon-agenda {
  font-size: 11pt;
  padding: 5px;
}

.icnMemo {
  vertical-align: top;
  font-size: 10pt;
  text-align: left;
  padding-top: 5px;
}

.icnBkm {
  font-size: 12pt;
  vertical-align: middle;
  height: 23px;
  line-height: 23px;
  text-align: center;
  width: 30px;
}

.icnBkm:hover {
  color: #4c4c4c;
}

.icnBkmDis {
  color: rgb(170, 170, 170) !important;
  cursor: not-allowed;
}

.icnPlanTlt {
  font-size: 8pt;
  text-align: center;
  padding: 5px;
  padding-right: 0;
  color: #636363;
  background-color: #efefef;
  border-radius: 10px;
}

.icon-logout {
  color: #bb1515 !important;
}

.logo_modifs .icon-abc {
  font-size: 8pt !important;
}

.logo_modifs [class^="icon-"] {
  font-size: 10pt;
  display: inline-block;
  line-height: 21px;
  text-align: center;
}

.icnListAct {
  font-size: 11pt;
  text-align: center;
  width: 24px;
}

/* Drag and Drop de fichiers */
:not(.drop-container).PjHover {
  background-color: #f7f7f7 !important;
  border: 2px dashed #84b0c7 !important;
}

/* 8 PT 
.fs_8pt .mTab, .fs_8pt .hdTable, .fs_8pt .table_labels, .fs_8pt .table_lab_pty, .fs_8pt input[type=\"text\"], .fs_8pt .mTab .table_values input[type='text'] {
    font-size: 8pt;
}

    .fs_8pt [fstyle='SECONDARY_TITLE'], .fs_8pt .mTab .table_values input[type='text'] {
        font-size: 12pt;
    }

    */
/* 9 PT 
.fs_9pt .mTab, .fs_9pt .hdTable, .fs_9pt .table_labels, .fs_9pt .table_lab_pty, .fs_9pt input[type=\"text\"], .fs_9pt .mTab .table_values input[type='text'] {
    font-size: 9pt;
}

    .fs_9pt [fstyle='SECONDARY_TITLE'], .fs_9pt .mTab .table_values input[type='text'] {
        font-size: 13pt;
    }
*/

/* 10 PT 
.fs_10pt .mTab, .fs_10pt .hdTable, .fs_10pt .table_labels, .fs_10pt .table_lab_pty, .fs_10pt input[type=\"text\"], .fs_10pt .mTab .table_values input[type='text'] {
    font-size: 10pt;
}

    .fs_10pt [fstyle='SECONDARY_TITLE'], .fs_10pt .mTab .table_values input[type='text'] {
        font-size: 14pt;
    }
    */

/* 11 PT 
.fs_11pt .mTab, .fs_11pt .hdTable, .fs_11pt .table_labels, .fs_11pt .table_lab_pty, .fs_11pt input[type=\"text\"], .fs_11pt .mTab .table_values input[type='text'], .fs_11pt li div, .fs_11pt li.sbmBottom a, .fs_11pt .sbmBottom .icon-cog, .fs_11pt .Action_sMC, .fs_11pt .lib, .fs_11pt .helloMnu, .fs_11pt .nickMnu, .fs_11pt .rightMenuOption a, .fs_11pt .rightMenuModFile a, .fs_11pt .rightMenuSubMenuTitle, .fs_11pt .btnEscMnu, .fs_11pt .decBtn, .fs_11pt li.navLst {
    font-size: 11pt;
}

    .fs_11pt [fstyle='SECONDARY_TITLE'], .fs_11pt .mTab .table_values input[type='text'] {
        font-size: 15pt;
    }

    */
/* 12 PT 
.fs_12pt .mTab, .fs_12pt .hdTable, .fs_12pt .table_labels, .fs_12pt .table_lab_pty, .fs_12pt input[type=\"text\"], .fs_12pt .mTab .table_values input[type='text'], .fs_12pt li div, .fs_12pt li.sbmBottom a, .fs_12pt .sbmBottom .icon-cog, .fs_12pt .Action_sMC, .fs_12pt .lib, .fs_12pt .helloMnu, .fs_12pt .nickMnu, .fs_12pt .rightMenuOption a, .fs_12pt .rightMenuModFile a, .fs_12pt .rightMenuSubMenuTitle, .fs_12pt .btnEscMnu, .fs_12pt .decBtn, .fs_12pt li.navLst {
    font-size: 12pt;
}

    .fs_12pt [fstyle='SECONDARY_TITLE'], .fs_12pt .mTab .table_values input[type='text'] {
        font-size: 16pt;
    }
    */

/* 14 PT 
.fs_14pt .mTab, .fs_14pt .hdTable, .fs_14pt .table_labels, .fs_14pt .table_lab_pty, .fs_14pt input[type=\"text\"], .fs_14pt .mTab .table_values input[type='text'], .fs_14pt li div, .fs_14pt li.sbmBottom a, .fs_14pt .sbmBottom .icon-cog, .fs_14pt .Action_sMC, .fs_14pt .lib, .fs_14pt .helloMnu, .fs_14pt .nickMnu, .fs_14pt .rightMenuOption a, .fs_14pt .rightMenuModFile a, .fs_14pt .rightMenuSubMenuTitle, .fs_14pt .btnEscMnu, .fs_14pt .decBtn, .fs_14pt li.navLst, .fs_14pt .table_values, .fs_14pt a.chk .icon-square-o, .fs_14pt a.chk .icon-check-square {
    font-size: 14pt;
}

.fs_14pt [fstyle='SECONDARY_TITLE'], .fs_14pt [fstyle='SECONDARY_TITLE'] > input {
    font-size: 18pt !important;
}

.fs_14pt .icnFileBtn, .fs_14pt .file99 {
    font-size: 12pt;
}

.fs_14pt .fileLogo {
    font-size: 13pt;
    line-height: 27px;
}

.fs_14pt a.rChk [class^='icon-'] {
    margin-right: 14px;
}

.fs_14pt .rightMenuSpan_adjust [class^="icon-"] {
    font-size: 11pt;
}
    */

/* 16 PT 
.fs_16pt .mTab, .fs_16pt .hdTable, .fs_16pt .table_labels, .fs_16pt .table_lab_pty, .fs_16pt input[type=\"text\"], .fs_16pt .mTab .table_values input[type='text'], .fs_16pt li div, .fs_16pt li.sbmBottom a, .fs_16pt .sbmBottom .icon-cog, .fs_16pt .Action_sMC, .fs_16pt .lib, .fs_16pt .helloMnu, .fs_16pt .nickMnu, .fs_16pt .rightMenuOption a, .fs_16pt .rightMenuModFile a, .fs_16pt .rightMenuSubMenuTitle, .fs_16pt .btnEscMnu, .fs_16pt .decBtn, .fs_16pt li.navLst, .fs_16pt .table_values, .fs_16pt a.chk .icon-square-o, .fs_16pt a.chk .icon-check-square {
    font-size: 16pt;
}

.fs_16pt [fstyle='SECONDARY_TITLE'], .fs_16pt [fstyle='SECONDARY_TITLE'] > input {
    font-size: 20pt !important;
}

.fs_16pt .icnFileBtn, .fs_16pt .file99 {
    font-size: 13pt;
}

.fs_16pt .fileLogo {
    font-size: 14pt;
    line-height: 30px;
}

.fs_16pt a.rChk [class^='icon-'] {
    margin-right: 16px;
}

.fs_16pt .rightMenuSpan_adjust [class^="icon-"] {
    font-size: 13pt;
}
    */
/*SyncFusion GRID*/
.e-summaryrow {
  background-color: #5f5e5f !important;
  color: white;
  text-align: left;
}

.e-headercell {
  background-color: #ccc !important;
}

.SyncFusionChartContainer {
  width: 100%;
  height: 100%; /* request 99734 */
}

g rect[id*="_svg_Series"][id^="DivChart"],
g path[id*="_svg_Series"][id^="DivChart"] {
  cursor: pointer;
}

text[font-weight="Bold"] {
  font-weight: bold;
  white-space: nowrap;
}

text[font-family="Segoe UI"] {
  font-family: "Segoe UI";
}

text[font-style="normal"] {
  font-style: normal;
}

text[text-anchor="start"] {
  text-anchor: start;
}

path[name*="Light"] {
  cursor: pointer;
}

/* Boutons Reseaux Sociaux*/

.twitterButtonContainer,
.facebookButtonContainer,
.linkedinButtonContainer {
  /* height: 16px;*/
  border-radius: 3px;
  margin: 0px;
  padding: 2px 0px;
}

.twitterButtonContainer a,
.facebookButtonContainer a,
.linkedinButtonContainer a {
  margin: 0px;
  padding: 0px 5px;
}

.twitterButtonContainer {
  background-color: #1b95e0;
}

.twitterButtonContainer:hover {
  background-color: #0c7abf;
}

.facebookButtonContainer {
  background-color: #4267b2;
}

.facebookButtonContainer:hover {
  background-color: #365899;
}

.linkedinButtonContainer {
  background-color: #0077b5;
}

.linkedinButtonContainer:hover {
  background-color: #0369a0;
}

.twitterButtonContainer span,
.facebookButtonContainer span,
.linkedinButtonContainer span {
  margin: 0px 1px;
  font-size: 12px;
}

.twitterButtonContainer span:not([class^="icon-"]),
.facebookButtonContainer span:not([class^="icon-"]),
.linkedinButtonContainer span:not([class^="icon-"]) {
  font-weight: bold;
}

.twitterButtonContainer span,
.twitterButtonContainer span:hover,
.facebookButtonContainer span,
.facebookButtonContainer span:hover,
.linkedinButtonContainer span,
.linkedinButtonContainer span:hover {
  color: #ffffff;
}

/* Fin Boutons Reseaux Sociaux*/

.emtyDataChart {
  background: url(../images/emptyDataChart.jpg) no-repeat center top;
  background-size: contain;
  /*margin: 0.5%;*/
  margin-top: 2%;
  width: 20%;
}

.block {
  position: relative;
  font-size: 0.8vw;
  color: #bd2c17;
}

div.emptyPictureArea {
  border: 2px dashed;
  border-radius: 5px;
  text-align: center;
  padding: 2px;
  margin: 2px;
}

/* Drag and Drop de fichiers */
div.emptyPictureArea.PjHover {
  color: #84b0c7 !important;
}

td.cell div.emptyPictureArea {
  border: none;
}

#bodyCTI #errorContainer {
  background-color: #fff;
  padding: 15px 30px;
  margin-top: 50px;
  font-size: 10pt;
  margin: 100px auto;
  width: 500px;
}

#bodyCTI #errorContainer * {
  vertical-align: middle;
}

#bodyCTI #errorContainer .errorTitle {
  font-weight: bold;
  color: #bb1515;
  vertical-align: middle;
  margin-bottom: 15px;
}

#bodyCTI #errorContainer .errorTitle .icon-ban {
  color: #bb1515;
  margin-right: 7px;
}

#bodyCTI #errorContainer .closeLink {
  color: #bb1515;
  font-size: 9pt;
  display: block;
  text-align: center;
  text-decoration: underline;
  margin-top: 20px;
}

.searchFieldWrapper * {
  float: left;
}

/*input filMyFile*/

.label-container {
  display: none;
}

/*input filMyFile*/

/* floating button */

#app-menu.edn--home--wrapper.edn--home--wrapper--floating--button.edn--home--admin {
  position: absolute;
}

.btn-group-settings.floatingLeft {
  transition: left 250ms, opacity 150ms;
  opacity: 0.3;
}

.btn-group-settings.floatingLeft:hover {
  left: 0 !important;
  transition-delay: 0.5s, 4ms;
  opacity: 1;
}

.btn-group-settings {
  position: fixed;
}

.flex-column {
  flex-direction: column;
}

.d-flex {
  display: flex;
}

.btn-group-settings.floatingLeft button:first-child {
  border-top-right-radius: 5px;
}

.btn-group-settings.floatingLeft button:last-child {
  border-bottom-right-radius: 5px;
}

[class*="fs_"] .wizard_iframe #mainDiv #listContent {
  height: 100%;
}

.eMainRoot {
  overflow: hidden;
}

.edaCalendarList label {
  float: left;
  margin-left: -0.75rem;
}

.searchFieldWrapper {
  display: flex;
  align-items: center;
}

.color-green {
  color: #22a147 !important;
}

.color-orange {
  color: #ff832b !important;
}

.color-red {
  color: #da1e27 !important;
}

div[id*="widget-wrapper"]:focus {
  box-shadow: 4px 4px 21px -8px rgba(0, 0, 0, 0.75);
}

label.srchFlLabel {
  opacity: 0;
  position: absolute;
  pointer-events: none; /* Empêcher que le label bloque les events du champs de recherche */
}

span.icnMnuVerBtn > span {
  position: relative;
  color: rgba(0, 0, 0, 0);
  font-size: 12px;
  left: 0;
  width: 0px;
  display: inline-block;
}

.icon-edn-first:before {
  z-index: 1;
  position: relative;
}

.hidden-label {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}