/* -------------------------------- 

Primary style

-------------------------------- */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(../work/fonts/Roboto/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  src: local('Roboto Thin'), local('Roboto-Thin'), url(../work/fonts/Roboto/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../work/fonts/Roboto/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  src: local('Roboto Light'), local('Roboto-Light'), url(../work/fonts/Roboto/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../work/fonts/Roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  src: local('Roboto'), local('Roboto-Regular'), url(../work/fonts/Roboto/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../work/fonts/Roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../work/fonts/Roboto/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../work/fonts/Roboto/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../work/fonts/Roboto/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(../work/fonts/Roboto/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  src: local('Roboto Black'), local('Roboto-Black'), url(../work/fonts/Roboto/mnpfi9pxYH-Go5UiibESIj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(../work/fonts/Roboto/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(../work/fonts/Roboto/12mE4jfMSBTmg-81EiS-YRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../work/fonts/Roboto/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(../work/fonts/Roboto/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(../work/fonts/Roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  src: local('Roboto Italic'), local('Roboto-Italic'), url(../work/fonts/Roboto/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../work/fonts/Roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(../work/fonts/Roboto/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../work/fonts/Roboto/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../work/fonts/Roboto/t6Nd4cfPRhZP44Q5QAjcC4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(../work/fonts/Roboto/bmC0pGMXrhphrZJmniIZpY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(../work/fonts/Roboto/bmC0pGMXrhphrZJmniIZpYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}


/* -------------------------------- 

HTML et Body: attencion, s'applique aux 2 iframes. Il faut donc modifier les comportement selon des classes specifiques

-------------------------------- */



*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-y: initial !important;
}
html.no-overflow{
   overflow-y: hidden !important;
   overflow-x: hidden;
}

/*26-02-2018: ajustements accueil et liste*/
/* modif Ociensa 2020/07/27 : même règle définie plus bas
#gestion {
   margin-left: 53px;
}
*/

body {
  font-size: 1.6rem;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #3e454c;
  background-color: #F6F6F6;
}
body::after {
  clear: both;
  content: "";
  display: table;
}

a {
  color: #1784c7;
  text-decoration: none;
}

input, textarea {
  font-family: Roboto, "Open Sans", sans-serif;
  font-size: 1.6rem;
  outline: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* --------------------------------

06-02-2018: Sablier

-------------------------------- */
.blockMsg {
   background: #FAFAFA !important;
   font-size: 13px !important;
   width: 40% !important;
    top: 30% !important;
    left: 30% !important;
    opacity: 1 !important;
   border: 0 !important;
   box-shadow: 0px 10px 50px 10px rgba(0,0,0,0.5);
}
.texteAttente {
   margin-bottom: 32px;
}
.texteAttente .loader {
   display: block;
}
.texteAttente .loader,
.texteAttente .loader:before,
.texteAttente .loader:after {
  border-radius: 50%;
}
.texteAttente .loader {
  color: #4A9FFE;
  font-size: 8px;
  text-indent: -99999em;
  margin: 32px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 0.5em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.texteAttente .loader:before,
.texteAttente .loader:after {
  position: absolute;
  content: '';
}
.texteAttente .loader:before {
    width: 6.2em;
    height: 11.2em;
    background: #FAFAFA;
    border-radius: 11.2em 0 0 11.2em;
    top: -0.3em;
    left: -0.3em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}
.texteAttente .loader:after {
   width: 6.2em;
    height: 10.2em;
    background: #FAFAFA;
    border-radius: 0 15.2em 15.2em 0;
    top: -0.2em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* -------------------------------- 

Main Page Content

-------------------------------- */
/* .cd-main-content .content-wrapper {
  padding: 45px 5% 3em;
} */
/* .cd-main-content .content-wrapper h1 {
  text-align: center;
  padding: 3em 0;
  font-size: 2rem;
} */
.cd-main-content::before {
  /* never visible - used to check MQ in jQuery */
  display: none;
  content: 'mobile';
}
  .cd-main-content .content-wrapper {
      padding-bottom: 3em;
      padding-right: 5%;
      padding-left: 5%;
    margin-left: 110px;
    padding-top: 80px;
  }
  .cd-main-content .content-wrapper h1 {
      text-align: center;
    padding: 4em 0;
    font-size: 3.2rem;
    font-weight: 300;
  }
  .cd-main-content::before {
    content: 'tablet';
  }
@media only screen and (min-width: 1280px) {
  .cd-main-content .content-wrapper {
    margin-left: 200px;
  }
  .cd-main-content::before {
    content: 'desktop';
  }
}

/* -------------------------------- 

Header

-------------------------------- */
.cd-main-header {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 45px;
  width: 100%;
  background: #373737;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-shadow: 0px 0px 1px 0px rgba(200, 200, 200, 0.2);
}
.cd-main-header::after {
  clear: both;
  content: "";
  display: table;
}
  .cd-main-header {
    position: fixed;
    height: 64px;
  }
@media only screen and (min-width: 1280px) {
  .cd-main-header {
    height: 70px;
  }
   /* 22-04-2019: Taille de rectangle Chargement */
  .blockMsg {
      width: 460px !important;
      height: 235px;
      left: calc( (100% - 460px) / 2 ) !important;
  }
}
@media only screen and (min-width: 1920px) {
  .cd-main-header {
    height: 120px;
  }
}

.cd-logo {
  float: left;
  display: block;
      position: absolute;
    left: 0;
    top: 0;
   padding: 18px 0px 0 14px; /* 06-02-2018: Uniformisations avec les listes */
    width: 53px;
    height: 64px;
    background-color: #373737;
}
.cd-logo img {
  display: block;
  width: 24px; /* 06-02-2018: Uniformisations avec les listes */
  height: 28px;
}
@media only screen and (min-width: 1280px) {
  .cd-logo {
     width: 53px;
    height: 70px;
   padding: 18px 0px 0 12px; /* 06-02-2018: Uniformisations avec les listes */
  }
  .cd-logo img {
     height: 34px;
     width: 28px; /* 06-02-2018: Uniformisations avec les listes */
   }
}

@media only screen and (min-width: 1920px) {
  .cd-logo {
     width: 100px;
    height: 120px;
   padding: 37px 0px 0 30px;
  }
  .cd-logo img {
     width: 40px;
     height: 46px;
  }
}

.cd-nav-trigger {
  /* navigation trigger - visible on mobile devices only */
  float: right;
  position: relative;
  display: block;
  width: 34px;
  height: 44px;
  margin-right: 5%;
  /* hide text */
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #F4F5F4;
}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: white;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
  .cd-nav-trigger {
    display: none;
  }

/* .cd-search {
  position: relative;
  margin: 1.2em 5% 0.6em;
}
.cd-search.is-hidden {
  opacity: 0;
}
.cd-search::before {

  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background: url(../work/images/svgs/cd-search.svg) no-repeat 0 0;
}
.cd-search input {
  padding-left: 32px;
  width: 100%;
  height: 36px;
  border: none;
  border-radius: .25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input:focus {
  outline: none;
}
  .cd-search {
    float: left;
    display: inline-block;
    width: 250px;
    height: 100%;
    margin: 0 0 0 18px;
  }
  .cd-search.is-hidden {

    opacity: 1;
  }
  .cd-search::before {
    background-position: 0 -16px;
    left: 1em;
  }
  .cd-search form, .cd-search input {
    height: 100%;
    width: 100%;
  }
  .cd-search input {
    border: none;
    padding-left: 2.6em;
    border-radius: 0;
    background-color: #3e454c;
    border-left: 1px solid #51575d;
    color: #F4F5F4;
  }
  .cd-search input::-webkit-input-placeholder {
    color: #777c81;
  }
  .cd-search input::-moz-placeholder {
    color: #777c81;
  }
  .cd-search input:-moz-placeholder {
    color: #777c81;
  }
  .cd-search input:-ms-input-placeholder {
    color: #777c81;
  } */

/* -------------------------------- 

Top Navigation

-------------------------------- */
.cd-nav {
  /* top nav - not visible on mobile devices */
  display: none;
}
  .cd-nav {
    display: block;
    float: right;
    height: 100%;
   width: 100%;
    padding-left: 53px;
   background-color: #F5F5F5;
  }

@media only screen and (min-width: 1920px) {
   .cd-nav {
      padding-left: 100px;
   }
}

/* -------------------------------- 

Breadcrumb

-------------------------------- */


.cd-nav-breadcrumb > li > a::before, .cd-nav-account > li > a::before, .cd-nav-site > li > a::before {
  /* reset style */
  display: none;
}
/* 02-05-2018: Correction validité CSS */
/* 
.cd-nav-breadcrumb > li a, .cd-nav-account > li a:not(.boutton), .cd-nav-site > li a {
  padding: 1em 5% !important;
}
*/
.cd-nav-breadcrumb img, .cd-nav-account > li > a > img, .cd-nav-site img {
  /* avatar image */
  position: absolute;
  left: calc(1.8em + 70px);
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: none;
}



/* -------------------------------- 

Profil utilisateur

-------------------------------- */


.cd-nav-account > li > a > img {
   display: block;
}
.cd-nav-account .image-profile-wrapper {
   /* position: static; */
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
   padding: 0;
    margin: 15px 20px 20px 20px;
   position: relative;
   border-radius: 50%;
    overflow: hidden;
}
.cd-nav-account .image-profile-wrapper.big {
   height: 60px;
    width: 60px;
   background: url(../work/images/logo-apia-bleu.png) center center no-repeat #283593;
}
.cd-nav-account .image-profile-wrapper.small {
   height: 30px;
    width: 30px;
    margin: 17px;
    float: left;
}
.cd-nav-account .image-profile-wrapper img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.cd-nav-account .image-profile-wrapper.small i, .cd-nav-account .image-profile-wrapper.big i {
   display: none;
}

.cd-nav-account .image-profile-wrapper.small.no-perfil-image i {
   display: block;
   color: #fff;
   font-weight: 300;
   text-align: center;
   line-height: 30px;
    width: 103%;
   font-size: 20px;
}

.cd-nav-account .image-profile-wrapper.big.no-perfil-image i {
   display: block;
   color: #fff;
   font-weight: 300;
   text-align: center;
    line-height: 60px;
    width: 103%;
    font-size: 32px;
}

#uploadPerfilImageButton {
   display: none;
   position: absolute;
    width: 42px;
    height: 42px;
    cursor: pointer;
    margin: 0;
    top: calc(50% - 21px);
    left: calc(50% - 21px);
    background-color: #626262;
    opacity: 0.8;
    border-radius: 50%;
   font-weight: 100;
}

/* Pas de photo : icône d'upload visible de manière permanente */
.image-profile-wrapper.no-perfil-image #uploadPerfilImageButton {
    display: block;
}

#uploadPerfilImageButton::before {
    content: "\f093";
    display: block;
    font-family: FontAwesome;
    line-height: 42px;
    text-align: center;
    font-size: 26px;
    color: #fff;
}
#profile_image {
   display: none;
}
.cd-nav-account .image-profile-wrapper.big:hover #uploadPerfilImageButton {
   display: block;
}

#clientLogo {
   float: left;
}
#clientLogo .client-image {
   height: 30px;
    width: auto;
    margin-top: 17px;
    margin-left: 17px;
}

/* 06-02-2018: Uniformisations avec les listes */
@media only screen and (max-width: 1023px) {
   #clientLogo {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 64px;
      max-width: 70px
   }
   #clientLogo .client-image {
         width: calc(100% - 17px);
         height: auto;
         margin-top: 0px;
   }
}

/* -------------------------------- 

Profile Utilisateur: Onglet infos et Etats

-------------------------------- */


.cd-nav-account-infos .flex-v-align, .cd-nav-account-etats .flex-v-align, .cd-nav-account-options-affichage .flex-v-align {
   display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
.cd-nav-account-infos .role-count-3 {
	/* fixer la hauteur de la zone (identique aux autres zones) pour pouvoir gérer le scroll sur la liste des rôles */
	height: 100px;
}
.cd-nav-account-infos .label, .cd-nav-account-etats .label, .cd-nav-account-options-affichage .label {
    color: #C5C9E9;
    font-size: 11px;
    font-family: Roboto;
    padding: 0;
    display: block;
    text-align: left;
    margin-bottom: 0;
    margin-top: 34px;
    font-weight: 400;
}
.cd-nav-account-infos .flex-v-align .label, .cd-nav-account-etats .flex-v-align .label, .cd-nav-account-options-affichage .flex-v-align .label {
   margin-top: 0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE: 11 + 10 */
   .cd-nav-account-infos .flex-v-align .label, .cd-nav-account-etats .flex-v-align .label, .cd-nav-account-options-affichage .flex-v-align .label {
      margin-top: 0px;
   }
}
@media screen\0 { /* IE: 8, 9, 10 */
    .cd-nav-account-infos .flex-v-align .label, .cd-nav-account-etats .flex-v-align .label, .cd-nav-account-options-affichage .flex-v-align .label {
      margin-top: 0px;
   }
}
@media screen and (min-width:0\0) { /* IE 9 and 10 */
    .cd-nav-account-infos .flex-v-align .label,  .cd-nav-account-etats .flex-v-align .label,  .cd-nav-account-options-affichage .flex-v-align .label {
      margin-top: 34px; /*02-05-2018: Correction validité CSS */ 
   }
}

.cd-nav-account-infos input, .cd-nav-account-etats input, .cd-nav-account-options-affichage input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #C4CAEA;
    padding: 0;
    margin-left: -1px;
    color: #F4F5F4;
   font-size: 18px;
   width: 100%;
}
.cd-nav-account-infos div.profile-content, .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #C4CAEA;
    padding: 0;
    margin-left: -1px;
    color: #F4F5F4;
    font-size: 14px;
   word-wrap: break-word;
}
.cd-nav-account-etats div.profile-content {
    border: 0;
}
.cd-nav-account-etats div.profile-content label {
   color: #fff;
   font-weight: 300;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 10px;
}
/* modif Ociensa 2019/05/16 : ajout règle pour écarter le checkbox du texte */
.cd-nav-account-etats div.profile-content label.label-checkbox {
    margin-left: 30px !important;
}
.cd-nav-account-infos li.has-children > div > a, .cd-nav-account-etats li.has-children > div > a, .cd-nav-account-options-affichage li.has-children > div > a {
    padding: 0 !important;
    font-size: 14px;
    font-family: Roboto, "Open Sans", sans-serif;
    color: #F4F5F4;
    border-bottom: 1px solid #C4CAEA;
   width: 100%;
}
.cd-nav-account-infos li.has-children a:hover, .cd-nav-account-etats li.has-children a:hover, .cd-nav-account-options-affichage li.has-children a:hover {
   color: #F4F5F4;
}
.cd-nav-account-infos li.has-children a::after, .cd-nav-account-etats li.has-children a::after, .cd-nav-account-options-affichage li.has-children a::after {
    right: 12px;
    top: inherit;
    bottom: 0px;
}
.cd-nav-account-infos input:focus, .cd-nav-account-etats input:focus, .cd-nav-account-options-affichage input:focus {
   outline: none;
}
.cd-nav-account-infos .has-simple-list, .cd-nav-account-etats .has-simple-list, .cd-nav-account-options-affichage .has-simple-list {
     position: relative;
  }
.cd-nav-account-infos .has-simple-list ul.simple-list, .cd-nav-account-etats .has-simple-list ul.simple-list, .cd-nav-account-options-affichage .has-simple-list ul.simple-list {
     position: absolute;
     left: 0;
     top: inherit;
     background-color: transparent;
     display: block;
     padding-left: 15px;
     width: 100%;
  }
.cd-nav-account-infos .has-simple-list ul.simple-list li, .cd-nav-account-etats .has-simple-list ul.simple-list li, .cd-nav-account-options-affichage .has-simple-list ul.simple-list li {
   color: #F4F5F4;
    font-size: 14px;
    line-height: 18px;
   width: 100%;
  }
  .cd-nav-account-infos .has-simple-list ul.simple-list li:last-child, .cd-nav-account-etats .has-simple-list ul.simple-list li:last-child, .cd-nav-account-options-affichage .has-simple-list ul.simple-list li:last-child {
     border-bottom: 1px solid #C4CAEA;
  }
  
  .cd-nav-account-infos .has-simple-list.role-count-3 label, .cd-nav-account-etats .has-simple-list.role-count-3 label {
   margin-top: 17px;
  }

.cd-nav-account-infos .has-simple-list.role-count-3 ul.simple-list {
	overflow-y: scroll;
   /* Fixer la hauteur de la zone pour le scroll */
   height: 71px;
}

.cd-nav-account-infos .has-simple-list.role-count-4 label, .cd-nav-account-etats .has-simple-list.role-count-4 label {
     margin-top: 8px;
  }
.cd-nav-account-infos .has-simple-list.role-count-5 label, .cd-nav-account-etats .has-simple-list.role-count-5 label {
     margin-top: -4px;
  }
  
@media only screen and (min-width: 1280px) {
.cd-nav-account-infos .has-simple-list.role-count-3 label {
   margin-top: 11px;
  }
	.cd-nav-account-infos .has-simple-list.role-count-3 ul.simple-list {
		/* Fixer la hauteur de la zone pour le scroll */
		height: 100px;
	}
.cd-nav-account-infos .has-simple-list.role-count-4 label {
     margin-top: 11px;
  }
.cd-nav-account-infos .has-simple-list.role-count-5 label {
     margin-top: -10px;
  }
  
  .cd-nav-account-infos div.profile-content, .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
         font-size: 16px;
  }
  .cd-nav-account-infos .label, .cd-nav-account-etats .label, .cd-nav-account-options-affichage .label {
     font-size: 13px;
  }
  .cd-nav-account-infos .has-simple-list ul.simple-list li, .cd-nav-account-etats .has-simple-list ul.simple-list li, .cd-nav-account-options-affichage .has-simple-list ul.simple-list li {
   font-size: 16px;
    line-height: 21px;
  }
  .cd-nav-account-infos li.has-children > div > a, .cd-nav-account-etats li.has-children > div > a, .cd-nav-account-options-affichage li.has-children > div > a {
   font-size: 16px;
  }
  
  .cd-nav-account .image-profile-wrapper.small.no-perfil-image i, .cd-nav-account .image-profile-wrapper.small.no-perfil-image i {
   line-height: 41px;
    width: 103%;
   font-size: 24px;
  }
    .cd-nav-account .image-profile-wrapper.big.no-perfil-image i, .cd-nav-account .image-profile-wrapper.big.no-perfil-image i {
    line-height: 80px;
    width: 102%;
    font-size: 42px;
  }
  
  }
  
    @media only screen and (min-width: 1920px) {
.cd-nav-account-infos .has-simple-list.role-count-3 label {
    margin-top: 30px;
}
   .cd-nav-account-infos .has-simple-list.role-count-3 ul.simple-list {
      /* Fixer la hauteur de la zone pour le scroll */
      height: 134px;
   }
.cd-nav-account-infos .has-simple-list.role-count-4 label {
     margin-top: 35px;
  }
.cd-nav-account-infos .has-simple-list.role-count-5 label {
     margin-top: 5px;
  }
  
      .cd-nav-account .image-profile-wrapper.small.no-perfil-image i {
line-height: 54px;
    width: 103%;
    font-size: 32px;
  }
    .cd-nav-account .image-profile-wrapper.big.no-perfil-image i {
    line-height: 120px;
    width: 101%;
    font-size: 60px;
  }
  
  }
  .cd-top-nav {
    height: 100%;
   box-shadow: 0px 0px 2px 0px rgba(200, 200, 200, 0.9);
  }
  
  
  /* -------------------------------- 

Select du site / Breadcrumb

-------------------------------- */

  
  .cd-nav-site {
   float: left;
   position: fixed;
    z-index: 9;
    background: #F6F6F6;
   margin-left: 8px;
    margin-top: 8px;
   width: 290px;
   max-width: calc(100% - 560px); /* 06-02-2018: Top e breadcrumb: responsive et chacher textes en basse résolution */
  }
  .cd-nav-site select {
     width: 100%;
  }
  .cd-nav-breadcrumb {
   float: left;
   clear: left;
   margin-top: 45px;
   position: fixed;
   width: calc(100% - 545px); /* 06-02-2018: Top e breadcrumb: responsive et chacher textes en basse résolution */
  }
  .cd-nav-breadcrumb a {
    display: block;
    font-size: 1.4rem;
    color: #787878;
  }
  .cd-nav-breadcrumb > li {
    display: inline-block;
    height: 100%;
   position: relative;
   max-width: calc((100% - 10px)/3); /* 06-02-2018: Top e breadcrumb: responsive et chacher textes en basse résolution */
  }
  .cd-nav-breadcrumb > li:not(:last-of-type):after {
    display: inline-block;
    content: '';
    height: 1px;
    width: 12px; /* 06-02-2018: Uniformisations avec les listes */
    position: absolute;
    background-color: #787878;
    right: -14px;
    bottom: 6px; /* 06-02-2018: Uniformisations avec les listes */
  }
  .cd-nav-breadcrumb > li:last-of-type {
    margin-right: 0;
  }
  .cd-nav-breadcrumb > li.logo {
     padding-left: 18px;
  }
  .cd-nav-breadcrumb > li.logo:before {
    display: inline-block;
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
   left: 18px; /* 06-02-2018: Uniformisations avec les listes */
  }
  .cd-nav-breadcrumb > li.logo.organisation:before {
     background: url(../work/images/organisation-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.actions-et-constats:before {
     background: url(../work/images/actions-et-constats-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.documents:before {
     background: url(../work/images/documents-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.indicateurs:before {
     background: url(../work/images/indicateurs-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.conformite:before {
     background: url(../work/images/conformite-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.risques:before {
     background: url(../work/images/risques-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  .cd-nav-breadcrumb > li.logo.etats:before {
     background: url(../work/images/etats-gray.png) center center no-repeat transparent;
     background-size: cover;
  }
  
  .cd-nav-breadcrumb > li a { /* 06-02-2018: Uniformisations avec les listes */
    padding-left: 20px;
    font-size: 11px;
    float: left;
    padding-right: 10px;
    line-height: 16px;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
  }
  
  
  .cd-nav-breadcrumb > li.active a { /* 06-02-2018: Uniformisations avec les listes */
   color: #4A9FFE;
   cursor: default;
    text-decoration: none;
    font-weight: 500;
  }
  .cd-nav-breadcrumb img {
    display: block;
  }
  .cd-nav-account {
   float: right;
   height: 64px;
  }
  .cd-nav-account a {
    display: block;
    font-size: 1.4rem;
    color: #787878;
  }
  .cd-nav-account > li {
    display: inline-block;
    margin-right: 18px;
  }
  .cd-nav-account > li:last-of-type {
    margin-right: 0;
  }
  .cd-nav-account > li.logout a {
    padding: 23px 16px 20px 16px;
  }
  .cd-nav-account img {
    display: block;
  }
  
  .cd-nav-account .top-link-wrapper {
        position: relative;
    top: -24px;
  }
  
   .cd-nav-account .top-link-wrapper.has-text {
      border: 1px solid #787878;
      height: 17px;
      line-height: 17px;
      border-radius: 50%;
      width: 18px;
      top: -27px;
   }
   .cd-nav-account > li.top-link-wrapper.has-text a:hover {
      color: #787878;
   }
  
  .cd-nav-account a.top-link {
   width: 19px;
    height: 18px;
    margin-bottom: -1px;
  }
  /*.cd-nav-account a.top-link.home {
  }*/
  .cd-nav-account a.top-link.aide {
    font-size: 11px;
    text-align: center;
    width: 17px;
    height: 17px;
  }
  .cd-nav-account a.top-link.users {
   background: url(../work/images/svgs/1024/user-menu-connected.svg) center center no-repeat transparent;
   background-size: contain;
   opacity: 0.7;
   outline: none;
  }
  .cd-nav-account a.top-link.taillePolice {
   background: url(../work/images/svgs/icone-taillePolice.svg) center center no-repeat transparent;
   background-size: contain;
   opacity: 0.7;
   outline: none;
  }
  .cd-nav-account a.top-link.taillePolice:hover {
   background-image: url(../work/images/svgs/icone-taillePolice-hover.svg);
  }
  /* .cd-nav-account a.top-link.admin {
  } */
  .cd-nav-site a {
    display: block;
    font-size: 1.4rem;
    color: #787878;
  }
  .cd-nav-site > li {
    display: inline-block;
   margin-top: 15px;
    height: 100%;
  }
  .cd-nav-site > li:last-of-type {
    margin-right: 0;
  }
  .cd-nav-site > li a {
    padding: 1em .6em !important;
  }
  .cd-nav-site img {
    display: block;
  }
  @media only screen and (min-width: 1280px) {
   .cd-nav-breadcrumb {
      margin-top: 50px;
      width: calc(100% - 688px); /* 06-02-2018: Uniformisations avec les listes */
   }
   .cd-nav-site { /* 06-02-2018: Uniformisations avec les listes */
      max-width: calc(100% - 705px);
     }
   .cd-nav-breadcrumb > li a { /* 06-02-2018: Uniformisations avec les listes */
      line-height: 16px;
      padding-left: 25px;
      padding-right: 15px;
       font-weight: bold;
      font-size: 12px;
   }
   .cd-nav-breadcrumb > li:not(:last-of-type):after { /* 06-02-2018: Uniformisations avec les listes */
      width: 18px;
   }
     .cd-nav-breadcrumb > li { /* 06-02-2018: Uniformisations avec les listes */
      max-width: calc((100% - 20px)/3);
     }
   .cd-nav-breadcrumb > li.logo {
        padding-left: 20px;
    }
   .cd-nav-site {
      margin-left: 12px;
      margin-top: 12px;
         width: 320px;
     }
     .cd-nav-account {
   height: 70px;
  }
  #clientLogo .client-image {
     height: 40px;
     margin-top: 15px;
     margin-left: 20px;
  }
  .cd-nav-account .image-profile-wrapper.small {
   height: 40px;
    width: 40px;
    margin: 15px 20px;
  }
     
  }
@media only screen and (min-width: 1920px) {
  .cd-nav-breadcrumb {
      margin-top: 75px;
      width: calc(100% - 880px); /* 06-02-2018: Uniformisations avec les listes */
   }
   .cd-nav-site { /* 06-02-2018: Uniformisations avec les listes */
      max-width: calc(100% - 900px);
     }
   
   .cd-nav-breadcrumb > li a { /* 06-02-2018: Uniformisations avec les listes */
      padding-right: 30px;
      line-height: 18px;
      padding-left: 30px;
      font-size: 14px;
   }
   .cd-nav-breadcrumb > li { /* 06-02-2018: Uniformisations avec les listes */
      max-width: calc((100% - 30px)/3);
     }
   .cd-nav-breadcrumb > li:not(:last-of-type):after { /* 06-02-2018: Uniformisations avec les listes */
      width: 24px;
      bottom: 8px;
   }
   
   .cd-nav-breadcrumb > li.logo { /* 06-02-2018: Uniformisations avec les listes */
      padding-left: 30px;
   }
   .cd-nav-breadcrumb > li.logo:before { /* 06-02-2018: Uniformisations avec les listes */
      left: 30px;
   }
}


/* 06-02-2018: Uniformisations avec les listes 
/*26-02-2018: ajustements accueil et liste*/
/* -------------------------------- 

Breadcrumb - Ecran infereur a 750px de largeur: on ne montre que le dernier element

-------------------------------- */

@media only screen and (max-width: 750px) {
   .cd-nav-breadcrumb > li {
      display: none;
   }
   .cd-nav-breadcrumb > li.logo {
      display: inline-block;
   }
   .cd-nav-breadcrumb > li.logo:before {
      position: static;
   }
   .cd-nav-breadcrumb > li.logo a {
      display: none;
   }
   .cd-nav-breadcrumb > li:not(:last-of-type):after {
      display: none;
   }
   .cd-nav-breadcrumb > li:last-of-type {
      display: inline-block;
      max-width: 100%;
      width: calc(100% - 42px);
   }
   .cd-nav-breadcrumb > li.active a {
      padding-left: 0px;
   }
}



/* -------------------------------- 

Sidebar

-------------------------------- */
.cd-side-nav {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  padding: 45px 0 0;
  background-color: #373737;
  visibility: hidden;
  opacity: 0;
  max-height: 100vh;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
.cd-side-nav.nav-is-visible {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
  transition: opacity 0.2s 0s, visibility 0s 0s;
  max-height: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-side-nav > ul {
  padding: 0.6em 0;
}
.cd-side-nav > ul:last-of-type {
  padding-bottom: 0;
      padding-top: 0;
}
.cd-side-nav .cd-label, .cd-side-nav a {
  display: block;
  padding: 1em 5%;
}
.cd-side-nav .cd-label {
  text-transform: uppercase;
  font-weight: bold;
  color: #646a6f;
  font-size: 1rem;
  /* letter-spacing: .1em; */
}
.cd-side-nav a {
  position: relative;
  color: #BEBEBE;
  font-size: 1.4rem;
}
.cd-side-nav ul.cd-nav-breadcrumb > li:last-of-type > a {
  border-bottom: none;
}
.cd-side-nav ul.cd-nav-account > li:last-of-type > a {
  border-bottom: none;
}
.cd-side-nav ul.cd-nav-site > li:last-of-type > a {
  border-bottom: none;
}
.cd-side-nav > ul > li > a {
  padding-left: calc(5% + 24px);
  border-bottom: 1px solid #373d44;
}
/* .cd-side-nav > ul > li.hover > a::before { */
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);*/
/* } */
.cd-side-nav > ul > li.organisation > a {
  background: url(../work/images/svgs/1024/main-menu-organisation.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.actions-et-constats > a {
  background: url(../work/images/svgs/1024/main-menu-actions-et-constats.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.documents > a {
  background: url(../work/images/svgs/1024/main-menu-documents.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.indicateurs > a {
  background: url(../work/images/svgs/1024/main-menu-indicateurs.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.conformite > a {
  background: url(../work/images/svgs/1024/main-menu-conformite.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.risques > a {
  background: url(../work/images/svgs/1024/main-menu-risques.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.etats > a {
  background: url(../work/images/svgs/1024/main-menu-etats.svg) no-repeat center center transparent;
  background-size: 48%;
}

@media only screen and (min-width: 1280px) {
.cd-side-nav > ul > li.organisation > a {
  background: url(../work/images/svgs/1280/main-menu-organisation.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.actions-et-constats > a {
  background: url(../work/images/svgs/1280/main-menu-actions-et-constats.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.documents > a {
  background: url(../work/images/svgs/1280/main-menu-documents.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.indicateurs > a {
  background: url(../work/images/svgs/1280/main-menu-indicateurs.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.conformite > a {
  background: url(../work/images/svgs/1280/main-menu-conformite.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.risques > a {
  background: url(../work/images/svgs/1280/main-menu-risques.svg) no-repeat center center transparent;
  background-size: 48%;
}
.cd-side-nav > ul > li.etats > a {
  background: url(../work/images/svgs/1280/main-menu-etats.svg) no-repeat center center transparent;
  background-size: 48%;
}
}

@media only screen and (min-width: 1920px) {
.cd-side-nav > ul > li.organisation > a {
  background: url(../work/images/svgs/1920/main-menu-organisation.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.actions-et-constats > a {
  background: url(../work/images/svgs/1920/main-menu-actions-et-constats.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.documents > a {
  background: url(../work/images/svgs/1920/main-menu-documents.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.indicateurs > a {
  background: url(../work/images/svgs/1920/main-menu-indicateurs.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.conformite > a {
  background: url(../work/images/svgs/1920/main-menu-conformite.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.risques > a {
  background: url(../work/images/svgs/1920/main-menu-risques.svg) no-repeat center center transparent;
}
.cd-side-nav > ul > li.etats > a {
  background: url(../work/images/svgs/1920/main-menu-etats.svg) no-repeat center center transparent;
}

.cd-nav-account .image-profile-wrapper.small {
       height: 52px;
    width: 52px;
    margin: 34px 26px;
}
#clientLogo .client-image {
   height: 52px;
    margin-top: 34px;
    margin-left: 26px;
}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1920px) { /* IE: 11 + 10 */
   .cd-side-nav > ul > li.organisation > a {
     background: url(../work/images/organisation-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.organisation.hover > a  {
     background: url(../work/images/organisation.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.actions-et-constats > a {
     background: url(../work/images/actions-et-constats-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.actions-et-constats.hover > a {
     background: url(../work/images/actions-et-constats.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.documents > a {
     background: url(../work/images/documents-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.documents.hover > a {
     background: url(../work/images/documents.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.indicateurs > a {
     background: url(../work/images/indicateurs-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.indicateurs.hover > a {
     background: url(../work/images/indicateurs.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.conformite > a {
     background: url(../work/images/conformite-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.conformite.hover > a {
     background: url(../work/images/conformite.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.risques > a {
     background: url(../work/images/risques-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.risques.hover > a {
     background: url(../work/images/risques.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.etats > a {
     background: url(../work/images/etats-gray.png) no-repeat center center transparent;
   }
   .cd-side-nav > ul > li.etats.hover > a {
     background: url(../work/images/etats.png) no-repeat center center transparent;
   }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1919px) { /* IE: 11 + 10 */
   .cd-side-nav > ul > li.organisation > a {
     background: url(../work/images/organisation-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.organisation.hover > a  {
     background: url(../work/images/organisation.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.actions-et-constats > a {
     background: url(../work/images/actions-et-constats-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.actions-et-constats.hover > a {
     background: url(../work/images/actions-et-constats.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.documents > a {
     background: url(../work/images/documents-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.documents.hover > a {
     background: url(../work/images/documents.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.indicateurs > a {
     background: url(../work/images/indicateurs-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.indicateurs.hover > a {
     background: url(../work/images/indicateurs.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.conformite > a {
     background: url(../work/images/conformite-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.conformite.hover > a {
     background: url(../work/images/conformite.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.risques > a {
     background: url(../work/images/risques-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.risques.hover > a {
     background: url(../work/images/risques.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.etats > a {
     background: url(../work/images/etats-gray.png) no-repeat center center transparent;
     background-size: 48%;
   }
   .cd-side-nav > ul > li.etats.hover > a {
     background: url(../work/images/etats.png) no-repeat center center transparent;
     background-size: 48%;
   }
}

.cd-side-nav .count, .cd-nav-account .count {
  /* notification badge */
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: calc(5% + 16px + 0.4em);
  padding: 0.2em 0.4em;
  background-color: #F50900;
  border-radius: .25em;
  color: #F4F5F4;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}
.cd-side-nav .action-btn a {
  display: block;
  margin: 0 5%;
  padding: 1em 0;
  background-color: #1784c7;
  border-radius: .25em;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-align: center;
  color: #F4F5F4;
  font-weight: bold;
}
.cd-side-nav .action-btn a::before {
  display: none;
}

    .cd-side-nav > ul > li:not(.action-btn).hover > a {
    /* box-shadow: 0px 0px 1px 0px rgba(200, 200, 200, 0.2); */
   border-bottom: 1px solid #454545;
    border-top: 1px solid #454545;
  }
    /* .cd-side-nav > ul > li:not(.action-btn).selected > a {
    /* box-shadow: 0px 0px 1px 0px rgba(200, 200, 200, 0.2);
   border-bottom: 1px solid #454545;
    border-top: 1px solid #454545;
  } */

  .cd-side-nav {
    position: relative;
    float: left;
    top: auto;
    width: 53px;
    min-height: 100vh;
    padding-top: 64px;
    /* reset style */
    visibility: visible;
    opacity: 1;
    overflow: visible;
    max-height: none;
  }
  .cd-side-nav.nav-is-visible {
    box-shadow: none;
  }
  .cd-side-nav.is-fixed {
    position: fixed;
  }
  .cd-side-nav > ul {
    /* reset style */
    padding: 0;
  }
  .cd-side-nav .cd-label {
    /* remove labels on minified version of the sidebar */
    display: none;
  }
  .cd-side-nav a {
    font-size: 12px;
   line-height: 14px;
    padding: 14px 11px;
  }
  .cd-side-nav > ul > li > a {
    padding: 0px 14px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    height: 41px;
  }
  .cd-side-nav > ul > li > a::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.4em;
  }
  .cd-side-nav .active > a {
    /* current page */
    box-shadow: inset 3px 0 0 #1784c7;
    background-color: #33383e;
  }
  .cd-side-nav .action-btn a {
    margin: 1em 10% 0;
  }
  .cd-side-nav .count, .cd-nav-account .count {
    /* reset style */
    color: #F4F5F4;
    height: 22px;
    width: 22px;
    border-radius: 20px;
    padding: .2em .4em;
    top: 28%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 125px;
    box-shadow: none;
    line-height: 12px;
   border: 3px solid #fff;
  }


@media only screen and (min-width: 1280px) {
  .cd-side-nav {
    padding-top: 70px;
  }
  .cd-side-nav > ul {
    padding: 0.6em 0;
  }

  .cd-side-nav > ul > li > a {
   height: 46px;
    text-align: left;
    border-bottom: none;
   border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }
  .cd-side-nav > ul > li > a::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
  }
  .cd-side-nav .cd-label {
    display: block;
    padding: 1em 18px;
  }
  .cd-side-nav .action-btn {
    text-align: left;
  }
  .cd-side-nav .action-btn a {
    margin: 0 18px;
  }
  /* .no-touch .cd-side-nav .action-btn a:hover { */
    /* background-color: #1a93de; */
  /* } */
  .cd-side-nav .count {
    /* reset style */
    color: #F4F5F4;
    height: auto;
    width: auto;
    border-radius: .25em;
    padding: .2em .4em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    left: auto;
    box-shadow: none;
  }
  .cd-nav-account .count {
    /* reset style */
    color: #F4F5F4;
    height: 22px;
    width: 22px;
    border-radius: 20px;
    padding: .2em .4em;
    top: 28%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 125px;
    box-shadow: none;
    line-height: 12px;
   border: 3px solid #fff;
  }
}

@media only screen and (min-width: 1920px) {
   .cd-side-nav{
      width: 100px;
      padding-top: 120px;
   }
     .cd-side-nav > ul > li > a {
   height: 100px;
     }
     
     .cd-nav-site {
   margin-left: 18px;
    margin-top: 18px;
    width: 420px;
     }
}

/* -------------------------------- 

SideBar - sous menu

-------------------------------- */


.has-children ul {
  position: relative;
  width: 100%;
  display: none;
  background-color: #373737;
}
.cd-side-nav .has-children ul {
   margin-top: 42px;
   padding-bottom: 14px;
   border-left: solid rgba(200, 200, 200, 0.1) 1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* modif Ociensa 2019/04/12 : pour IE 11, supprimer la bordure à gauche du menu qui laisse un espace visible au-dessus d'un état pdf affiché dans la page de visualisation */
   .cd-side-nav .has-children ul {
     border-left-style: none;
   }
}

/* .cd-side-nav .has-children ul > li {
   
} */
.cd-side-nav .has-children span.sub-menu-title {
   display: none;
   position: absolute;
    top: 0;
    left: 53px;
    width: 156px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    white-space: normal;
    padding: 15px 11px;
    color: #BEBEBE;
    background-color: #373737;
}
.cd-side-nav .has-children.two-columns span.sub-menu-title {
   width: calc(2 * 156px);
}
.cd-side-nav .has-children.three-columns span.sub-menu-title {
   width: calc(3 * 156px);
}
.cd-side-nav .has-children.four-columns span.sub-menu-title {
   width: calc(4 * 156px);
}
.cd-side-nav .has-children ul > li > a {
   width: 156px;
}
.cd-side-nav .has-children.two-columns ul {
   width: calc(2 * 156px);
}
.cd-side-nav .has-children.three-columns ul {
   width: calc(3 * 156px);
}
.cd-side-nav .has-children.four-columns ul {
   width: calc(4 * 156px);
}
.cd-side-nav .has-children ul > li a.two-lines-item {
    padding-top: calc(14px / 2);
    padding-bottom: calc(14px / 2);
}

.cd-side-nav .has-children.two-columns ul {
   -moz-column-count: 2;
    -moz-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
    list-style: none;
 }
 .cd-side-nav .has-children.three-columns ul {
   -moz-column-count: 3;
    -moz-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
    list-style: none;
 }
  .cd-side-nav .has-children.four-columns ul {
   -moz-column-count: 4;
    -moz-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
    list-style: none;
 }
   
@media only screen and (min-width: 1280px) {
   .cd-side-nav .has-children span.sub-menu-title {
      width: 180px;
      line-height: 16px;
      font-size: 16px;
      padding: 20px 11px 10px 21px;
   }
   .cd-side-nav .has-children.two-columns span.sub-menu-title {
      width: calc(2 * 180px);
   }
   .cd-side-nav .has-children.three-columns span.sub-menu-title {
      width: calc(3 * 180px);
   }
   .cd-side-nav .has-children.four-columns span.sub-menu-title {
      width: calc(4 * 180px);
   }
   .cd-side-nav .has-children ul {
      margin-top: 45px;
   }
   .cd-side-nav .has-children ul > li > a {
      width: 180px;
   }
   .cd-side-nav .has-children.two-columns ul {
      width: calc(2 * 180px);
   }
   .cd-side-nav .has-children.three-columns ul {
      width: calc(3 * 180px);
   }
   .cd-side-nav .has-children.four-columns ul {
      width: calc(4 * 180px);
   }
   .cd-side-nav .has-children ul > li a.two-lines-item {
    padding-top: calc(15px / 2);
    padding-bottom: calc(15px / 2);
   }
   /* .cd-side-nav .has-children ul > li:first-child a {
   }*/
}
.has-children > a::after, .has-children > div > a::after, .has-children.langue > div > span.select2::after {
  /* arrow icon */
  position: absolute;
  content: "\f107";
  height: 16px;
  width: 16px;
  right: 5%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: FontAwesome;
  line-height: 18px;
  text-align: center;
  font-size: 20px;
  /*background: url(../work/images/cd-arrow.svg);*/
}
.has-children.selected > ul, .has-children.selected > div > ul, .has-children.selected > span.sub-menu-title {
  display: block;
}
.has-children.selected > a::after, .has-children.selected > div > a::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.has-children.langue > div > span.select2::after {
   color: #fff;
}

.has-children ul.second-column li, .has-children ul.third-column li {
   border-left: 0px;
}

  .has-children {
    position: relative;
  }
  .has-children ul {
    position: absolute;
    top: 0;
    left: 53px;
    width: 156px;
    padding: 0;
  }
  .has-children ul.second-column {
   left: calc(53px + 156px);
   padding-left: 0px;
   width: calc(156px + 0px);
  }
   .has-children ul.third-column {
   left: calc(53px + 2*156px + 39px);
   padding-left: 0px;
   width: calc(156px + 0px);
  }
.cd-side-nav .has-children ul.second-column > li:first-child a, 
.cd-side-nav .has-children ul.third-column > li:first-child a {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    padding: 15px 11px;
    padding-top: calc(15px + 44px);
}
  .cd-side-nav .has-children.open-up ul {
     top: inherit;
     bottom: 1px;
  }
  .has-children ul a {
    text-align: left;
    border: none;
  }
  .has-children > a::after {
    display: none;
  }

  
  .cd-nav-breadcrumb .has-children {
    position: relative;
    background-color: #373737;
  }
  .cd-nav-breadcrumb .has-children > a {
    height: 100%;
    padding: 0 calc(1.8em + 22px) 0 calc(1.8em + 26px) !important;
    line-height: 55px;
  }
  .cd-nav-breadcrumb .has-children > a::after {
    display: block;
    right: 1.8em;
  }
  .cd-nav-breadcrumb .has-children ul {
    background-color: #1c1f22;
    width: 200px;
    top: 100%;
    right: 0;
    left: auto;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  }
  .cd-nav-breadcrumb .has-children ul a {
    padding-left: 18px !important;
  }
  
  .cd-nav-account .has-children {
    position: relative;
  }
  .has-children.role ul, .has-children.langue ul{
   width: calc(100% - 30px);
    top: inherit;
    left: inherit;
   background: #fff;
  }
  
    .has-children.role ul, .has-children.langue ul li a{
    line-height: 24px;
    font-size: 14px;
    margin-left: 7px;
    color: #000;
  }
  .has-children.langue .select2-selection__arrow{
      display: none!important;
  }
      .has-children.role ul, .has-children.langue ul li:hover a{
    color: #787878;
  }
  
  .cd-nav-account-all .has-children.langue select{
     width: 100%;
  }
  
  .cd-nav-account-infos .valider a.boutton, .cd-nav-account-etats .valider a.boutton, .cd-nav-account-options-affichage .valider a.boutton { /* 06-02-2018: Uniformisations avec les listes */
    margin-top: 32px;
    float: left;
    line-height: 14px;
    font-weight: 400;
    font-size: 12px;
  }
/*17-05-2018: Fiches - livraison groupée */
  .cd-nav-account-infos .valider a.boutton i, .cd-nav-account-etats .valider a.boutton i, .cd-nav-account-options-affichage .valider a.boutton i {
   font-size: 14px;
   margin-left: 7px;
   /* modif Ociensa 2019/04/08 : tick en blanc */
   /* color: #000; */
}
/*17-05-2018: Fiches - livraison groupée */
.has-children.role ul,
.has-children.langue ul li:hover a {
   color: #787878;
}
/*17-05-2018: Fiches - livraison groupée */
.cd-nav-account-all .has-children.langue select {
   width: 100%;
}
/*17-05-2018: Fiches - livraison groupée */
.cd-nav-account-infos .valider a.boutton, .cd-nav-account-etats .valider a.boutton, .cd-nav-account-options-affichage .valider a.boutton {
   /* 06-02-2018: Uniformisations avec les listes */
   margin-top: 32px;
   float: left;
   line-height: 14px;
   font-weight: 400;
   font-size: 12px;
}
/*17-05-2018: Fiches - livraison groupée */
.cd-nav-account-infos .valider a.boutton i, .cd-nav-account-etats .valider a.boutton i, .cd-nav-account-options-affichage .valider a.boutton i {
   font-size: 14px;
   margin-right: 5px;
}

/* -------------------------------- 

Style des bouttons

-------------------------------- */

  
  a.boutton { /* 06-02-2018: Uniformisations avec les listes */
   display: block;
   color: #fff;
   text-transform: uppercase;
   font-family: 'Roboto', "Roboto", "Open Sans", sans-serif;
   font-size: 12px;
   font-weight: 400;
   margin: auto;
   padding: 9px 20px;
    text-align: center !important;
    border-radius: 2px;
  }
  a.boutton:active, a.boutton:focus {
     outline: none;
     text-decoration: none;
  }
  a.boutton:hover {
   color: #fff !important;
   text-decoration: none;
  }
  a.boutton i {
    font-size: 12px; /* 06-02-2018: Uniformisations avec les listes */
    margin-right: 5px;
  }
  
  a.boutton-bleu {
   background-color: #4B9FFF;
   box-shadow: 0 0 3px 0px rgba(0,0,0,0.2);
  }
  a.boutton-bleu:hover {
   box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3);
  }
  a.boutton-bleu:active {
   background-color: #3181DA;
   box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3);
  }
  
  a.boutton-gris {
   color: #727272;
   text-decoration: none;
  }
  a.boutton-gris:hover {
     color: #626262 !important;
     background-color: #EBEBEB;
     text-decoration: none;
  }
  a.boutton-gris:active {
     color: #3A3A3A !important;
     background-color: #EBEBEB;
  }
  
  .cd-nav-account .logout {
     border-left: 1px solid rgba(200, 200, 200, 0.4);
     position: relative;
      top: -26px;
   margin-bottom: 0;
}
/*17-05-2018: Fiches - livraison groupée */
.cd-nav-account .account {
   border-right: 1px solid rgba(200, 200, 200, 0.4);
   border-left: 1px solid rgba(200, 200, 200, 0.4);
}
/*17-05-2018: Fiches - livraison groupée */
.cd-nav-account .has-children > a {
   height: 100%;
   line-height: 80px;
   float: left;
  }
  .cd-nav-account > .has-children > a::after {
    display: block;
    right: 20px;
    line-height: 16px;
  }
  .cd-nav-account .account.selected > a::after {
     color: #F4F5F4;
  }
  .cd-nav-account .has-children ul.cd-nav-account-infos, .cd-nav-account .has-children ul.cd-nav-account-etats, .cd-nav-account .has-children ul.cd-nav-account-options-affichage {
    position: fixed;
   left: 53px;
    top: 64px;
    width: calc(100% - 53px);
    margin-left: 0;
   background-color: #3F51B5;
   z-index: -10;
   margin-top: 28px;
  }
   .cd-nav-account .has-children ul.cd-nav-account-infos.sansMenu, .cd-nav-account .has-children ul.cd-nav-account-etats.sansMenu, .cd-nav-account .has-children ul.cd-nav-account-options-affichage.sansMenu {
      left: 0px;
      width: calc(100% - 0px);
   }

  .cd-nav-account > .has-children > ul > li > a {
    padding-left: 18px !important;
       line-height: 12px;
  }
  .cd-nav-account li a{
   text-decoration: none;
  }
  .cd-nav-account > li a i {
     -webkit-transition: color 0.4s; /* Safari */
      transition: color 0.4s;
     transition-timing-function: ease-out;
    font-size: 18px;
    line-height: 18px;
  }
  .cd-nav-account > li a:hover {
      color: #000;
     -webkit-transition: color 0.4s; /* Safari */
      transition: color 0.4s;
     transition-timing-function: ease-out;
     text-decoration: none;
  }
  .cd-nav-account .account.selected {
     background-color: #3F51B5;
  }
  .cd-nav-account .account .names {
    margin-top: 15px;
    float: left;
   /* width: 120px; */
   padding-right: 48px;
   
  }
  .cd-nav-account .account .firstname {
    display: block;
    line-height: 17px;
   font-size: 10px;
   /* modif Ociensa 2019/04/15 : aligner à gauche */
   /* text-align: right; */
  }
  .cd-nav-account .account .lastname {
    display: block;
    line-height: 17px;
   font-size: 10px;
   /* modif Ociensa 2019/04/15 : aligner à gauche */
   /* text-align: right; */
  }
  .cd-nav-account .account.selected .names {
     color: #F4F5F4;
     text-decoration: none;
  }
  
  .cd-nav-site .has-children {
    position: relative;
  }
  .cd-nav-site .has-children > a {
    height: 100%;
    padding: 0 55px 0 11px !important;
    line-height: 17px;
    font-size: 17px;
  }
  .cd-nav-site .has-children > a::after {
    display: block;
    right: 1.4em;
    top: 65%;
  }
  .cd-nav-site .has-children ul {
    /* background-color: #1c1f22; */
    width: 200px;
    top: 100%;
    right: 0;
    left: 0px;
    /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); */
    margin-left: 20px;
   z-index: 1;
  }
  .cd-nav-site .has-children ul a {
    padding-left: 18px !important;
  }
  
   .cd-nav-account .cd-nav-account-all {
   position: fixed;
    left: 53px;
    top: 64px;
    width: calc(100% - 53px);
    margin-left: 0;
    background-color: #3F51B5;
    z-index: -5;
   }
   .cd-nav-account .cd-nav-account-all.sansMenu {
      left: 0px;
      width: calc(100% - 0px);
   }
  .cd-nav-account .cd-nav-account-all > li > a {
     padding-left: 18px !important;
    line-height: 12px;
    font-size: 12px;
       color: #F4F5F4;
    padding: 9px 18px 7px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    font-weight: 500;
  }
  .cd-nav-account .cd-nav-account-all > li.selected > a {
   border-color: #4A9FFE;
  }
/* 06-02-2018: Uniformisations avec les listes */
@media only screen and (min-width: 1227px) {
   .boutton-pre-filtre a.boutton {
      font-size: 14px;
      padding: 9px 15px;
      font-weight: 500;

     }
     .boutton-pre-filtre a.boutton i {
      font-size: 15px;
     }
}
@media only screen and (min-width: 1280px) {
    /* 06-02-2018: Uniformisations avec les listes */
  .cd-nav-account-infos .valider a.boutton, .cd-nav-account-etats .valider a.boutton, .cd-nav-account-options-affichage .valider a.boutton {
    font-weight: 500;
    font-size: 14px;
  }/* 06-02-2018: Uniformisations avec les listes */
  a.boutton {
   font-size: 14px;
   font-weight: 500;

  }
   /* 06-02-2018: Uniformisations avec les listes */
     a.boutton i {
      font-size: 15px;
     }
     .cd-nav-account > .has-children > a::after {
     right: 28px;
     }
   .has-children ul {
      width: 180px;
   }
   .cd-side-nav a {
      font-size: 14px;
      line-height: 15px;
      padding: 15px 11px 15px 21px;
   }
     .has-children ul.second-column {
      left: calc(53px + 180px);
      padding-left: 0px;
      width: calc(180px + 0px);
     }
      .has-children ul.third-column {
      left: calc(53px + 2*180px + 50px);
      padding-left: 0px;
      width: calc(180px + 0px);
     }
   .cd-side-nav .has-children ul.second-column > li:first-child a, 
   .cd-side-nav .has-children ul.third-column > li:first-child a {
      font-size: 14px;
      line-height: 15px;
      font-weight: normal;
      padding: 15px 11px 15px 21px;
      padding-top: calc(15px + 45px);
   }
   
     /* .cd-nav-account .account .names { */
         /* width: 140px; */
     /* } */
     .cd-nav-account .account .firstname {
        line-height: 22px;
      font-size: 14px;
     }
     .cd-nav-account .account .lastname {
        line-height: 22px;
      font-size: 14px;
     }
     .cd-nav-account > li a i {
        font-size: 24px;
         line-height: 22px;
     }
     .cd-nav-account > li.logout a {
      padding: 24px 20px 20px 20px !important;
     }
     .cd-nav-account a.top-link {
      width: 25px;
      height: 22px;
     }
       .cd-nav-account a.top-link.users {
      background: url(../work/images/svgs/1280/user-menu-connected.svg) center center no-repeat transparent;
      background-size: contain;
     }
     .cd-nav-account > li {
        margin-right: 28px;
     }
     /* 25-04-2019: Fixing interrogation icon position at the header nav */
     .cd-nav-account a.top-link.aide {
      font-size: 15px;
      /* width: 23px;
      height: 23px; */
      width: 20px;
      height: 20px;
      margin-left: 1px;
     }
     /* 03-05-2019: Fixing interrogation icon position at the header nav */
     /*Webkit (Chrome, Safari)*/
      @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
         .selector:not(*:root), .cd-nav-account a.top-link.aide {
            margin-left: 0px;
         }
      }
     .cd-nav-account .top-link-wrapper.has-text {
      height: 23px;
      line-height: 22px;
      width: 23px;
      top: -29px;
     }
     
     .cd-nav-account .cd-nav-account-all {
      top: 70px;
     }
     .cd-nav-account .cd-nav-account-all > li > a {
            font-size: 13px;
         padding: 14px 28px 12px 28px;
     }
     .cd-nav-account > .has-children > ul > li > a {
        padding-left: 28px !important;
     }
     .cd-nav-account .has-children ul.cd-nav-account-infos, .cd-nav-account .has-children ul.cd-nav-account-etats, .cd-nav-account .has-children ul.cd-nav-account-options-affichage {
            top: 70px;
            margin-top: 40px;
     }
     .cd-nav-account .image-profile-wrapper {
      margin: 20px 20px 25px 25px;
     }
     .cd-nav-account .image-profile-wrapper.big {
        height: 80px;
        width: 80px;
     }
     .cd-nav-account .has-children ul.cd-nav-account-infos .col-md-1 {
        min-width: 150px;
     }
     .has-children.role ul, .has-children.langue ul li a{
         line-height: 28px;
         font-size: 16px;
         margin-left: 9px;
        }
        .cd-nav-account-infos .flex-v-align, .cd-nav-account-etats .flex-v-align, .cd-nav-account-options-affichage .flex-v-align {
            /* modif Ociensa 2022/08/26 : uniformiser la hauteur de tous les onglets */
           height: 125px;
        }
        .cd-nav-account-infos .role-count-3 {
			   /* fixer la hauteur de la zone (identique aux autres zones) pour pouvoir gérer le scroll sur la liste des rôles */
			   height: 125px;
			}
        .cd-nav-account-etats div.profile-content label, .cd-nav-account-options-affichage div.profile-content label {
         font-size: 12px;
         margin-top: 15px;
      }
   .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
          margin-left: 14px;
   }
}


@media only screen and (min-width: 1920px) {
    .cd-nav-account > .has-children > a::after {
     right: 36px;
     }
   .has-children ul {
      left: 100px;
      width: 240px;
   }
   .cd-side-nav .has-children span.sub-menu-title {
      width: 240px;
      line-height: 22px;
      font-size: 22px;
      padding: 45px 11px 32px 34px;
      left: 100px;
   }
   .cd-side-nav .has-children.two-columns span.sub-menu-title {
      width: calc(2 * 240px);
   }
   .cd-side-nav .has-children.three-columns span.sub-menu-title {
      width: calc(3 * 240px);
   }
   .cd-side-nav .has-children.four-columns span.sub-menu-title {
      width: calc(4 * 240px);
   }
   .cd-side-nav .has-children ul {
      margin-top: 99px;
      padding-bottom: 22px;
   }
   .cd-side-nav .has-children ul > li > a {
      width: 240px;
   }
   .cd-side-nav .has-children.two-columns ul {
      width: calc(2 * 240px);
   }
   .cd-side-nav .has-children.three-columns ul {
      width: calc(3 * 240px);
   }
   .cd-side-nav .has-children.four-columns ul {
      width: calc(4 * 240px);
   }
   .cd-side-nav a {
      font-size: 16px;
      line-height: 18px;
      padding: 22px 11px 22px 34px;
   }
   .has-children ul.second-column {
      left: calc(100px + 240px);
      padding-left: 0px;
      width: calc(240px + 0px);
     }
      .has-children ul.third-column {
      left: calc(100px + 2*240px + 50px);
      padding-left: 0px;
      width: calc(240px + 0px);
     }
   .cd-side-nav .has-children ul.second-column > li:first-child a,
   .cd-side-nav .has-children ul.third-column > li:first-child a {
      font-size: 16px;
      line-height: 18px;
      font-weight: normal;
      padding: 13px 11px 32px 34px;
      padding-top: calc(13px + 99px);
   }
   .cd-side-nav .has-children ul > li a.two-lines-item {
      padding-top: calc(22px / 2);
      padding-bottom: calc(22px / 2);
   }
   .cd-nav-account > li.logout a {
       padding: 50px 38px 44px 38px !important;
   }
   .cd-nav-account .logout {
      top: 0px;
   }
   .cd-nav-account .top-link-wrapper {
      top: -48px;
   }
   .cd-nav-account a.top-link {
      width: 24px;
      height: 22px;
      margin-bottom: -1px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .cd-nav-account .top-link-wrapper.has-text {
      top: -52px;
     }
     .cd-nav-account a.top-link.users {
      background: url(../work/images/svgs/1920/user-menu-connected.svg) center center no-repeat transparent;
      background-size: contain;
     }
   .cd-nav-account > li {
      margin-right: 32px;
   }
   .cd-nav-account .account .names {
      /* width: 180px; */
      padding-right: 60px;
      margin-top: 34px;
   }
   .cd-nav-account .account .firstname {
    line-height: 28px;
    font-size: 16px;
   }
   .cd-nav-account .account .lastname {
      line-height: 28px;
      font-size: 16px;
   }
   .cd-nav-account .cd-nav-account-all {
      top: 120px;
      left: 100px;
      width: calc(100% - 100px);
   }
   .cd-nav-account > .has-children > ul > li > a {
      line-height: 16px;
   }
   .cd-nav-account .cd-nav-account-all > li > a {
      font-size: 15px;
      padding: 17px 34px 15px 34px;
   }
   .cd-nav-account > .has-children > ul > li > a {
      padding-left: 34px !important;
   }
   .cd-nav-account .has-children ul.cd-nav-account-infos, .cd-nav-account .has-children ul.cd-nav-account-etats, .cd-nav-account .has-children ul.cd-nav-account-options-affichage {
      top: 120px;
      /* modif Ociensa 2019/04/15 : marge 50 -> 40 pour supprimer espace vide */
      margin-top: 40px;
      left: 100px;
      width: calc(100% - 100px);
   }
   .cd-nav-account .image-profile-wrapper.big {
      height: 120px;
      width: 120px;
   }
   .cd-nav-account .image-profile-wrapper {
      margin: 20px 20px 40px 30px;
   }
   .cd-nav-account-infos .flex-v-align, .cd-nav-account-etats .flex-v-align, .cd-nav-account-options-affichage .flex-v-align {
        height: 150px;
   }
	.cd-nav-account-infos .role-count-3 {
      /* fixer la hauteur de la zone (identique aux autres zones) pour pouvoir gérer le scroll sur la liste des rôles */
	   height: 150px;
	}
   .cd-nav-account-infos div.profile-content, .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
    font-size: 19px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .cd-nav-account-infos div.profile-content, .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
      font-size: 19px;
   }
   .cd-nav-account-etats div.profile-content label, .cd-nav-account-options-affichage div.profile-content label {
      font-size: 14px;
   }
   .cd-nav-account-etats div.profile-content, .cd-nav-account-options-affichage div.profile-content {
          margin-left: 18px;
   }
   .cd-nav-account-infos .label, .cd-nav-account-etats .label, .cd-nav-account-options-affichage .label {
      font-size: 15px;
   }
   .cd-nav-account-infos .has-simple-list ul.simple-list li, .cd-nav-account-etats .has-simple-list ul.simple-list li, .cd-nav-account-options-affichage .has-simple-list ul.simple-list li {
      font-size: 19px;
      line-height: 25px;
   }
   .cd-nav-account-infos li.has-children > div > a, .cd-nav-account-etats li.has-children > div > a, .cd-nav-account-options-affichage li.has-children > div > a {
      font-size: 19px;
   }
   .has-children.role ul, .has-children.langue ul li a {
      line-height: 30px;
      font-size: 19px;
      margin-left: 11px;
   }
   .cd-nav-account-infos .label, .cd-nav-account-etats .label, .cd-nav-account-options-affichage .label {
      margin-top: 54px;
   }
   .cd-nav-account-infos .valider a.boutton, .cd-nav-account-etats .valider a.boutton, .cd-nav-account-options-affichage .valider a.boutton {
      margin-top: 57px;
   }
}

/* @media only screen and (min-width: 1280px) { */
  .has-children > ul {
    z-index: 1;
  }
  .has-children.active > ul {
    /* if the item is active, make the subnavigation visible */
    position: relative;
    display: block;
    /* reset style */
    left: 0;
    box-shadow: none;
  }
  .no-touch .cd-side-nav .has-children:hover > ul, .cd-side-nav .has-children.hover > ul, .has-children.hover > span.sub-menu-title {
    /* show subnavigation on hover */
    display: block;
    opacity: 1;
    visibility: visible;
  }
/* } */

/* -------------------------------- 

Iframe du contenu et Footer

-------------------------------- */

/*26-02-2018: ajustements accueil et liste*/
#gestion {
   margin-left: 53px;
}
#gestion.sansMenu {
   margin-left: 0px;
}

#contenu { /* 06-02-2018: Uniformisations avec les listes */
   position: absolute;
   left: 0px; 
   width: 100%;
   top: 0px;
   height: 100%;
   padding-left: 0px;/*26-02-2018: ajustements accueil et liste*/
   padding-top: 64px;
   padding-bottom: 0px;
   min-width: 907px; /*26-02-2018: ajustements accueil et liste*/
}

#footer {
   width: 100%;
   height: 45px; /*24-06-2016: ajustements footer*/
   border-top: 1px solid #DCDCDC;
   position: absolute;
   bottom: -0px;
   left: 0px;/*26-02-2018: ajustements accueil et liste*/
   z-index: 15; /* 06-02-2018: Uniformisations avec les listes */
   background-color: #F6F6F6;/* 06-02-2018: Uniformisations avec les listes */
}
#footer table {
   font-size: 11px;
   font-family: Roboto;
   margin-top: 16px; /*24-06-2016: ajustements footer*/
   width: calc(100% - 26px);
   margin-left: 10px;
   margin-right: 16px;
   font-weight: 600;
}
#footer table a {
	color: #3e454c;
}
/* modif Ociensa 2020/12/23 : modification structure et contenu du pied de page
#footer p {
    font-size: 11px;
    font-family: Roboto;
    font-weight: 500;
    margin: 0;
    float: right;
    clear: both;
    text-align: left;
    
}
#footer p:first-child {
   margin-top: 16px; / * 24-06-2016: ajustements footer * /
   margin-right: 16px;
   font-weight: 600;
}
/ * 26-02-2018: ajustements accueil et liste * /
#footer.petite-resolution p { / * La classe "petite-resolution" est ajoutée via JS * /
   position: absolute;
}
*/
.global-wrapper {
   padding-left: 65px;
   padding-top: 80px;
}
#tableauGraphiques .global-wrapper, #tableauActions.global-wrapper {
   padding-left: 65px;
   padding-top: 0px;
}
@media only screen and (min-width: 1280px) {
   #contenu {
      padding-left: 0px;/*26-02-2018: ajustements accueil et liste*/
      padding-top: 70px;
   }
   /*26-02-2018: ajustements accueil et liste*/
   #gestion {
      margin-left: 53px;
   }
	#gestion.sansMenu {
	   margin-left: 0px;
	}
}
@media only screen and (min-width: 1920px) {
   #contenu {
      padding-left: 0px;/*26-02-2018: ajustements accueil et liste*/
      padding-top: 121px;
   }
   /*26-02-2018: ajustements accueil et liste*/
   #gestion {
      margin-left: 100px;
   }
#gestion.sansMenu {
   margin-left: 0px;
}
}


/* 06-02-2018: Uniformisations avec les listes */
#before_liste {
   float: left;
   border-bottom: 1px solid #D8D8D8;
}

#wrapperPanelBefore {
	float: left;
}

/* Poignée de redimensionnement du panneau des filtres */
#wrapperPanelBefore .ui-resizable-handle {
	/* pointeur = main */
	cursor: pointer;
}

/* 06-02-2018: Uniformisations avec les listes */
#liste {
   display: none;
   float: left;
   position: relative;
   height: 51px;
   width: 100%;
   overflow: hidden;
   /* Colorer le fond (sinon la couleur par défaut est transparent) afin que, lorsque le tableau des fiches n'occupe pas toute la largeur de la page,
      le repliement de la zone au-dessus de des fiches ne laisse pas visible à droite le contenu de cette zone. 
   */
   background-color: rgb(246, 246, 246);
}
@media only screen and (min-width: 1820px) {
   #liste {
      height: 66px;
   }
}

/* -------------------------------- 

Charts

-------------------------------- */


#ascenceurGraph {
   margin-top: -36px;
}
#topCharts{
    width: 100% !important;
    margin: 0px;
   height: 0px;
   overflow: hidden;
   z-index: 9;
    background: #F6F6F6;
   position: relative;
}
.chart-sizer, .chart-wrapper {
   width: 78px;
}
.gutter-sizer{
   width: 78px;
}
.charts-isotope-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.charts-isotope-wrapper.has-vertical-scroll {
   overflow-x: hidden;
   overflow-y: scroll;
}
.charts-isotope-wrapper.has-horizontal-scroll {
   overflow-y: hidden;
   overflow-x: scroll;
}
.charts-isotope {
   margin-top: 30px;
   margin-bottom: 45px;
}
.charts-isotope.more-than-one-line {
   margin-top: 15px;
   margin-bottom: 20px;
}
@media only screen and (min-width: 1820px) {
   .charts-isotope, .charts-isotope.more-than-one-line {
      margin-top: 25px;
      margin-bottom: 40px;
   }
   #ascenceurGraph {
      margin-top: -48px;
   }
}

/* Nouvelle version commune pour les graphiques de la page d'accueil et les pages liste */
/* SGDEV - 17-11-2021 - redimensioning the prefilter panel */
#topCharts .ui-resizable-s {
   bottom: 0px;
   position: absolute;
   background: transparent;
   border-top: 18px solid transparent;
   border-bottom: 18px solid #fff;
}

#topCharts .ui-resizable-s.filtres-open, .resize-panel .ui-resizable-s.filtres-open {
   border-bottom: 18px solid #F6F6F6;
}

#topCharts .ui-resizable-s:after, .resize-panel .ui-resizable-s:after {
   content: '';
    display: block;
    width: 100%;
    height: 1px;
   background: #D8D8D8;
   position: absolute;
    top: 0;
}

/* Ancienne version : uniquement pour les graphiques de la page d'accueil
#topCharts .ui-resizable-s:before {
    content: '';
    display: block;
    width: 100%;
    height: 36px;
    background: url(../work/images/svgs/accueil-graph-dragg-default.svg) center center no-repeat transparent;
    background-size: contain;
    position: relative;
    top: -17px;
   z-index: 99;
   / * opacity: 0.4; * /
}
*/
#topCharts .ui-resizable-s:before, .resize-panel .ui-resizable-s:before {
    content: '';
    display: block;
    width: 100%;
    height: 36px;
    background: url(../work/images/svgs/accueil-graph-dragg-default.svg) center center no-repeat transparent;
    background-size: contain;
    position: relative;
    top: -17px;
    /* 2023/02/13 */
   /* z-index: 99; */
   z-index: 9;
   /*opacity: 0.4;*/
}
#topCharts .ui-resizable-s:hover:before, .resize-panel .ui-resizable-s:hover:before {
    background: url(../work/images/svgs/accueil-graph-dragg-hover.svg) center center no-repeat transparent;
    background-size: contain;
   opacity: 1;
}
#topCharts .ui-resizable-s:active:before, .resize-panel .ui-resizable-s:active:before {
    background: url(../work/images/svgs/accueil-graph-dragg-click.svg) center center no-repeat transparent;
    background-size: contain;
   opacity: 1;
}

#selectFiltrePersonnalise .select2-container {
	/* Empêcher la liste de sélection préfiltre d'être masquée par la poignée de redimensionnement */
   z-index:9;
}

.ui-resizable {
	/* Dans les pages liste, étendre la zone sur toute la largeur (à cause de float:left) lorsque le formulaire filtre est moins large que la page */
	width: 100%;
}

.help{
    border : 1px solid #F6F6F6;
    border-bottom : 1px solid #D8D8D8;
    background : #F6F6F6;
    opacity : 0.5;
   position: relative;
   overflow: visible !important;
   margin-top: -17px;
}
.help:before{
    content: '';
    display: block;
    height: 36px;
    background: url(../work/images/svgs/accueil-graph-dragg-click.svg) center center no-repeat transparent;
    background-size: contain;
    position: absolute;
    bottom: -19px;
    z-index: 99;
   width: 100%;
}
@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
.help{
   margin-top: -23px;
}
.help:before{
      height: 48px;
      bottom: -25px;
}
}


/* -------------------------------- 

Tableau de bord

-------------------------------- */


#legendeTdB {
   height: 53px;
   margin-top: -18px;
   font-size: 12px;
   color: #666666;
   background-color: #fff;
   font-family: 'Roboto';
       position: relative;
}
/* 24-04-2019: Fixing Filter Position */
#legendeTdB.opened {
   background-color: #F6F6F6;
   float: left;
   width: 100%;
   height: 100%;
}

/* 06-02-2018: Uniformisations avec les listes */
.table-wrapper {
   height: auto;
   position: static !important;
}
/* 06-02-2018: Uniformisations avec les listes */
/* .table-wrapper.loaded {
   height: auto;
   position: static !important;
} */
#nbActionsTdB {
    font-weight: 500;
    margin-left: 10px;
    font-family: 'Roboto';
    color: #3A3A3A;
}
#btnFormulaireFiltreTdB {
    cursor: pointer;
    position: relative;
    float: left;
    padding-right: 80px;
   font-family: 'Roboto';
   font-size: 16px;
   line-height: 53px;
}
#btnFormulaireFiltreTdB::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../work/images/svgs/1024/accueil-icone-filtres.svg) center center no-repeat transparent;
    position: absolute;
    top: 11px;
    right: 30px;
    border-radius: 18px;
   z-index: 9;
}
#btnFormulaireFiltreTdB.opened::after {
    background: url(../work/images/svgs/1024/accueil-icone-filtres-ouvert.svg) center center no-repeat #4A9FFE;
}
#btnFormulaireFiltreTdB.opened::before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #4A9FFE;
    position: absolute;
    bottom: 6px;
    right: 30px;
    border-radius: 18px;
}
#btnsTopTools {
   float: right;
   margin-top: 17px;
   font-family: 'Roboto';
}
#btnsTopTools span{
   display: block;
   cursor: pointer;
   float: left;
    margin-right: 22px;
}
#btnsTopTools span.fleche{
   background: url(../work/images/top-tools-fleche.png) center center no-repeat transparent;
       background-size: contain;
}
#btnsTopTools span.print i {
   display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
   /*background: url(../work/images/top-tools-print.png) center center no-repeat transparent;
       background-size: contain;*/
}
#btnsTopTools span.excel{
   display: block;
    width: 20px;
    height: 20px;
   background: url(../work/images/svgs/icone-excel.svg) center center no-repeat transparent;
       background-size: contain;
}
#btnsTopTools span.filtres-toggler {
   display: none;
}
#btnsTopTools span.filtres-toggler.opened {
   display: block;
}
/* 24-04-2019: Fixing Filter Position */
#formRechercheTdB, #formulaireSaisieEnMasse {
   font-family: 'Roboto';
    height: 0px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    overflow: hidden;
    float: left;
   /* margin-left: 80px;
    margin-right: 160px;
       width: calc(100% - 80px - 160px); */
}
/* 24-04-2019: Fixing Filter Position */
#formRechercheTdB > .row {
   margin-left: 80px;
    margin-right: 160px;
       width: calc(100% - 80px - 160px);
}
/* 24-04-2019: Fixing Filter Position */
#formRechercheTdB.opened {
   /* height: 320px; */
   height: 266px;
   -webkit-transition: height 0.3s;
   -moz-transition: height 0.3s;
   transition: height 0.3s;
   position: relative;
}

/* 24-04-2019: Fixing Filter Position */
/* #formRechercheTdB.opened.show-perso-filter {
   height: 266px;
   -webkit-transition: height 0.3s;
   -moz-transition: height 0.3s;
   transition: height 0.3s;
} */


#formRechercheTdB .wrapper-ascenceur {
   float: left;
    width: calc(100% - 14px);
    height: 200px;
    overflow-x: auto;
}

@media only screen and (min-width: 1023px) {
   #formRechercheTdB .wrapper-ascenceur {
      height: 210px;
      padding-bottom: 10px; /* 06-02-2018: Uniformisations avec les listes */
   }
}

@media only screen and (min-width: 1227px) {
   #nbActionsTdB {
          margin-left: 20px;
   }
   #btnsTopTools {
      margin-top: 18px;
   }
   #btnsTopTools span {
      margin-right: 32px;
   }
   #btnsTopTools span.excel{
      width: 20px;
      height: 20px;
   }
   #btnsTopTools span.print i {
      width: 20px;
      height: 20px;
      font-size: 20px;
   }
   /* 24-04-2019: Fixing Filter Position */
   #formRechercheTdB.opened {
      height: 320px;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      transition: height 0.3s;
   }
   /* 24-04-2019: Fixing Filter Position */
   #formRechercheTdB.opened.show-perso-filter {
      height: 326px;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      transition: height 0.3s;
   }
}
@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */

   #formRechercheTdB .wrapper-ascenceur {
      height: 241px;
   }
   #formRechercheTdB.opened {
          height: 350px;
   }
   #topCharts .ui-resizable-s {
      border-top: 24px solid transparent;
      border-bottom: 24px solid #fff;
   }
   #topCharts .ui-resizable-s.filtres-open {
      border-bottom: 24px solid #F6F6F6;
   }
   #topCharts .ui-resizable-s:before {
      width: 100%;
      height: 48px;
      top: -24px;
   }
   #legendeTdB {
      height: 100px;
      margin-top: -24px;
   }
   #nbActionsTdB {
      margin-left: 30px;
   }
   #btnFormulaireFiltreTdB {
      line-height: 100px;
      padding-right: 100px;
      font-size: 25px;
   }
   #btnFormulaireFiltreTdB::after {
      width: 50px;
      height: 50px;
      background: url(../work/images/svgs/1920/accueil-icone-filtres.svg) center center no-repeat transparent;
      top: 25px;
      right: 25px;
      border-radius: 50%;
      }
   #btnFormulaireFiltreTdB.opened::before {
      width: 50px;
      right: 25px;
   }
   #btnFormulaireFiltreTdB.opened::after {
      width: 50px;
      right: 25px;
      background: url(../work/images/svgs/1920/accueil-icone-filtres-ouvert.svg) center center no-repeat transparent;
   }
   
   #btnsTopTools {
      margin-top: 34px;
   }
   #btnsTopTools span {
      margin-right: 38px;
   }
   #btnsTopTools span.excel{
      width: 30px;
      height: 30px;
   }
   #btnsTopTools span.print i {
      width: 30px;
      height: 30px;
      font-size: 30px;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /* 24-04-2019: Fixing Filter Position */
   #formRechercheTdB.opened.show-perso-filter {
      height: 357px;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      transition: height 0.3s;
   }
}

/* -------------------------------- 

Listes: Pour l'accueil et pour les listes

-------------------------------- */

.table-wrapper {
   font-family: 'Roboto';
   font-size: 11px;
   float: left;
    max-width: 100%;
    overflow-y: unset; /* 06-02-2018: Uniformisations avec les listes */
    overflow-x: auto;
}
.main-table {
   font-family: 'Roboto';
   width: 100%;
   border-collapse: collapse;
   background-color: #fff;
   /* border-top: 1px solid #999; */
   border-right: 1px solid #D8D8D8;
   position: relative;
   z-index: 9;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
   margin-right: 15px;
   border-bottom: 1px solid #D8D8D8;
   /* table-layout: fixed; */
}
/*26-02-2018: ajustements accueil et liste*/
.main-table.accueil {
   width: 100% !important;
   min-width: 907px; /* 960px - 53px de menu lateral gauche */
   border-right: 0;
   height: 100%!important;
}
.main-table thead tr {
   border-bottom: 2px solid #626262;
   height: 50px;
}

.main-table thead {
   display: block;
   width: 100%;
}
.main-table tbody {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
   
    background: #F6F6F6;
    left: 0px;
    right: 0px;
    top: 51px;
   /* max-height: 357px;*/
}

.main-table tbody tr {
   display: table-row;
   border-top: 1px solid #D8D8D8;
    float: left; /* 15-08-2018: 6300 - Apparition de la barre de scroll horizontal lorsque la première ligne du tableau possède la classe "active-line" */
}

/* 05-06-2019 - Fixing Tree unfolding/folding issues */
.main-table.partially-displayed > tbody > tr {
   display: none;
}
.main-table.partially-displayed > tbody > tr.displayed {
   display: table-row;
}
.main-table.partially-displayed > tbody > tr.not-disnplayed {
   display: none;
}
.main-table.partially-displayed > tbody > tr.mask-line {
   display: table-row;
}

.main-table > tbody > tr.visible {
   visibility: visible;
}
.main-table > tbody > tr:first-child {
   border-top: 0px;
}
/* Profiling: Pose de gros problèmes de perfroamnce sous IE11 
.main-table tbody tr:not(.active-line):not(.mask-line):last-child {
   border-bottom: 1px solid #D8D8D8;
}*/

.main-table th {
   vertical-align: middle;
   font-weight: 600;
    font-size: 13px;
    color: #3A3A3A;
}

.main-table a.boutonF  {
    background-image: url(../work/images/svgs/export-default-file.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border-style: none;
    margin: 3px;
    padding: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
   display: block;
   float: left;
}

.main-table .btnCoche {
   width: 30px !important;
   text-align: center;
}

.main-table input[type=checkbox].input-checkbox{
   position: fixed; /*26-02-2018: ajustements accueil et liste*/
   left: -9999px;
}

.main-table input[type=checkbox]:not(:checked).input-checkbox + .label-checkbox {
   border: 2px solid #65676A;
   background: #fff;
   width: 12px;
   height: 12px;
    border-radius: 2px;
    margin: 0;
    margin-top: 3px;
    cursor: pointer;
   margin-left: 9px;
    margin-right: 9px;
}
.main-table input[type=checkbox]:checked.input-checkbox + .label-checkbox {
    border: 2px solid #4A9FFE;
    background: url(../work/images/svgs/check.svg) center center no-repeat #4A9FFE;
   width: 12px;
   height: 12px;
    border-radius: 2px;
    margin: 0;
    margin-top: 3px;
    cursor: pointer;
   margin-left: 9px;
    margin-right: 9px;
    background-size: contain;
}

/*26-02-2018: ajustements accueil et liste*/
.main-table.accueil .typeAction div, 
.main-table.accueil .numero div
{
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 06-02-2018: Uniformisations avec les listes */
.main-table th > div, .main-table td > div, .main-table td > label:not(.label-checkbox){
   padding-left: 2px;
   box-sizing: border-box;
}
.main-table th div { /* 06-02-2018: Uniformisations avec les listes */
   font-size: 11px;
    padding-right: 2px;
   /* 03-04-2018: Gestion des en-têtes de libellés avec texte long */
    word-break: normal;
    /* text-overflow: ellipsis;  */
    overflow: hidden;
      text-align: left;
}
.main-table th div.checkbox-in-th {
   width: 30px;
   text-align: center;
   padding-left: 0px;
   padding-right: 0px; /* 06-02-2018: Uniformisations avec les listes */
}
/* 06-02-2018: Uniformisations avec les listes */
/* 05-04-2018: Created a wrapper div with the class "dCell", moved the class "dataCell" upwards and created the class "dataCellChild" to apply to the "dataCell" child. */

.main-table td .dataCellChild.is-date {
   margin: auto;
   /* modif Ociensa 2024/04/25 : inutile
   height: 16px;
   */
   text-align: left;
}

/* modif Ociensa 2024/04/25 : ajout disposition flex */
.main-table td > div.flex {
	display: flex;
	padding-left: 0px;
}
.main-table td div.flexVert {
   flex: 1 1 auto;
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

/* modif Ociensa 2024/04/25 : ajout disposition flex */
.main-table td > div.flex .boutonM, .main-table td > div.flex .boutonC {
	flex: 0 0 auto;
	height: auto;
	margin-top: 0px;
	margin-right: 4px;
}
.main-table td > div.flex .boutonM {
   margin-left: 4px;
}

/* 06-02-2018: Uniformisations avec les listes */

.main-table td div.dataCellChild.has-popover,
.main-table td.has-popover div.dataCellChild {
   cursor: pointer;
   max-width: 100%;
}


.main-table td div {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
}

.main-table td {
   color: #626262;
}

/* 24-04-2019: Fixing Filter Position */
/* 06-05-2019: Fixing RH size */
.main-table.accueil td {
  /* height: 32px; */
  height: 43px;
}

/* 31-01-2018 fixer hauteur cellule vide */
.main-table td div.vide {
   height: 32px;
   cursor: default;
}
/* 31-01-2018 cellule non modifiable: même style que select modifiable */
.main-table td div.non-modifiable {
   font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    color: #3A3A3A;
   /* padding-left: 10px; */
   padding-right: 30px;
   padding-left: 4px;
   text-align: left;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
   line-height: 32px;
   cursor: default;
}
/* 06-02-2018: Uniformisations avec les listes */
.main-table td input {
   font-weight: 400;
    font-size: 11px;
    line-height: 12px;
      
}
.main-table td .dataCellChild.is-date input {
    height: 12px !important;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td div.clicable .dataCellChild {
   color: #4A9FFE;
   cursor: pointer !important;
   /*float: left;*/
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td div.clicable:hover .dataCellChild {
   text-decoration: underline;
}
.main-table .liste-bouton { /* 06-02-2018: Uniformisations avec les listes */
   position: absolute;
   right: 6px;
   margin: auto;
    bottom: 0;
    top: 0;
    height: 16px;
}
.main-table .liste-bouton.deux-boutons {
   width: 52px !important;/*26-02-2018: ajustements accueil et liste*/
}

.main-table .avec-bouton {/*26-02-2018: ajustements accueil et liste*/
   position: relative;
     padding-right: 28px;
}
.main-table .avec-bouton.deux-boutons {
   position: relative;
     padding-right: 56px;
}

.main-table .liste-bouton input {
   display: block;
   margin-right: 0px;
   float: right;
   text-align: center;
}

/* .liste-bouton span.boutonNb {
   display: block;
   float: right;
   text-align: center;
    margin-right: 11px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
   cursor: pointer;
} */
/* 06-02-2018: Uniformisations avec les listes */
.liste-bouton span.boutonNb {
    /* display: inline-block; */
   display: block;
   text-align: center;
   margin-right: 11px;
   font-size: 12px;
   cursor: pointer;
    background: url(../work/images/svgs/ajout-rapide-formulaire.svg) center center no-repeat transparent;
    width: 21px;/*26-02-2018: ajustements accueil et liste*/
    height: 38px;
    background-size: contain;
    float: right;
    margin-top: -13px;
    color: #000;/*26-02-2018: ajustements accueil et liste*/
    line-height: 48px;
}
/* 06-02-2018: Uniformisations avec les listes */
.liste-bouton span.boutonNb.large {/*26-02-2018: ajustements accueil et liste*/
   background: url(../work/images/svgs/ajout-rapide-formulaire-large.svg) center center no-repeat transparent;
   background-size: contain;
   color: #000;/*26-02-2018: ajustements accueil et liste*/
   width: 27px;
   margin-right: 8px;
}

 /* 30-04-2018: nouvelle structure cellules listes */
/* .actionBoutonCell span.boutonNb {
   display: block;
   float: left;
   text-align: center;
    margin-right: 11px;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
   cursor: pointer;
} */
 /* 30-04-2018: nouvelle structure cellules listes */
.actionBoutonCell span.boutonNb {
   float: left;
   text-align: center;
   margin-right: 8px;/*26-02-2018: ajustements accueil et liste*/
   font-size: 12px; /* 14-06-2019: Le nombre de questions dépasse de l'icone */
   cursor: pointer;
    background: url(../work/images/svgs/ajout-rapide-formulaire.svg) center center no-repeat transparent;
    width: 21px; /* 14-06-2019: Le nombre de questions dépasse de l'icone */
    height: 38px;
    background-size: contain;
    /* modif Ociensa 2024/04/25 : suite à utilisation style flex, -11px -> -5px; */
    margin-top: -5px; /* 07-05-2018: corrections régressions - suite */
    color: #000;
    line-height: 48px;
}
@-moz-document url-prefix() {
   .actionBoutonCell span.boutonNb {
      line-height: 44px;
   }
}
/* 03-05-2019 */
.actionBoutonCell.has-form-button-large span.boutonNb {
   background: url(../work/images/svgs/ajout-rapide-formulaire-large.svg) center center no-repeat transparent;
   background-size: contain;
   color: #000;
   width: 28px;
   margin-right: 10px;
   font-size: 12px;
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
   .actionBoutonCell span.boutonNb {
      width: 21px;
   }
   .actionBoutonCell.has-form-button-large span.boutonNb {
      width: 26px;
   }
}
@supports (-ms-ime-align: auto) {
   .actionBoutonCell span.boutonNb {
      width: 18px;
   }
   .actionBoutonCell.has-form-button-large span.boutonNb {
      width: 22px;
   }
}

/* 06-02-2018: Uniformisations avec les listes */
.main-table td .dCell.has-popover {
   cursor: default !important;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild.centrer {
   text-align: center;
   padding-left: 0;
   /* modif Ociensa 2024/04/25 : ajout disposition flex */
   margin: auto;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild.centrer .centre-wrapper {
   width: 26px;
   /* modif Ociensa 2024/04/25 : ajout disposition flex
   height: 26px;
   */
   margin: auto;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild.centrer .centre-wrapper.has-file {
   width: auto;
}

/* 05-04-2018: structure des dates - "label" devient "div" et Ajout classe 'is-date' */
/* 05-04-2018: Created a wrapper div with the class "dCell", moved the class "dataCell" upwards and created the class "dataCellChild" to apply to the "dataCell" child. */
.main-table td .dataCellChild.is-date {
   margin: 0;
    cursor: pointer;
    /* height: 100%; */
}


/* 06-02-2018: Uniformisations avec les listes */
/*Internet Explorer 10 & 11 */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
   .main-table td .dataCellChild.is-date {
      width: 100%;
      height: 47px;
   }
   
}
/* 06-02-2018: Uniformisations avec les listes */
/* IE9, IE10 */
@media screen and (min-width:0\0) {
   /* 05-04-2018: structure des dates - "label" devient "div" et Ajout classe 'is-date' */
   /* 05-04-2018: Created a wrapper div with the class "dCell", moved the class "dataCell" upwards and created the class "dataCellChild" to apply to the "dataCell" child. */
   .main-table td .dataCellChild.is-date {
      width: 100%;
      height: 47px;
   }
}

.main-table td .liste-bouton + .dCell {
   width: calc(100% - 28px) !important;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .has-popover:hover, .main-table td.has-popover:hover {
   cursor: pointer;
}


/* Icône visualisation état dans page liste */
.main-table td .icone-etats {
   display: inline-block;
   /* width: 20px; */
   height: 20px;
   background: url(../work/images/svgs/etats-liste.svg) center center no-repeat transparent;
   background-size: 20px 20px;
   cursor: pointer;
}

/*26-02-2018: ajustements accueil et liste*/

.main-table td {
   vertical-align: middle;
}

/* 30-04-2018: nouvelle structure cellules listes */


/*

   /*Cellule multidonnées: 2 données + 1 separateur 
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(3),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(3) ~ div {
      height: 50%;
   }
   /*Cellule multidonnées: 3 données + 2 separateur 
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(5),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(5) ~ div {
      height: 33.33%;
   }
   /*Cellule multidonnées: 4 données + 3 separateur 
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(7),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(7) ~ div {
      height: 25%;
   }
   /*Cellule multidonnées: 5 données + 4 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(9),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(9) ~ div {
      height: 20%;
   }
   /*Cellule multidonnées: 6 données + 5 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(11),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(11) ~ div {
      height: 16.66%;
   }
   /*Cellule multidonnées: 7 données + 6 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(13),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(13) ~ div {
      height: 14.28%;
   }
   /*Cellule multidonnées: 8 données + 7 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(15),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(15) ~ div {
      height: 12.5%;
   }
   /*Cellule multidonnées: 9 données + 8 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(17),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(17) ~ div {
      height: 11.11%;
   }
   /*Cellule multidonnées: 10 données + 9 separateur
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(19),
   .main-table td .dCell .cel-table > div:first-child:nth-last-child(19) ~ div {
      height: 10%;
   }

*/

/* 06-02-2018: Uniformisations avec les listes */
.main-table td.cellule{
   height: 35px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td.infobulle, .main-table td .dataCellChild.infobulle{
    cursor: default;
   position: relative;
   background-clip: padding-box !important;
}

/* 06-02-2018: Uniformisations avec les listes */
.main-table td.infobulle:before, .main-table td .dataCellChild.infobulle:before{
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: -1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #4A9FFE;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;/* 06-02-2018: Uniformisations avec les listes */
    float: left;/* 06-02-2018: Uniformisations avec les listes */
}

/* 06-02-2018: Uniformisations avec les listes */
.main-table td.cellule .datepicker {
   outline: none;
   border: none;
   background: transparent;
   /* modif Ociensa 2019/04/26 : suppression couleur car applique une couleur différente des autres types de cellule et empêche la couleur d'être appliquée sur les date d'échéance. 
   color: #626262;
   */
   cursor: pointer;
   width: 100px;
   width: 50%;
    min-width: 80px;
   min-height: 35px; /* 07-05-2018: corrections régressions - suite */
}
/* 06-02-2018: Uniformisations avec les listes */
.main-table td.cellule.is-select .dCell, .main-table td.cellule .dCell.is-select {
   padding: 0;
   width: 100%;
}


/* 06-02-2018: Uniformisations avec les listes */

/* 06-02-2018: Uniformisations avec les listes */
.main-table td.cellule.is-select select {
   width: 100%;
}


.main-table td:nth-child(2n+1), .main-table th:nth-child(2n+1)  {background: #FCFCFC;}
.main-table td:nth-child(2n), .main-table th:nth-child(2n)  {background: #FFFFFF;}

/* 06-02-2018: Uniformisations avec les listes */
.main-table tr.grey-line td {
   background-color: #EEEEEE;
}
/* Les lignes du tableau peuvent contenir des sous-tableaux contenant des en-têtes th */
.main-table tr.active-line td, .main-table tr.active-line th {
   background-color: #D3E8FF;
}
.main-table tr.active-line {
   /* box-shadow: 0px 0px 6px 3px #999999; */
   box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
    display: block;
    z-index: 9;
    position: relative;
    border: 0;
    transition: box-shadow 1.5s ease-in-out;
   -webkit-transition: box-shadow 1.5s ease-in-out;
    -moz-transition: box-shadow 1.5s ease-in-out;
    -o-transition: box-shadow 1.5s ease-in-out;
    -ms-transition: box-shadow 1.5s ease-in-out;
}

/*
.main-table tr.active-line:hover {
   box-shadow: 0px 0px 6px 3px #444444;
   box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
   -webkit-transition: box-shadow 1.5s ease-in-out;
    -moz-transition: box-shadow 1.5s ease-in-out;
    -o-transition: box-shadow 1.5s ease-in-out;
    -ms-transition: box-shadow 1.5s ease-in-out;
} */

.main-table tr.active-line + tr {
   border-top: 0px;
}

.main-table .type-date div{
   padding-left: 0;
}
.main-table .type-date input.datepicker {
    font-size: 12px;
    line-height: 16px;
    /* letter-spacing: 0.6px; */
    font-weight: 500;
    font-family: Roboto;
    border: 0;
    padding: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 0;
   cursor: pointer;
}
.main-table .type-date.dataCellChild input.datepicker {
    padding-left: 0px;
    color: #9D9D9D; /* 06-02-2018: Uniformisations avec les listes */
}
/* 06-02-2018: Uniformisations avec les listes */
.main-table .type-liste-user .valeurNonAssocieeAuSiteCourant {
    color: red;
}
.main-table .type-liste-user .user-image {
   background: center center no-repeat transparent;
    display: block;
    width: 28px;
    height: 28px;
   margin: 0;
   float: left;
    margin-left: 10px;
   margin-top: 6px;
   cursor: pointer;
   border-radius: 50%;
   background-size: cover;
   position: absolute;
}

.main-table tr.end-of-table {
   border: 0;
}
.main-table tr.end-of-table td {
   background-color: #F6F6F6 !important;
   height: 16px; /* 06-02-2018: Uniformisations avec les listes */
}

@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   #tableauActions .main-table td:first-child > div { /* 09-05-2018: Correction Règles trop générales */
      padding-left: 20px;
   }
/* 06-02-2018: Uniformisations avec les listes */
   .main-table td div, .main-table td input {
      font-size: 11px; /* 30-04-2018: nouvelle structure cellules listes */
   }
/* 31-01-2018 cellule non modifiable: même style que select modifiable */
   .main-table td div.non-modifiable {
      font-size: 11px;
   }
   .main-table th div {
      font-size: 11px;
   }
   .main-table .type-date input.datepicker {
      font-size: 11px;
      padding: 0;
   }
}

@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   /* 06-02-2018: Uniformisations avec les listes */
   /* .main-table tbody tr { */
      /* min-height: 49px; */
   /* } */
   .main-table td div.vide {
      /* height: 49px; */
      cursor: default;
   }
   .main-table td div.non-modifiable {
      /* line-height: 49px; */
      font-size: 11px;
      /* padding-left: 20px; */
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /* .main-table td.cellule{ */
      /* height: 49px; */
   /* } */
   .main-table td div, .main-table td input {
      font-size: 11px;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .main-table td.cellule .datepicker {
      min-width: 90px;
      min-height: 38px; /* 07-05-2018: corrections régressions - suite */
   }
   .main-table th div {
      font-size: 11px;
      /* padding-right: 20px; */ /* 06-02-2018: Uniformisations avec les listes */
   }
   .main-table thead tr {
      height: 65px;
   }
   .main-table .type-date input.datepicker {
      font-size: 11px;
      padding: 0;
   }
}

#ascenceurSelect2List{
   margin-left: -7px;
}

/* -------------------------------- 

Formulaires

-------------------------------- */


.boutonM {
   /* 06-02-2018: Uniformisations avec les listes */
    background: url(../work/images/svgs/list-edit.svg) center center no-repeat transparent;
   background-size: contain;
    border-style: none;
    margin-right: 2px;
    margin-top: 4px;
    padding: 0px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
#suiviTaches .boutonM {
   /* Chrome/Edge : pour aligner verticalement les icônes dans la fiche contrôle, pour les tâches associées */
   vertical-align: middle;
    margin-top: 0px;
}

.boutonV {
   /* 06-02-2018: Uniformisations avec les listes */
    background: url(../work/images/svgs/list-view.svg) center center no-repeat transparent;
   background-size: contain;
    border-style: none;
    margin-right: 2px;
    padding: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.input-wrapper {
   font-family: 'Roboto';
    margin-top: 2px;
    line-height: 12px;
    text-align: left;
    padding: 0;
   width: 100%;
   float: left;
}
.item-wrapper.unique-checkbox .input-wrapper {
   margin-top: 8px;
}
/*
div.texteFormulaire label {
   font-family: 'Roboto';
   font-size: 12px;
   color: #3A3A3A;
    text-align: left;
   margin-top: 6px;
   line-height: 22px;
    margin-bottom: 10px;
   margin-left: 1px;
    height: 12px;
}
div.texteFormulaire label.two-lines {
   line-height: 10px;
}
div.texteFormulaire span.label-right {
   float: right;
   margin-right: 42px;
}
*/

/*
div.texteFormulaire select {
    width: calc(100% - 35px);
   padding: 4px 2px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 11px;
   outline: none;
}*/

.formulaireFiche .form-block {
   float: left;
}

.formulaireFiche label.left-label.plural .sel-singular {
    display: none;
}
.formulaireFiche label.left-label.singular .sel-plural {
    display: none;
}

/* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
.popup-selection-opener {
   margin-right: 8px;
   /* margin-top: -2px; */
    display: inline-block;
    top: 4px;
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 14px;
    border: 0;
    opacity: 0.5;
      transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    background: url(../work/images/svgs/icone-formulaire-choix-multi.svg) center center no-repeat transparent;
}

/* Icône spécifique (dans la fiche contrôle, sur le champ "tâches associées" par exemple) */
.popup-selection-opener.btLien {
   background: url(../work/images/svgs/btLien.svg) center center no-repeat transparent;
   /* l'icône est plus haute que celle de base */
   height: 18px;
   /* remonter le bouton pour le centrer verticalement car l'icône est plus haute */
   top: 0px;
}

/* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
.popup-selection-opener:hover {
   opacity: 1;
   transition: opacity 0.25s ease-in-out;
   -webkit-transition: opacity 0.25s ease-in-out;
   -moz-transition: opacity 0.25s ease-in-out;
   -o-transition: opacity 0.25s ease-in-out;
   -ms-transition: opacity 0.25s ease-in-out;
}
/* .formulaireFiche .item .right-element .popup-selection-opener { */
    /* top: 5px;
    left: 0px; */
/* } */
/* .formulaireFiche .item.liste-user.user-regular .right-element .popup-selection-opener { */
    /*top: 0px;*/
/* } */
/* .formulaireFiche .item.liste-user.user-regular .right-element { */
    /*padding-top: 16px;
    padding-left: 5px;*/
/* } */
.formulaireFiche .error-line .error-message {
   margin-top: 2px;
   margin-bottom: 12px;
    font-size: 10px;
   color: #F95C5F;
   background: url(../work/images/svgs/field-error.svg) right top no-repeat transparent;
    background-size: 14px;
   padding-right: 14px;
   margin-left: 10px;
   float: left;
}
.formulaireFiche .item {
   white-space: nowrap;
   display: table-cell;
    vertical-align: middle;
    height: 50px;
}
.formulaireFiche .item.liste-user {
    height: 66px;
}
.formulaireFiche .form-block.libelle .item {
   white-space: normal;
}
.formulaireFiche .item .right-element {
    font-size: 10px;
   margin-left: -8px;
   display: inline-block;
   line-height: 14px;
}
/* .formulaireFiche .item.custom-timepicker .border.bigger + .right-element { */
   /* margin-top: 16px; */
/* } */
/*.formulaireFiche .item.radio-group .right-element {
   margin-top: 16px;
    line-height: 16px;
}*/


/*.formulaireFiche .form-block.for-file-input {
       margin-bottom: 24px;
}*/
/* .formulaireFiche .form-block.for-file-input .item .right-element { */
   /* position: relative;
    top: 20px;
   margin-bottom: 16px; */
/* } */

/* .formulaireFiche .item.uniform-select .right-element { */
   /* margin-top: 16px; */
/* } */
/* .formulaireFiche .item .bigger + .right-element { */
   /* margin-left: -8px; */
/* } */

/* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
.popup-selection-opener:focus {
   outline: none;
}


@media only screen and (min-width: 1227px) {
   .input-wrapper {
      margin-top: 16px;
      width: 50%
   }
   .item-wrapper.unique-checkbox .input-wrapper {
      margin-top: 22px;
   }
   .formulaireFiche .error-line .error-message {
      margin-top: 4px;
      margin-bottom: 16px;
      font-size: 12px;
      background-size: 16px;
      padding-right: 16px;
   }
   .formulaireFiche .item .right-element {
      font-size: 12px;
      margin-left: -10px;
   }
   /* .formulaireFiche .item .bigger + .right-element { */
      /* margin-left: -6px; */
   /* } */

}
@media only screen and (min-width: 1820px) {
   /* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
   
   .formulaireFiche .item {
      height: 54px;
   }
   .formulaireFiche .item.liste-user {
       height: 70px;
   }
   
   /* .popup-selection-opener {
      top: 6px;
      margin-left: 10px;
      margin-right: 0;
   } */
   .formulaireFiche .item .right-element .popup-selection-opener {
      margin-left: 0px;
   }
   /* .formulaireFiche .item .bigger + .right-element{ */
      /* margin-left: -4px; */
   /* } */
   /* @supports (-webkit-appearance:none) { */
      /* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
      /* .popup-selection-opener { */
      /*    top: 6px; */
      /* } */
   /* } */
   .formulaireFiche .error-line .error-message {
      margin-top: 6px;
      margin-bottom: 20px;
      font-size: 14px;
      background-size: 18px;
      padding-right: 18px;
      min-width: 150px;
   }
   .formulaireFiche .item .right-element {
      font-size: 16px;
      margin-left: -12px;
      line-height: 18px;
   }
}

/* 06-02-2018: Uniformisations avec les listes */
#bottomRechercheClose {
   position: absolute;
    bottom: 0;
    right: 20px;
   cursor: pointer;
   display: none;
}
/* 06-02-2018: Uniformisations avec les listes */
#bottomRechercheClose span{
   display: block;
    text-align: center;
    width: 20px;
    height: 20px;
   background: url(../work/images/close-params.png) center center no-repeat transparent;
}
#bottomRechercheClose.opened {
   display: block;
   bottom: -240px;
}
/* 06-02-2018: Uniformisations avec les listes */
/* 24-04-2019: Fixing Filter Position */
#formRechercheBouttons {
   float: right;
   margin-top: 15px;
   margin-right: 52px;
}
#formMassEditBouttonsRight { /* 06-02-2018: Uniformisations avec les listes */
   float: right;
   margin-right: 45px; 
   margin-top: -46px;
   width: 30%; /*sgdev 19 march 2020 - added a 30% width in order to fix the bug Suppression et archivage en masse inaccessible sur petit ecran */
}
#formMassEditBouttonsLeft { /* 06-02-2018: Uniformisations avec les listes */
    margin-top: 7px;
    margin-bottom: 10px;
   margin-left: calc((100%/5) + 10px);
}
#formRechercheBouttons .boutton {
   float: left;
    line-height: 18px;
    margin-right: 28px;
   font-weight: 500;
}
#formMassEditBouttonsRight .boutton {
   float: right;
    line-height: 18px;
    margin-right: 28px;
   font-weight: 400; /* 06-02-2018: Uniformisations avec les listes */
}
#formMassEditBouttonsRight .boutton:first-child {
   margin-right: 0;
}

/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a {
    display: block;
    font-size: 12px;
    float: left;
    line-height: 18px;
    font-weight: 400;
   margin-top: 2px;
}
#formMassEditBouttonsLeft .boutton:last-child {
   margin-right: 0;
}

/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a i {
    font-size: 20px;
    margin-top: -2px;
    display: block;
    float: left;
}
#formMassEditBouttonsLeft a.mass-delete {
   color: #FF8080 !important;
   padding-left: 10px; /* 06-02-2018: Uniformisations avec les listes */
}
/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a.mass-delete:hover {
   color: #E94949 !important;
   background-color: #EBEBEB;
}
/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a.mass-delete:active {
   color: #E94949 !important;
   background-color: #EBEBEB;
}
/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a.mass-archive {
   color: #727272 !important;
   padding-left: 10px;
}
/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a.mass-archive:hover {
   color: #626262 !important;
   background-color: #EBEBEB;
}
/* 06-02-2018: Uniformisations avec les listes */
#formMassEditBouttonsLeft a.mass-archive:active {
   color: #626262 !important;
   background-color: #EBEBEB;
}

/* 06-02-2018: Uniformisations avec les listes */
@media only screen and (min-width: 1227px) {
   #formMassEditBouttonsRight {
      margin-right: 20px;
   }
   #formMassEditBouttonsLeft a {
      font-size: 14px;
      font-weight: 500;
   }
   #formMassEditBouttonsRight .boutton {
      font-size: 14px;
      font-weight: 500;
   }
   #formMassEditBouttonsLeft {
      margin-left: calc((100%/5) + 20px);
   }
   /* 24-04-2019: Fixing Filter Position */
   #formRechercheBouttons {
      margin-top: 40px;
   }
}
/* 06-02-2018: Uniformisations avec les listes */
@media only screen and (min-width: 1820px) {
   #formMassEditBouttonsRight {
      margin-right: 30px;
      /* APIA 4.0 - Mass modification - Mass modification buttons are hidden */
      margin-top: 7px!important;
   }
   #formMassEditBouttonsLeft {
      margin-left: calc((100%/6) + 30px);
   }
}

/* ************************* */
/* Composants  jQuery        */
/* ************************* */

/* Boîtes de dialogue */
.ui-dialog {
  font-size: 11px;
}
/* ne pas afficher le bouton de fermeture boîte de dialogue */
.ui-dialog-titlebar-close { 
  display: none;
}

/* Component containers */
.ui-widget { font-family: Roboto, Helvetica, sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button:not(.ui-button) {     padding: 4px 2px; font-family: Roboto, Helvetica, sans-serif; font-size: 11px; }

/* Correction de l'affichage de l'image cliquable pour apparition du datepicker : la décoller de l'input et la centrer verticalement */
.ui-datepicker-trigger {
  vertical-align: middle; margin-left: 3px;
}

/* Correction datepicker : le div du datepicker apparaît en bas de chaque page */
#ui-datepicker-div {
    display: none;
}


/* Bibliothèque Infobulles jquery.toolip : style pour l'infobulle affichée */
.ui-tooltip {
   /* augmenter la largeur maxi */
   max-width: 400px;
   /* ombrage à droite et plus discret */
   box-shadow: 4px 4px 2px #aaa; 
}


/* CSS JQUERY-UI visual compatibility */

.FondFormulaireBis {
   font-family: Roboto;
}

.ui-dialog-buttons button  {
    padding: .4em 1em;
    display: inline-block;
    line-height: normal;
    margin: .5em .4em .5em 0;
    border: 1px solid #c5dbec;
    background: #dfeffc url(../work/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
    font-size: 1em !important;
    font-family: Roboto, Helvetica, sans-serif !important;
    position: relative;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    border-radius: 5px;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
   display: none;
}
.center-tools {
   position: absolute;
   top: 90px;
}

/* END - CSS JQUERY-UI visual compatibility */

.boutonLoupe {
    background-color: transparent;
    background-image: url(../work/images/btLoupe.png); /* 21-03-2018: image btLoupe manquante */
    border-style: none;
    margin: 0px;
    padding: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.center-tools .boutonModif {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 11px;
    color: #385465;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    border: none;
    padding: 0px;
   margin-bottom: 2px;
    font-weight: 800;
    width: 20px !important;
    height: 20px;
    line-height: 7px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
   text-indent: 9999px;
    /* border: 0; */
   background: url(../work/images/fleche-simple.png) center center no-repeat transparent;
   background-size: contain;
}
/* 06-02-2018: Uniformisations avec les listes */
.center-tools .boutonModif-space {
   height: 15px;
}

.center-tools div:nth-child(2) .boutonModif {
   background: url(../work/images/fleche-double.png) center center no-repeat transparent;
   background-size: contain;
}
.center-tools div:nth-child(4) .boutonModif {
   background: url(../work/images/fleche-simple.png) center center no-repeat transparent;
   background-size: contain;
   -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.center-tools div:nth-child(5) .boutonModif {
   background: url(../work/images/fleche-double.png) center center no-repeat transparent;
   background-size: contain;
   -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* Complément 2014/03/21 pour homogénéiser les select avec filtre et sans filtre */
select {
      border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
   outline: none;
    -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
    background: url(../work/images/arrow-down.png) right 50% no-repeat #fff;
    background-position-x: calc(100% - 5px);
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
select[multiple]{
    background: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE: 11 + 10 */
   select {
      background-position-x: 96%;
   }
}
@media screen\0 { /* IE: 8, 9, 10 */
   select {
      background-position-x: 96%;
   }
}
#bottomFiltrePersoTools .filtre-perso-wrapper input.type-text {
     border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
   width: calc(100% - 35px);/* 06-02-2018: Uniformisations avec les listes */
   padding: 8px 2px 8px 10px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
   color: #3C3C3C;
   /* letter-spacing: 0.6px; */
}
/* FIN Complément 2014/03/21 pour homogénéiser les select avec filtre et sans filtre */


@media only screen and (min-width: 1227px) {
   #bottomFiltrePersoTools .filtre-perso-wrapper input.type-text {
      padding: 7px 2px 7px 10px;
      font-size: 12px;
   }
}
@media only screen and (min-width: 1820px) {
   /*div.texteFormulaire label {
      font-size: 16px;
   }*/
   .input-wrapper {
      height: 35px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper input.type-text {
      font-size: 16px;
   }
}

/* -------------------------------- 

Tooltip des graphs, et alignemnt legende

-------------------------------- */


   #chartjs-tooltip {
        opacity: 1;
        position: absolute;
        background: #fff;
        color: #343434;
      font-family: 'Roboto' !important;
      padding: 8px;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
        border-radius: 3px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
      box-shadow: 0px 0px 20px -5px rgba(50, 50, 50, 0.8);
      min-width: 200px;
      z-index: 9;
    }
   
   #chartjs-tooltip::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
      border-right: 10px solid #fff;
      position: absolute;
      left: -9px;
      box-shadow: 0px 0px 20px -5px rgba(50, 50, 50, 0.8);
      transition: all 150ms ease;
   }
   /* 14-03-2018: Posicionement du tooltip des graphs en haut */
   #chartjs-tooltip.default-top-position::before {
      top: 38px;
      transition: all 150ms ease;
   }
   #chartjs-tooltip.other-side::before {
      border-left: 10px solid #fff;
      left: initial;
      right: -9px;
      border-right: 0;
   }
   
      .chartjs-tooltip-color {
         display:inline-block;
         width:10px;
         height:10px;
      border-radius: 7px;
      margin: 0px 8px;
      font-weight: 500;
      }
   
   .chartjs-tooltip-value {
      text-align: left;
      min-width: 42px;
      display: inline-block;
      font-weight: 500;
      }
   .chartjs-tooltip-label {
      min-width: 100px;
      display: inline-block;
      font-weight: 500;
      }
   .chartjs-tooltip-percent {
      display: inline-block;
      min-width: 24px;
      text-align: right;
      font-weight: 500;
   }
   
   .is-hover-item .chartjs-tooltip-color {
      width:14px;
         height:14px;
      margin: 0 6px;
      margin-bottom: -2px;
   }
   .is-hover-item .chartjs-tooltip-value, .is-hover-item .chartjs-tooltip-label, .is-hover-item .chartjs-tooltip-percent {
      font-weight: 600;
   }
   
   #topCharts .graph-link {
      color: #3A3A3A;
      font-weight: 600;
      text-decoration: none;
   }
   #topCharts .graph-link:hover, #topCharts .graph-link:focus, #topCharts .graph-link:active {
      text-decoration: none;
   }
   
   #topCharts .chart-title-wrapper {
      text-align: center;
      /*width: 140%;
      margin-left: calc(-18% - 9px);*/
      font-size: 10px;
      position: relative;
      /*white-space: nowrap;*/
      word-wrap:break-word;
   }
   #topCharts .icon-Plus {
      font-size: 15px;
      margin-left: 4px;
      position: relative;
      top: 4px;
   }
   #topCharts .chart-title-wrapper.two-lines {
      line-height: 2px;
      margin-top: 4px;
   }
   #topCharts .graph-link-plus {
      color: #3A3A3A;
      font-weight: 600;
      text-decoration: none;
      word-wrap: normal;
   }
   
   @media screen\0 { /* IE: 8, 9, 10 */
      #topCharts .graph-link {
          height: 16px;
      }
   }
   
   #topCharts .col-md-1 .graph-link {
      bottom: -1px;
      right: 0px;
   }
   
   #topCharts .graph-title {
      display: block;
   }
   #topCharts .graph-title {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 600;
    color: #7F7F7F;
    width: calc(100% - 16px);
    display: flex;
    word-wrap: break-word;
    float: left;
    padding-left: 16px;
    height: 32px;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 16px);
   }
   
   @media only screen and (min-width: 1227px) {
      #topCharts .chart-title-wrapper {
          /*width: 160%;
         margin-left: calc(-25% - 14px);*/
         font-size: 12px;
      }
      #topCharts .icon-Plus {
         top: 5px;
         font-size: 19px;
      }
      #topCharts .two-lines .icon-Plus {
         top: 4px;
      }
   }
   @media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
      #topCharts .chart-title-wrapper {
         /*width: 180%;
         margin-left: calc(-38% - 18px);*/
         font-size: 14px;
      }
      #topCharts .icon-Plus {
         top: 6px;
         font-size: 24px;
      }
      #topCharts .two-lines .icon-Plus {
         top: 5px;
      }
   }

   /* 06-02-2018: Uniformisations avec les listes */
   #ascenceurFiltre.filtres-toggler {
      display: none !important;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   #ascenceurFiltre.filtres-toggler.opened {
      display: block !important;
   }
   
   #ascenceurFiltre.graph-resizing{
      display: none !important;
   }
   #ascenceurGraph-hr {
      display: none !important;
   }
   #ascenceurFiltre-hr {
      display: none !important;
   }
   #ascenceurMassEditForm-hr {
      display: none !important;
   }
