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

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.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;
}
/* 06-02-2018: Uniformisations avec les listes */
#liste {
   display: none;
   float: left;
    position: relative;
    height: 51px;
   width: 100%;
    overflow: hidden;
}
@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;
   }
}

#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 {
   border-bottom: 18px solid #F6F6F6;
}

#topCharts .ui-resizable-s:after {
   content: '';
    display: block;
    width: 100%;
    height: 1px;
   background: #D8D8D8;
   position: absolute;
    top: 0;
}
#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: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 {
    background: url(../work/images/svgs/accueil-graph-dragg-click.svg) center center no-repeat transparent;
    background-size: contain;
   opacity: 1;
}


.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);
   }
}
   
   @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

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


.select2-container {
   /* 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;
   }
}