/*26-02-2018: ajustements accueil et liste*/
   #ascenceurGestion-hr {
      margin-top: 5px;
      border-top: 1px solid #E6E6E6;
      border-bottom: 1px solid #E6E6E6;
      height: 16px !important;
   }
/*26-02-2018: ajustements accueil et liste*/
   #ascenceurGestion-hr .nicescroll-cursors {
      margin-top: 3px;
   }
   
   .nicescroll-rails.rounded-back {
      border-radius: 4px;
   }
   
/* -------------------------------- 

Tooltip des listes

-------------------------------- */

   
   .tooltip {
      opacity: 0 !important; /* 07-05-2018: corrections régressions - suite */
      /* modif Ociensa 2024/05/02 : recouvrir les selects */
      z-index: 12070;
   }
   /* 07-05-2018: corrections régressions - suite */
   .tooltip.displayed {
      opacity: 1 !important;
   }
   .tooltip-arrow {
      display: none;
   }
   .tooltip-inner {
      color: #626262;
      text-align: left;
      background-color: #fff;
      box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);
      padding: 12px;
      border: 0px;
      border-radius: 3px;
   }
   .tooltip-inner .tooltip-title {
      color: #3A3A3A;
      font-weight: bold;
      margin-bottom: 4px;
      margin-top: 8px;
      display: block;
      width: 100%;
   }
   .tooltip-inner .tooltip-title:first-child {
      margin-top: 0px;
   }
   
   
/* -------------------------------- 

Tooltip des fiches

-------------------------------- */

   
   .tooltip.aide-champ {
      font-size: 10px;
   }
   
   @media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
      .tooltip.aide-champ {
         font-size: 12px;
      }
   }
   
   @media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
      .tooltip.aide-champ {
         font-size: 16px;
      }
   }
   
   
/* -------------------------------- 

Liste: toolbar

-------------------------------- */

/*17-05-2018: Fiches - livraison groupée */
.toolbar {
   border-bottom: 1px solid rgba(200, 200, 200, 0.4);
   width: 100%;
   float: left;
   background-color: #F5F5F5;
   font-size: 10px;
   margin-top: 1px;
}
/*17-05-2018: Fiches - livraison groupée */
.toolbar.bottom {
   border-top: 1px solid rgba(200, 200, 200, 0.4);
   border-bottom: 0px;
   /* 07-05-2018: corrections régressions - suite */
   background-color: transparent;
}

.toolbar.fiche .right-part,
.toolbar .left-part {
   float: left;
}

.toolbar .right-part {
   float: right;
   margin-right: 5px;
}

/* 06-02-2018: Uniformisations avec les listes */

.toolbar .right-part .icone-tool {
   font-size: 20px;
   line-height: 30px;
}

/* 06-02-2018: Uniformisations avec les listes */
.toolbar .icone-tool.icon-Forward {
   display: inline-block;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.toolbar.fiche .right-part .icone-tool.icon-Lien {
	background: url(../work/images/svgs/btLien-toolbar.svg) center center no-repeat transparent;
}

.toolbar.fiche .right-part .item,
.toolbar .left-part .item {
   text-transform: uppercase;
   line-height: 30px;
   padding-left: 29px;
   float: left;
   border-right: 1px solid rgba(200, 200, 200, 0.5);
   padding-right: 16px;
   cursor: pointer;
   color: #626262;
   font-size: 10px;
   opacity: 0.8;
   transition: opacity 150ms ease;
}
.toolbar.fiche .right-part .item:hover,
.toolbar .left-part .item:hover {
   opacity: 1;
   border-right: 1px solid rgba(200, 200, 200, 0.4);
   transition: opacity 150ms ease;
}
.toolbar.fiche .right-part .icone-tool,
.toolbar .left-part .icone-tool {
   position: relative;
   left: -12px;
   font-size: 17px;
   /* display: inline-block; */
   float: left;
   margin-top: 6px;
   width: 18px;
   height: 18px;
}

.toolbar.fiche .right-part .item.etats i.icone-etats,
.toolbar .left-part .item.etats i.icone-etats {
   background: url(../work/images/svgs/etats-liste.svg) center center no-repeat transparent;
}

.toolbar .right-part .item {
   height: 29px;
   width: 18px;
   margin: 0 10px;
   float: left;
   cursor: pointer;
   opacity: 0.8;
   transition: opacity 150ms ease;
}
.toolbar .right-part .item:hover {
   opacity: 1;
   transition: opacity 150ms ease;
}

/* 06-02-2018: Uniformisations avec les listes */

.toolbar .right-part .item.exporter {
   width: 20px;
   margin-right: 8px;
   background: url(../work/images/svgs/export-excel.svg) left 7px no-repeat transparent;
   background-size: 16px 16px;
}

/* 06-02-2018: Uniformisations avec les listes */

.toolbar .right-part .item.exporter:hover {
   background: url(../work/images/svgs/export-excel-hover.svg) left 2px no-repeat transparent;
   background-size: 21px 21px;
}

.toolbar .right-part .item.supprimer {
   text-transform: uppercase;
   line-height: 50px;
   padding-left: 50px;
   float: left;
   border-right: 1px solid rgba(200, 200, 200, 0.4);
   padding-right: 24px;
   cursor: pointer;
   font-size: 10px;
   /* background: url(../work/images/top-delete.png) 16px center no-repeat transparent; */
   width: inherit;
   border-left: 1px solid rgba(200, 200, 200, 0.4);
   margin: 0;
   color: #FF8080;
}

.toolbar .right-part .item.archiver {
   text-transform: uppercase;
   line-height: 50px;
   padding-left: 50px;
   float: left;
   border-right: 1px solid rgba(200, 200, 200, 0.4);
   padding-right: 24px;
   cursor: pointer;
   font-size: 10px;
   /* background: url(../work/images/top-archive.png) 16px center no-repeat transparent; */
   width: inherit;
   margin: 0;
   color: #4CAF50;
}

/* 06-02-2018: Uniformisations avec les listes */


.toolbar.fiche .right-part {
   float: right;
   margin-right: 15px;
}



@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   .toolbar.fiche .right-part .item,
   .toolbar .left-part .item {
      line-height: 41px;
      font-size: 12px;
      padding-right: 18px;
      padding-left: 30px;
      height: 39px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar.fiche .right-part .icone-tool,
   .toolbar .left-part .icone-tool {
      margin-top: 11px;
      width: 20px;
      height: 20px;
   }
/*17-05-2018: Fiches - livraison groupée */  .toolbar .right-part {
      margin-right: 8px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar.fiche .right-part {
      margin-right: 8px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar .right-part .item {
      height: 39px;
      width: 20px;
      margin: 0 12px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar .right-part .icone-tool {
      font-size: 22px;
      line-height: 39px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar .right-part .item.exporter {
      width: 25px;
      margin-left: 10px;
      margin-right: 6px;
      background: url(../work/images/svgs/export-excel.svg) left 10px no-repeat transparent;
      background-size: 20px 20px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .toolbar .right-part .item.exporter:hover {
      background: url(../work/images/svgs/export-excel-hover.svg) left 4px no-repeat transparent;
      background-size: 26px 26px;
   }
}

/* 06-02-2018: Uniformisations avec les listes */
/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   .toolbar.fiche .right-part .item,
   .toolbar .left-part .item {
      line-height: 61px;
      font-size: 12px;
      padding-right: 32px;
      padding-left: 40px;
      height: 60px;
   }
   .toolbar.fiche .right-part .icone-tool,
   .toolbar .left-part .icone-tool {
      margin-top: 19px;
      width: 24px;
      height: 24px;
      font-size: 20px;
   }
   .toolbar.fiche .right-part .item.etats i.icone-etats,
   .toolbar .left-part .item.etats i.icone-etats {
      background-size: 85%;
      margin-top: 18px;
   }
   .toolbar .right-part {
      margin-right: 16px;
   }
   .toolbar.fiche .right-part {
      margin-right: 15px;
   }
   .toolbar .right-part .item {
      height: 60px;
      width: 24px;
      margin: 0 18px;
   }
   .toolbar .right-part .icone-tool {
      font-size: 28px;
      line-height: 60px;
   }
   .toolbar .right-part .item.exporter {
      width: 32px;
      background: url(../work/images/svgs/export-excel.svg) left 18px no-repeat transparent;
      background-size: 26px 26px;
      margin-left: 14px;
      margin-right: 12px;
   }
   .toolbar .right-part .item.exporter:hover {
      background: url(../work/images/svgs/export-excel-hover.svg) left 10px no-repeat transparent;
      background-size: 34px 34px;
   }
}

/* -------------------------------- 

Fiches: toolbar

-------------------------------- */

/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche.bottom {
   border-top: 1px solid rgba(200, 200, 200, 0.4);
   border-bottom: 0px;
   /* 07-05-2018: corrections régressions - suite */
   background-color: transparent;
}

/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche .left-part {
   float: left;
}

   
   
   .liste-top-select { /* 06-02-2018: Uniformisations avec les listes */
      margin-top: 6px;
      margin-bottom: 10px;
      float: left;
      width: calc(100% / 5);
      /* 15/09/2023 width: calc(100% / 4 + 70px); */
      padding: 0 10px;
   }
   .liste-top-select select {
      width: 100%;
   }
   .liste-top-select .has-children{
          list-style: none;
   }
   .liste-top-select .has-children .label { /* 06-02-2018: Uniformisations avec les listes */
      color: #777;
      font-size: 11px;
      font-family: Roboto;
      font-weight: normal;
      padding: 0;
   display: block;
    /* float: left; */
    margin-top: 6px;
    margin-bottom: -4px;
   width: 100%;
    text-align: left;
   }
   .is-uniform-transparent .liste-top-select .has-children .label {
      display: block;
      float: left;
      margin-top: 4px;
      margin-bottom: -5px;
   }
   .liste-top-select .has-children > div > a {
           width: 100%;
    display: block;
    color: #626262;
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold;
   text-decoration: none;
   }
   .liste-top-select .has-children ul {
      top: 48px;
      left: 0;
      width: initial;
       width: 100%;
      z-index: 42;
   }
   .liste-top-select .has-children ul a {
      font-size: 12px;
      color: #fff;
   }
   #zoneTriNbFiches {
      float: right;
   }
   
#zoneTriNbFiches .trier {
	margin-right: 35px;
}

   /* 12-03-2018: correction ID "formulaireFiltre" */
   #zoneTriNbFiches, #nbFichesAffichees, #champNomNumCode {
      display: none;
   }
   /* 12-03-2018: correction ID "formulaireFiltre" */
   #zoneTriNbFiches.opened, #nbFichesAffichees.opened, #champNomNumCode.opened {
      display: block;
   }


#zoneTriNbFiches .select2 {
	/* Forcer le plugin select2 à respecter la largeur de son conteneur en cas de redimensionnement de la fenêtre.
	  Par défaut, le plugin fixe une taille à la construction du composant.
	 */
	width: 100% !important;
}
   
   #champNomNumCode {
      float: left;
      width: 200px;
      margin-top: 15px;
      position: relative;
   }
   #champNomNumCode #nomNumCode {
      float: left;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .clearable-text  {
      position: relative;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .clearable-text .boutonGomme {
      display: none;
      content: "\f00d";
      color: #fff;
      background: url(../work/images/svgs/close-input.svg) center center no-repeat transparent;
      background-size: contain;
      float: left;
      position: absolute;
      right: 54px;
      /* border: 0; */
      /* outline: none; */
      width: 16px;
      height: 32px;
      padding: 0;
      bottom: 2px;
      font-family: FontAwesome;
      border: 0;
      outline: none;
   }
   @-moz-document url-prefix() {
      .clearable-text .boutonGomme {
         bottom: 1px;
      }
   }
/* 06-02-2018: Uniformisations avec les listes */
   .clearable-text.filled .boutonGomme {
      display: block;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .clearable-text .boutonOk {
      display: block;
      width: 16px;
      height: 16px;
      margin-left: 12px;
      border: none;
      outline: none;
      background: url(../work/images/svgs/check-vert.svg) center center no-repeat transparent;
      background-size: contain;
      float: left;
      margin-top: 8px;
   }
/* 06-02-2018: Uniformisations avec les listes */
   #nbFichesAffichees {
      float: right;
      width: calc(100% / 5);
      padding: 0 10px;
      position: relative;
      height: 28px;
      color: #777;
      font-size: 12px;
      font-weight: 500;
      margin-right: calc(100% / 5);
      margin-top: 14px;
   }
   #nbFichesAffichees .info-left {
      text-align: left;
          float: left;
         font-size: 11px; /* 06-02-2018: Uniformisations avec les listes */
   }
   #nbFichesAffichees .info-right {
      text-align: right;
          float: right;
            font-size: 11px;
   }
   #nbFichesAffichees .list-progress-bar {/* 06-02-2018: Uniformisations avec les listes */
      width: calc(100% - 20px);
      height: 4px;
      background-color: #B3CDED;
      position: absolute;
      bottom: 0px;
      left: 0px;
      margin-left: 10px;
      z-index: 0;
   }
   #nbFichesAffichees .list-progress-bar .done {
      height: 4px;
      background-color: #3B8BF3;
      position: absolute;
      bottom: 0px;
      left: 0px;
   }
   
   /* 06-02-2018: Uniformisations avec les listes */
   @media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
      .liste-top-select {
         padding: 0 20px;
      }
      #nbFichesAffichees {
         padding: 0 20px;
      }
      #nbFichesAffichees .list-progress-bar {
         width: calc(100% - 40px);
         margin-left: 20px;
      }
      .clearable-text .boutonGomme {
         right: 64px;
         bottom: 7px;
      }
      #nbFichesAffichees .info-left, #nbFichesAffichees .info-right {
         font-size: 12px;
      }
      .liste-top-select .has-children .label {
         font-size: 12px;
         margin-bottom: -5px;
      }
      /* 08-05-2019: change TRIER PAR label style */
      #zoneTriNbFiches .has-children .label{
         font-size: 14px;
         font-family: Roboto;
         font-weight: normal;
      }
      /* 08-05-2019: change TRIER PAR contentmenu style */
      #zoneTriNbFiches .has-children .select2-selection__rendered{
         font-size: 10px;
         font-family: Roboto;
         font-weight: normal;
      }
      

   }
   
   /* 06-02-2018: Uniformisations avec les listes */
   @media only screen and (min-width: 1820px) { /* iframe: 1280-53px */
      .liste-top-select {
         padding: 0 30px;
         width: calc(100% / 6);
         /* 15/09/2023 width: calc(100% / 4 - 40px); */
         margin-top: 11px;
         margin-bottom: 14px;
      }
      #nbFichesAffichees {
         padding: 0 30px;
         width: calc((100% / 6));
         margin-right: calc((100% / 6) * 1.5);
         margin-top: 14px;
      }
      #nbFichesAffichees .list-progress-bar {
         width: calc(100% - 60px);
         margin-left: 30px;
      }
      .clearable-text .boutonGomme {
         width: 19px;
         height: 36px;
         right: 74px;
         bottom: 11px;
      }
      #nbFichesAffichees .info-left, #nbFichesAffichees .info-right {
         font-size: 16px;
      }
      .liste-top-select .has-children .label {
         font-size: 13px;
         margin-bottom: -4px;
         margin-top: 4px;
      }
   }
   
   
/* -------------------------------- 

 06-02-2018: Pre-filtres

-------------------------------- */

   
   #formulaireFiltre { /* 12-03-2018: correction ID "formulaireFiltre" */
      float: left;
      border-bottom: 1px solid #D8D8D8;
      background-color: #F2F2F2;
      padding-top: 3px;
      padding-bottom: 15px;
      width: 100%; /* 12-03-2018: correction largeur ocuppée par "formulaireFiltre" */
   }
   .champs-form .item-wrapper {
      width: 100%;
      padding: 0 10px;
      float: left;
      height: 57px;
   }
   .champs-form .item-wrapper.filtre-perso-wrapper {
      width: initial;
      height: auto;
      padding: 0;
   }
   /* 03-05-2019 */
   .champs-form.pre-filtre .item-wrapper {
      width: calc(100% / 8);
   }
   /* 03-05-2019: Put fields on the same row for control page */ 
   .formulaireFiltreControle .item-wrapper + .item-wrapper.clearable-text + .item-wrapper.double-dates + .item-wrapper.unique-checkbox{
      width: calc(100% / 11)!important;
   }
   #formulaireFiltre.formulaireFiltreControle .champs-form.pre-filtre .item-wrapper:first-child{
      width: 19%;
      padding-right: 20px;
   }
   .formulaireFiltreControle > .select2-container--open .select2-dropdown--below{
      width: 19%!important;
      padding-right: 20px;
   }
   .select2-container--open .select2-dropdown--below{
      width: auto!important;
      max-width: 50%!important;
   }
   
   /* 08-05-2019: Put fields on the same row for control page */ 
   .item-wrapper + .item-wrapper.clearable-text + .item-wrapper.double-dates + .unique-checkbox + .boutton-pre-filtre + .boutton-pre-filtre{
      margin-right: -10px;
   }

   .champs-form .item-wrapper.double-espace, .champs-form.pre-filtre .item-wrapper.double-espace {
      width: calc((100% / 5) * 2);
   }
   .champs-form .item-wrapper-final {
      width: 100%;
      float: left;
      height: 10px;
   }
   .champs-form .item-wrapper label {
      width: 100%;
      float: none;
      display: inline-block;
      text-align: left;
      padding-left: 0px;
      color: #3C3C3C;
      /* margin-bottom: 0; */
      font-size: 10px; /*17-05-2018: Fiches - livraison groupée */
      line-height: 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: -6px;
      margin-left: 1px;/*26-02-2018: ajustements accueil et liste*/
   }
/*17-05-2018: Fiches - livraison groupée */
   .champs-form .item-wrapper input.type-text,
   .champs-form .item-wrapper input.type-date,
   .champs-form .item-wrapper select, 
   .formulaireFiche .item.simple-texte input:not([type=button]),
   .formulaireFiche .item.color-picker input,
   .formulaireFiche .item.custom-timepicker .border,
   .formulaireFiche .item.custom-timepicker input,
   .formulaireFiche .item.textarea textarea,
   .formulaireFiche .item.custom-datepicker input,
   .custom-file-inputMultiple .inputAjoutLien,
   .custom-file-inputMultiple .nomPersonnalise {
      border-color: #E5E5E5;
      border-style: solid;
      border-width: 1px;
      border-radius: 2px;
      width: calc(100% - 10px);/* 06-02-2018: Uniformisations avec les listes */
      padding: 0px 2px 0px 10px;
      font-family: Roboto;
      font-size: 10px;
      font-weight: 500;
      line-height: 34px;
      height: 34px;
      color: #3A3A3A;
      /* letter-spacing: 0.6px; */
      vertical-align: middle;
   }
   .formulaireFiche .item.textarea textarea{
      padding-top: 8px;
      padding-bottom: 8px;
   }
   .formulaireFiche .item.custom-timepicker .border.bigger {
      border: 1px solid #E5E5E5;
      box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
      border-radius: 0px;
      height: 50px;
   }
   .formulaireFiche .item.simple-texte.number input {
      text-align: right;
      padding-right: 10px;
   }
   .formulaireFiche .item.custom-timepicker .border input {
      border: 0;
      width: 80px;
      height: 32px;
      line-height: 32px;
      background-color: transparent;
   }
   .formulaireFiche .item.custom-timepicker .border {
      padding: 0;
   }
   .formulaireFiche .item.custom-timepicker .border.bigger {
      padding: 8px;
      left: -8px;
      top: 0px;
   }
   
   .formulaireFiche .item.simple-texte.icone input {
      padding-left: 32px;
   }
   .formulaireFiche .item.simple-texte.icone:before {
      content: '';
      display: block;
      height: 34px;
      width: 20px;
      margin-left: 7px;
      position: absolute;
   }
   .formulaireFiche .item.custom-timepicker .border {
      width: initial;
      position: relative;
      cursor: pointer;
      display: inline-block;
      margin-right: 0px;
   }
   .formulaireFiche .item.custom-timepicker .border:after {
      content: '';
      display: block;
      /* 05-07-2019 Fixing - Taille de chevron en résoloution moyenne, champ horaire */
      width: 11px;
      height: 100%;
      background: url(../work/images/svgs/arrow.svg) center center no-repeat transparent;
      background-size: contain;
      opacity: 0.4;
      position: absolute;
      right: 8px;
      top: 1px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      transition: all 150ms ease, right 0ms ease;
      pointer-events: all;
   }
   .formulaireFiche .item.custom-timepicker .border.bigger:after {
      opacity: 1;
      /* 05-07-2019 Fixing - Taille de chevron en résoloution moyenne, champ horaire */
      width: 11px;
      right: 14px;
      top: 1px;
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      transition: all 150ms ease, right 0ms ease;
   }
   
   .formulaireFiche .item.readonly select,
   .formulaireFiche .item.readonly .select2-container--default.select2-container--disabled .select2-selection--single, 
   .formulaireFiche .item.readonly input,
   .formulaireFiche .item.readonly.icone:before,
   .formulaireFiche .item.readonly label.label-checkbox,
   .formulaireFiche .item.readonly .label-radio-text,
   .formulaireFiche .item.readonly .right-element, 
   .formulaireFiche .item.readonly textarea {
      background-color: transparent;
      opacity: 0.6;
      cursor: default !important;
   }
   .formulaireFiche .item.readonly .label-radio-text:before,
   .formulaireFiche .item.readonly label.custom-file-input-label {
      cursor: default !important;
   }
   /* .formulaireFiche .item input[disabled=disabled] { */
      /* background-color: transparent !important;*/
   /* } */
   .formulaireFiche .item.readonly .select2-container--default .select2-selection--single {
      opacity: 0.6;
   }
   .select2-container.no-event {
      pointer-events: none;
      touch-action: none;
   }
   
   .formulaireFiche .item.error select,
   .formulaireFiche .item.error input,
   .formulaireFiche .item.error .border,
   .formulaireFiche .item.error label.label-checkbox,
   .formulaireFiche .item.error textarea,
   .formulaireFiche .item.error .select2-container--default .select2-selection--single,
   .formulaireFiche .item.error .dropzoneContainer {
      border-color: #F95C5F !important;
   }
   
/*17-05-2018: Fiches - livraison groupée */
   /* .formulaireFiche .item.custom-timepicker .border input,  */
   /* .formulaireFiche .item.simple-texte input { */
      /* padding: 8px 2px 9px 10px; */
   /* } */
   /* 30-04-2018: corrections régressions */
   .champs-form .item-wrapper input.type-text:hover, 
   .champs-form .item-wrapper input.type-date:hover,
   .formulaireFiche .item:not(.readonly):not(.error).custom-timepicker .border:not(.bigger):hover,
   .formulaireFiche .item:not(.readonly):not(.error).simple-texte input:hover,
   .formulaireFiche .item:not(.readonly):not(.error).color-picker input:hover,
   .formulaireFiche .item:not(.readonly):not(.error).textarea textarea:hover,
   .formulaireFiche .item:not(.readonly):not(.error).custom-datepicker input:hover {
       border-color: #A4A4A4;
   }
   /* 06-02-2018: Uniformisations avec les listes */ 
   .champs-form .item-wrapper.select-multiple select {
      width: calc(100% - 35px);/* 06-02-2018: Uniformisations avec les listes */
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /*div.texteFormulaire .input-wrapper.select-multiple select {
      width: calc(100% - 35px);/* 06-02-2018: Uniformisations avec les listes */
   /*}*/
   .champs-form .item-wrapper.double-dates {
      width: calc((100% / 5) * 2);
      position: relative;
   }
   /* 03-05-2019: Put fields on the same row for control page */ 
   .formulaireFiltreControle .item-wrapper + .item-wrapper.clearable-text + .item-wrapper.double-dates {
      width: calc((100% / 10) * 2)!important;
   }
   #formulaireFiltre.formulaireFiltreControle .select2-container:not(.bigger){
      width: 110%!important;
   }
   .champs-form .item-wrapper.double-dates label {
      width: 200%;
   }
   .champs-form .item-wrapper.double-dates input{ 
      width: calc(((100% - 20px) / 2) - 20px); /*02-05-2018: Correction validité CSS */ 
   }
   .champs-form .item-wrapper.double-dates input:last-child { 
      margin-left: calc(15px + 35px);/*26-02-2018: ajustements accueil et liste*/
   }
   .champs-form .item-wrapper.double-dates:before { 
      content: "\f061";
      font-family: FontAwesome;
      text-align: center;
      font-size: 12px;
      display: block;
      position: absolute;
      left: calc(50% - 6px); /* 06-02-2018: Uniformisations avec les listes */
      top: 32px;
      color: #AFAFAF;
   }
   
   .champs-form .item-wrapper-boutton {
      float: right;
   }
   
   .boutton-pre-filtre {
      float: right;
      padding: 0 10px;
      margin-top: 24px;
      margin-right: 10px;
   }
   
   #preFiltreValidate {
      float: right;
   }
   
   .champs-form.pre-filtre .item-wrapper.unique-checkbox {
      padding-top: 20px;
   }
   .champs-form.filtre-perso .item-wrapper.unique-checkbox {
      padding-top: 0px;
   }
   .champs-form:not(#formRechercheTdB) .item-wrapper.unique-checkbox label:not(.label-checkbox) {
      width: auto;
      cursor: pointer;
      line-height: 26px;
      margin-left: 6px;
      max-width: calc(100% - 34px);
   }
   .champs-form .item-wrapper.unique-checkbox input[type=checkbox]{
      position: absolute;
      left: -9999px;
   }

   .champs-form .item-wrapper.unique-checkbox input[type=checkbox]:not(:checked) + .label-checkbox {
      border: 2px solid #65676A;
      background: #fff;
      width: 16px;
      height: 16px;
      border-radius: 2px;
      margin: 0;
      margin-top: 3px;
      cursor: pointer;
      
   }
   .champs-form .item-wrapper.unique-checkbox input[type=checkbox]:checked + .label-checkbox {
       border: 3px solid #4A9FFE;
       background: url(../work/images/svgs/check.svg) center center no-repeat #4A9FFE;
       width: 16px;
      height: 16px;
      border-radius: 2px;
      margin: 0;
      margin-top: 3px;
      cursor: pointer;
      background-size: contain;
}
   
.champs-form.pre-filtre .item-wrapper.icone {
   padding-top: 21px;
}

@media only screen and (max-width: 1180px) {
   .champs-form .item-wrapper.double-dates input{
      padding-left: 5px;
   }
   .formulaireFiltreControle .item-wrapper + .item-wrapper.clearable-text + .item-wrapper.double-dates {
      width: calc((100% / 10.4) * 2) !important;
   }
}
     
   @media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
      #formulaireFiltre { /* 12-03-2018: correction ID "formulaireFiltre" */
         padding-top: 8px;
      }
      .champs-form .item-wrapper label {
         font-size: 12px; /*17-05-2018: Fiches - livraison groupée */
         line-height: 16px;
      }
      .champs-form#formRechercheTdB .item-wrapper label:not(.label-checkbox) {
         width: 48%;
         display: block;
         float: left;
         margin-top: 25px;
      }
      /* 24-04-2019: Fixing Filter Position */
      .champs-form:not(#formRechercheTdB) .item-wrapper.unique-checkbox label:not(.label-checkbox) {
         margin-top: 0;
      }
      .champs-form .item-wrapper {
         padding: 0 20px;
         height: 62px;
      }
      .champs-form .item-wrapper.filtre-perso-wrapper {
         height: auto;
         padding: 0;
      }
      .champs-form .item-wrapper.double-dates input{
         width: calc(((100% - 40px) / 2 ) - 10px);/*26-02-2018: ajustements accueil et liste*/
         padding-left: 5px;
      }
      .champs-form .item-wrapper.double-dates input:last-child {
         margin-left: calc( 35px + 35px);/*26-02-2018: ajustements accueil et liste*/
      }
      .boutton-pre-filtre {
         padding: 0 15px;
         margin-top: 16px;
      }
/*17-05-2018: Fiches - livraison groupée */
      .champs-form .item-wrapper input.type-text,
      .champs-form .item-wrapper input.type-date,
      .champs-form .item-wrapper select,
      .formulaireFiche .item.simple-texte input:not([type="button"]),
      .formulaireFiche .item.color-picker input,
      .formulaireFiche .item.custom-timepicker .border input,
      .formulaireFiche .item.textarea textarea,
      .formulaireFiche .item.custom-datepicker input {
         font-size: 12px;
         /*padding: 9px 2px 6px 10px;*/
      }
      .champs-form .item-wrapper.double-dates:before { 
         font-size: 14px;
         left: calc(50% - 6px);/*26-02-2018: ajustements accueil et liste*/
         top: 30px;
      }
      /*.champs-form .item-wrapper.unique-checkbox label:not(.label-checkbox) {
         margin-left: 12px;
      }*/
/*17-05-2018: Fiches - livraison groupée */
      /* .formulaireFiche .item.custom-timepicker .border input,  */
      /* .formulaireFiche .item.simple-texte input { */
         /*padding: 10px 2px 9px 10px;*/
      /* } */
      /* .formulaireFiche .item.custom-datepicker input { */
         /*padding: 8px 2px 7px 10px;*/
      /* } */
      .formulaireFiche .item.custom-timepicker .border input {
         width: 90px;
         height: 32px;
         line-height: 30px;
      }
   }
   
   
@media only screen and (min-width: 1500px) {
   .champs-form.pre-filtre .item-wrapper {
      width: calc(100% / 7);
   }
   /* modif Ociensa 2024/05/10 : augmenter la taille pour les doubles dates */
   .champs-form.pre-filtre .item-wrapper.double-dates {
      width: calc(100% / 6);
   }
}
   
   @media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
      #formulaireFiltre { /* 12-03-2018: correction ID "formulaireFiltre" */
         padding-top: 12px;
      }
      .champs-form .item-wrapper label {
         font-size: 16px; /*17-05-2018: Fiches - livraison groupée */
         line-height: 22px;
      }
      .champs-form.pre-filtre .item-wrapper {
         width: calc(100% / 6);
         padding: 0 30px;
         height: 70px;
      }
      .champs-form .item-wrapper.filtre-perso-wrapper {
         width: initial;
         height: auto;
         padding: 0;
      }
      .champs-form.pre-filtre .item-wrapper.double-espace {
         width: calc((100% / 6) * 2);
      }
      .champs-form.pre-filtre .item-wrapper.double-dates {
         width: calc((100% / 6) * 2);
      }
      .champs-form.pre-filtre .item-wrapper.double-dates input {
         width: calc(((100% - 60px) / 2) - 35px);/*26-02-2018: ajustements accueil et liste*/
      }
      .champs-form.pre-filtre .item-wrapper.double-dates input:last-child {
         margin-left: calc( 55px + 35px);/*26-02-2018: ajustements accueil et liste*/
      }
      .boutton-pre-filtre {
         padding: 0 25px;
         margin-top: 19px;
      }
      /*17-05-2018: Fiches - livraison groupée */
      .champs-form .item-wrapper input.type-text,
      .champs-form .item-wrapper input.type-date,
      .champs-form .item-wrapper select,
      .formulaireFiche .item.simple-texte input:not([type="button"]),
      .formulaireFiche .item.color-picker input,
      .formulaireFiche .item.custom-timepicker .border,
      .formulaireFiche .item.textarea textarea,
      .formulaireFiche .item.custom-datepicker input {
         font-size: 16px;
         /* padding: 8px 2px 6px 10px; */
         line-height: 38px;
         height: 38px;
      }
/*17-05-2018: Fiches - livraison groupée */
      .formulaireFiche .item.custom-timepicker .border input {
         font-size: 16px;
         /* padding: 8px 2px 9px 10px; */
      }
      .formulaireFiche .item.simple-texte.icone input {
         padding-left: 36px;
      }
      .formulaireFiche .item.simple-texte.icone:before {
         height: 38px;
         width: 24px;
      }
      /* .formulaireFiche .item.custom-datepicker input { */
         /* padding: 9px 2px 8px 10px; */
      /* } */
      .champs-form .item-wrapper.double-dates:before { 
         font-size: 18px;
         /* margin-left: calc((100% - 130px)/2); */ /*26-02-2018: ajustements accueil et liste*/
         top: 30px;
      }
      .champs-form .item-wrapper.unique-checkbox {
         padding-top: 28px;
      }
      .champs-form .item-wrapper.unique-checkbox label:not(.label-checkbox) {
         line-height: 26px;
         margin-left: 12px;
      }
      .formulaireFiche .item.custom-timepicker .border input {
         width: 100px;
         height: 36px;
         line-height: 34px;
      }
      .formulaireFiche .item.custom-timepicker .border.bigger {
         height: 54px;
      }
      /* 03-05-2019: Put fields on the same row for control page */ 
      .formulaireFiltreControle .item-wrapper + .item-wrapper.clearable-text + .item-wrapper.double-dates {
         width: calc((100% / 9) * 2)!important;
      }
      #formulaireFiltre.formulaireFiltreControle .select2-container:not(.bigger){
         width: 110%!important;
      }
      /* 08-05-2019: change TRIER PAR label style */
      #zoneTriNbFiches .has-children .label{
         font-size: 16px;
         font-family: Roboto;
         font-weight: normal;
      }
      /* 08-05-2019: change TRIER PAR contentmenu style */
      #zoneTriNbFiches .has-children .select2-selection__rendered{
         font-size: 12px;
         font-family: Roboto;
         font-weight: normal;
      }
   }
   
   
/* -------------------------------- 

Modifier en masse

-------------------------------- */

   
   .modifierEnMasse {  /* 06-02-2018: Uniformisations avec les listes */
      float: left;
      padding-left: 10px;
      margin-bottom: 17px;
      margin-top: 17px;
   }
      
   /* .modifierEnMasse.none { */
   /* 06-02-2018: Uniformisations avec les listes */
      
   /* } */
   .modifierEnMasse.none .mod-button {
      color: #BCBCBC;
      font-size: 11px;
      display: inline-block;
      line-height: 18px; /* 06-02-2018: Uniformisations avec les listes */
   }
   /* 02-05-2018: nouvelle structure cellules listes - regressions et compatibilité */
   .modifierEnMasse .sel-count {
      background-color: #4A9FFE;
      color: #fff;
      padding: 1px 8px 0px 9px;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 500;
      display: inline-block;
   }
   .modifierEnMasse.none .sel-count, .modifierEnMasse.none .simple-text, .modifierEnMasse.none .mod-button-blue {
      display: none;
   }
   
   .modifierEnMasse.one-selected .mod-button, .modifierEnMasse.x-selected .mod-button {
      display: none;
   }
   
   .modifierEnMasse.one-selected .mod-button-blue, .modifierEnMasse.x-selected .mod-button-blue {
      color: #777;
      text-decoration: underline;
      cursor: pointer;
      font-size: 11px;
      display: inline-block;
   }
   .modifierEnMasse .simple-text {
      font-size: 13px; /* 06-02-2018: Uniformisations avec les listes */
      font-weight: 500;
   }
   .modifierEnMasse .mod-button-blue {
      font-size: 14px !important;
      font-weight: 500;
      color: #4A9FFE !important;
      cursor: pointer !important;
      text-transform: uppercase;
      text-decoration: none !important;
      margin-left: 20px;
   }
   .modifierEnMasse .mod-button-blue:after {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      float: right;
      margin-left: 12px;
      background: url(../work/images/svgs/fleche-bleue.svg) center center no-repeat transparent;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-top: 1px;
      transition: all 150ms ease;
   }
   .modifierEnMasse .mod-button-blue.opened:after {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   transition: all 150ms ease;
   }
   .modifierEnMasse.one-selected .simple-text.plural {
      display: none;
   }
   .modifierEnMasse.x-selected .simple-text.singular {
      display: none;
   }
   .modifierEnMasse.one-selected .simple-text.singular {
      display: inline-block;
   }
   
   .modifierEnMasse.x-selected .simple-text.plural {
      display: inline-block;
   }
   
   .champFormulaire {
      float: left;
   }
   
   /* 06-02-2018: Uniformisations avec les listes */
   @media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
      .modifierEnMasse {
         padding-left: 20px;
      }
      .modifierEnMasse .simple-text {
         font-size: 15px;
      }
      /* 02-05-2018: nouvelle structure cellules listes - regressions et compatibilité */
      .modifierEnMasse .sel-count {
         padding: 1px 9px 0px 9px;
         font-size: 15px;
      }
      .modifierEnMasse.none .mod-button {
         font-size: 12px;
      }
   }
   
   /* 06-02-2018: Uniformisations avec les listes */
   @media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
      .modifierEnMasse {
         padding-left: 30px;
         margin-bottom: 22px;
         margin-top: 22px;
      }
      .modifierEnMasse.none .mod-button {
         font-size: 13px;
      }
   }
   
   
   /* Style pour contenu non imprimé */
   .textecache {
      display: none;
   }
   #liste .edit-gris {
      display: none;
   }
   
   /*#ascenceurIframeHtml {
    width: 16px !important;
    left: inherit !important;
    right: 0px !important;
    border: 1px solid #E6E6E6;
    border-top: 0;
    border-bottom: 0;
   }*/

   /* Fixing Enlarge and darken scroll */
   /*#ascenceurFicheWrapper {
      width: 16px !important;
      left: inherit !important;
      right: 0px !important;
      border: 1px solid #E6E6E6;
      border-top: 0;
      border-bottom: 0;
   }*/

   /* Fixing Enlarge and darken scroll */
   #ascenceurListeTbody, #ascenceurFicheWrapper {
      /*width: 16px !important;*/
      width: 20px !important;
      background-color: #f1f1f1 !important;
      left: inherit !important;
      right: 0px !important;
      border: 1px solid #E6E6E6;
      border-top: 0;
      border-bottom: 0;
      z-index: 9999!important;
   }

   /* Fixing Enlarge and darken scroll */
   #ascenceurListeTbody .nicescroll-cursors, #ascenceurFicheWrapper .nicescroll-cursors{
      width: 14px !important;
      border-radius: 10px !important;
      background-color: #c1c1c1 !important;
      border: none !important;
   }
/* 06-02-2018: Uniformisations avec les listes */
   #ascenceurWrapperTable {
      display: none !important;
   }

   #ascenceurWrapperTable-hr { /* 06-02-2018: Uniformisations avec les listes */
      /* Fixing Enlarge and darken scroll */
      height: 20px !important;
      top: inherit !important;
      bottom: 45px !important;
      border: 1px solid #E6E6E6;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      width: calc(100% - 16px) !important;
      /* modif Ociensa 2021/10/13 : rendre visible la barre de scroll au-dessus du pied de page */
      z-index: 9999 !important;
   }
/*26-02-2018: ajustements accueil et liste*/
   @media only screen and (max-width: 907px) {
      #footer {
         height: 45px;
      }
      #ascenceurWrapperTable-hr {
         bottom: 45px !important; /* 30-04-2018: nouvelle structure cellules listes */
      }
   }
   /* 06-02-2018: Uniformisations avec les listes */
   #ascenceurWrapperTable-hr .nicescroll-cursors{
      top: 3px !important;
      /* Fixing Enlarge and darken scroll */
      height: 14px !important;
      border-radius: 10px !important;
      background-color: #c1c1c1 !important;
      border: none !important;
   }
   
   
   
   /* -------------------------------- 

Formulaire saisie en masse

-------------------------------- */

   #formulaireSaisieEnMasse-OLD {
      display: none;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   #formulaireSaisieEnMasse {
      display: none;
      clear: both;
      float: left;
      margin: 0;
      width: 100%;
      position: relative;
   }
   #formulaireSaisieEnMasse.opened {
      display: block;
      height: auto;
   }


#formulaireSaisieEnMasse .wrapper-ascenceur.selected-list {
   max-height: 115px; /* 06-02-2018: Uniformisations avec les listes */
   overflow-y: scroll;
   width: calc(100% / 5);
}
/* 06-02-2018: Uniformisations avec les listes */
#formulaireSaisieEnMasse .wrapper-ascenceur.mass-edit-form {
   max-height: 115px;
   overflow-y: scroll;
}

#massEditSelectedList li {
    color: #626262;
    font-size: 12px;
    line-height: 24px;
    position: relative;
    padding-left: 24px;
}
#massEditSelectedList li .uncheck-btn {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../work/images/svgs/close.svg) center center no-repeat transparent;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 4px;
   border: 1px solid #87899E;
    border-radius: 50%;
    background-size: 50%;
}
/* 19-03-2018: correction layout avec moins de champs */
.mass-edit {
   float: left;
   width: 100%;
}
/* 06-02-2018: Uniformisations avec les listes */
.champs-form.mass-edit .mass-edit-form .item-wrapper {
   width: calc(100% / 4);
}

/* 06-02-2018: Uniformisations avec les listes */
.boutonUpload {
    background: url(../work/images/svgs/ajout-fichier-hover.svg) center center no-repeat transparent;
   background-size: contain;
    border-style: none;
    margin: 3px;
   margin-top: 5px;
    padding: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: top;
   opacity: 0.6;
}
/* 06-02-2018: Uniformisations avec les listes */
.boutonUpload:hover {
   opacity: 1;
}
.main-table .simple-select {
   height: 100%;
    padding: 0;
}
.main-table .simple-select select {
   width: calc(100% - 16px);
    border: 0;
    background-color: transparent;
    padding-right: 20px;
    height: 100%;
    padding-left: 10px;
   outline: none;
}
.main-table .simple-select select:focus {
   outline: none;
}

/* 06-02-2018: Uniformisations avec les listes */
   @media only screen and (min-width: 1227px) { /* iframe: 1920-100px */
      #formulaireSaisieEnMasse .wrapper-ascenceur.mass-edit-form {
         max-height: 120px;
      }
   }
   
/* 06-02-2018: Uniformisations avec les listes */
/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   .champs-form.mass-edit .mass-edit-form .item-wrapper {
      width: calc(100% / 5);
   }
/*17-05-2018: Fiches - livraison groupée */
   #formulaireSaisieEnMasse .wrapper-ascenceur.selected-list {
      max-height: 140px;
   }
/*17-05-2018: Fiches - livraison groupée */
   #formulaireSaisieEnMasse .wrapper-ascenceur.mass-edit-form {
      max-height: 140px;
   }
}


/* -------------------------------- 

Forumulaire fiche

-------------------------------- */


#fiche-wrapper {
   position: absolute;
   top: 32px;/*17-05-2018: Fiches - livraison groupée */
   left: 0px;
   right: 0px;
   bottom: 45px;/*17-05-2018: Fiches - livraison groupée */
   padding-bottom: 0;
   overflow-x: hidden;
   overflow-y: scroll;
}
/*17-05-2018: Fiches - livraison groupée */
#fiche-wrapper.with-form-toolbar {
   bottom: 45px;
}
/*17-05-2018: Fiches - livraison groupée */
#fiche {
  background-color: #fff;
  padding-right: 86px;
  float: left;
  padding-bottom: 100px;
}
/*17-05-2018: Fiches - livraison groupée */
@media only screen and (max-width: 907px) {
   #fiche-wrapper {
      bottom: 45px;
   }
   #fiche-wrapper.with-form-toolbar {
      bottom: 60px;
   }
  
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .row {
   margin-bottom: 8px;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .titre-cell {
    margin-top: 20px;
    margin-bottom: 20px;
}
.formulaireFiche .titre-cell .item label{
   color: #999999;
   width: 100%;
   font-size: 12px;
    font-weight: normal;
   margin-bottom: 0;
}
.formulaireFiche .titre-cell .item input{
    color: #3A3A3A;
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #999999;
    background: transparent;
    outline: none;
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", "Open Sans", sans-serif;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.spec-regular label {
   color: #999999;
   width: 100%;
   font-size: 12px;
    font-weight: normal;
   margin-bottom: 0;
}
.formulaireFiche .item.spec-regular input{
    color: #626262;
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #999999;
    background: transparent;
    outline: none;
    font-size: 20px;
    font-weight: 900;
    font-family: Roboto, "Open Sans", sans-serif;
}

.formulaireFiche .item.liste-texte-large{
   padding: 8px 16px;
}
.formulaireFiche .item.liste-texte-large::after{
   position: absolute;
    content: "\f107";
    height: 16px;
    width: 16px;
    /* right: 5%; */
    /* top: 50%; */
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: FontAwesome;
    line-height: 18px;
    text-align: center;
    font-size: 20px;
   display: block;
    right: 1.7em;
    top: 65%;
   z-index: 0;
}
.formulaireFiche .item.liste-texte-large label{
   color: #999999;
   width: 100%;
       font-size: 12px;
    font-weight: normal;
   margin-bottom: 0;
}
.formulaireFiche .item.liste-texte-large select{
    color: #606060;
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #999999;
    background: transparent;
    /* outline: none; */
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", "Open Sans", sans-serif;
   position: relative;
    z-index: 1;
   outline: none;
}

/*17-05-2018: Fiches - livraison groupée */
/* 21-06-2018: Fiches - Alignement entre champs et éléments */
.formulaireFiche .item label {
   /* color: #3C3C3C;
   width: 100%;
   font-size: 14px;
   font-weight: 700;
   width: inherit;
   line-height: 21px; */
   margin-bottom: 0;
   /* float: left; */
   line-height: 14px;
}

.formulaireFiche .item .boutton-couleur {
   margin-left: -8px;
}
.formulaireFiche .item .boutton-couleur:nth-child(3) {
   margin-left: 8px;
    margin-right: 16px;
}
.formulaireFiche .item .boutton-couleur span.palette {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../work/images/svgs/palette-couleur.svg) center center no-repeat transparent;
   background-size: contain;
   opacity: 0.5;
   cursor: pointer;
   transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
}
.formulaireFiche .item.readonly .boutton-couleur span.palette {
   cursor: default;
}

.formulaireFiche .item:not(.readonly ) .boutton-couleur span.palette:hover {
   opacity: 1;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
}
.formulaireFiche .item .boutton-couleur span.palette i {
   display: none;
}
   
   /* -------------------------------- 

Customisation select2

-------------------------------- */


/* modif Ociensa 2023/02/22 : permettre au tableau des fiches de recouvrir le select de tri lorsque la zone extensible est réduite
   tout en permettant au dépliement du select de recouvrir les autres éléments.
 */
/* .select2-container { */
.select2-container .dropdown-wrapper {
	/* pour rendre z-index opérant */
	position: relative;
   /* modif Ociensa 2024/03/21 : 9 -> 11000 pour recouvrir les ascenseurs (par exemple, dans la fiche rôle) */
	z-index: 11000;
}

/* Liste de sélection avec optgroup : supprimer le grisement de tout l'optgroup au survol d'une de ses options */
li.select2-results__option[role="group"]:hover {
  background-color: transparent;
}

/* Fixing - APIA 4.0 - User panel - Change the hover style on the language */
.has-children.langue .select2-container:not(.bigger){
   background: url('../work/images/svgs/cd-arrow.svg') no-repeat right center;
}

/* Fixing - APIA 4.0 - User panel - Change the hover style on the language */
.has-children.langue .select2-container:not(.bigger):hover{
   opacity: 0.6;
}

/* 02-05-2018: nouvelle structure cellules listes - regressions et compatibilité */
.select2-container:not(.bigger) {/*26-02-2018: ajustements accueil et liste*/
   width: calc(100% - 35px);/* 06-02-2018: Uniformisations avec les listes */
}
/*26-02-2018: ajustements accueil et liste*/
/* 22-04-2019: Ajuster le champs de saisie au contenu */
.cd-nav-site .select2-container:not(.bigger) {
   width: auto !important;
   max-width: 100%;
}
/* 06-02-2018: Uniformisations avec les listes */
.champs-form .item-wrapper.select-multiple .select2-container:not(.bigger) {
   width: calc(100% - 35px)  !important;/* 06-02-2018: Uniformisations avec les listes */
}
/* 06-02-2018: Uniformisations avec les listes */
/* div.texteFormulaire .input-wrapper.select-multiple .select2-container:not(.bigger) {
   width: calc(100% - 35px)  !important;/* 06-02-2018: Uniformisations avec les listes */
/* } */
/* 12-03-2018: correction ID "formulaireFiltre" */ 
#formRechercheTdB .select2-container:not(.bigger),
#formulaireFiltre .select2-container:not(.bigger),
#formulaireSaisieEnMasse .select2-container:not(.bigger) {
   width: calc(100% - 35px)  !important;
}

/* 12-03-2018: correction ID "formulaireFiltre" */ 
#formRechercheTdB .select2-container.bigger,
#formulaireFiltre .select2-container.bigger, 
#formulaireSaisieEnMasse .select2-container.bigger {
   width: calc(100% - 35px + 16px) !important; /* 06-02-2018: Uniformisations avec les listes */
}
/* 02-05-2018: nouvelle structure cellules listes - regressions et compatibilité */
.main-table .select2-container {
   max-width: 100% !important;
}
/* 06-02-2018: Uniformisations avec les listes */
.main-table tbody.has-right-scroll tr > td:last-child .dCell {
   /* width: calc(100% - 16px) !important; */
}
/*26-02-2018: ajustements accueil et liste*/
.main-table tbody.has-right-scroll tr > td:last-child .select2-container {
   /* padding-right: 16px; */
}
/*26-02-2018: ajustements accueil et liste*/
.main-table tbody.has-right-scroll tr > td:last-child .select2-container .select2-selection__arrow{
   /* right: 24px; */
}
.select2-container .img-user {
   margin-bottom: 0;
   display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* height: 30px; */ /*17-05-2018: Fiches - livraison groupée */
}
.main-table .select2-container .img-user {
   height: 30px;
}
/*19-06-2018: demande 6208: Liste RH: Décalage de l'option par défaut */
.select2-container .select2-dropdown .img-user.user-option-defaut span{
   padding-left: 40px;
}
/* 13-04-2018: Same font-size and alignment as selected option on the dropdown */
.select2-container .img-user img, .select2-container .img-user .colored-perfil {
    margin-right: 10px;
    width: 28px;
    height: 28px;
    /* margin-top: -4px;
    margin-bottom: -4px; */
    /*margin-left: 11px;*/  /* 30-04-2018: nouvelle structure cellules listes */
   border: 1px solid #C2C2C2;
    border-radius: 50%;
   float: left;
}
/* 13-06-2019: Fixing values of dropdown on 2 lines goes to 1 line when opening a dropdown in a list */
.select2-container .name-user { /* 06-02-2018: Uniformisations avec les listes */
   width: calc(100% - 35px)!important; /*15-06-2018: Demande 6206 */
   float: left;
   /* modif Ociensa 2021/11/08 : suppression line-height car décalait vers le haut les "---" dans le formulaire filtre dans les pages liste. */
   /* line-height: 12px; */ /*17-05-2018: Fiches - livraison groupée */
   display: block;
   overflow: hidden;
   word-break: normal;
   text-overflow: ellipsis;
}
/* 13-06-2019: Fixing values of dropdown on 2 lines goes to 1 line when opening a dropdown in a list */
.is-unique.has-image span{
   overflow: hidden;
   text-overflow: ellipsis;
}

.main-table .select2-container .name-user { 
   line-height: 12px;
}
#formulaireSaisieEnMasse .select2-container .name-user {
   width: calc(100% - 40px);
}
/*17-05-2018: Fiches - livraison groupée */
.user-regular.without-selected-image .select2-container .name-user {
   line-height: 20px;
}
/*17-05-2018: Fiches - livraison groupée */
.user-regular.without-selected-image .select2-container.bigger .name-user {
   line-height: 24px;
}
/* 30-04-2018: nouvelle structure cellules listes */
.select2-container .for-table .name-user {
   width: calc(100% - 50px);
}
.select2-container .img-user .colored-perfil {
   display: block;
   float: left;
    color: #fff;
   line-height: 28px;
    text-align: center;
    font-size: 14px;
   margin-right: 10px; /* 30-04-2018: nouvelle structure cellules listes */
}
/* 06-02-2018: Uniformisations avec les listes */
/*.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single {
   height: 45px;
} */
/*17-05-2018: Fiches - livraison groupée */
.user-regular .select2-container .select2-selection .img-user img {
   margin-right: 12px;
   width: 28px;
   height: 28px;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0px;
   border: 1px solid #C2C2C2;
   border-radius: 50%;
}

/* 06-02-2018: Uniformisations avec les listes */
.user-regular.without-selected-image .select2-container .select2-selection .img-user img { 
   display: none;
}
/* 06-02-2018: Uniformisations avec les listes */
/* .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single .select2-selection__rendered { */
   /*line-height: 45px;*/
/* } */
/* 06-02-2018: Uniformisations avec les listes */
/* .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single .select2-selection__arrow { */
   /* top: 3px; */
/* } */
/* 06-02-2018: Uniformisations avec les listes */
/*div.texteFormulaire.user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 5px;
}*/
/* 06-02-2018: Uniformisations avec les listes */
/* .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single .select2-selection__arrow { */
   /* top: 18px; */
/* } */
/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
.user-regular.without-selected-image .select2-container .name-user {
   line-height: 22px;
}
/*17-05-2018: Fiches - livraison groupée */
.user-regular.without-selected-image .select2-container.bigger .name-user {
   line-height: 22px;
}
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.liste-user label {
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.liste-user label {
   width: 50%;
   line-height: 60px;
   float: left;
}
.formulaireFiche .item.custom-datepicker label{
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.custom-datepicker label {
   width: 50%;
   line-height: 25px;
   float: left;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item textarea {
   font-size: 14px;
}
#envoieFichierModal .formulaireFiche {
   float: none;
}
#envoieFichierModal .formulaireFiche tbody {
   background: transparent;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.simple-texte label,
#envoieFichierModal .item.simple-texte label {
   /* color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0; */
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .item.simple-texte label,  */
#envoieFichierModal .item.simple-texte label {
   /* width: 50%;
   line-height: 25px;
   float: left; */
}
/*.formulaireFiche .item.simple-file label.external, 18-09-2018: "simple-file" non utilisée dans les  fiches */
#envoieFichierModal .item.simple-file label.external {
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}
#envoieFichierModal .item.simple-file label.file-name{
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}

#envoieFichierModal .item.simple-file input{
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
}
.formulaireFiche .item input.custom-file-input {
   display: none;
}
.formulaireFiche .item input.custom-file-input + label.custom-file-input-label,
.formulaireFiche .item input.action-button, 
 #envoieFichierModal .item.simple-file input + label.internal,
.formulaireFiche label.custom-file-input-label,
.custom-file-inputMultiple input.action-button {
    font-size: 10px;
    color: white;
    background-color: #4A9FFE;
    display: inline-block;
    padding: 0px 16px;
   border-radius: 2px;
   font-weight: 400;
   text-transform: uppercase;
   cursor: pointer; /* "hand" cursor */
   line-height: 34px;
   height: 34px;
   width: auto;
   border: 0;
    outline: 0;
   margin-left: 0px;
   vertical-align: middle;
}
.formulaireFiche .item input.action-button {
   margin-top: 0px;
}
.formulaireFiche .item input.custom-file-input:focus + label.custom-file-input-label,
.formulaireFiche .item input.custom-file-input + label.custom-file-input-label:hover, 
#envoieFichierModal .item.simple-file input:focus + label.internal,
#envoieFichierModal .item.simple-file input + label.internal:hover,
.formulaireFiche label.custom-file-input-label, .formulaireFiche label.custom-file-input-label:hover {
    background-color: #4A9FFE;
}
 #envoieFichierModal .item.simple-file label.external{
      width: 50%;
      line-height: 25px;
      float: left;
   }

.formulaireFiche .item .custom-file-selected, #bdUploadFichierMultiple .custom-file-selected {
    display: inline-block;
    width: 16px;
    height: 34px;
    margin-left: 8px;
    margin-right: 12px;
   vertical-align: middle;
}
.formulaireFiche .item .custom-file-selected.type-word, #bdUploadFichierMultiple .custom-file-selected.type-word {
   background: url(../work/images/svgs/export-word.svg) left center no-repeat transparent;
   background-size: contain;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.unique-checkbox label {
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}

/*
div.texteFormulaire input[type=checkbox]{
   position: absolute;
   left: -9999px;
}

div.texteFormulaire input[type=checkbox]:not(:checked) + .label-checkbox {
      border: 2px solid #65676A;
   background: #fff;
   width: 16px;
   height: 16px;
    border-radius: 2px;
    margin: 0;
    margin-top: 12px;
    cursor: pointer;
       float: left;
}

div.texteFormulaire input[type=checkbox]:checked + .label-checkbox {
   border: 2px solid #4A9FFE;
    background: url(../work/images/svgs/check.svg) center center no-repeat #4A9FFE;
    width: 16px;
   height: 16px;
    border-radius: 2px;
    margin: 0;
    margin-top: 12px;
    cursor: pointer;
       float: left;
}
*/

.formulaireFiche .item.unique-checkbox input[type=checkbox]{
   position: absolute;
    opacity: 0;
    display: none;
}

.formulaireFiche .item.unique-checkbox input[type=checkbox]:not(:checked) + .label-checkbox {
   border: 2px solid #65676A;
   background: #fff;
   width: 14px;
   height: 14px;
    border-radius: 2px;
    cursor: pointer;
   
}
.formulaireFiche .item.unique-checkbox input[type=checkbox]:checked + .label-checkbox {
    border: 3px solid #4A9FFE;
    background: url(../work/images/svgs/check.svg) center center no-repeat #4A9FFE;
    width: 14px;
   height: 14px;
    border-radius: 2px;
    cursor: pointer;
    background-size: contain;
}
.formulaireFiche .item.unique-checkbox.error input[type=checkbox]:checked + .label-checkbox {
   border: 3px solid #F95C5F;
   background-color: #F95C5F;
}

.formulaireFiche .item.radio-group input[type=radio], 
.main-table td .dataCellChild.radio-group input[type=radio] {
   opacity: 0;
    display: none;
}
.formulaireFiche .item.radio-group input[type=radio] + .label-radio-text, 
.main-table td .dataCellChild.radio-group input[type=radio] + .label-radio-text {
    line-height: 16px;
   cursor: pointer;
   margin-bottom: 0;
   margin-right: 24px;
   float: left;
   margin-top: 6px;
}
.formulaireFiche .item.radio-group .multi-lines input[type=radio] + .label-radio-text {
   margin-right: 0px;
   width: 100%;
}
.main-table td .dataCellChild.radio-group input[type=radio] + .label-radio-text {
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #3e454c;
    width: 100%;
}
.formulaireFiche .item.radio-group input[type=radio] + .label-radio-text:before, 
.main-table td .dataCellChild.radio-group input[type=radio] + .label-radio-text:before {
   content: '';
   display: block;
   width: 14px;
   height: 14px;
   border: 2px solid #65676A;
    background: #fff;


    border-radius: 8px;
    margin: 0;
    cursor: pointer;
   float: left;
    margin-right: 8px;
}

.formulaireFiche .item.radio-group input[type=radio]:checked + .label-radio-text:before, 
.main-table td .dataCellChild.radio-group input[type=radio]:checked + .label-radio-text:before {
   border: 2px solid #4A9FFE;
   background: #4A9FFE;
   box-shadow: inset 0px 0px 0px 2px #fff;
}
/* Demande 6247: Lorsqu'un champ de type radio est en erreur, les labels des boutons radio doivent être affichés en rouge. */
/*.formulaireFiche .item.radio-group.error input[type=radio] + .label-radio-text, 
.main-table td .dataCellChild.radio-group.error input[type=radio] + .label-radio-text {
   color: #3e454c !important;
}*/

.formulaireFiche .item.radio-group.error input[type=radio] + .label-radio-text:before, 
.main-table td .dataCellChild.radio-group.error input[type=radio] + .label-radio-text:before {
   border: 2px solid #F95C5F;
}
.formulaireFiche .item.radio-group.error input[type=radio]:checked + .label-radio-text:before, 
.main-table td .dataCellChild.radio-group.error input[type=radio]:checked + .label-radio-text:before {
   background: #F95C5F;
}

   /* 21-06-2018: Fiches - Alignement entre champs et éléments */
   .formulaireFiche .item.unique-checkbox label{
      width: calc(100% - 16px);
      /* float: left; */
   }

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.textarea label {
   color: #383838;
   width: 100%;
   font-size: 12px;
    font-weight: 700;
   margin-bottom: 0;
}

.formulaireFiche .item.textarea,
.formulaireFiche .item.radio-group {
   position: relative;
}
.formulaireFiche .item.textarea .right-element,
.formulaireFiche .item.radio-group .right-element
 {
   position: absolute;
    top: 50%;
    transform: translateY(-50%);
   margin-left: -4px;
}
.formulaireFiche .item.textarea.with-note-btn .boutonPlusNote {
   position: absolute;
   top: 8px;
    right: -4px;
   display: block;
   border: 0;
   width: 16px;
   height: 16px;
    background: url(../work/images/svgs/plus-selection-opener.svg) center center no-repeat transparent;
   background-size: contain;
   opacity: 0.7;
}
.formulaireFiche .item.textarea.with-note-btn:not(.readonly ) .boutonPlusNote:hover {
   opacity: 1;
}
.formulaireFiche .item.textarea.with-note-btn .boutonPlusNote:focus {
   outline: none;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .item.textarea textarea {
   height: 80px;
   line-height: 15px;
   margin-bottom: 8px;
}
/* modif Ociensa 2019/12/06 : pour IE11, forcer le retour à la ligne dans les textareas */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .formulaireFiche .item.textarea textarea {
      white-space: pre-wrap;
   }
}

/* Bouton critère Et dans les pages de recherche */
.formulaireFiche .item .boutonCritereEt {
   margin-right: 8px;
   /* margin-top: -2px; */
    display: inline-block;
    /* top: 2px;
    position: relative;
    */
    vertical-align: middle;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border: 0;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    background: url(../work/images/svgs/critereEt.svg) center center no-repeat transparent;
}
.formulaireFiche .item .boutonCritereEt:hover {
	background-image: url(../work/images/svgs/critereEtHover.svg);
}
.formulaireFiche .item .boutonCritereEt.actif {
   background-image: url(../work/images/svgs/critereEtActif.svg);
}
.formulaireFiche .item .boutonCritereEt.actif:hover {
   background-image: url(../work/images/svgs/critereEtActifHover.svg);
}


/* Bouton critère archivé dans les pages de recherche */
.formulaireFiche .item .boutonCritereArchive {
   margin-left: -12px;
	margin-right: 0px;
   /* margin-top: -2px; */
    display: inline-block;
    /* top: 2px;
    position: relative;
    */
    vertical-align: middle;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border: 0;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    background: url(../work/images/svgs/critereArchive.svg) center center no-repeat transparent;
}
.formulaireFiche .item .boutonCritereArchive:hover {
   background-image: url(../work/images/svgs/critereArchiveHover.svg);
}
.formulaireFiche .item .boutonCritereArchive.actif {
   background-image: url(../work/images/svgs/critereArchiveActif.svg);
}
.formulaireFiche .item .boutonCritereArchive.actif:hover {
   background-image: url(../work/images/svgs/critereArchiveActifHover.svg);
}


/* Bouton recherche full-text dans la zone pré-filtre des pages liste */
#formulaireFiltre .item-wrapper .boutonRechercheFullText {
   margin-right: 8px;
   /* margin-top: -2px; */
    display: inline-block;
    /* top: 2px;
    position: relative;
    */
    vertical-align: middle;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border: 0;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    background: url(../work/images/svgs/rechercheFullText.svg) center center no-repeat transparent;
}
#formulaireFiltre .item-wrapper .boutonRechercheFullText:hover {
   background-image: url(../work/images/svgs/rechercheFullTextHover.svg);
}
#formulaireFiltre .item-wrapper .boutonRechercheFullText.actif {
   background-image: url(../work/images/svgs/rechercheFullTextActif.svg);
}
#formulaireFiltre .item-wrapper .boutonRechercheFullText.actif:hover {
   background-image: url(../work/images/svgs/rechercheFullTextActifHover.svg);
}


/* Tableau des tâches (fiche contrôle, par exemple) */
@media screen {
   #suiviTaches .main-table thead .item {
      /* permettre le retour à la ligne des libellés d'en-tête' */
      white-space: normal;
   }
   #suiviTaches .main-table tbody input.datepicker {
      /* annuler éclaircissement */
      opacity: 1;
   }
   #suiviTaches .main-table tbody .type-liste-user {
      /* pour cellule responsable sans valeur, fixer la hauteur à celle des lignes avec responsable (sinon elle est moins haute) */
      height: 41.6px;
   }
}

/* Nombre de fiches liées (dans le tableau des tâches, fiche contrôle, par exemple) */
.formulaireFiche .item .lienBoutonNb {
   font-size: 12px;
}


@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   .formulaireFiche .item input.custom-file-input + label.custom-file-input-label,
   .formulaireFiche .item input.action-button, 
   #envoieFichierModal .item.simple-file input + label.internal,
   .formulaireFiche label.custom-file-input-label {
       font-size: 12px;
   }
   .formulaireFiche .item.textarea textarea {
      height: 100px;
   }
   .formulaireFiche .item.textarea.with-note-btn .boutonPlusNote {
      right: -10px;
      width: 20px;
      height: 20px;
   }
   .formulaireFiche .item.radio-group input[type=radio] + .label-radio-text {
      line-height: 18px;
   }
   .main-table td .dataCellChild.radio-group input[type=radio] + .label-radio-text {
      /* font-size: 14px;
      line-height: 18px; */
   }
   /*19-06-2018: demande 6208: Liste RH: Décalage de l'option par défaut */
   .select2-container .select2-dropdown .img-user.user-option-defaut span{
      padding-left: 42px;
   }
}

@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */

	.formulaireFiche .item.unique-checkbox input[type=checkbox]:not(:checked) + .label-checkbox {
	   width: 16px;
	   height: 16px;
	   margin-bottom: 3px;
	}
	.formulaireFiche .item.unique-checkbox input[type=checkbox]:checked + .label-checkbox {
	    width: 16px;
	   height: 16px;
	   margin-bottom: 3px;
	}
	.formulaireFiche .item.radio-group input[type=radio] + .label-radio-text:before {
	   width: 16px;
	   height: 16px;
	}

   #formulaireSaisieEnMasse .select2-container .name-user {
      width: calc(100% - 50px);
   }
    .formulaireFiche .item input.custom-file-input + label.custom-file-input-label,
    .formulaireFiche .item input.action-button, 
    #envoieFichierModal .item.simple-file input + label.internal,
    .formulaireFiche label.custom-file-input-label {
       font-size: 16px;
        line-height: 38px;
       height: 38px;
    }
   .formulaireFiche .item.textarea textarea {
      height: 125px;
   }
   .formulaireFiche .item.textarea.with-note-btn .boutonPlusNote {
      right: -16px;
      width: 24px;
      height: 24px;
   }
   .formulaireFiche .item.radio-group input[type=radio] + .label-radio-text {
      line-height: 18px;
   }
   .main-table td .dataCellChild.radio-group input[type=radio] + .label-radio-text {
      /* font-size: 16px;
      line-height: 18px; */
   }
   /*19-06-2018: demande 6208: Liste RH: Décalage de l'option par défaut */
   .select2-container .select2-dropdown .img-user.user-option-defaut span{
      padding-left: 47px;
   }
   .select2-container .name-user { /* 06-02-2018: Uniformisations avec les listes */
      /*17-05-2018: Fiches - livraison groupée */
      /*09-06-2020: Bug affichage Resp. Actions Audit */
      /* modif Ociensa : hauteur trop faible, les caractères sont coupés, mise en cohérence avec font-size : 12px -> 17px */
      /* modif Ociensa 2022/04/28 : provoquait un décalage vers le haut de la pastille
      line-height: 17px;
      */
   }
}

   .formulaireFiche .item.force-large label{
      width: calc(25% - 15px);
      line-height: 25px;
      float: left;
   }
   .formulaireFiche .item.force-large select{
      width: calc(75% + 15px);
   }
   
/*    .formulaireFiche .item.force-full-width label{
      width: 100%;
      line-height: 25px;
      float: left;
   } */
/*    .formulaireFiche .item.force-full-width select, .formulaireFiche .item.force-full-width textarea{
      width: 100%;
   } */

.formulaireFiche .item .texte-vert {
    color: #35ECAA !important;
}
.formulaireFiche .item .texte-rouge {
    color: #FF8080 !important;
}

.formulaireFiche .item .has-suffixe {
   position: relative;
   float: left;
}
.formulaireFiche .item .suffixe {
   position: absolute;
   right: 0px;
   bottom: 0px;
   color: #626262;
    font-size: 20px;
    font-weight: 900;
    font-family: Roboto, "Open Sans", sans-serif;
}

/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .liste-user .select2-container { */
   /*float: left;*/
/* } */

/* -------------------------------- 

Gestion des scroll pour IE

-------------------------------- */


body.iframe, 
body.iframe > div.all-iframe, 
#accueilTableauBordGraphiques, 
#formTdB, 
#tableauGraphiques, 
#tableauGraphiques > div {
   overflow-x: hidden !important;
   overflow-y: hidden !important;
}


/* -------------------------------- 

Datepicker

-------------------------------- */


body > .datepicker .datepicker-switch:hover, 
body > .datepicker .prev:hover, 
body > .datepicker .next:hover, 
body > .datepicker tfoot tr th:hover {
    background: #4A9FFE;
}
.dropdown-menu {
   border: 0px;
}
body > .datepicker {
   padding: 0;
   overflow: hidden;
   border-radius: 4px;
}
body > .datepicker .table-condensed {
   overflow: hidden;
   border-radius: 4px;
   margin-bottom: 5px;
}
body > .datepicker .table-condensed thead tr:nth-child(2){
   padding: 4px 14px;
   padding-bottom: 0px;
   background-color: #4A9FFE;
}
body > .datepicker td, body > .datepicker th {
   border-radius: 0;
}
body > .datepicker .arrow-wrapper {
   display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
body > .datepicker .next .arrow-wrapper i {
       margin-right: -4px;
}
body > .datepicker .prev .arrow-wrapper {
       margin-right: 2px;
}
body > .datepicker .arrow-wrapper i {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
   opacity: 0.6;
   line-height: 30px;
}
body > .datepicker .arrow-wrapper:hover {
   background-color: #428FE4;
}
body > .datepicker .arrow-wrapper:hover i, 
body > .datepicker .arrow-wrapper:active i {
   opacity: 1;
}
body > .datepicker .arrow-wrapper:active {
   background-color: #3B7FCB;
}
body > .datepicker .table-condensed>thead>tr>th {
   padding: 10px 0px;
}
body > .datepicker .table-condensed>thead>tr>th.next {
   border-right: 20px solid #4A9FFE;
}
body > .datepicker .table-condensed>thead>tr>th.prev {
   border-left: 20px solid #4A9FFE;
}
body > .datepicker .datepicker-switch-wrapper {
   padding: 8px 5px;
}
body > .datepicker .datepicker-switch {
    width: 150px;
   margin: auto;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    display: block;
    border-radius: 15px;
    color: #fff;
    line-height: 30px;
    position: relative;
    top: -2px;
}
body > .datepicker .datepicker-switch:hover {
   background-color: #428FE4;
}
body > .datepicker .datepicker-switch:active {
background-color: #3B7FCB;
}
body > .datepicker .table-condensed>thead>tr>th.dow{
   text-transform: capitalize;
   color: #626262;
   font-weight: 500;
   padding: 5px;
   padding-top: 10px;
}
body > .datepicker .table-condensed>thead>tr>th.dow:first-child{
   padding-left: 15px;
}
body > .datepicker .table-condensed>thead>tr>th.dow:last-child{
   padding-right: 15px;
}
body > .datepicker .table-condensed>tbody>tr>td.day {
   padding: 0px;
   background: transparent; /* 06-02-2018: Uniformisations avec les listes */
}
/* 06-02-2018: Uniformisations avec les listes */
body > .datepicker .table-condensed>tbody>tr>td.today:hover:hover {
   background: transparent;
}
body > .datepicker .table-condensed>tbody>tr>td.old, 
body > .datepicker .table-condensed>tbody>tr>td.new {
   visibility: hidden;
}
body > .datepicker .table-condensed>tbody>tr>td.day span {
    color: #9D9D9D;
    border-radius: 14px;
    width: 28px;
    height: 28px;
   margin: 1px 2px;
    display: block;
    line-height: 28px;
   text-shadow: none;
   font-size: 12px;
}
body > .datepicker .table-condensed>tbody>tr>td.day.old span, 
body > .datepicker .table-condensed>tbody>tr>td.day.new span {
   color: #D3D3D3;
    border-radius: 14px;
    width: 28px;
    height: 28px;
   margin: 1px 2px;
    display: block;
    line-height: 28px;
   text-shadow: none;
   font-size: 12px;
}
body > .datepicker .table-condensed>tbody>tr>td:first-child{
   padding-left: 10px;
}

body > .datepicker .table-condensed>tbody>tr>td.day:hover, 
body > .datepicker .table-condensed>tbody>tr>td.day.focused {
   background-color: inherit;
}
body > .datepicker .table-condensed>tbody>tr>td.day:hover span, .datepicker .table-condensed>tbody>tr>td.day.focused span {
   background-color: #E9EDF0;
}
body > .datepicker .table-condensed>tbody>tr>td.active.active, 
body > .datepicker .table-condensed>tbody>tr>td.active.active, 
body > .datepicker .table-condensed>tbody>tr>td.active.active, 
body > .datepicker .table-condensed>tbody>tr>td.active:hover.active {
   background: inherit;
   text-shadow: none;
}
body > .datepicker .table-condensed>tbody>tr>td.active.disabled.disabled {
   background-color: #fff;
}
body > .datepicker .table-condensed>tbody>tr>td span.active.active {
    background: #4A9FFE !important;
   color: #fff;
   text-shadow: none;
}
body > .datepicker .table-condensed>tbody>tr>td span.active.active, 
body > .datepicker .table-condensed>tbody>tr>td span.active:hover.active {
   background: inherit;
}
/* 06-02-2018: Uniformisations avec les listes */
body > .datepicker .table-condensed>tbody>tr>td.today span {
   color: #3A3A3A;
    background-color: #eee !important;
   text-shadow: none;
}
body > .datepicker .table-condensed>tbody>tr>td.active span {
   color: #fff;
    background-color: #4A9FFE !important;
   text-shadow: none;
}
body > .datepicker .table-condensed>tbody>tr>td span.month, 
body > .datepicker .table-condensed>tbody>tr>td span.year, 
body > .datepicker .table-condensed>tbody>tr>td span.decade, 
body > .datepicker .table-condensed>tbody>tr>td span.century  {
   height: 46px;
   width: 46px;
   line-height: 46px;
   margin: 11px 5px 11px 5px;
   color: #9D9D9D;
    text-transform: capitalize;
   border-radius: 50%;
   text-shadow: none;
}
body > .datepicker .table-condensed>tbody>tr>td span.month:nth-last-child(1), 
body > .datepicker .table-condensed>tbody>tr>td span.month:nth-last-child(2), 
body > .datepicker .table-condensed>tbody>tr>td span.month:nth-last-child(3), 
body > .datepicker .table-condensed>tbody>tr>td span.month:nth-last-child(4),
body > .datepicker .table-condensed>tbody>tr>td span.year:nth-last-child(1), 
body > .datepicker .table-condensed>tbody>tr>td span.year:nth-last-child(2), 
body > .datepicker .table-condensed>tbody>tr>td span.year:nth-last-child(3), 
body > .datepicker .table-condensed>tbody>tr>td span.year:nth-last-child(4),
body > .datepicker .table-condensed>tbody>tr>td span.decade:nth-last-child(1), 
body > .datepicker .table-condensed>tbody>tr>td span.decade:nth-last-child(2), 
body > .datepicker .table-condensed>tbody>tr>td span.decade:nth-last-child(3), 
body > .datepicker .table-condensed>tbody>tr>td span.decade:nth-last-child(4),
body > .datepicker .table-condensed>tbody>tr>td span.century:nth-last-child(1), 
body > .datepicker .table-condensed>tbody>tr>td span.century:nth-last-child(2), 
body > .datepicker .table-condensed>tbody>tr>td span.century:nth-last-child(3), 
body > .datepicker .table-condensed>tbody>tr>td span.century:nth-last-child(4) 
 {
   margin: 11px 5px 12px 5px;
}


.popover  {
   border: 0;
    border-radius: 3px;
   box-shadow: 1px 1px 6px 2px rgba(0,0,0,.2);
   padding: 0;
}
.popover.right>.arrow{
       border-right-color: rgba(0,0,0,0.1);
}
 /* 30-04-2018: nouvelle structure cellules listes */
.popover .arrow.arrow-force-center {
   top: 50% !important;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.popover .popover-form textarea, .popover .popover-form input[type=text] {
   font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #626262;
    /* letter-spacing: 0.6px; */
   width: 240px;
    height: 70px;
   border: 0;
   resize: none;
   outline: none; /* 07-05-2018: corrections régressions - suite */
}
/* 07-05-2018: corrections régressions - suite */
.popover .popover-form textarea {
   overflow: hidden;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.popover .popover-form input[type=text] {
   height: 50px;
}
.popover .popover-form .popover-buttons {
   border-top: 1px solid #D6D6D6;
}
.popover .popover-form .popover-button {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 500;
    font-family: Roboto;
   cursor: pointer;
   font-size: 14px;
}
.popover .popover-form .popover-button:first-child {
   border-right: 1px solid #D6D6D6;
}
.popover .popover-form .popover-button.validate {
   color: #4CAF50;
}
.popover .popover-form .popover-button.cancel {
   color: #FF8080;
}
/* 07-05-2018: corrections régressions - suite */
#ascenceurFastEditTextarea {
   padding-left: 14px;
}


/* -------------------------------- 

Popup envoie du fichier

-------------------------------- */

#envoieFichierModal .modal-content, #bdUploadFichierMultiple .modal-content {
    background-color: #FAFAFA;
    border: 0;
    border-radius: 3px;
}
#envoieFichierModal .modal-header, #bdUploadFichierMultiple .modal-header {
   background-color: #3A3A3A;
   border: 0;
   text-align: center;
}
#envoieFichierModal .modal-header .modal-title, #bdUploadFichierMultiple .modal-header .modal-title {
color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
}
#envoieFichierModal .modal-header, #bdUploadFichierMultiple .modal-header {
   cursor: move;
}
#envoieFichierModal .modal-header button.close, #bdUploadFichierMultiple .modal-header button.close {
   width: 20px;
    height: 20px;
    outline: none;
    background: url(../work/images/svgs/close-white.svg) center center no-repeat;
    margin-top: 4px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0.6;
   background-size: 50%;
   -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}
#envoieFichierModal .modal-header button.close:hover, #bdUploadFichierMultiple .modal-header button.close:hover {
   opacity: 1;
   -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}
#envoieFichierModal .modal-body, #bdUploadFichierMultiple .modal-body {
   padding: 30px 15px;
}
#envoieFichierModal .modal-footer, #bdUploadFichierMultiple .modal-footer {
    padding: 0;
   border-top: 1px solid #D6D6D6;
}
#envoieFichierModal .modal-footer .btn-default, #bdUploadFichierMultiple .modal-footer .btn-default {
    background: transparent;
    border: 0;
    border-radius: 2px;
    color: #727272;
    font-size: 16px !important;
    margin: 8px 16px;
    padding: 8px 16px;
    text-transform: uppercase;
    font-weight: 500;
    outline: none;
   box-shadow: none;
}
#envoieFichierModal .modal-footer .btn-default:hover, #bdUploadFichierMultiple .modal-footer .btn-default:hover {
   background: #EBEBEB;
}
#envoieFichierModal .modal-footer .btn-default:active, #bdUploadFichierMultiple .modal-footer .btn-default:active {
   background: #EBEBEB;
   color: #3A3A3A;
}

/* Icône d'ouverture du fichier associé */
#bdUploadFichierMultiple a.boutonF {
	/* bricolage pour centrer verticalement l'icône sur la ligne (abaisse l'icône) */
	margin-top: 7px;
}

/* -------------------------------- 

Customisation Select2 pour choix du site

-------------------------------- */

.cd-nav-site .select2-container--default .select2-selection--single {
    border-color: transparent;
    background: transparent;
   -webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
    transition: border-color 0.5s, background 0.5s;
}

.cd-nav-site:hover .select2-container--default .select2-selection--single, .cd-nav-site .select2-container--default.bigger .select2-selection--single {
    border-color: #E5E5E5;
    background: #fff;
   -webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
    transition: border-color 0.5s, background 0.5s;
}

.cd-nav-account-infos .langue .select2-container--default .select2-selection--single {
   border-color: transparent;
    background: transparent;
   -webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
    transition: border-color 0.5s, background 0.5s;
   border-bottom: 1px solid #C4CAEA;

}
.cd-nav-account-infos .langue .select2-container--default:not(.bigger) .select2-selection--single {
      height: 26px;
    padding: 0px 0px;
}
.cd-nav-account-infos .langue .select2-container--default:not(.bigger) .select2-selection--single .select2-selection__arrow {
    right: 9px;
    top: -4px;
   display: none;
}

.cd-nav-account-infos .langue .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #F4F5F4;
   font-size: 16px;
    font-weight: 400;
   padding-left: 0px;
}
/* 31-07-2019 - Fixing style on the language*/
.cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single{
   background: #fff;
}
/* 31-07-2019 - Fixing style on the language*/
.cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single #select2-lang-container{
   color: #3a3a3a;
}

.cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
   padding-left: 8px;
}
/* 13-06-2019 - Fixing change the hover style on the language*/
.cd-nav-account-infos .langue:hover .select2-container--default .select2-selection--single, .cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single {
    /*border-color: #E5E5E5;
    background: #fff;*/
   -webkit-transition: border-color 0.5s, background 0.5s; /* Safari */
    transition: border-color 0.5s, background 0.5s;
}
.cd-nav-account-infos .langue:hover .select2-container--default .select2-selection--single .select2-selection__rendered, .cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
    color: #C5C9E9;
}
.cd-nav-account-infos .langue .select2-container--default.bigger {
   margin-top: 5px;
}
.cd-nav-account-infos .langue:hover .select2-container--default .select2-selection--single .select2-selection__arrow, .cd-nav-account-infos .langue .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
   display: block;
}
.has-children.langue:hover > div > span.select2::after, .has-children.langue span.select2.bigger::after {
   display: none;
}

.select2-container--default .select2-selection--single {
   outline: none;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
   height: 34px;/*17-05-2018: Fiches - livraison groupée */
   padding: 0px;/*17-05-2018: Fiches - livraison groupée */
}
/*17-05-2018: Fiches - livraison groupée
@-moz-document url-prefix() {
.select2-container--default .select2-selection--single {
  padding: 5px 0px 7px 0px;
}
} */

.is-uniform-transparent .select2-container--default .select2-selection--single {
   border: 1px solid transparent;
   background: transparent;
   padding: 0;
   height: 28px;
}
.is-uniform-transparent .select2-container--default .select2-selection--single {
   border-bottom-color: #999999;
}
/* 06-02-2018: Uniformisations avec les listes */
.select2-container--default .select2-selection--single .select2-selection__rendered {
   font-family: Roboto;
    font-size: 10px; /*17-05-2018: Fiches - livraison groupée */
    font-weight: 500;
    color: #3A3A3A;
   padding-left: 10px;
   padding-right: 30px;
   text-align: left;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 32px; /*17-05-2018: Fiches - livraison groupée */
}
.main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 11px;
   font-weight: 400;
   padding-right: 12px;
}
.is-uniform-transparent .select2-container--default .select2-selection--single .select2-selection__rendered {
   padding-left: 0px;
}
.cd-nav-site .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #3C3C3C;
}
/* .main-table .type-liste-user .select2-container--default .select2-selection--single {
   height: 38px; 
} */
.main-table .type-liste-user .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 32px;
}
.main-table .type-liste-user .select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin-top: 0;
}
.main-table .type-liste-user .select2-container .img-user img {
   /* margin-top: -2px;
    margin-left: -1px; */
    margin-right: 10px; /* 30-04-2018: nouvelle structure cellules listes */
}
.main-table .type-liste-user .select2-container .img-user .colored-perfil {
   /* margin-top: -4px; */
    margin-left: -1px;
}
.select2-container--default .select2-results__option .img-user.for-table {
   margin-left: -1px;
   height: 35px;
}
.select2-container--default .select2-results > .select2-results__options {
   padding-top: 7px;
   padding-bottom: 14px;
   overflow-x: hidden; /*18-09-2018: Scroll horizontal natif */
}
.select2-container--default .select2-search--hide + .select2-results > .select2-results__options {
   padding-top: 14px;
}
.select2-results__option {
    padding: 5px 2px;
}
.select2-container--default .select2-results__option{
   font-family: Roboto;
    font-size: 11px; /*17-05-2018: Fiches - livraison groupée */
    /* font-weight: 500; */
   color: #3C3C3C;
    padding-left: 18px;
   width: 100%;
   word-break: normal; /*18-09-2018: Scroll horizontal natif */
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-table .select2-container--default .select2-results__option{
   font-weight: 400;
}
/*17-05-2018: Fiches - livraison groupée */
.select2-container--default .options-for-table .select2-results__option {
    padding-left: 2px;
}

/* 13-04-2018: Same font-size and alignment as selected option on the dropdown */

/*17-05-2018: Fiches - livraison groupée */
/* @media only screen and (max-width: 1819px) {
   .select2-container--default .select2-results__option {
      font-family: Roboto;
      font-size: 12px;
      font-weight: 500;
      color: #3C3C3C;
      padding-left: 18px;
   }
   .select2-container--default .options-for-table .select2-results__option {
      padding-left: 10px;
   }
   .select2-container--default.bigger .selection .select2-selection--single .select2-selection__rendered {
      padding-left: 18px;
      padding-right: 38px;
   }
} */


/*17-05-2018: Fiches - livraison groupée */
.select2-container--default ul:not(.options-for-table) .select2-results__option {
  font-size: 10px;
  min-height: 18px;
}

  #formulaireFiltre .select2-container--default .select2-selection--single .select2-selection__rendered,
  #formulaireSaisieEnMasse .select2-container--default .select2-selection--single .select2-selection__rendered,
  .formulaireFiche .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 10px;
  }
  
   .main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 11px;
      /* modif Ociensa 2020/04/02 : la hauteur trop faible dans la saisie des données PTC rend difficile de cliquer dans la zone pour déplier la liste
      line-height: 14px;
      */
   }
   /* modif Ociensa 2020/04/02 : la hauteur trop faible dans la saisie des données PTC rend difficile de cliquer dans la zone pour déplier la liste */
   .main-table:not(.tableDonneesPTC) .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 14px;
   }
   .main-table .select2-container--default .select2-selection--single {
      padding: 4px 0px;
   }
   /* .main-table .select2-container .img-user { */
      /*height: 30px;*/
   /* } */
   /* .main-table .select2-container .name-user {
      
   } */
@media only screen and (max-width: 1278px) {
   /*17-05-2018: Fiches - livraison groupée */
      .cd-top-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
         font-size: 18px;
      }
       /*04-07-2019:  Fixing - Font of selected value for "Sélectionner un filtre existant" and filters */
      #selectFiltrePersonnalise .select2-container--default .select2-selection--single .select2-selection__rendered,
      #selectFiltrePersonnalise .select2-container--default ul:not(.options-for-table) .select2-results__option,
      #formRechercheTdB .select2-container--default .select2-selection--single .select2-selection__rendered{
         font-size: 10px!important;
         line-height: 33px!important;
      }
}

/* 13-04-2018: Same font-size and alignment as selected option on the dropdown */
@media only screen and (min-width: 1280px) {
/*17-05-2018: Fiches - livraison groupée */
   .cd-top-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 20px;
   }
    /*04-07-2019:  Fixing - Font of selected value for "Sélectionner un filtre existant" and filters */
   #selectFiltrePersonnalise .select2-container--default .select2-selection--single .select2-selection__rendered,
   #selectFiltrePersonnalise .select2-container--default ul:not(.options-for-table) .select2-results__option,
   #formRechercheTdB .select2-container--default .select2-selection--single .select2-selection__rendered{
      font-size: 12px!important;
      line-height: 34px!important;
   }
/*17-05-2018: Fiches - livraison groupée */
   .cd-top-nav .select2-container--default .select2-results__option {
      font-size: 14px;
   }
}
@media only screen and (min-width: 1227px) { /* iframe: 1280-53px */
   /*17-05-2018: Fiches - livraison groupée */
   /* .select2-container--default .select2-selection--single .select2-selection__rendered { */
      /* font-size: 14px; */
   /*}*/
   /*.select2-container--default .select2-results__option {*/
      /* font-size: 14px; */
   /*}*/
   .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      /* font-size: 11px; */
   }
   .main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 11px;
   }
   .select2-results__option {
      padding: 7px 6px;
   }
   .options-for-table .select2-results__option {
      padding: 5px 2px;
   }
   .select2-container--default .select2-results > .select2-results__options {
      max-height: 250px;
   }
  /* .form-block .item .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  } */
/*17-05-2018: Fiches - livraison groupée */
  #formulaireFiltre .select2-container--default .select2-selection--single .select2-selection__rendered,
  #formulaireSaisieEnMasse .select2-container--default .select2-selection--single .select2-selection__rendered,
  .formulaireFiche .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  }
  /*@-moz-document url-prefix() {
   .select2-container--default .select2-selection--single {
     padding: 6px 0px;
   }
  }*/
}

@media only screen and (min-width: 1920px) {
   /*17-05-2018: Fiches - livraison groupée */
   .cd-top-nav .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 30px;
   }
   /*04-07-2019:  Fixing - Font of selected value for "Sélectionner un filtre existant" and filters */
   #selectFiltrePersonnalise .select2-container--default .select2-selection--single .select2-selection__rendered,
   #selectFiltrePersonnalise .select2-container--default ul:not(.options-for-table) .select2-results__option,
   #formRechercheTdB .select2-container--default .select2-selection--single .select2-selection__rendered{
      font-size: 16px!important;
      line-height: 25px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .cd-top-nav .select2-container--default .select2-results__option {
      font-size: 16px;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .select2-container--default .select2-selection--single {
      height: 38px;
      /* modif Ociensa 2022/05/04 : suppression du décalage vers le bas de la pastille pour résolution 2048px
      padding: 5px 0px;
      */
   }
}

/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   /* 06-02-2018: Uniformisations avec les listes */
   .select2-container--default .select2-selection--single {
      height: 38px;
      /* padding: 7px 0px; */
   }
   
   .select2-results__option {
      padding: 9px 6px;
   }
   .options-for-table .select2-results__option {
      padding: 5px 2px;
   }
   .select2-container--default .select2-results > .select2-results__options {
      max-height: 300px;
   }
   /* .formulaireFiche .select2-container--default .select2-selection--single {
      padding: 5px 0px;
   } */
   
   .formulaireFiche .liste-user .select2-container--default.bigger .select2-selection--single {
      padding: 13px 0px;
   }
  
  .liste-user .select2-container--default .select2-selection--single {
    padding: 5px 0px; /* 30-04-2018: corrections régressions */
  }
   .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      margin-top: -4px;
   }
   .select2-container li.select2-results__option .img-user {
      height: 38px;
      /* 06-02-2018: Uniformisations avec les listes */
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /* .select2-container .img-user.for-table { */
      /* height: 49px; */
   /* } */
   /* 06-02-2018: Uniformisations avec les listes */
   .select2-container .for-table .name-user {
      width: calc(100% - 50px);
   }
   /* 06-02-2018: Uniformisations avec les listes */
   .select2-container li.select2-results__option .for-table .name-user {
      width: calc(100% - 60px);
   }
   .main-table .non-modifiable .img-user {
      height: 38px;
   }
   .main-table .type-liste-user .select2-container .img-user img {
      margin-top: -4px;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /*.select2-container--default .select2-selection--single .select2-selection__rendered {*/
      /* font-size: 16px; */
   /*}*/
   /* .select2-container--default .select2-results__option{ */
      /* font-size: 16px; */
   /* } */
   /* 13-04-2018: Same font-size and alignment as selected option on the dropdown */
   /*.main-table .select2-container--default .select2-selection--single .select2-selection__rendered {*/
      /* line-height: 40px;
      font-size: 16px;
      padding-left: 18px; */
   /*}*/
   .main-table .type-liste-user .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 40px;
   }

   /* .main-table .type-liste-user .select2-container--default .select2-selection--single .select2-selection__rendered .name-user { */
      /* margin-top: -1px; */
   /* } */
   /* .main-table .type-liste-user .select2-container--default .select2-selection--single { */
      /* height: 49px; */
   /* } */
   /* .main-table .select2-container--default .select2-selection--single { */
      /* height: 49px; */
      /* padding: 2px 0px; */ /* 06-02-2018: Uniformisations avec les listes */
   /* } */
   .main-table .type-liste-user .select2-container .img-user img, .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      width: 34px;
      height: 34px;
   }
   .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      /* line-height: 40px; */
      font-size: 14px;
   }
   .main-table .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 6px;
   }
   /* 06-02-2018: Uniformisations avec les listes */
   /* .main-table th > div, .main-table td > div, .main-table td > label:not(.label-checkbox) { */
      /* padding-left: 20px; */
   /* } */
   #tableauActions .main-table td:first-child > div { /* 09-05-2018: Correction Règles trop générales */
      padding-left: 30px;
   }
   .select2-container .img-user img, .select2-container .img-user .colored-perfil {
          width: 34px;
      height: 34px;
      line-height: 34px;
      font-size: 18px;
      /* margin-left: 14px; */
   }
   
   .main-table .select2-container .img-user img, .main-table .select2-container .img-user .colored-perfil {
      width: 28px;
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      /* margin-left: 14px; */
   }
   
/*17-05-2018: Fiches - livraison groupée */
  /* .form-block .item .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  } */
/*17-05-2018: Fiches - livraison groupée */
  /* .select2-container--default .options-for-table .select2-results__option {
    padding-left: 20px;
  } */
   /*17-05-2018: Fiches - livraison groupée */
   #fiche {
      padding-right: 75px;
   }
   /*17-05-2018: Fiches - livraison groupée */
  #formulaireFiltre .select2-container--default .select2-selection--single .select2-selection__rendered,
  #formulaireSaisieEnMasse .select2-container--default .select2-selection--single .select2-selection__rendered,
  .formulaireFiche .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
   line-height: 36px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border: 0;
   width: 11px;
    height: 7px;
   margin: 0;
    top: calc((100% - 7px) / 2);
   left: 3px;
   background: url(../work/images/svgs/arrow.svg) center center no-repeat transparent;
   opacity: 0.4;
    background-size: contain;
   -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
   transition: all 150ms ease;
}
.main-table .select2-container--default:hover .select2-selection--single .select2-selection__arrow b {
   opacity: 0.7;
}
.main-table .select2-container--default.select2-container--open  .select2-selection--single .select2-selection__arrow b {
   opacity: 1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 100%;
   width: 16px;
   right: 8px;
   top: 0px;
}
.is-uniform-transparent .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 28px;
}

.formulaireFiche .select2-container--default:not(.bigger):not(.select2-container--disabled):hover .select2-selection--single {
   border-color: #A4A4A4;
}
.formulaireFiche .item.readonly .select2-container--default:not(.bigger):hover .select2-selection--single {
   border-color: #E5E5E5;
}
.is-uniform-transparent .select2-container--default:not(.bigger):hover .select2-selection--single {
   border-color: transparent;
    border-bottom-color: #999999;
}
.is-uniform-transparent .select2-container--default.select2-container--open:not(.bigger):hover .select2-selection--single {
   border-top-color: transparent;
   border-left-color: transparent;
   border-right-color: transparent;
   border-bottom-color: #A4A4A4;

}
.formulaireFiche .item:not(.readonly):not(.error).custom-timepicker .border:not(.bigger):hover:after {
   opacity: 0.7;
}
.select2-container--default:not(.select2-container--disabled):not(.bigger):hover .select2-selection--single .select2-selection__arrow b {
   opacity: 0.7;
}
.formulaireFiche .item.readonly .select2-container--default:not(.bigger):hover .select2-selection--single .select2-selection__arrow b {
   opacity: 0.4;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .form-block .item.uniform-select .bigger, 
/*div.texteFormulaire .input-wrapper .bigger,*/
.cd-nav-site .bigger,
.cd-nav-account-infos .langue .bigger,
.item-wrapper .bigger {
   top: -8px;
   left: -8px;
   z-index: 9;
}

.formulaireFiche .form-block .item.uniform-select .bigger {
   top: 0px;
}
.cd-nav-account-infos .langue .bigger {
    top: -12px;
}
/* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
.bigger + input.popup-selection-opener  {
   margin-left: -16px;
    top: -4px;
}
/*div.texteFormulaire .bigger {
    top: 0px;
   left: -8px;
   z-index: 9;
}*/

@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
   
   .select2-container--default .select2-selection--single .select2-selection__arrow b {
      width: 15px;
      height: 9px;
      top: calc((100% - 9px) / 2);
      left: 0px;
   }
   .main-table .select2-container--default .select2-selection--single .select2-selection__arrow b {
      width: 11px;
      height: 7px;
      top: calc((100% - 7px) / 2);
      left: 3px;
   }
   
   
   /*div.texteFormulaire .bigger {
      top: 1px;
      left: -8px;
      z-index: 9;
   }*/
   /* 09-04-2018: Généralisation du style sur le bouton d'ouverture de la popup de sélection multiple */
   .bigger + input.popup-selection-opener  {
       margin-left: -6px;
      top: 1px;
   }
}


.select2-container--default.bigger .select2-selection--single {
   height: 50px;
    padding: 8px 0px;
   border-radius: 0;
   /*border-bottom: 1px solid #fff;*/
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}

/*17-05-2018: Fiches - livraison groupée */
/*@-moz-document url-prefix() {
.select2-container--default.bigger .select2-selection--single {
  padding: 11px 0px 13px 0px;
}
}*/

/*17-05-2018: Fiches - livraison groupée */
.select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
   padding-left: 18px;
   padding-right: 38px;
   /*line-height: 24px;*/
   /*26-02-2018: ajustements accueil et liste*/
}
.main-table .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
    padding-right: 12px;
}
/*26-02-2018: ajustements accueil et liste*/
#selectFiltrePersonnalise .select2-container--default.bigger .select2-selection--single .select2-selection__rendered {
   margin-top: 1px;
}
.select2-container--default.bigger .select2-selection--single .select2-selection__arrow {
   right: 16px;
   /* top: 8px; */
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    /* width: 15px;
    height: 9px;
   left: 1px; */
   /* top: calc((100% - 7px) / 2); */
   opacity: 1;
   -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
   transition: all 150ms ease;
}

.select2-dropdown--below {
   border-radius: 0px;
    border: 1px solid #E5E5E5;
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.select2-dropdown--above {
   border-radius: 0px;
    border: 1px solid #E5E5E5;
   box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
}

.select2-container--default .select2-results__option:hover, 
.select2-container--default .select2-results__option.select2-results__option--highlighted {
   background-color: #FAFAFA;
   color: #3C3C3C;
}
.select2-container--default .select2-results__option[aria-selected=true] {
   background-color: transparent;
}
.select2-container--default .select2-results__option:focus, 
.select2-container--default .select2-results__option:active{
   background-color: #A4A4A4;
}

.main-table .bigger {
   top: 0;
   left: 0;
   z-index: 9;
}
.main-table .select2-container--default .select2-selection--single {
    border-color: transparent;
    background: transparent;
}
.main-table .select2-container--default:hover .select2-selection--single {
    border-color: transparent;
}

.main-table .select2-container--default .select2-selection--single {
   height: inherit;
   padding: 0px;
   border-radius: 0;
   border-bottom: 1px solid transparent;
   box-shadow: none;
}
.main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
   padding-left: 2px;
}
.main-table .select2-container--default .select2-selection--single .select2-selection__arrow {
   right: 0px;
   top: 0px;
}

.select2-results__option .option-user {
   margin-left: -12px;
}
.select2-results__option .option-user img {
   border: 1px solid #C2C2C2;
    border-radius: 50%;
   margin-right: 8px;
   margin-top: -4px;
   margin-bottom: -4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   background-color: #FAFAFA;
   border: 0;
   box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    padding: 12px;
    padding-left: 40px;
   font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
   /* letter-spacing: 0.5px; */
   color: #3C3C3C;
   line-height: 20px;
}
.select2-container--default .select2-search--dropdown:before {
   background: url(../work/images/svgs/icon_search.svg) center center no-repeat transparent;
   content: '';
   display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    opacity: 0.7;
    position: absolute;
    top: 15px;
    left: 12px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:hover {
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.select2-container--default .select2-search--dropdown:hover:before {
   opacity: 1;
}
.main-table select.has-uniform-select {
   width: 100%;
   display: none;
}
.main-table .inside-data select {
   display: none;
}

/* @media only screen and (min-width: 1820px) { */
   /* iframe: 1920-100px */
   /* .main-table .select2-container--default.bigger .select2-selection--single .select2-selection__rendered { */
      /* padding-left: 20px; */
   /* } */
/* } */

/* -------------------------------- 

Jquery-UI - widget: customisation
-------------------------------- */


.ui-widget.ui-widget-content {
   border: 0;
    border-radius: 3px;
    box-shadow: 0px 10px 50px 10px rgba(0,0,0,0.5);
   padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
   background: #FAFAFA;
    border: 0;
   border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 500;
    padding: 0 25px;
    line-height: 65px;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
   display: block;
    /* background: none; */
    border: 0;
    padding: 0px !important;
    margin: 0 !important;
    position: static;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 22px !important;
   background: url(../work/images/svgs/popup-close.svg) center center no-repeat transparent;
   outline: none;
}

.ui-dialog .ui-dialog-buttonpane {
   margin: 0;
    border: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0px;
   background-color: #FAFAFA;
}
.ui-dialog .ui-dialog-content {
   margin-top: 0 !important;
    width: 100% !important;
    padding: 0;
   border-bottom: 1px solid #D8D8D8;
}
.ui-dialog .ui-dialog-content table {
   width: 100%;
   border-top: 1px solid #D8D8D8;
}

.ui-dialog .ui-dialog-content table td, .ui-dialog .ui-dialog-content table th {
   padding: 0px 10px;
   background-color: #FCFCFC;
}
.ui-dialog .ui-dialog-content table tr.entete_liste {
    color: #3A3A3A;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 2px solid #3A3A3A;
    line-height: 50px;
    background-color: #FCFCFC;
}

.ui-dialog .ui-dialog-content table tr.entete_liste .utilisateur {
   width: 60%;
}
.ui-dialog .ui-dialog-content table tr.entete_liste .email {
   width: 40%;
}
.ui-dialog .ui-dialog-content table tr.texte_liste td {
    border-bottom: 1px solid #D8D8D8;
    line-height: 39px;
    font-size: 12px;
   color: #A4A4A4;
}
.ui-dialog .ui-dialog-content table tr.texte_liste td.email {
   background-color: #fff;
   color: #53A4FF;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: transparent;
    border: 0;
    border-radius: 2px;
    color: #727272;
    font-size: 16px !important;
    margin: 8px 16px;
    padding: 8px 16px;
    text-transform: uppercase;
    font-weight: 500;
    outline: none;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
   background: #EBEBEB;
}
.ui-dialog .ui-dialog-buttonpane button:active {
   background: #EBEBEB;
   color: #3A3A3A;
}
.ui-dialog .ui-dialog-title {
   width: 75%;
}

/* -------------------------------- 

Popups specifiques, popup de selection multiple

-------------------------------- */


#bdAidesManuels, #bdSupport {
   background: #FAFAFA;
    padding: 0 26px 8px 26px;
   font-size: 12px;
    font-weight: 400;
}
#bdAidesManuels a.boutton {
   font-size: 12px;
   padding: 7px 20px;
   text-transform: uppercase;
}
._alerteBoiteDialogue.ui-dialog-content, #_boiteDialogueConfirm {
   padding: 28px 10px;
    top: -68px;
    margin-bottom: -68px;
   background: #FAFAFA;
   border-top-right-radius: 3px;
    border-top-left-radius: 3px;
   font-size: 12px;
}
._alerteBoiteDialogue.liste-utilisateurs-connectes {
   padding: 0;
    top: 0;
}

._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-image {
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-color {
   border: 1px solid #C2C2C2;
    border-radius: 50%;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    margin-right: 6px;
   display: inline-block;
    text-align: center;
    /* line-height: 30px; */
    /* font-size: 20px; */
       line-height: 28px;
    font-size: 16px;
    color: #fff;
   font-weight: 500;
}


.FondFormulaireBis {
   top: -68px !important;
    border-top: 0;
    padding: 0;
   margin-bottom: -68px;
}
.FondFormulaireBis b {
   color: #626262;
   font-size: 14px;
   font-weight: 400;
   line-height: 60px;
}
.FondFormulaireBis td.filtre-no {
   position: relative;
   height: 36px; /* 06-02-2018: Uniformisations avec les listes */
}
.FondFormulaireBis .boutonLoupe {
    background-color: transparent;
    background: url(../work/images/btLoupe.png) center center no-repeat transparent; /* 21-03-2018: image btLoupe manquante */
    border-style: none;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-size: contain;
   position: absolute;
   left: 14px;
   top: 5px;
}
/* 06-02-2018: Uniformisations avec les listes */
.FondFormulaireBis td.filtre-no input[type=text] {
    padding: 5px 5px 5px 22px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    /* letter-spacing: 0.6px; */
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    width: 100% !important;
}
.FondFormulaireBis .center-tools {
    position: absolute;
    top: 140px;
    margin-left: -1px;
}
.FondFormulaireBis .listeformulaire {
   height: 190px;
   font-size: 15px;
}
.FondFormulaireBis .listeformulaire option {
   font-size: 12px;
    /* letter-spacing: 0.6px; */
    font-weight: 500;
    margin: 2px 0px;
}
.FondFormulaireBis .listeformulaire optgroup {
   font-size: 14px;
    /* letter-spacing: 0.6px; */
    font-weight: 500;
    margin: 2px 0px;
}
.FondFormulaireBis .commentaire, .FondFormulaireBis .champFormulaire {
   display: none;
}

.FondFormulaireBis textarea {
   height: 28px !important;
   width: calc(100% - 24px) !important;
   background: transparent;
    border: 0px;
    margin: 2px 10px 2px 10px;
    font-size: 12px;
    /* letter-spacing: 0.6px; */
    color: #626262;
    font-weight: 400;
   resize: none;
}

@media only screen and (min-width: 1227px) {/* iframe: 1920-100px */
   ._alerteBoiteDialogue.ui-dialog-content, #_boiteDialogueConfirm {
      font-size: 14px;
   }
   .ui-dialog .ui-dialog-content table tr.entete_liste {
      font-size: 14px;
   }
   .ui-dialog .ui-dialog-content table tr.texte_liste td {
      font-size: 14px;
   }
   
   ._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-image {
      width: 32px;
      height: 32px;
   }

   ._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-color {
      width: 32px;
      height: 32px;
      line-height: 28px;
      font-size: 18px;
   }
}

@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
	._alerteBoiteDialogue.ui-dialog-content, #_boiteDialogueConfirm {
	   font-size: 16px;
	}
   .ui-dialog .ui-dialog-content table tr.entete_liste {
      font-size: 16px;
   }
   .ui-dialog .ui-dialog-content table tr.texte_liste td {
      font-size: 16px;
   }
   
   ._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-image {
      width: 34px;
      height: 34px;
   }

   ._alerteBoiteDialogue.liste-utilisateurs-connectes .utilisateur .utilisateur-color {
      width: 34px;
      height: 34px;
      line-height: 30px;
      font-size: 20px;
   }
   
/* .FondFormulaireBis {
} */
.FondFormulaireBis b {
   font-size: 16px;
   line-height: 100px;
}
/* .FondFormulaireBis td.filtre-no {
} */
.boutonLoupe {
    width: 20px;
    height: 20px;
   left: 15px;
   top: 7px;
}
/* .FondFormulaireBis td.filtre-no div.texteFormulaire {
    padding: 7px 7px 7px 30px;
    font-size: 12px;
} */
.FondFormulaireBis .center-tools {
   top: 190px;
   margin-left: 4px;
}
/* .FondFormulaireBis .listeformulaire {
} */
.FondFormulaireBis .listeformulaire option {
   font-size: 13px;
}
.FondFormulaireBis .listeformulaire optgroup {
   font-size: 15px;
}
/* .FondFormulaireBis .commentaire, .FondFormulaireBis .champFormulaire {
} */

.FondFormulaireBis textarea {
    font-size: 13px;
}
}

/* -------------------------------- 

Filtre personalisé

-------------------------------- */


#selectFiltrePersonnalise {
   float: left;
   width: 187px;
   line-height: 53px;
    margin-left: 10px;
}
#selectFiltrePersonnalise select{
   width: 100%;
}
/* 24-04-2019: Fixing Filter Position */
#bottomFiltreSave {
   position: absolute;
   opacity: 1;
   width: 32px;
   height: 32px;
   cursor: pointer;
    margin-top: -32px;
    margin-left: -74px;
   background: url(../work/images/svgs/accueil-filtre-save.svg) center center no-repeat transparent;
   background-size: contain;
   -webkit-transition: opacity 0.2s, margin-top 0.2s;
    -moz-transition: opacity 0.2s, margin-top 0.2s;
    -o-transition: opacity 0.2s, margin-top 0.2s;
    transition: opacity 0.2s, margin-top 0.2s;
    left: 120px;
}
.filtre-edit #bottomFiltreSave {
   background: url(../work/images/svgs/accueil-filtre-edit.svg) center center no-repeat transparent;
   background-size: contain;
}
#bottomFiltreSave.show-perso-filter {
   opacity: 0;
   margin-top: 0px;
   -webkit-transition: opacity 0.2s, margin-top 0.2s;
    -moz-transition: opacity 0.2s, margin-top 0.2s;
    -o-transition: opacity 0.2s, margin-top 0.2s;
    transition: opacity 0.2s, margin-top 0.2s;
}
/* 24-04-2019: Fixing filter position */
#bottomFiltrePersoTools {
   height: 0px;
   -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
   background-color: #4A9FFE;
   bottom: 0;
  float: left;
  width: 100%;
   left: 0; 
   display: none;
}
/* 24-04-2019: Fixing Filter Position */
#bottomFiltrePersoTools #closeFiltrePersoTools {
   display: none;
   width: 32px;
   height: 32px;
   background: url(../work/images/svgs/accueil-filtre-close.svg) center center no-repeat transparent;
   background-size: contain;
   float: left;
    margin-top: -16px;
    cursor: pointer;
    margin-left: 6px;
    position: relative;
}
/* 24-04-2019: Fixing Filter Position */
#bottomFiltrePersoTools.show-perso-filter {
   height: 70px;
   -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    display: block;
}

/* 24-04-2019: Fixing Filter Position */
_:-ms-fullscreen, :root .show-perso-filter#bottomFiltrePersoTools {
   position: relative;
}


#bottomFiltrePersoTools.show-perso-filter #closeFiltrePersoTools {
   display: block;
}
#formTdB{
   padding-bottom: 0px;
   -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s;
}
/* 24-04-2019: Fixing Filter Position */
#formTdB.show-perso-filter{
   /* padding-bottom: 70px; */
   position: relative;
   -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s;
}
#bottomFiltrePersoTools .filtre-perso-wrapper {
   float: left;
   margin-top: 20px;
   margin-left: 57px;
}
#bottomFiltrePersoTools .filtre-perso-wrapper #nomFiltre {
   width: 278px;  
}
#bottomFiltrePersoTools .filtre-perso-wrapper label.label-checkbox {
   margin-top: 3px;
   margin-left: 12px;
   font-weight: 400;
   line-height: 18px;
}
#bottomFiltrePersoTools .filtre-perso-wrapper label.label-checkbox + label {
   color: #fff;
}
#bottomFiltrePersoTools .filtre-perso-wrapper input[type=checkbox]:checked + .label-checkbox {
   border: 2px solid #65676A;
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-checkbox  {
   margin-top: 24px;
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs {
   float: right;
   margin-top: 26px;
    margin-right: 175px;
}
@media only screen and (max-width: 900px) {
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs {
    margin-right: 100px;
}
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span {
   margin-left: 24px;
   width: 16px;
   height: 16px;
   cursor: pointer;
   color: #fff;
   display: block;
    float: left;
    font-size: 22px;
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnAjoutFiltre {
   background: url(../work/images/svgs/accueil-filtre-add.svg) center center no-repeat transparent;
   background-size: contain;
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnModifFiltre {
   background: url(../work/images/svgs/accueil-filtre-disk.svg) center center no-repeat transparent;
   background-size: contain;
}
#bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnSupprFiltre {
   margin-top: -5px;
}


.filtre-add #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnSupprFiltre, 
.filtre-add #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnModifFiltre, 
.filtre-edit #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnAjoutFiltre {
   opacity: 0.5;
   cursor: default
}

/* 24-04-2019: Fixing Filter Position */
_:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper {
   position: absolute;
   margin: 0;
   top: 20px;
}

/* 24-04-2019: Fixing Filter Position */
_:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-text {
   left: 100px;
}

/* 24-04-2019: Fixing Filter Position */
_:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-checkbox {
   left: 412px;
}

/* 24-04-2019: Fixing Filter Position */
_:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs {
   left: auto;
   right: 261px;
   top: 23px;
}


@media only screen and (min-width: 1227px) {
   #bottomFiltreSave {
      margin-left: -64px;
   }
   #bottomFiltrePersoTools #closeFiltrePersoTools {
      margin-left: 16px;
      margin-right: 24px;
   }
   #selectFiltrePersonnalise {
   width: 210px;
    margin-left: 146px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper {
      margin-left: 24px;
   }

   #bottomFiltrePersoTools .filtre-perso-wrapper #nomFiltre {
      width: 468px;
   }
   _:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-text {
      left: 115px;
   }
   /* 24-04-2019: Fixing Filter Position */
   _:-ms-fullscreen, :root #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-checkbox {
      left: 633px;
   }
}
@media only screen and (min-width: 1820px) {/* iframe: 1920-100px */
   #bottomFiltrePersoTools .filtre-perso-wrapper {
      margin-top: 20px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-text {
      margin-left: -6px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper #nomFiltre {
      width: 706px;
   }
   #bottomFiltrePersoTools.show-perso-filter {
      height: 75px;
   }
   #formTdB.show-perso-filter{
      padding-bottom: 75px;
   }
   #selectFiltrePersonnalise {
      width: 319px;
      margin-left: 220px;
      line-height: 100px;
   }
   #bottomFiltreSave {
      width: 40px;
      height: 40px;
      margin-left: -54px;
   }
   #bottomFiltrePersoTools #closeFiltrePersoTools {
      width: 40px;
      height: 40px;
      margin-top: -20px;
      margin-left: 26px;
      margin-right: 36px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-checkbox {
      margin-top: 28px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs {
      margin-top: 30px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span {
      margin-left: 30px;
      width: 18px;
      height: 18px;
      font-size: 26px;
   }
   #bottomFiltrePersoTools .filtre-perso-wrapper.wrap-inputs span#btnSupprFiltre {
      margin-top: -7px;
   }

}

 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty {
   /*float: left;
   width: 100%;*/
   /* modif Ociensa 2019/03/21 : ajout padding vertical pour éviter que la ligne s'agrandisse en hauteur à l'ouverture de la liste de sélection lorsque le texte est très long */
   /* padding-left: 2px;
   padding-right: 2px; */
   padding: 6px 2px;
   cursor: pointer;
   border: 1px solid transparent;
    float: left;
    width: 100%;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty.has-image, .is-unique.has-image {
   margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty:not(.has-image) > div {
   position: relative;
   float: left;
   width: 100%;
   /* modif Ociensa 2019/04/26 : suppression couleur car applique une couleur différente des autres types de cellule et empêche la couleur d'être appliquée sur les statuts colorés. 
   color: #3A3A3A;
   */
    /* padding-top: 5px;
   padding-bottom: 5px; */
   /* modif Ociensa 2019/03/05 : initial -> auto car non supporté par IE11 */
   /* min-height: initial !important; */
   min-height: auto !important;
}

 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty .empty-select-icon {
    position: absolute;
   top: calc((100% - 7px) / 2);
   right: -1px;
    border: 0;
   width: 11px;
    height: 7px;
    background: url(../work/images/svgs/arrow.svg) center center no-repeat transparent;
    opacity: 0.4;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 150ms ease;
}


/* 09-04-2018: Replacing selects with "empty select" */
.is-select-empty:hover .empty-select-icon {
   opacity: 0.7;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty.has-image > img,
.is-select-empty.has-image > .colored-perfil {
   float: left;
   width: 28px;
   height: 28px;
    margin-right: 10px;
   border: 1px solid #C2C2C2;
    border-radius: 50%;
   margin-top: 0px;
   margin-left: -1px;
}

.is-unique.has-image > img,
.is-unique.has-image > .colored-perfil {
   float: left;
   width: 28px;
   /* modif Ociensa 2019/04/16 : ajout min-width pour empêcher que la pastille soit rétrécie */ 
   min-width: 28px;
   height: 28px;
    margin-right: 10px;
   border: 1px solid #C2C2C2;
    border-radius: 50%;
   margin-top: 0px;
   margin-left: -1px;
}

 /* 30-04-2018: nouvelle structure cellules listes */
.is-select-empty.has-image .empty-select-value-wrapper {
   position: relative;
   width: calc(100% - 37px);
   float: left;
   color: #3A3A3A;
    /*margin-top: 6px;*/
}
/* 09-04-2018: Replacing selects with "empty select" */
.is-select-empty .empty-select-text {
    width: calc(100% - 12px);
   float: left;
   line-height: 12px;
    white-space: initial;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
   font-size: 11px; /*17-05-2018: Fiches - livraison groupée */

}
 /* 30-04-2018: nouvelle structure cellules listes */
/* .is-select-empty:not(.has-image) .empty-select-text { */
    /*line-height: 26px;*/
/* } */

/* 09-04-2018: Replacing selects with "empty select" */
/* .is-select-empty.has-image .empty-select-icon { */
   /* top: 4px; */
/* } */
/* 11-04-2018: Exemple de RH sans photo dans la liste RH */
.is-select-empty.has-image > .colored-perfil {
    display: block;
    float: left;
    color: #fff;
    text-align: center;
   font-size: 14px; /* 30-04-2018: nouvelle structure cellules listes */
   line-height: 28px;
}
.is-unique.has-image > .colored-perfil {
    display: block;
    float: left;
    color: #fff;
    text-align: center;
   font-size: 14px; /* 30-04-2018: nouvelle structure cellules listes */
   line-height: 28px;
}
/* 11-04-2018: Exemple de RH sans photo dans la liste RH */
.main-table .texte_liste .type-liste-user .select2-container .img-user img, .main-table .type-liste-user .select2-container .img-user .colored-perfil {
   line-height: 28px;
}
/* 11-04-2018: Exemple de RH sans photo dans la liste RH */
body .select2-container .img-user img, body .select2-container .img-user .colored-perfil {
   line-height: 28px;
}
/* 11-04-2018: Exemple de RH sans photo dans la liste RH */
/* .is-select-empty.has-image > .colored-perfil { */
   /* line-height: 28px; */
/* } */
/* 11-04-2018: Exemple de RH sans photo dans la liste RH */
/* .main-table .type-liste-user .select2-container .img-user .colored-perfil { */
   /* margin-top: -6px; */ /* 30-04-2018: nouvelle structure cellules listes */
/* } */

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche tr:not(:first-child)  .titre-cell .form-block {
  margin-top: 64px;
}

/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche tr:nth-last-child(1) td:first-child .form-block.libelle label { */
   /* padding-bottom: 0; */ /* 23-05-2018: Demande 6168 - Décalage dernier champ */
/* } */


/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1227px) {
   /* .is-select-empty.has-image .empty-select-value-wrapper { */
      /* margin-top: 5px;
      font-size: 12px; */
   /* } */
   .is-select-empty .empty-select-text {
      font-size: 11px;
   }
/*17-05-2018: Fiches - livraison groupée */
  .select2-container--default ul:not(.options-for-table) .select2-results__option {
    font-size: 11px;
   min-height: 21px;
  }
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche tr:not(:first-child)  .titre-cell .form-block {
      margin-top: 59px;
   }

}

 /* 30-04-2018: nouvelle structure cellules listes */
@media only screen and (min-width: 1820px) {
   /* .is-select-empty { */
      /* padding-left: 20px; */
      /* padding-bottom: 2px; */
      /* padding-top: 0px; */
   /* } */
 /* 30-04-2018: nouvelle structure cellules listes */
   .is-select-empty.has-image {
      padding-top: 4px;
      padding-bottom: 4px;
   }
 /* 30-04-2018: nouvelle structure cellules listes */
   .is-select-empty:not(.has-image) > div {
    /* modif Ociensa 2019/03/12 : suppression du padding qui décale la liste de sélection vers le haut dans la cellule
      padding-top: 4px;
      padding-bottom: 4px;
    */
   }
   /* 11-04-2018: Exemple de RH sans photo dans la liste RH */
   .is-select-empty.has-image > img,
   .is-select-empty.has-image > .colored-perfil {
      /*width: 34px;
      height: 34px;*/
   }
 /* 30-04-2018: nouvelle structure cellules listes */
   .is-select-empty.has-image .empty-select-value-wrapper {
      /* width: calc(100% - 50px); */
      /* margin-top: 4px; */
      font-size: 11px;
   }
   .is-select-empty.has-image .empty-select-icon {
      /* right: -9px; */
   }
 /* 30-04-2018: nouvelle structure cellules listes */
   .is-select-empty.has-image > .colored-perfil {
      /* font-size: 18px; */
   }
   /* 11-04-2018: Exemple de RH sans photo dans la liste RH */
   .is-select-empty.has-image > img,
   .is-select-empty.has-image > .colored-perfil {
      /* margin-top: 6px;
      margin-left: 2px; */
      /* margin-right: 10px;
      margin-top: 0px; */
   }
   .is-select-empty.has-image .empty-select-text {
      /* line-height: 40px; */
      /* padding-left: 1px; */
   }
 /* 30-04-2018: nouvelle structure cellules listes */
   /* .is-select-empty .empty-select-icon { */
      /* top: 12px;*/
   /* } */

   .is-select-empty .empty-select-text {
      /* width: calc(100% - 20px); */
      /* font-size: 16px; 17-05-2018: Fiches - livraison groupée */
      font-size: 11px; /*17-05-2018: Fiches - livraison groupée */
   }
   /* .is-select-empty.has-image .empty-select-value-wrapper { */
      /* margin-top: 7px; */
   /* } */
   /* .is-select-empty:not(.has-image) .empty-select-text { */
      /* line-height: 40px; */
   /* } */
   /* 11-04-2018: Exemple de RH sans photo dans la liste RH */
   .main-table .texte_liste .type-liste-user .select2-container .img-user img, .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      /* line-height: 34px; */
   }
   /* 11-04-2018: Exemple de RH sans photo dans la liste RH */
   body .select2-container .img-user img, body .select2-container .img-user .colored-perfil {
      /* modif Ociensa 2022/04/28 : correction décalage vers le haut de la pastille : 28px -> 32px */
      line-height: 32px;
      width: 32px;
      height: 32px;
      /* 31-07-2019: Fixing RH text size */
      /* modif Ociensa 2022/04/28 : correction décalage vers le bas de l'initiale dans la pastille : 16px -> 18px */
      font-size: 18px;
   }
   /* 11-04-2018: Exemple de RH sans photo dans la liste RH */
   .is-select-empty.has-image > .colored-perfil {
      /* line-height: 34px; */
   }
    /* 30-04-2018: nouvelle structure cellules listes */
   .main-table .type-liste-user .select2-container .img-user .colored-perfil {
      /*margin-top: -8px;
      margin-left: 2px;*/
      /* margin-right: 10px; */
   }
/*17-05-2018: Fiches - livraison groupée */
  .select2-container--default ul:not(.options-for-table) .select2-results__option {
    font-size: 16px;
   min-height: 26px;
  }
   .formulaireFiche tr:not(:first-child)  .titre-cell .form-block {
      margin-top: 85px;
   }
}

.formulaireFiche tbody {
   background: #fff;
}


.formulaireFiche .titre-cell .item span {
   color: #3A3A3A;
   border: 0px;
   display: block;
   /* border-bottom: 1px solid #999999; */ /*17-05-2018: Fiches - livraison groupée */
   background: transparent;
   outline: none;
   font-size: 20px;
   font-weight: 400;
   font-family: "Roboto", "Open Sans", sans-serif;
}

.formulaireFiche .valign-top { /*17-05-2018: Fiches - livraison groupée */
   vertical-align: top;
}

.formulaireFiche .valign-middle {
   vertical-align: middle;
}

.formulaireFiche .valign-bottom {
   vertical-align: bottom;
}

/* .formulaireFiche td label { */
   /* white-space: nowrap; */
/* } */

/* 21-06-2018: Fiches - Alignement entre champs et éléments */
.formulaireFiche td label.label-checkbox {
  margin-right: 16px;
}

.formulaireFiche td .error label:not(.custom-file-input-label) {
   color: #F95C5F;
}

/* .formulaireFiche .form-block.force-full-width {
   width: 100%;
} */

/* .formulaireFiche .form-block.force-full-width .item .has-suffixe {
   width: 100%;
} */

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche  .titre-cell .form-block {
   margin-bottom: 4px;
  border-left: 1px solid black;
  background: #F8F8F8;
   width: 100%;
   /* max-width: 100%;
   position: relative;
   float: left; */
}



.toolbar.fiche .right-part .icone-tool {
   line-height: 1;
   margin-right: 4px;
}
.toolbar.fiche .right-part .item:last-child {
   border-right: none;
}

.toolbar.fiche .right-part .icone-tool {
   margin-top: 16px;
   width: 24px;
   height: 24px;
   font-size: 28px;
}

/* .formulaireFiche .custom-datepicker,
.formulaireFiche .textarea,
.formulaireFiche .spec-regular,
.formulaireFiche .simple-texte,
.formulaireFiche .unique-checkbox {
   padding-bottom: 16px;
} */
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .spec-regular {
   float: left;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .select2-container--default.bigger .select2-selection--single {
   height: 50px;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single {
   height: 64px;
   padding: 14px 0px;
}
/*17-05-2018: Fiches - livraison groupée */
/*@-moz-document url-prefix() {
.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single {
  padding: 11px 0px 13px 0px;
}
}*/
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single {
   height: 48px;
   padding: 6px 0px;
}
/*17-05-2018: Fiches - livraison groupée */
/*@-moz-document url-prefix() {
.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single {
  padding: 5px 0px 7px 0px
}
}*/
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .select2-container--default .select2-selection--single { */
   /* height: 34px; */
/* } */
.formulaireFiche .type-2 .select2-container--default:not(.bigger) .select2-selection--single {
   background: transparent;
   border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-radius: 0;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .select2-container .img-user {
   height: 34px;
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .select2-container.bigger .img-user { */
   /* height: 38px; */
/* } */

/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche .right-part .icone-tool {
   margin-top: 6px;
   width: 18px;
   height: 18px;
   font-size: 20px;
}
.toolbar.fiche .right-part .icone-tool.icon-Lien {
   margin-top: 7px;
}
/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche .right-part .item {
   line-height: 31px;
   height: 30px;
   padding-left: 26px;
}
/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche .right-part .item.archiver {
  margin-left: 0;
}
/*17-05-2018: Fiches - livraison groupée */
.toolbar.fiche .right-part .item.imprimer {
  margin-left: 0;
  padding-left: 26px;
  padding-right: 7px;
  margin-right: 0;
}
/*17-05-2018: Fiches - livraison groupée */
/* .fiche .select2-container .name-user {
   font-size: 10px;
} */
/*17-05-2018: Fiches - livraison groupée */
/*.formulaireFiche .form-block.filtre.multiple-filtre span.select2.select2-container.select2-container--default {
   margin-right: 16px;
  float: left;
  display: block;
}*/
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .force-full-width .spec-regular {
   float: left;
   width: 100%;
   padding-right: 16px;
} */
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single .select2-selection__arrow { */
   /*top: 6px;*/
/* } */
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single .select2-selection__arrow { */
   /* top: 14px; */
/* } */
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .unique-checkbox { */
   /* float: left; */
/* } */
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche td.valign-middle .form-block.libelle label { */
   /* padding-top: 16px; */
/* } */
.formulaireFiche .form-block.libelle label {
   max-width: 160px;
}

.formulaireFiche .form-block.libelle label span.boutton-aide {
   display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../work/images/svgs/boutton-aide.svg) center center no-repeat transparent;
    background-size: contain;
    cursor: pointer;
    margin-left: 6px;
}


/*17-05-2018: Fiches - livraison groupée */
#formulaireFiltre label,
.formulaireFiche label {
  font-size: 10px;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .form-block.libelle {
  padding-left: 15px;
}
.formulaireFiche .libelle-on-top .form-block.libelle {
  padding-left: 10px;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .form-block:not(.libelle) {
  padding: 0 16px 0 10px;
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .form-block:not(.libelle) {
   padding-right: 0;
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .valign-middle .form-block:not(.libelle) {
  padding-right: 0;
} */
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .uniform-select .select2-container--default:not(.bigger), 
.formulaireFiche .custom-datepicker,
.formulaireFiche .custom-timepicker .border:not(.bigger),
.formulaireFiche .unique-checkbox,
.formulaireFiche .textarea,
.formulaireFiche .radio-group,
.formulaireFiche .spec-regular,
.formulaireFiche .simple-texte,
.formulaireFiche .color-picker,
.formulaireFiche .simple-action,
.formulaireFiche .simple-icone,
.formulaireFiche .simple-file,
.formulaireFiche .form-block.multiple-filtre { */
  /* margin-top: 16px; */
/* } */

.formulaireFiche .uniform-select .select2-container--default:not(.bigger), 
.formulaireFiche .custom-datepicker input,
.formulaireFiche .custom-timepicker .border:not(.bigger),
.formulaireFiche .radio-group .radio-group-wrapper,
.formulaireFiche .unique-checkbox input,
.formulaireFiche .textarea textarea,
.formulaireFiche .spec-regular input,
.formulaireFiche .color-picker input,
.formulaireFiche .simple-texte input 
 {
   margin-right: 16px;
}
.formulaireFiche .radio-group-wrapper{
   display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   .formulaireFiche .custom-timepicker .border {
      margin-right: 35px;
      /*Fixing 27-05-2019: 'Heure' field on IE*/
      min-width: 82px;
      max-width: 92px; 
   }
   .formulaireFiche .custom-timepicker .border.bigger {
      /*Fixing 29-05-2019: 'Heure' field on IE*/
      max-width: 108px;
   }
   .formulaireFiche .item.custom-timepicker .border, .formulaireFiche .item.custom-timepicker input{
      width: auto!important;
   }
}
.formulaireFiche .uniform-select .select2-container--default.bigger{
   margin-right: 0px;
}

.formulaireFiche .libelle-on-top .uniform-select.type-2 .select2-container--default:not(.bigger) {
   margin-top: 0px;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .form-block.multiple-filtre {
    padding-bottom: 9px;
}

.formulaireFiche .simple-texte span,
.formulaireFiche .simple-action span,
.formulaireFiche .unique-checkbox span {
   font-size: 10px;
   line-height: 14px;
}
.formulaireFiche .simple-icone img {
   height: 20px;
   width: 20px;
}
/*17-05-2018: Fiches - livraison groupée */
.fiche .select2-container .img-user img,
.fiche .select2-container .img-user .colored-perfil {
   margin: 0;
   margin-right: 12px;
}
/*17-05-2018: Fiches - livraison groupée */
.user-regular .select2-container .select2-selection .img-user img .select2-container .img-user img,
.user-regular .select2-container .select2-selection .img-user img .select2-container .img-user .colored-perfil {
   margin-left: 2px;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche {
  float: left;
  margin-left: 19px;
}
/*17-05-2018: Fiches - livraison groupée */
#fiche-wrapper {
  background: #fff;
  padding-top: 30px;
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche td {
  padding: 0 5px 0 29px;
} */
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche label

.formulaireFiche div,
.formulaireFiche label,
.formulaireFiche span {
  vertical-align: middle;
}
/*29-05-2018: Fiches - Demande 6188 */
.formulaireFiche textarea {
  display: inline-block; 
}
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche td:not(.valign-top):not(.valign-middle) .form-block.libelle label {
    display: block;
    padding-bottom: 10px;
}
/*17-05-2018: Fiches - livraison groupée */
@-moz-document url-prefix() {
   .formulaireFiche td.valign-middle .form-block.libelle label {
      margin-top: -1px;
   }
   .formulaireFiche td:not(.valign-top):not(.valign-middle) .form-block.libelle label {
      padding-bottom: 10px;
   }
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche td.valign-top.libelle-on-top .form-block.libelle label {
  padding-top: 25px;
}

/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .titre-cell .item span {
   font-size: 17px;
   line-height: 24px;
}

/* .formulaireFiche .libelle {
   padding: 0;
} */
/*17-05-2018: Fiches - livraison groupée */
.formulaireFiche .titre-cell .item {
  background-color: #F8F8F8;
  padding: 28px 0;
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche .valign-middle .libelle { */
  /* padding-bottom: 21px; */
/* } */

/* 23-05-2018: Fiches - Alignement des libellés au dessus des champs */
.formulaireFiche td.libelle-on-top .form-block.libelle label {
   width: 100%;
   padding-bottom: 15px;
}
.formulaireFiche td.libelle-on-top .form-block.libelle .libelle-type-2 label {
   padding-bottom: 0px;
}
.formulaireFiche td.libelle-on-top.has-bigger .form-block.libelle .libelle-type-2 label {
   margin-bottom: -16px;
}
.formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection .item.libelle-type-2 label {
    font-size: 12px;
    font-weight: normal;
   position: relative;
    top: 25px;
    left: 11px;
   transition: all 0.4s, margin-bottom 0s;
}
.formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection.is-hover-or-active .item.libelle-type-2 label {
    font-size: 10px;
    font-weight: bold;
   position: relative;
    top: 0px;
    left: 0px;
   transition: all 0.4s, margin-bottom 0s;
}
/* 23-05-2018: Fiches - Alignement des libellés au dessus des champs */
.formulaireFiche tr.has-libelle-on-top td:not(.libelle-on-top) {
   padding-top: 41px;
}


/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1227px) {
      
   .formulaireFiche .form-block.libelle label {
	   max-width: 200px;
	}
   
   .formulaireFiche td:not(.valign-top):not(.valign-middle) .form-block.libelle label {
	    padding-bottom: 9px;
	}
	.formulaireFiche td.valign-top.libelle-on-top .form-block.libelle label {
	   padding-top: 26px;
	}
	.formulaireFiche .simple-texte span, 
	.formulaireFiche .simple-action span,
	.formulaireFiche .unique-checkbox span {
	   font-size: 12px;
	   line-height: 18px;
	}
  .formulaireFiche .form-block.libelle {
    padding: 0 5px 0 29px;
  }

   .toolbar.fiche .right-part .icone-tool {
      margin-top: 9px;
      font-size: 22px;
   }
   .toolbar.fiche .right-part .icone-tool.icon-Lien {
      margin-top: 11px;
   }
   
.formulaireFiche .form-block.libelle label span.boutton-aide {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: -4px;
}
   
/*17-05-2018: Fiches - livraison groupée */
  #formulaireFiltre label,
  .formulaireFiche label {
      font-size: 12px;
  }
/*17-05-2018: Fiches - livraison groupée */
   #fiche .item.liste-user.user-regular .select2-container--default.bigger .selection .select2-selection--single .select2-selection__rendered {
      padding-left: 18px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .fiche .select2-container--default .select2-results__option {
      padding-left: 16px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .fiche .select2-container .img-user img,
   .fiche .select2-container .img-user .colored-perfil {
      margin-left: 2px;
   }
/*17-05-2018: Fiches - livraison groupée */
   #fiche-wrapper {
      top: 42px;
   }
   .toolbar.fiche .right-part .item {
      line-height: 41px;
      height: 40px;
      padding-left: 26px;
   }
/*17-05-2018: Fiches - livraison groupée */
  .formulaireFiche .form-block.multiple-filtre {
    padding-bottom: 14px;
  }
/*17-05-2018: Fiches - livraison groupée */
  /* .formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single { */
     /* height: 64px; */
  /* } */

  /*17-05-2018: Fiches - livraison groupée */
  .toolbar.fiche .right-part .item.imprimer, .toolbar.fiche .right-part .item.lien {
    margin-left: 0;
    padding-left: 31px;
    padding-right: 22px;
    margin-right: 0;
  }
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .titre-cell .item span {
      font-size: 20px;
   }
   /*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .titre-cell .item {
      padding: 36px 0;
   }
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .item label {
      line-height: 18px;
   }
	.formulaireFiche label.custom-file-input-label {
	   line-height: 34px;
	}
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .item.textarea textarea {
      line-height: 18px;
   }
   /*17-05-2018: Fiches - livraison groupée */
   @-moz-document url-prefix() {
      /*.formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single {
         padding: 13px 0px 15px 0px;
      }*/
      .formulaireFiche .user-regular:not(.without-selected-image) .select2-container.bigger .img-user {
         height: auto;
      }
      .formulaireFiche td.valign-top.libelle-on-top .form-block.libelle label {
        padding-top: 25px;
      }
   }
   
   /* 23-05-2018: Fiches - Alignement des libellés au dessus des champs */
   .formulaireFiche tr.has-libelle-on-top td:not(.libelle-on-top) {
      padding-top: 44px;
   }
   
   .formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection .item.libelle-type-2 label {
      font-size: 14px;
      top: 30px;
      left: 9px;
   }
   .formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection.is-hover-or-active .item.libelle-type-2 label {
      font-size: 12px;
   }
   
}
/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1820px) {
   
   .formulaireFiche .form-block.libelle label {
   max-width: 240px;
}

   .formulaireFiche .select2-container .img-user {
      height: 36px;
   }
   .formulaireFiche td:not(.valign-top):not(.valign-middle) .form-block.libelle label {
      padding-bottom: 7px;
   }
   .formulaireFiche td.valign-top.libelle-on-top .form-block.libelle label {
      padding-top: 28px;
   }
   
   .formulaireFiche .simple-texte span, 
   .formulaireFiche .simple-action span {
      font-size: 16px;
      line-height: 24px;
   }
   .formulaireFiche .simple-icone img {
   height: 24px;
   width: 24px;
}

   .formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default .select2-selection--single {
      height: 52px;
      padding: 8px 0px;
   }  
   .user-regular .select2-container .select2-selection .img-user img,
   .user-regular .select2-container .select2-selection .img-user .colored-perfil {
      width: 34px;
      height: 34px;
      line-height: 34px;
   }
   .fiche .select2-container--default .select2-results__option {
      padding-left: 18px;
   }
   .fiche .select2-container .img-user img,
   .fiche .select2-container .img-user .colored-perfil {
      margin-left: 0px;
   }
   #fiche-wrapper {
      top: 62px;
   }
   .toolbar.fiche .right-part .item {
      line-height: 61px;
      height: 60px;
      padding-left: 26px;
   }
   .toolbar.fiche .right-part .icone-tool {
      margin-top: 16px;
      width: 24px;
      height: 24px;
      font-size: 28px;
   }
   .toolbar.fiche .right-part .icone-tool.icon-Lien {
      margin-top: 18px;
   }
   .formulaireFiche .form-block.libelle label span.boutton-aide {
      width: 20px;
      height: 20px;
      margin-left: 10px;
      margin-top: -4px;
   }
    #formulaireFiltre label,
  .formulaireFiche label {
      font-size: 16px;
  }
  .formulaireFiche {
    float: left;
    margin-left: 29px;
      margin-right: 58px;
  }
  .formulaireFiche .item label {
      line-height: 24px;
   }
   .formulaireFiche .item.textarea textarea {
      line-height: 24px;
   }
  .toolbar.fiche .right-part .item.imprimer {
      margin-left: 0;
      padding-left: 46px;
      padding-right: 36px;
      margin-right: 0;
   }
   .formulaireFiche td.valign-top.libelle-on-top .form-block.libelle label {
      padding-top: 25px;
   }
   /* .formulaireFiche .unique-checkbox { */
      /* padding-top: 3px; */
   /* } */
   .formulaireFiche .titre-cell .item span {
      font-size: 24px;
   }
   .formulaireFiche .form-block:not(.libelle):not(.multiple-filtre) .select2.select2-container.select2-container--default:not(.bigger),
   .formulaireFiche .custom-datepicker,
   .formulaireFiche .custom-timepicker,
   .formulaireFiche .unique-checkbox,
   .formulaireFiche .textarea,
   .formulaireFiche .spec-regular,
   .formulaireFiche .color-picker,
   .formulaireFiche .simple-texte,
   /* .formulaireFiche .simple-file, 18-09-2018: "simple-file" non utilisée dans les  fiches */
   .formulaireFiche .form-block.multiple-filtre {
      padding-bottom: 0px;
   }
   .formulaireFiche  .titre-cell .form-block {
    margin-bottom: 14px;
  }
  #fiche-wrapper {
    padding-top: 40px;
  }
  /* 23-05-2018: Fiches - Alignement des libellés au dessus des champs */
  .formulaireFiche td.libelle-on-top .form-block.libelle label {
      padding-bottom: 20px;
   }
   .formulaireFiche td.libelle-on-top .form-block.libelle .libelle-type-2 label {
      padding-bottom: 0px;
   }
   /* 23-05-2018: Fiches - Alignement des libellés au dessus des champs */
  .formulaireFiche tr.has-libelle-on-top td:not(.libelle-on-top) {
      padding-top: 53px;
   }
   
   .formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection .item.libelle-type-2 label {
      font-size: 18px;
      top: 30px;
      left: 9px;
   }
   .formulaireFiche td.libelle-on-top .form-block.libelle.empty-selection.is-hover-or-active .item.libelle-type-2 label {
      font-size: 16px;
   }
}

/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche label.force-full-width {
   float: left;
   width: 100%;
} */
/*17-05-2018: Fiches - livraison groupée */
#ascenceurFicheWrapper-hr {
   height: 15px !important;
   top: inherit !important;
   bottom: 30px !important;
   border: 1px solid #E6E6E6;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   width: 100% !important;
}

/*17-05-2018: Fiches - livraison groupée */
@media only screen and (max-width: 907px) {
   #ascenceurFicheWrapper-hr {
      bottom: 45px !important;
   }
}
/*17-05-2018: Fiches - livraison groupée */
#fiche #footer {
   width: 100%;
   border-top: 1px solid #DCDCDC;
   position: fixed;
   bottom: 0px;
   left: 0px;
   z-index: 15;
   background-color: #F6F6F6;
}
/*17-05-2018: Fiches - livraison groupée */
/* .formulaireFiche tr:last-child td .form-block { */
   /* padding-bottom: 100px; */ /* 23-05-2018: Demande 6168 - Décalage dernier champ */
/* } */

/*17-05-2018: Fiches - livraison groupée */
@media only screen and (min-width: 1227px) {
   #fiche div.item:not(.liste-user) .select2-container--default.bigger .selection .select2-selection--single .select2-selection__rendered,
   #fiche div.item:not(.liste-user) .select2-container--default .select2-results__option {
      padding-left: 16px;
   }
   #fiche div.item:not(.liste-user) .select2-container--default .select2-selection--single .select2-selection__rendered {
      padding-left: 8px;
   }
   .liste-user .select2-container--default.bigger .select2-selection--single {
      padding: 12px 0px;
   }
   /* .formulaireFiche .select2-container--default .select2-selection--single,
   .formulaireFiche .item.custom-datepicker input { */
      /* height: 36px; */
   /* } */
   /* .formulaireFiche td:not(.valign-middle) .form-block.filtre:not(.multiple-filtre) {
      padding-bottom: 18px;
   } */
   /* .formulaireFiche .select2-container--default.bigger .select2-selection--single { */
      /* height: 52px; */
   /* } */
   /* .select2-container--default.bigger .select2-selection--single { */
      /*padding: 14px 0px;*/
   /* } */
}
/*17-05-2018: Fiches - livraison groupée */
/* @media only screen and (min-width: 1820px) {

   
   .select2-container--default.bigger .select2-selection--single { */
      /*padding: 15px 0px;*/
      /* height: 54px; */
   /* }
} */
/*17-05-2018: Fiches - livraison groupée */
#ascenceurFicheWrapper-hr .nicescroll-cursors {
   top: 3px !important;
}

/* 30-04-2018: nouvelle structure cellules listes */
.main-table td .cel-table {
   display: table;
   width: 100%;
   table-layout: fixed;
   /* height: 100%; */
}

/* 06-05-2019 Fixing table cell alignment*/
/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .table-ascenceur tr{
      display: block !important;
   }
}

/* 06-05-2019 Fixing table cell alignment*/
/*edge*/
@supports (-ms-ime-align: auto) {
   .table-ascenceur tr{
      display: block !important;
   }
   /* 14-04-2020 BUG - Chevrons KO sur EDGE */
   tr.texte_liste.not-displayed{
      display: none!important;
   }   
 }
/* 30-04-2019: Fixing hexagon cell alignment */
.main-table tbody.has-right-scroll tr > td:last-child > .cel-table {
   width: calc(100% - 8px);
}
/* 30-04-2019: Fixing hexagon cell alignment */
.main-table.accueil tbody.has-right-scroll tr > td:last-child > div {
   padding-right: 8px;
}
.main-table.accueil tbody.has-right-scroll tr > td:last-child > div {
   padding-right: 16px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dCell .cel-table {
   height: 100%;
}
 /* 30-04-2018: nouvelle structure cellules listes */
/* modif Ociensa 2024/04/25 : ajout disposition flex
.main-table td .cel-row, .main-table td .dataCell, .main-table td .dSepCell {
   display: table-row;
   / * height: 100%; * /
}
*/
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dCell, .main-table td .dataCellChild.is-checkbox {
   /* modif Ociensa 2024/04/25 : ajout disposition flex
	display: table-cell;
   vertical-align: middle;
   */
   height: 34px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dSepCell {
   /* modif Ociensa 2024/04/25 : ajout disposition flex 
	height: 0 !important;
	*/
   padding-left: 2px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dSepCell div {
   display: table-cell;
   vertical-align: middle;
   line-height: 0px;
   padding-left: 2px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dCell {
   width: 100%;
    float: left;
   /* min-height: 38px; */  /* 02-05-2018: nouvelle structure cellules listes - regressions et compatibilité */
   padding: 0;
   
   height: 100%;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild {
   padding-left: 2px;
   /* modif Ociensa 2024/04/25 : hauteur minimale de tous les contenus */
   min-height: 34px;
   /* modif Ociensa 2024/04/25 : centrer verticalement le contenu */
   display: flex;
   align-items: center;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild.is-text-content {
   /* white-space: pre-line; */
    overflow: hidden;
    -ms-word-break: normal;
    word-break: normal;
   text-overflow: ellipsis;
   padding-right: 2px;
   padding-top: 3px;
   padding-bottom: 3px;
   /* padding-bottom: 5px;
   padding-top: 5px; */
}
/* 2024/04/25 : disposition flex */
.main-table td .dataCellChild.is-text-content > .is-text-content {
    overflow: hidden;
   -ms-word-break: normal;
   word-break: normal;
   text-overflow: ellipsis;
}
/* 07-05-2018: corrections régressions - suite */
.main-table td .dataCellChild.is-text-content.one-line {
	/* modif Ociensa 2019/03/12 : ne pas couper les libellés mais laisser aller à la ligne
   white-space: nowrap;
   */
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .dataCellChild.is-select {
   padding-left: 0px;
}
 /* 30-04-2018: nouvelle structure cellules listes */
.main-table td .actionBoutonCell {
	/* modif Ociensa 2024/04/25 : nouvelle disposition flex */
   /* 
   display: table-cell;
   width: 0px;
   */
   flex: 0 0 auto; 
   width: auto;
   /* modif Ociensa 2024/04/25 : nouvelle disposition flex
   vertical-align: middle;
   */
   display: flex;
   align-items: center;
   /* padding-top: 10px; */
}
 /* 30-04-2018: nouvelle structure cellules listes */
/* modif Ociensa 2024/04/25 : nouvelle disposition flex
.main-table td .actionBoutonCell.has-action-button {
   / *width: calc(16px + 10px); * // * action + padding-right * /
   / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
   width: calc(9px + 10px);
}
 / * 30-04-2018: nouvelle structure cellules listes * /
.main-table td .actionBoutonCell.has-form-button {
   width: calc(21px + 10px); /* form + padding-right * /
}
 / * 30-04-2018: nouvelle structure cellules listes * /
.main-table td .actionBoutonCell.has-form-button-large {
   width: calc(27px + 10px); /* form.large + padding-right * /
}
 / * 30-04-2018: nouvelle structure cellules listes * /
.main-table td .actionBoutonCell.has-action-button.has-form-button {
   / *width: calc(21px + 13px + 16px + 10px);* / / * form + margin + action + padding-right * /
   / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
   width: calc(21px + 10px + 1px + 20px);
}
 / * 30-04-2018: nouvelle structure cellules listes * /
.main-table td .actionBoutonCell.has-action-button.has-form-button-large {
   / *width: calc(27px + 10px + 16px + 10px);*/ /* form.large + margin + action + padding-right * /
   / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
   width: calc(27px + 10px + 1px + 20px);
}
*/

 /* 30-04-2018: nouvelle structure cellules listes */
@media only screen and (min-width: 1820px) {
    /* 30-04-2018: nouvelle structure cellules listes */
   /* .main-table td .dSepCell div { */
      /* padding-left: 20px; */
   /* } */
    /* 30-04-2018: nouvelle structure cellules listes */
   /* .main-table td .dataCellChild { */
      /* padding-left: 20px; */
   /* } */
    /* 30-04-2018: nouvelle structure cellules listes */
    /* modif Ociensa 2024/04/25 : nouvelle disposition flex
   .main-table td .actionBoutonCell.has-action-button {
      / * width: calc(16px + 20px);* / / * action + padding-right * /
      / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
      width: calc(5px + 14px)
   }
    / * 30-04-2018: nouvelle structure cellules listes * /
   .main-table td .actionBoutonCell.has-form-button {
      width: calc(21px + 20px); / * form + padding-right * /
   }
    / * 30-04-2018: nouvelle structure cellules listes * /
   .main-table td .actionBoutonCell.has-form-button-large {
      width: calc(27px + 20px); / * form.large + padding-right * /
   }
    / * 30-04-2018: nouvelle structure cellules listes * /
   .main-table td .actionBoutonCell.has-action-button.has-form-button {
      / *width: calc(21px + 13px + 16px + 20px);*/ /* form + margin + action + padding-right * /
      / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
      width: calc(21px + 10px + 1px + 20px); 
   }
    / * 30-04-2018: nouvelle structure cellules listes * /
   .main-table td .actionBoutonCell.has-action-button.has-form-button-large {
      / *width: calc(27px + 10px + 16px + 20px);* / / * form.large + margin + action + padding-right * /
      / *23-04-2020 - APIA 4.0 - Le bouton d'accès aux fiches en page liste est décalé* /
      width: calc(27px + 10px + 1px + 20px);
   }
   */
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .select2-container--default.bigger .select2-selection--single {
      height: 54px;
   }
/*17-05-2018: Fiches - livraison groupée */
   .formulaireFiche .user-regular:not(.without-selected-image) .select2-container--default.bigger .select2-selection--single {
   height: 68px;
    padding: 16px 0px;
  }
}


/* -------------------------------- 

TimePicker

-------------------------------- */


.xdsoft_datetimepicker {
   margin-top: 9px;
    margin-left: -9px;
   border: 1px solid #E5E5E5;
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
   padding: 0;
}
.xdsoft_datetimepicker:not(.on-top) {
   border-top: 0px;
}
.xdsoft_datetimepicker.on-top{
   border-bottom: 0px;
   margin-top: -11px;
   box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
}
.xdsoft_datetimepicker .xdsoft_timepicker {
   width: 96px;
    margin: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
   display: none;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time {
   border: 0;
    background: transparent;
    text-align: left;
   color: #3C3C3C;
    font-size: 10px;
    font-weight: 500;
   font-family: 'Roboto', 'Open Sans', sans-serif;
   padding-left: 18px;
    height: 24px;
    line-height: 24px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
   border: 0px;
   height: 200px;

}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant{
   padding-top: 14px;
   padding-bottom: 14px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
   background: transparent;
    box-shadow: none;
    color: #3C3C3C;
    font-size: 10px;
    font-weight: 500;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time:hover {
   background-color: #FAFAFA !important;
    color: #3C3C3C !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:active, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time:active {
    background-color: #A4A4A4;
}
.xdsoft_scrollbar {
   width: 8px;
    right: 6px;
}
.xdsoft_scrollbar .xdsoft_scroller {
   width: 100%;
    padding: 0;
    background-color: rgb(66, 66, 66) !important;
   opacity: 0;
    border: none;
    border-radius: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_scroller:hover {
   background-color: rgb(66, 66, 66) !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box:hover .xdsoft_scrollbar .xdsoft_scroller {
   opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
   -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
}

@media only screen and (min-width: 1227px) { /* iframe: 1280-57px */
   .xdsoft_datetimepicker .xdsoft_timepicker {
      width: 106px;
   }
   .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
      height: 250px;
   }
   .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time {
      font-size: 12px;
      height: 31px;
      line-height: 31px;
   }
   .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
      font-size: 12px;
   }
}

@media only screen and (min-width: 1820px) { /* iframe: 1920-100px */
   .xdsoft_datetimepicker .xdsoft_timepicker {
      width: 116px;
   }
   .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
      height: 300px;
   }
   .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time {
      font-size: 16px;
      height: 40px;
      line-height: 40px;
   }
   .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
      font-size: 16px;
   }
   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
      /*Fixing 27-05-2019: 'Heure' field on IE*/
      .formulaireFiche .custom-timepicker .border {
         min-width: 92px;
         max-width: 102px;
      }
   }
}

/* -------------------------------- 

ColorPicker

-------------------------------- */

.custom-colorpicker-popup {
   width: 298px;
}
.custom-colorpicker-popup .colorpicker-swatches {
   width: 288px;
    padding: 0px 16px;
    height: auto;
}


.custom-colorpicker-popup {
   border-color: #E5E5E5;
    border-radius: 2px;
}
/*
.custom-colorpicker-popup:hover {
   border-color: #A4A4A4;
}
*/
.custom-colorpicker-popup.on-bottom:before {
   border-bottom: 7px solid #E5E5E5;
    border-bottom-color: #E5E5E5;
}
/*
.custom-colorpicker-popup.on-bottom:hover:before {
   border-bottom: 7px solid #A4A4A4;
    border-bottom-color: #A4A4A4;
}*/

.custom-colorpicker-popup.on-top:after {
   bottom: -6px;
   top: auto;
   border-bottom: none;
   border-top: 6px solid #fff;
}
.custom-colorpicker-popup.on-top:before {
   border-bottom: none;
    border-bottom-color: transparent;
   border-top: 7px solid #E5E5E5;
    border-top-color: #E5E5E5;
   top: auto;
   bottom: -7px;
}
/*
.custom-colorpicker-popup.on-top:hover:before {
   border-bottom: none;
    border-bottom-color: transparent;
   border-top: 7px solid #A4A4A4;
    border-top-color: #A4A4A4;
}*/

.custom-colorpicker-popup.colorpicker-no-arrow{
   margin-left: -30px;
}
.custom-colorpicker-popup .colorpicker-title,
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-title {
   font-size: 10px;
   font-weight: 700;
   line-height: 15px;
   margin-left: 8px;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-title {
   margin-left: 0px;
}
.custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch {
    height: 32px;
    width: 32px;
    border: 2px solid #fff;
    border-radius: 16px;
    box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.3);
    margin: 2px 0px;
   background-clip: content-box;
}
.custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch:hover {
    border-color: #79BCFF;
}
.custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch.current-color, 
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.current-color {
    border-color: #79BCFF;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.current-color:after, 
.custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch.current-color:after {
   content: '';
   display: block;
   background: url(../work/images/svgs/check.svg) center center no-repeat transparent;
   width: 28px;
    height: 28px;
    background-size: contain;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.current-color[data-value*="FFFFFF"]:after, 
.custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch.current-color[data-value*="FFFFFF"]:after {
   background: url(../work/images/svgs/check-black.svg) center center no-repeat transparent;
}

.custom-colorpicker-popup .colorpicker-bottom-bar {
   float: left;
    width: calc(100% + 8px);
    left: -4px;
    margin-top: 12px;
    padding: 12px 18px;
    border-top: 1px solid #E5E5E5;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview {
   background-image: none;
    margin: 0;
    height: 32px;
    width: 32px;
    border: 2px solid #fff;
    border-radius: 16px;
    box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.3);
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   transition: opacity 0.2s;
   background-clip: content-box;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.invalid {
   opacity: 0;
   -webkit-transition: opacity 5s;
   -moz-transition: opacity 5s;
   transition: opacity 5s;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.cliquable {
   cursor: pointer;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.cliquable:hover {
   cursor: pointer;
   border-color: #79BCFF;
}
.custom-colorpicker-popup .colorpicker-bottom-bar input {
   width: 32px;
   border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    padding: 0px 2px 0px 6px;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 500;
    line-height: 32px;
    height: 34px;
    color: #3A3A3A;
    /* letter-spacing: 0.6px; */
   margin-right: 13px;
}
.custom-colorpicker-popup .colorpicker-bottom-bar input:hover {
   border-color: #A4A4A4;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-hexa input{
   width: 64px;
}
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-hexa,
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-rvb,
.custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-preview {
   float: left;
}
    

@media only screen and (min-width: 1227px) { /* iframe: 1280-57px */
   .custom-colorpicker-popup .colorpicker-title,
   .custom-colorpicker-popup .colorpicker-bottom-bar input, 
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-title {
      font-size: 12px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar {
      padding-right: 4px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar input {
      width: 36px;
      margin-right: 6px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-hexa input {
      width: 68px;
      margin-right: 20px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-preview {
      margin-left: 10px;
   }
}

@media only screen and (min-width: 1820px) {
   .custom-colorpicker-popup .colorpicker-title,
   .custom-colorpicker-popup .colorpicker-bottom-bar input, 
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-title {
      font-size: 16px;
   }
   .custom-colorpicker-popup {
      width: 378px;
   }
   .custom-colorpicker-popup .colorpicker-swatches {
      width: 368px;
   }
   .custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch {
      height: 38px;
      width: 38px;
      border: 3px solid #fff;
      border-radius: 19px;
      margin: 4px 2px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview.current-color:after, 
   .custom-colorpicker-popup .colorpicker-swatches .colorpicker-swatch.current-color:after {
      width: 32px;
      height: 32px;
      background-size: 54%;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar {
      padding-right: 4px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar input {
      width: 42px;
      margin-right: 12px;
      margin-top: 2px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-hexa input {
      width: 84px;
      margin-right: 32px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .bottom-bar-preview {
      margin-left: 10px;
   }
   .custom-colorpicker-popup .colorpicker-bottom-bar .colorpicker-preview {
      height: 38px;
      width: 38px;
      border-radius: 19px;
   }
}
.FondFormulaireMini .texteFormulaire {
   letter-spacing: 0px !important;
}

/* 22-05-2019 - Prevent text from being cut */
.main-table .select2-container--default .select2-selection--single .select2-selection__rendered {
   overflow: visible!important;
   word-break: break-word!important;
   text-overflow: inherit!important;
   white-space: unset!important;
   padding-left: 2px;
   /* modif Ociensa 2020/04/02 : la hauteur trop faible dans la saisie des données PTC rend difficile de cliquer dans la zone pour déplier la liste
   line-height: 12px;
   */
}
/* modif Ociensa 2020/04/02 : la hauteur trop faible dans la saisie des données PTC rend difficile de cliquer dans la zone pour déplier la liste */
.main-table:not(.tableDonneesPTC) .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 12px;
}

.ajax-loader-button {
   display: none;
   position: absolute;
   top: 60px;
   bottom: 0px;
   width: 300px;
   left: calc((100% - 300px) / 2);
   padding: 6px 12px;
    background: #bbb;
    border: 1px solid #aaa;
    border-radius: 2px;
   z-index: 99;
   text-align: center;
   opacity: 0;
   -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.ajax-loader-button .top-text,
.ajax-loader-button .bottom-text {
   display: none;
   color: #3A3A3A;
   font-size: 11px;
}
.ajax-loader-button.top .top-text,
.ajax-loader-button.bottom .bottom-text {
   display: block;
}
.ajax-loader-button .loader-button {
   display: inline-block;
   cursor: pointer;
    background-color: #4B9FFF;
    box-shadow: 0 0 3px 0px rgba(0,0,0,0.2);
   color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', "Roboto", "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin: auto;
   padding: 6px 12px;
    text-align: center !important;
    border-radius: 2px;
}
.ajax-loader-button .loader-button:hover {
   box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3);
}
.ajax-loader-button .loader-button:active {
   background-color: #3181DA;
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3);
}

.ajax-loader-button.top {
   display: block;
   top: 56px;
   bottom: inherit;
   opacity: 1;
   -webkit-transition: opacity 0.5s, top 0.5s;
    transition: opacity 0.5s, top 0.5s;
}
.ajax-loader-button.bottom {
   display: block;
   top: inherit;
   bottom: 23px;
   opacity: 1;
   -webkit-transition: opacity 0.5s, bottom 0.5s;
    transition: opacity 0.5s, bottom 0.5s;
}


.ajax-loader-spinner {
   display: none;
   position: absolute;
   top: 60px;
   bottom: 0px;
   width: 80px;
   left: calc((100% - 80px) / 2);
   padding: 6px 0;
    background: transparent;
   z-index: 99;
   text-align: center;
   opacity: 0;
   -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.ajax-loader-spinner.top {
   display: block;
   top: 56px;
   bottom: inherit;
   opacity: 1;
   -webkit-transition: opacity 0.5s, top 0.5s;
    transition: opacity 0.5s, top 0.5s;
}
.ajax-loader-spinner.bottom {
   display: block;
   top: inherit;
   bottom: 23px;
   opacity: 1;
   -webkit-transition: opacity 0.5s, bottom 0.5s;
    transition: opacity 0.5s, bottom 0.5s;
}


#circleG{
   width:96px;
   margin:auto;
}

.circleG{
   background-color:rgb(75,159,255);
   float:left;
    height: 16px;
    margin-left: 16px;
    width: 16px;
   animation-name:bounce_circleG;
      -o-animation-name:bounce_circleG;
      -ms-animation-name:bounce_circleG;
      -webkit-animation-name:bounce_circleG;
      -moz-animation-name:bounce_circleG;
   animation-duration:0.6775s;
      -o-animation-duration:0.6775s;
      -ms-animation-duration:0.6775s;
      -webkit-animation-duration:0.6775s;
      -moz-animation-duration:0.6775s;
   animation-iteration-count:infinite;
      -o-animation-iteration-count:infinite;
      -ms-animation-iteration-count:infinite;
      -webkit-animation-iteration-count:infinite;
      -moz-animation-iteration-count:infinite;
   animation-direction:normal;
      -o-animation-direction:normal;
      -ms-animation-direction:normal;
      -webkit-animation-direction:normal;
      -moz-animation-direction:normal;
   border-radius:17px;
      -o-border-radius:17px;
      -ms-border-radius:17px;
      -webkit-border-radius:17px;
      -moz-border-radius:17px;
}
.circleG:first-child{
   margin-left: 0;
}

#circleG_1{
   animation-delay:0.1395s;
      -o-animation-delay:0.1395s;
      -ms-animation-delay:0.1395s;
      -webkit-animation-delay:0.1395s;
      -moz-animation-delay:0.1395s;
}

#circleG_2{
   animation-delay:0.3155s;
      -o-animation-delay:0.3155s;
      -ms-animation-delay:0.3155s;
      -webkit-animation-delay:0.3155s;
      -moz-animation-delay:0.3155s;
}

#circleG_3{
   animation-delay:0.4085s;
      -o-animation-delay:0.4085s;
      -ms-animation-delay:0.4085s;
      -webkit-animation-delay:0.4085s;
      -moz-animation-delay:0.4085s;
}

/* 30-04-2019: Highlight selected option when select is opened */
.select2-container--default .select2-results__option[aria-selected=true] {
   background-color:#A4A4A450;
}

/* 30-04-2019: Fixing hexagon cell alignment */
.nbActionsAjout.cacherImp {
	margin-left: 0 !important;
}

/* 30-04-2019: Fixing hexagon cell alignment */
.lienBoutonNb:hover {
   text-decoration: none;
}

/* 30-04-2019: Fixing hexagon cell alignment */
td.cellule.accesCons .dataCellChild {
  text-align: center;
  padding-left: 0;
  /* modif Ociensa 2024/04/25 : disposition flex, pour centrer le contenu */
  justify-content: center;
}
/* 30-04-2019: Fixing hexagon cell alignment */
td.cellule.accesCons .boutonNb.infobulle {
   width: auto;
   text-align: left;
}
/* 30-04-2019: Fixing hexagon cell alignment */
td.cellule.accesCons .masque {
   display: none;
}
/* 30-04-2019: Fixing hexagon cell alignment (IE) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   _:-ms-fullscreen, :root .main-table tbody tr {
      float: none;
   }
}
/* 30-04-2019: Fixing hexagon cell alignment (EDGE) */
@supports (-ms-ime-align:auto) {
   .main-table tbody tr {
      float: none;
   }
}

@keyframes bounce_circleG{
   0%{}

   50%{
      background-color:rgb(58,58,58);
   }

   100%{}
}

@-o-keyframes bounce_circleG{
   0%{}

   50%{
      background-color:rgb(58,58,58);
   }

   100%{}
}

@-ms-keyframes bounce_circleG{
   0%{}

   50%{
      background-color:rgb(58,58,58);
   }

   100%{}
}

@-webkit-keyframes bounce_circleG{
   0%{}

   50%{
      background-color:rgb(58,58,58);
   }

   100%{}
}

@-moz-keyframes bounce_circleG{
   0%{}

   50%{
      background-color:rgb(58,58,58);
   }

   100%{}
}

.close_alerte_content{
   width: 100%;
   margin-top: -60px;
   cursor: default;
}

.close_alerte_content span{
   width: 30px;
   height: 30px;
   margin-left: calc( (100% - 30px) / 2 );
   line-height: 30px;
   border-radius: 50px;
   cursor: pointer;
}

.close_alerte_content span:hover{
   width: 30px;
   height: 25px;
   background: #fff;
   padding: 10px;
   border-radius: 70px;
   margin-left: calc( (100% - 50px) / 2 );
}

#alerte{
   width: 460px;
   height: 220px;
   position: fixed;
   bottom: 6%;
   cursor: default; 
   background: #4A9FFE;
   left: calc( (100% - 460px) / 2 );
   z-index: 1011;
   box-shadow:0px 10px 50px 10px rgba(0,0,0,0.5);
}

#alerte .alerte_icon{
   width: 73px;
   margin-top: 60px;
   margin-left: calc( (100% - 73px) / 2 );
}

#alerte .alert_arrows_left{
   position: absolute;
   left: 10px;
   top: 130px;
}

#alerte .alert_arrows_right{
   position: absolute;
   right: 10px;
   top: 130px;
}

#alerte .alerte_texte{
   float: left;
   width: 100%;
   padding-left: 35px;
   padding-right: 35px;
   margin-top: 50px;
   font-size: 20px;
   color: #fff;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   font-weight: 300;
   text-align: center;
}

#alerte .item_checkbox{
   float: left;
   margin-top: 20px;
   font-size: 12px;
   
   
}
#alerte .item_checkbox label{
   margin-left: 5px;
   font-weight: 300;
   color: #fff;
}

.alerte_field{
   border-color: #4A9FFE!important;
   border-style: solid;
   border-width: 2px!important;
   border-radius: 2px!important;
}

.blockMsg.alerte{
   top: 55%!important;
}


/* Boîte modale Bootstrap */
.modal {
   /* modif Ociensa 2024/05/02 : recouvrir les selects */
   z-index: 12050;
}
.modal-backdrop {
   /* modif Ociensa 2024/05/02 : recouvrir les selects */
   z-index: 12040;
}
/* FIN Boîte modale Bootstrap */


/* Saisie pas à pas : styles pour les éléments affichés en dehors de la fiche saisie pas à pas */
@media only screen and (max-height: 800px) {
   /* Message de fiche enregistrée : diminuer hauteur icône pour voir le bouton "valider" dans la popup */
   .iconeEnregistrementSaisiePasAPas {
      max-height: 140px;
   }
}

/* Lien d'ouverture de fiche dans une alerte de règle */
a.lienOuvertureFiche {
	color: #1784c7;
	text-decoration: none;
	border-style: none;
	font-weight: bold;
}
a.lienOuvertureFiche:focus {
  outline: none;
}