/*#region PRINCIPALE*/

/*FONTS*/

@font-face {
  font-family: 'Bebas Neue';
  src: url('../../../Portals/_default/Skins/BD008-Blue/fonts/BebasNeue-Regular.woff2') format('woff2'), url('../../../Portals/_default/Skins/BD008-Blue/fonts/BebasNeue-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/***** Général *****/

body,
#Body {
  overflow-y: auto !important;
}
.footcenter {
  margin: 0px !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
}
.dateWidth {
  position: relative;
  width: 120px !important;
  float: left !important;
  display: flex;
  align-items: center;
}
/*Taille des champs codes postaux*/

.codePostal {
  width: 100px;
}
/*Titres du skin*/

span.titleline {
  color: #d9eb73 !important;
  font-weight: 500 !important;
}
/*Liens*/

A,
A:link,
A:active,
A:visited {
  text-decoration: underline !important;
}
.cLink {
  color: #1627c7;
}
.alert-danger {
  overflow: hidden !important;
}
th.rgHeader a {
  text-decoration: none !important;
}
body {
  /*font-size: 14px;*/
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*Verdana, Arial, sans-serif; 'Open Sans',*/

}
.GrayColor {
  margin: 0 !important;
}
.ParallaxBg {
  margin: 0 !important;
}
td {
  /*font-size: 12px;*/
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*Arial, sans-serif;  'Open Sans',*/

}
.dnnLabel label span {
  /*font-size: 14px;*/
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*Arial, sans-serif; 'Open Sans',*/

}
/*Corrections tooltip et button bootstrap*/

/*Format des inputs date*/

.dateSignup {
  width: 80px !important;
  float: left !important;
  padding-left: 15px !important;
}
.dnntitle {
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  font-family: raleway !important;
}
.dnnMenu .subLevel li a {
  text-transform: none !important;
}
/*Police de la version du module*/

.DNNModuleContent {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*Arial, sans-serif;*/
  font-size: 12px !important;
}
/*enlever espace en haut de page*/

.mycontent {
  margin: 0px auto 0px;
}
/*Modifier la police dans tableaux datagrid*/

.DataGrid_Item,
.DataGrid_AlternatingItem {
  font-size: 12px !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: #d9eb73;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*Arial, sans-serif;*/

}
/*Mise en forme des titrages Sign'Up*/

h1 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px !important;
  margin-top: 0px !important;
  font-size: 22px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #d9eb73;
  color: #d9eb73 !important;
  font-weight: bold !important;
}
h2 {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #b9cc47;
  font-weight: bold !important;
}
.h1-btn {
  display: block;
  padding: 0;
  margin-bottom: 10px !important;
  margin-top: 0px !important;
  /*font-size: 22px;*/
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9eb73;
}
/*Ajuste la taille des cols pour une taille d'écran spécifique */

@media (min-width: 992px) and (max-width: 1023px) {
  .title-btn .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .title-btn .h1-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*Surcharcge les h1 bootstrap et force la couleur de la bordure*/

.container-title-button {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9eb73;
}
.container-title-button h1,
.container-title-button h2 {
  border-bottom: 0 !important;
  margin: 0 !important;
}
/*Supprime le border pour les boutons quand il passe sur une deuximèe ligne*/

@media screen and (min-width: 0px) and (max-width: 991px) {
  .remove-border-md {
    border-bottom: none !important;
  }
}
.btn-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.h2-btn {
  display: block;
  padding: 0;
  margin-top: 3px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
a.btn {
  /*color: #FFFFFF;*/
  text-decoration: none !important;
}
.dnnLabel {
  color: #606060 !important;
}
.signup_titre_top {
  color: #b9cc47 !important;
  font-weight: bold;
  border-bottom-color: #b9cc47 !important;
}
.highlighted {
  color: #b9cc47 !important;
}
.btn-alternate {
  color: white !important;
  font-weight: 200;
  border-color: #d9cc47 !important;
  background-color: #99cc47;
}
.btn-alternate:hover {
  background-color: rgba(153, 204, 71, 0.2) !important;
}
.btn-alternate .badge {
  background-color: white;
  color: #d9cc47;
}
/*proposition espacement*/

.btn {
  border: none !important;
}
@media (min-width: 992px) {
  .email-container,
  .telephone-container {
    display: block !important;
  }
}
.button-coordinates {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-height: 34px;
  height: 100%;
  padding: 0px;
}
/** TABLEAUX **/

/*** NG TABLE PAGINATION  ***/

.ng-table-pagination {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .ng-table-pagination {
    position: absolute;
    bottom: 37px;
    right: 0%;
    left: 0%;
    z-index: 50;
  }
  .table-responsive {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .table-responsive .ng-table-pager .btn-group {
    position: absolute !important;
    margin-top: 3px;
    right: 0px;
    z-index: 40;
  }
}
@media (max-width: 767px) {
  .btn-export {
    position: absolute;
    top: -60px;
    right: 110px;
  }
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
/* Tableau mode mobile --> passage en bloc */

.PetitEcran {
  display: none;
}
@media (max-width: 600px) {
  .GrandEcran {
    display: none;
  }
  .PetitEcran {
    display: flex;
    flex-wrap: wrap;
  }
  /* etc. */
}
.PetitEcran .container-tache {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0.5rem 0px;
}
.PetitEcran .container-tache * {
  font-family: 'Bebas Neue';
}
.PetitEcran .bloc-todo {
  display: flex;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 7.5px;
  padding: 0.5rem;
  background-color: #eeeeee;
  cursor: pointer;
}
.PetitEcran .container-libelle {
  width: 100%;
}
.PetitEcran .col-title {
  display: flex;
  flex: 0 1 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 50%;
}
.PetitEcran .col-detail.no-flex {
  flex: none;
}
.PetitEcran .col-detail {
  height: auto;
  width: 50%;
  flex: 0 1 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.PetitEcran .title-container {
  display: flex;
}
.PetitEcran .title-container .side {
  max-width: 30px;
  min-width: 25px;
}
.PetitEcran .title-container .middle {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.PetitEcran .col-title .libelle-principal {
  margin-right: 5px;
}
.PetitEcran .libelle-principal {
  width: 100%;
  font-size: 1.7rem;
  color: black;
}
.PetitEcran .libelle-objet {
  font-size: 1.45rem;
  margin: 0.5rem 0px;
  color: #b9cc47;
}
.PetitEcran .libelle-detail {
  width: 100%;
  font-size: 1.35rem;
  color: #5e5e5e;
}
/* Bouton d'action titres fiches sal.*/

.btn-titre-custom {
  /*Proposition espacement*/
  position: absolute !important;
  top: 5px;
  margin-top: 0px;
  right: 20px;
}
@media (max-width: 575px) {
  .btn-titre-custom {
    position: relative !important;
    margin-top: 0px;
    margin-bottom: 5px;
    right: 0px;
    top: 0px;
  }
}
@media (max-width: 320px) {
  .btn-titre-custom button + button {
    margin-top: 2.5px;
  }
}
/***** CHRONOGRAMME *****/

.signup_menuchrono a {
  text-decoration: none !important;
}
/***** Ecran de connection *****/

/*Page de login : aligner les boutons aux champs*/

#dnn_ctr_Login_DNN .dnnFormLabel {
  min-width: 141.5px;
}
#dnn_ctr_Login_DNN dnnFormItem dnnLabel {
  padding-top: 8px;
}
#dnn_ctr_Login_Login_DNN_cmdLogin {
  color: white !important;
}
.dnnLogin {
  border-right: 1px solid #b9cc47;
}
.loginBackground {
  background-color: rgba(185, 204, 71, 0.1);
}
/***** DNN Elements *****/

/*** Menu administrateur ***/

/* Ne pas surligner les liens */

#ControlNav a,
#ControlActionMenu a {
  text-decoration: none !important;
}
.TopBar {
  border-bottom: 2px solid #b9cc47;
}
.wrapper div.TopBar a.login {
  text-decoration: none !important;
}
/* Toast */

/*surcharge css de la librairie toastr*/

.toast-top-right {
  top: 70px !important;
  right: 5px !important;
}
#toast-container > div {
  opacity: 0.9 !important;
}
#Notif-Element {
  position: relative;
}
.TopBar-Element-Container .pastille {
  position: absolute;
  top: -15px;
  right: 5px;
  min-width: 18px;
  height: 18px;
  background-color: red;
  text-align: center;
  border-radius: 50px;
  font-weight: bold;
  padding: 1px;
}
/*Affichage notification de l'espace collab et manager*/

.resume-notif {
  position: absolute;
  /*left: -643px;*/
  top: 65px;
  right: 10px;
  background-color: white;
  width: 750px;
  z-index: 500;
  color: black;
  border-radius: 10px 10px;
  border: 2px solid #f9f9f9;
}
@media (max-width: 850px) {
  .resume-notif {
    width: 95vw;
  }
}
/*
@media (max-width: 767px) {
    .resume-notif {
        width: 84vw;
        left: -59vw;
    }
}

@media (max-width: 620px) {
    .resume-notif {
        width: 84vw;
        left: -50vw;
    }
}
@media (max-width: 450px) {
    .resume-notif {
        width: 84vw;
        left: -42vw;
    }
}
@media (max-width: 375px) {
    .resume-notif {
        width: 84vw;
        left: -29vw;
    }
}*/

.resume-notif .notif-message,
.resume-notif .alerte-date,
.modal-notif .notif-message,
.modal-notif .alerte-date {
  display: flex;
  height: 60px;
  overflow: hidden;
  text-align: left;
}
.notif-title {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
}
.notif-bar-color-info {
  width: 4px;
  border-radius: 10px;
}
.notif-container {
  margin: 5px 0px;
}
.notif-sub-container {
  align-items: center;
  background-color: #f9f9f9;
  border-radius: 0px 7.5px 7.5px 0px;
}
.btn-notif {
  text-align: center;
}
.btn-notif button {
  border-radius: 7px;
}
.btn-archive-container {
  width: 100%;
  display: flex;
  justify-content: end;
  padding-bottom: 0.25rem;
}
@media (max-width: 425px) {
  .btn-archive-container {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .btn-archive-container:first-child button {
    margin-right: 0px !important;
    margin-bottom: 0.5rem !important;
  }
}
.alerte-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  font-size: 1.2rem;
  font-weight: bold;
}
.date-passed {
  font-size: 1.2rem;
  height: 25px;
  line-height: 25px;
}
.alerte-bloc {
  border: 1px solid lightgrey;
  border-left-width: 3px;
  padding: 0.5rem 0px;
  margin: 0.5rem 0px;
  cursor: pointer;
  align-items: center;
}
.alerte-bloc:hover {
  background-color: #edebeb;
}
.alerte-bloc #text {
  display: none;
}
.alerte-bloc .notif-message:first-letter {
  text-transform: uppercase;
}
.alerte-bloc .notif-message p {
  display: none;
}
.alerte-bloc .notif-message p:nth-child(-n+2) {
  display: block;
}
.alerte-bloc .notif-message p:nth-child(2) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
}
.alerte-bloc > .col,
.alerte-bloc > .col > .col {
  display: flex;
  align-items: center;
}
.alerte-bloc:hover {
  background-color: #edebeb;
}
.alerte-bloc #text {
  display: none;
}
.alerte-bloc .notif-message:first-letter {
  text-transform: uppercase;
}
.alerte-bloc .notif-message p {
  display: none;
}
.alerte-bloc .notif-message p:nth-child(-n+2) {
  display: block;
}
.alerte-bloc .notif-message p:nth-child(2) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
}
.hour-alerte {
  font-size: 0.8rem;
  color: #747474;
  /*display:flex;*/
  justify-content: right;
  margin: 0px 5px;
}
#TopBar-Notif-Container {
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.no-data {
  font-size: 1.3rem;
  color: #777777;
  text-align: center;
  margin: 5px 0px;
}
/*Animation pour affichage notification de l'espace collab*/

.scale-up-tr {
  -webkit-animation: scale-up-tr 0.6s ease-in-out;
  animation: scale-up-tr 0.6s ease-in-out;
  transition: visibility 0ms, height 0ms;
  visibility: visible !important;
  height: auto !important;
}
@keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
.scale-down-tr {
  -webkit-animation: scale-down-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-down-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  transition: visibility 0.4s, height 0.4s;
  height: 0px !important;
  visibility: hidden;
}
@keyframes scale-down-tr {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
/*@media (max-width: 680px){
    .resume-notif {
        right: -80px !important;
        left: unset;
    }
}*/

/* Menu Modifier Page */

#ControlEditPageMenu li.controlBar_BlueEditPageBtn a:hover {
  background: #99cc47 !important;
}
#ControlEditPageMenu li a {
  text-decoration: none !important;
}
#ControlEditPageMenu li.controlBar_BlueEditPageBtn a {
  text-decoration: none !important;
  color: white !important;
  background: #ccc61d !important;
}
#ControlEditPageMenu a.controlBar_editPageInEditMode {
  background: #ccc61d !important;
}
a.controlBar_editPageInEditMode {
  height: 37px;
}
/*** Version mobile ***/

.header .MobileBar {
  background: #b9cc47;
}
.header .MobileBar i {
  color: white !important;
}
.MobileMenu ul li a {
  text-decoration: none !important;
}
/*.MobileMenu .treeview a.selected {
    color: @skin-color-second !important;
}

.MobileMenu .treeview a:hover {
    color: @skin-color-second !important;
}*/

@media (max-width: 425px) {
  /* button, a.btn {
          height: 35px !important;
          width: fit-content !important;
          min-width: 35px !important;
          display: inline-flex;
          align-items: center;
          justify-content: center;
      }*/
  
  button.datePickerBtn,
  .uib-daypicker button,
  .uib-monthpicker button,
  .uib-yearpicker button {
    height: 100% !important;
    min-width: 100% !important;
  }
  .dateWidth .dropdown-menu {
    position: fixed;
    width: 100vw;
    top: 25% !important;
  }
  table.uib-daypicker,
  table.uib-monthpicker,
  table.uib-yearpicker {
    width: 100%;
  }
  table.uib-daypicker td,
  table.uib-monthpicker td,
  table.uib-yearpicker td {
    height: 35px;
  }
}
/*** Top Bar ***/

.wrapper .TopBar {
  color: #b9cc47;
  background-color: white;
  /*padding: 10px 0;*/

}
div.login-style,
#dnn_dnnUSER_registerLink,
.TopBar-Element-Container .login {
  color: #b9cc47;
  border-left: 1px solid #b9cc47 !important;
}
.TopBar {
  /*height: 5vh;*/
  height: 60px;
  /*    padding-left: 15px;
    padding-right: 15px;*/

}
#TopBar-Element,
#TopBar-Element-Entite {
  color: #b9cc47;
  text-decoration: none !important;
  cursor: pointer;
}
.TopBar-Element-Container i {
  color: #b9cc47;
}
.TopBar-Element-Container p {
  color: black;
  font-size: 1.2rem;
}
.TopBar-Element-Container .date-passed,
.alertes-container .date-passed {
  color: #b9cc47;
}
#TopBar-Element:hover,
#TopBar-Element-Entite:hover {
  text-decoration: underline !important;
}
.signup-skin-container header {
  /*height: 80px;*/
  height: auto;
}
@media handheld, only screen and (max-width: 767px) {
  .main-areas * {
    display: none !important;
  }
}
.fa {
  color: black;
}
/* DNN 7.2 seulement */

#dnn_dnnUSER_enhancedRegisterLink {
  color: black;
  text-decoration: none !important;
}
#dnn_dnnUSER_enhancedRegisterLink:hover {
  text-decoration: none !important;
  cursor: default;
}
/**MARGIN ET PADDING*/

.noPadsUpHight {
  padding-top: 0px !important;
  padding-left: 0px !important;
}
.noPadsALL {
  padding: 0px !important;
}
.noPadsRL {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.noMargALL {
  margin: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.no-padding-left {
  padding-left: 0px !important;
}
.no-padding-top {
  padding-top: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.noMargUpHight {
  margin-top: 0px !important;
  margin-left: 0px !important;
}
.noMargRL {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.no-margin-right {
  margin-right: 0px !important;
}
.no-margin-left {
  margin-left: 0px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
td.cTxtRight {
  text-align: right !important;
  /*    padding: 5px 0.2rem !important;*/

}
/*** Skin footer ***/

.skin-footer {
  /*height:24vh;*/
  background: #d9eb73;
  /*z-index: 7 !important;*/

}
#goup a img {
  border-color: #b9cc47 !important;
}
.footer-bar {
  background: #b9cc47;
  font-size: 12px;
  padding: 15px 0px;
}
footer.footer-bar .copyright,
footer.footer-bar .copyright {
  color: white;
}
.container-copyright {
  height: 30px;
}
.container-logo-copyright {
  height: 40px;
}
.logo-copyright {
  height: 100%;
  max-height: 40px;
}
footer.footer-bar .copyrighta:hover {
  color: white !important;
}
.form-horizontal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.btn-warning {
  color: white !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}
.btn-danger,
.btn-info {
  color: white !important;
}
.tiersNatureMenu {
  background-color: #b9cc47 !important;
}
.errorSign {
  margin-left: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*Gestion affichage bordure*/

.border-container-body .col-lg-4.row,
.border-container-body .col-md-6.row,
.border-container-body .col-lg-8.row {
  border-bottom: 1px solid #dee2e6;
}
@media (min-width: 992px) {
  .no-border-lg-one .row:nth-last-child(1) {
    border-bottom: none !important;
  }
  .no-border-lg-two > .row:nth-last-child(1),
  .no-border-lg-two > .row:nth-last-child(2) {
    border-bottom: none !important;
  }
  .no-border-lg-three > .row:nth-last-child(1),
  .no-border-lg-three > .row:nth-last-child(2),
  .no-border-lg-three > .row:nth-last-child(3) {
    border-bottom: none !important;
  }
}
@media (min-width: 992px) {
  .body-ea .no-border-lg-one .col-12:nth-last-child(1) {
    border-bottom: none !important;
  }
  .body-ea .no-border-lg-two > .col-12:nth-last-child(1),
  .body-ea .no-border-lg-two > .col-12:nth-last-child(2) {
    border-bottom: none !important;
  }
  .body-ea .no-border-lg-three > .col-12:nth-last-child(1),
  .body-ea .no-border-lg-three > .col-12:nth-last-child(2),
  .body-ea .no-border-lg-three > .col-12:nth-last-child(3) {
    border-bottom: none !important;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .body-ea .no-border-md-one .col-12:nth-last-child(1) {
    border-bottom: none !important;
  }
  .body-ea .no-border-md-two > .col-12:nth-last-child(1),
  .body-ea .no-border-md-two > .col-12:nth-last-child(2) {
    border-bottom: none !important;
  }
  .body-ea .no-border-md-three > .col-12:nth-last-child(1),
  .body-ea .no-border-md-three > .col-12:nth-last-child(2),
  .body-ea .no-border-md-three > .col-12:nth-last-child(3) {
    border-bottom: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .no-border-md-one > .row .col-12:nth-last-child(1) {
    border-bottom: none !important;
  }
  .no-border-md-two > .row:nth-last-child(1),
  .no-border-md-two > .row:nth-last-child(2) {
    border-bottom: none !important;
  }
}
@media (max-width: 768px) {
  .no-border > .row:nth-last-child(1) {
    border-bottom: none !important;
  }
}
/*#endregion*/

label {
  margin: 0px;
}
/*#region MENUDNN*/

/*** Barre de menu des modules ***/

/* Menu principal */

div.sticky-wrapper {
  height: 60px !important;
  min-height: 0px !important;
  left: 0 !important;
}
/*liens non surligné*/

.dnnMenu a {
  text-decoration: none !important;
}
.header-logos {
  padding: 10px 0px;
  vertical-align: middle;
}
.logoClient img {
  height: 60px !important;
}
#dnn_signupLogoGauche_signupLogoGauche {
  height: 60px !important;
}
.dnnMenu .topLevel li.item span {
  font-family: 'Lato', sans-serif !important;
  font-weight: bold;
  font-size: 1.4rem;
  /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/

}
.StickyNav {
  background: #b9cc47;
}
.dnnMenu .topLevel li a {
  line-height: 40px !important;
  white-space: nowrap;
  height: 40px;
  width: 220px;
  text-align: center;
}
.sticky {
  position: fixed;
  top: 0px !important;
  display: block !important;
  z-index: 950 !important;
  width: 100% !important;
}
/*Présentation BARRE : Barre sous les titres des menus*/

.dnnMenu .topLevel li a {
  background-color: white;
  white-space: nowrap;
  color: #b9cc47;
  border-radius: 50px;
}
.dnnMenu .topLevel li a:hover {
  background-color: lightgray;
}
.dnnMenu .topLevel li.Current a {
  background-color: #b9cc47;
  color: white;
}
/*.dnnMenu .topLevel > li.Current > a > span:before {
    display: block;
    content: '';
    position: relative;
    left: 0;
    top: 4px;
    height: 2px;
    width: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: @dnnMenu-selecting-bar;
}*/

.dnnMenu .topLevel > li.selected > a > span:before,
.dnnMenu .topLevel > li.Current > a > span:before {
  top: 4px;
  filter: alpha(opacity=100);
  opacity: 1;
}
.dnnMenu .topLevel > li:hover > a > span:before {
  opacity: 0;
}
/* Menu secondaire */

.dnnMenu .subLevel li.item a {
  background-color: white !important;
  white-space: nowrap;
}
.dnnMenu .subLevel li.item a:hover {
  background-color: #d9eb73 !important;
}
.dnnMenu .subLevel li.selected :hover {
  color: white !important;
}
.dnnMenu .subLevel li.selected a div {
  color: #d9eb73 !important;
  font-weight: bold;
}
/*#endregion*/

/*#region divers*/

/*** BOUTONS ***/

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
  background: #b9cc47 !important;
  background: -webkit-linear-gradient(top, #b9cc47 0%, #b9cc47 100%) !important;
  text-decoration: none !important;
  color: white !important;
}
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
  background: #99cc47 !important;
  background: -webkit-linear-gradient(top, #99cc47 0%, #ccc61d 100%) !important;
  text-decoration: none !important;
}
a.dnnSecondaryAction {
  color: #b9cc47 !important;
  text-decoration: none !important;
}
td[data-title="'Actions'"] {
  white-space: nowrap;
}
/*Accordéon*/

h2.dnnFormSectionHead a {
  color: #484848 !important;
  text-decoration: none !important;
}
/*** TELERIK ***/

table.rgMasterTable td a img {
  min-width: 15px;
}
/*** BOOTSTRAP ***/

/* btn-default */

.btn-default {
  color: #333333 !important;
  background-color: white;
  border: 1px solid #cccccc !important;
  /*border-color: #ccc;*/

}
.btn.btn-default {
  padding: 3px 5px !important;
}
.border-container-head {
  /*background-color: @skin-color-main !important;*/
  display: flex;
  align-items: center;
  min-height: 35px;
  background-color: #b9cc47;
  border-radius: 5px 5px 0px 0px;
}
.border-container-head legend {
  color: black !important;
}
.border-container {
  margin: 10px 0px 0px 0px !important;
  border: 0px solid;
  box-shadow: 2px 2px 5px 1.5px rgba(0, 0, 0, 0.4);
}
.border-container-head.rounded {
  border-radius: 5px;
}
.container-fluid .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
/*Test remove all caret*/

/* btn-primary */

.btn-primary {
  color: white;
  background-color: #c94040;
  /*#004f74*/
  border-color: #de1b26;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ccc61d;
  border-color: #de1b26;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ccc61d !important;
  border-color: #de1b26 !important;
}
fieldset {
  position: relative !important;
}
@media (min-width: 900px) {
  .signup-input-padding {
    padding-left: 10px;
  }
}
.btn-primary .badge {
  color: #b9cc47 !important;
  background-color: white;
}
legend {
  color: #b9cc47 !important;
  border-bottom-color: #b9cc47 !important;
  /*Proposition esapcement - min-height 40px to 30px;*/
  min-height: 30px !important;
}
.border-container-head legend span:hover {
  cursor: pointer;
}
legend span {
  padding-left: 0px;
}
.border-container-legend legend span {
  padding-left: 3px;
}
signup-translate-span span {
  padding-left: 0px !important;
}
.pageTitle {
  border-bottom: 2px solid #e5e7e6 !important;
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  font-family: raleway !important;
}
.pageTitle span {
  color: #4f8b2b !important;
  font-weight: 500 !important;
  margin: 0 0 10px 0 !important;
  padding-bottom: 6.5px !important;
  border-bottom: 2px solid #4f8b2b !important;
}
a.btn-primary {
  color: white !important;
}
ul.dropdown-menu li a {
  text-decoration: none !important;
}
/*Input*/

.form-control:focus {
  border-color: #d9cc47 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #d9cc47 !important;
  /*214, 210, 227, 1*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #d9cc47 !important;
}
/*Well*/

.well-border-primary {
  border-left-color: #b9cc47;
}
/* centrer le copyright */

.footcenter {
  float: none;
  margin-left: 25%;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
.footer-main {
padding: 0 0 0 0;
}
*/

.sort-indicator {
  display: block !important;
}
tbody .sort-indicator .cTxtRight {
  padding-right: 18px !important;
}
tbody .sort-indicator .cTxtCenter {
  padding-right: 18px !important;
}
/*enlever les marges du conteneur*/

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.ContentPane {
  margin: 0px !important;
  padding: 0px !important;
}
.container-fluid {
  padding-top: 15px !important;
}
/*** UI Tabs ***/

.dnnForm .ui-widget-header,
.dnnFormPopup .ui-widget-header {
  border-bottom: 1px solid #c2c2c2;
}
#divLevelBar a,
.ui-tabs-nav a {
  text-decoration: none !important;
}
/*** NG TABLE ***/

/*Supprimer le surlignement des liens du pager*/

div.ng-table-pager ul li a {
  text-decoration: none !important;
}
/*Diminuer les header des tableaux*/

.wrapper .header {
  min-height: 0px;
}
td {
  height: 25px;
}
td {
  height: 25px;
}
/*Proposition espacement - 8regles dessous*/

.border-container-body {
  border-radius: 5px;
  padding: 5px 1rem !important;
}
input[type=checkbox],
input[type=radio] {
  height: 25px;
  margin: 0px !important;
}
.btn {
  padding: 4px 6px !important;
}
tags-input {
  max-height: 80px !important;
  min-height: 25px !important;
}
tags-input .host {
  max-height: 80px !important;
  /*height: 25px !important;*/

}
tags-input .tags {
  overflow: auto !important;
  max-height: 50px !important;
  padding: 0.5px !important;
  /*height: 25px !important;*/

}
tags-input .tags .tag-item {
  min-height: 18px !important;
  height: auto !important;
  line-height: 17px !important;
}
tags-input .tags .tag-item span {
  max-width: 450px;
}
#champInputRecherche tags-input,
#champInputRecherche tags-input .tags,
#champInputRecherche tags-input .host {
  max-height: unset !important;
}
.ng-table th.filter .input-filter {
  min-height: 25px !important;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
col-12 {
  min-height: 25px !important;
  height: fit-content !important;
}
.form-group-input label {
  padding-top: 0px !important;
}
.table {
  margin-bottom: 2rem;
}
/*DATEPICKER*/

.datePickerBtn {
  margin-top: 0px !important;
  padding: 0px 6px !important;
  min-height: 100% !important;
}
/*** Angular libraries : <a> no underline ***/

tags-input a.remove-button {
  text-decoration: none !important;
}
/***** Cohérence entre le menu signup et la topBar et les logos *****/

.signup-topBlock-container {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  height: 60px;
  /*    margin-right: 1% !important;
    margin-left: 1% !important;
    padding-right: 3% !important;
    padding-left: 3% !important;*/

}
/***** Barre de titre *****/

.SkinWidth2 {
  max-width: none;
}
/***** MODULE CONTENT *****/

.ContentPane {
  padding-left: 0px;
  padding-right: 0px;
}
/*** MENU SIGNUP ***/

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  display: flex !important;
  flex-direction: column !important;
}
body > * {
  flex-shrink: 1 !important;
  overflow-y: hidden;
}
.mgBot20 {
  margin-bottom: 20px !important;
}
/*** COULEUR PRINCIPALE ***/

.mainColor {
  color: #b9cc47 !important;
}
.mainColorBorder {
  border-color: #b9cc47 !important;
}
.mainColorBackground {
  background-color: #b9cc47 !important;
}
.navigate-icon {
  color: #b9cc47 !important;
}
/*** COULEUR SECONDAIRE ***/

.secondaryColorBG {
  background-color: #d9eb73 !important;
}
.dnntitle {
  display: none !important;
}
/**Trombinoscope**/

.focusedTrombi img {
  -webkit-box-shadow: 0px 0px 16px 4px #b9cc47 !important;
  -moz-box-shadow: 0px 0px 16px 4px #b9cc47 !important;
  box-shadow: 0px 0px 16px 4px #b9cc47 !important;
}
#trombinoscopeNavBar {
  background-color: #b9cc47 !important;
}
#trombinoscopeNavBar a {
  color: black !important;
  text-decoration: none !important;
}
#trombinoscopeNavBar .dropdown:hover {
  background-color: rgba(217, 235, 115, 0.3) !important;
  transition: 0s !important;
}
#trombinoscopeNavBar .dropdown-content {
  background-color: #b9cc47 !important;
  overflow-y: auto;
  height: fit-content;
  max-height: 55vh;
}
#trombinoscopeNavBar .dropdown-content li a:hover {
  background-color: rgba(217, 235, 115, 0.3) !important;
  transition: 0s !important;
}
#trombinoscopePersonnels .responsable {
  border-color: #b9cc47 !important;
}
/*Css pour un tooltip custom*/

.tooltip.signupTooltip .tooltip-inner {
  white-space: pre-wrap;
  width: 200px !important;
  background-color: #c94040 !important;
  color: black !important;
}
/*#endregion*/

/*#region MENUS GAUCHE GLOBAUX*/

/*MENUS*/

#SignupMenuDroite {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30%;
}
#SignupMenuDroite a {
  color: #b9cc47 !important;
  text-decoration: none !important;
  list-style: none !important;
}
#SignupMenuDroite a:hover {
  color: #d9eb73 !important;
  cursor: pointer !important;
}
#SignupMenuDroite .btn:hover {
  color: white !important;
  cursor: pointer !important;
}
#SignupMenuContainer-gauche {
  width: 100% !important;
  /*Proposition nouveau menu - commenter ligne dessous*/
  padding-top: 15px !important;
}
@media (max-width: 745px) {
  #SignupMenuContainer-gauche {
    height: auto !important;
  }
  .sticky-menu #SignupMenuContainer-gauche {
    height: auto !important;
  }
}
.menu-droit-container.shown {
  width: 16%;
  transition: 0.5s ease-in-out !important;
}
.menu-droit-container {
  position: absolute;
  transition: 0.5s ease-in-out !important;
  width: 60px;
  right: 0px !important;
}
#SignupMenuGauche {
  left: 0px;
  z-index: 50 !important;
}
#SignupMenuDroite {
  right: 0px;
  background-color: white !important;
}
.signupMenuSideBar {
  background: white;
  color: black;
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 1;
  border-top: none;
  margin-left: 0px !important;
  display: table-cell;
  font-weight: normal !important;
}
.container-sides-blocks {
  z-index: 2 !important;
}
article {
  flex: 30;
  transition: width 0.8s !important;
  margin: 0 auto !important;
}
/*
article.shown {
    flex: 4 !important;
}*/

/*#export2pdf .container-fluid {
    width: 91vw !important;
}

#export2pdf.shown .container-fluid {
    width: 100% !important;
}*/

/*GESTION RESPONSIVE*/

@media (max-width: 730px) {
  .container-fluid {
    width: 95vw !important;
  }
}
@media (max-width: 1600px) and (min-width: 1200px) {
  article {
    flex: 20 !important;
  }
  /*
      article.shown {
          flex: 3 !important;
      }*/
}
/* Regle pour ajuster la position et la taille du menu sur mobile*/

@media (max-width: 745px) {
  /*Proposition nouveau menu */
  
  /*.signupMenuSideBarGauche{
          height: auto !important;
      }*/
  
  .container-sides-blocks {
    position: absolute !important;
    min-width: 40px !important;
    height: 40px;
  }
  .container-sides-blocks .signupMenuNavigation-toggle-div {
    right: 38px;
  }
  .sticky-menu .signupMenuNavigation-toggle-div {
    right: 42px;
  }
  .signupMenuIconesFerme,
  .signupMenuNavigation-items {
    display: none !important;
  }
  .container-sides-blocks.shown {
    position: absolute !important;
    top: 1px !important;
    left: 0px !important;
    width: 270px !important;
    z-index: 2 !important;
  }
}
@media (max-width: 1200px) {
  article {
    top: 1px !important;
    left: 1px !important;
    height: 100% !important;
    z-index: 1 !important;
    /*display: flex !important;*/
  
    /*padding-top: 3rem;*/
  
  }
}
@media (max-width: 745px) {
  .sticky-menu .container-sides-blocks {
    height: auto !important;
  }
}
.sticky-menu #SignupMenuContainer-gauche {
  height: 100% !important;
}
/*Proposition menu*/

.sticky-menu article {
  margin-left: 60px !important;
}
@media (max-width: 745px) {
  .sticky-menu .container-sides-blocks {
    top: 0px !important;
  }
}
.sticky-menu .container-sides-blocks.shown {
  width: 270px !important;
}
.sticky-menu .container-sides-blocks:hover {
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .container-sides-blocks {
    display: none;
  }
  .sticky-menu article {
    margin-left: 0px !important;
  }
  .logoClient {
    display: none;
  }
}
@media (max-width: 745px) {
  .sticky-menu article {
    padding: 0px !important;
    margin-left: 0px !important;
  }
}
article.SkinWidth-signup-menu-center {
  width: 100%;
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.signupMenuSideBarGauche {
  width: 100% !important;
  /*Proposition nouveau menu*/
  /*height: 100%;*/
  background-color: #b9cc47;
  color: black !important;
  flex-grow: 1 !important;
  display: flex;
  border-radius: 0px 10px 10px 0px;
}
@media (max-width: 800px) and (min-width: 746px) {
  article {
    width: 95% !important;
  }
}
.signupMenuSideBarDroit {
  right: 0;
  clear: both !important;
  flex-grow: 1 !important;
  background-color: #b9cc47;
  color: black !important;
}
.signupMenuNavigation-items {
  padding: 0px;
  font-size: larger;
  color: black !important;
  position: relative;
  /*min-height: fit-content !important;*/
  transition: 0.3s ease-in-out !important;
}
.signupMenuLibelles {
  float: left;
}
.conteneur-menu-ouvert {
  min-height: 40px;
  /*position: absolute;
    left: -200px;
    top: 0px;
    width: 95%;
    height: 40px;
    left: 0px !important;
    -webkit-transition: all 1s !important;
    transition: all 1s !important;
    display:contents;*/

}
.conteneur-menu-ouvert img {
  height: 28px;
  position: relative;
  top: 0px;
}
.conteneur-menu-ferme {
  position: absolute;
  left: -200px;
  top: 0px;
  width: 95%;
  opacity: 0 !important;
  -webkit-transition: all 1s !important;
  transition: all 0.3s ease-in-out !important;
}
.signupMenuIconesOuvert {
  text-align: center;
}
.signupMenuIconesFerme {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 49px;
  text-align: center;
  background-color: #b9cc47;
  z-index: 0;
}
.signupMenuIconesFerme img {
  height: 28px;
  text-align: center;
  position: relative;
  top: 7px;
}
.signupMenuIconesFerme.shown {
  display: none !important;
  opacity: 0;
  width: 0px !important;
}
.signupMenuNavigation.shown .signupMenuNavigation-items {
  display: block !important;
}
.signupMenuLibellesFlottants {
  position: absolute !important;
  top: 0px;
  left: -300px;
  padding-right: 10px;
  z-index: 1 !important;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 250px !important;
  height: 100% !important;
  background-color: #d9eb73;
  /*BORDER RADIUS*/
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: 0.3s ease-in-out !important;
}
.signupMenuNavigation-toggle-div {
  position: absolute;
  right: 43px;
}
.shown .signupMenuNavigation-toggle-div {
  position: absolute;
  width: 40px;
  display: flex;
  left: 235px;
}
/*
.signupMenuShow > .signupMenuNavigation-toggle-div:hover {
    background-color: transparent !important;
}*/

/*.signupMenuShow > .signupMenuNavigation-toggle-div a {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

.signupMenuNavigation-toggle-div a {
  color: white !important;
  background-color: transparent !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0px;
  border: none !important;
  z-index: 999 !important;
  background-image: url("../../../images/SignUp/MENUS/arrow-menu.png");
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.signupMenuNavigation-toggle-div a.btn:hover {
  color: white !important;
}
.signupMenuNavigation-toggle {
  position: absolute !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 100;
}
.signupMenuNavigationToggleGauche {
  left: 0%;
}
.signupMenuNavigationToggleDroit {
  right: 0%;
}
.center-favoris-view {
  border: none !important;
}
.signupMenuNavigation-items a {
  text-decoration: none !important;
  color: black !important;
  transition: 0.5s !important;
}
.signupMenuNavigation-items:hover {
  background-color: #d9eb73 !important;
  cursor: pointer !important;
  transition: 0.3s ease-in-out !important;
}
.signupMenuNavigation-items:hover .signupMenuIconesFerme {
  background-color: #d9eb73 !important;
  z-index: 3 !important;
  transition: 0.3s ease-in-out !important;
}
.signupMenuNavigation.shown .signupMenuNavigation-items-active .conteneur-menu-ouvert {
  background-color: #d9eb73 !important;
  display: flex;
  align-items: center;
}
.signupMenuNavigation-items-active-niv a {
  color: #d9cc47 !important;
}
.signupMenuChevron {
  color: white;
}
.chevron-centraux {
  top: -4px;
  color: #b9cc47;
}
.signupMenuNavigation-items:hover .signupMenuChevron,
.signupMenuNavigation-items:hover a {
  color: white;
}
.signupMenuNavigation-items a:hover {
  cursor: pointer;
}
.signupMenuChevron:hover {
  cursor: pointer;
}
.signupMenuNavigation .navigationNiveau0 {
  display: flex;
  min-height: 40px;
  padding-left: 0px;
  align-items: center;
}
.signupMenuNavigation .navigationNiveau1 {
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.signupMenuNavigation .navigationNiveau2 {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.signupMenuNavigation .navigationNiveau3 {
  padding-left: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.signupMenuNavigation .navigationNiveau4 {
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.signupMenuNavigation-items-activate a:hover {
  cursor: pointer !important;
  color: white !important;
}
.signupMenuNavigation-items-activate:hover a {
  cursor: pointer !important;
  color: white !important;
}
.signupMenuLevelNavigation-toggle {
  background-image: url("../../../images/SignUp/MENUS/arrow-menu.png");
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.signupMenuLevelNavigation-toggle.up {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.signupMenuLevelNavigation-toggle.down {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.htmlToPdf {
  display: inline-block !important;
}
.menu-wrap {
  border-right: 3px #d9eb73 solid !important;
  margin-right: -1.06px !important;
}
/*LIBELLES FLOTTANTS*/

.signupMenuNavigation-items:hover .signupMenuLibellesFlottants {
  left: 100% !important;
  padding-left: 10px;
  transition: 0.3s ease-in-out !important;
  display: flex;
  width: max-content !important;
}
.signupMenuNavigation.shown .signupMenuLibellesFlottants {
  display: none !important;
}
/*GESTION DES ICONES*/

.signupMenuIcones.shown {
  left: 0px;
  top: 2px;
  height: 40px !important;
  z-index: 1 !important;
  width: 45px;
  padding-left: 4px;
  background-color: transparent;
}
.signupMenuIcones {
  position: absolute !important;
  left: 0px;
  top: -1px;
  height: 40px !important;
  width: 100%;
  z-index: 1 !important;
  background-color: #b9cc47;
  padding-left: 10px;
}
.signupMenuIcones:hover {
  background-color: #d9eb73;
}
.signupMenuIcones.shown:hover {
  background-color: transparent !important;
}
.signupMenuNavigation-items-fav {
  opacity: 0;
  left: -200px;
  position: absolute;
  font-size: 13px;
}
.signupMenuIcones img {
  height: 30px !important;
  max-height: 30px !important;
  position: absolute;
  top: 5px;
  left: 11px;
}
.signupMenuIcones.shown img {
  left: 8px !important;
  top: 6px;
  height: 25px !important;
}
.signupMenuNavigation {
  margin-top: 40px !important;
}
.signupMenuNavigation.shown {
  transition: 0.3s ease-in-out !important;
  margin-top: 0px !important;
}
.icons-favoris img {
  width: 50% !important;
}
/*FAVORIS*/

.signupMenuNavigation-items-fav.shown {
  opacity: 1;
  transition: 1s !important;
  padding: 6px;
  font-size: 13px !important;
  color: white;
  position: relative !important;
  height: fit-content !important;
  width: 231px;
  display: flex;
  left: 15px !important;
}
.signupMenuNavigation-items-favori {
  display: block !important;
  padding: 10px;
  font-size: 13px !important;
  color: black;
  position: relative !important;
  height: 40px !important;
}
.signupMenuNavigation-items-favori a {
  text-decoration: none !important;
  color: black;
}
.signupMenuNavigation-items-favori a:hover {
  color: #ebb11a;
  cursor: pointer;
}
.signupMenuNavigation-items-fav a {
  text-decoration: none !important;
  color: black;
}
.signupMenuNavigation-items-fav a:hover {
  color: #ebb11a;
  cursor: pointer;
}
/*.icons-favoris {
    position: relative;
    float: left;
    width: 15%;
    height: 100% !important;
}*/

.libelle-favoris {
  position: relative;
  float: left;
  width: 85%;
  z-index: 0 !important;
  height: 100% !important;
}
.center-favoris-view a {
  color: black !important;
}
.center-favoris-view.signupMenuNavigation-items-fav {
  height: 25px !important;
}
.finalFav {
  padding-bottom: 10px !important;
  background-color: rgba(24, 102, 117, 0.05);
  color: black !important;
  -webkit-box-shadow: inset -1px -1px 5px 1px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset -1px -1px 5px 1px rgba(255, 255, 255, 0.25);
  box-shadow: inset -1px -1px 5px 1px rgba(255, 255, 255, 0.25);
}
/*#endregion*/

/*#region MENU CENTRAL*/

/* Style de rubrique */

.signupMenuNavigation-items-rubrique {
  background-color: #b9cc47;
  color: black;
  width: 100% !important;
  display: block !important;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px !important;
  font-size: 12px !important;
  border-radius: 3px 3px 0 0;
}
.menu-left-items {
  padding-left: 15px !important;
  background-color: rgba(185, 204, 71, 0.2) !important;
}
.menu-second-level:hover .menu-item,
.MobileMenu .treeview ul li ul li:hover {
  background-color: #d9eb73 !important;
}
/*#menuGaucheContainer.collapsed .menu-second-level:hover .menu-item {
    background-color: fade(@skin-color-main,40%) !important;
}
*/

.menu-second-child {
  /*padding-left: 30px !important;*/
  background-color: rgba(185, 204, 71, 0.2) !important;
}
.signupMenuNavigation-items-rubrique a {
  color: black !important;
}
.signupRubrique {
  padding: 0px !important;
  padding: 0.4% !important;
  z-index: 999 !important;
  font-size: 12px !important;
}
.signupRubrique a {
  text-decoration: none !important;
}
.signupRubrique-items a {
  display: block;
  font-size: larger;
  text-decoration: none !important;
  list-style: none !important;
}
/* Style pour les premiers elements */

.signupMenuNavigation-items-menu {
  padding-left: 15px !important;
  background: rgba(185, 204, 71, 0.2);
}
.signupMenuNavigation-items-menu:hover {
  padding-left: 15px !important;
  background: rgba(185, 204, 71, 0.1);
}
.signupMenuCenterNavigation-items a {
  display: block;
  font-size: larger;
  text-decoration: none !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: black !important;
}
.signupMenuCenterNavigation-items a:hover {
  cursor: pointer !important;
}
/* Style des elements niveau 2*/

.signupMenuCenterNavigation-items-niveau2 {
  display: block;
  font-size: larger;
  text-decoration: none !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 30px !important;
  color: black !important;
  background: rgba(0, 0, 0, 0.018);
}
.signupMenuCenterNavigation-items-niveau2 a {
  color: black !important;
}
/* Style des elements niveau 3*/

.signupMenuCenterNavigation-items-niveau3 {
  display: block;
  font-size: larger;
  text-decoration: none !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 45px !important;
  color: black !important;
}
.center-favoris-view {
  padding-left: 20px;
  background: rgba(0, 0, 0, 0.01) !important;
  font-weight: bold !important;
  font-size: 11.5px;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
.SkinWidth-signup-menu-left {
  margin: 0px !important;
}
.finalFav {
  border: solid 1px rgba(185, 204, 71, 0.4);
  border-radius: 0 0 3px 3px;
}
.icons-favoris-center {
  position: absolute !important;
  left: 0px;
  top: 0px;
  height: 27px !important;
  width: 40px !important;
}
.icons-favoris-center i {
  width: 47%;
  position: absolute;
  top: 13px;
  right: 2px;
  color: #d9eb73;
}
.libelle-favoris-center {
  position: absolute !important;
  left: 40px !important;
  top: 11px !important;
  height: 6px !important;
  z-index: 0 !important;
}
.signupMenuNavigation-items-favori-center {
  display: block !important;
  padding: 0px;
  font-size: 13px !important;
  color: white;
  position: relative !important;
  height: 28px !important;
}
/*FAVORIS MENU CENTER*/

.favoris-link {
  display: inline-block !important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  -ms-transition: all 0s !important;
  transition: all 0s !important;
}
.favoris-link:hover {
  color: #b9cc47 !important;
  font-weight: bold !important;
}
.mesFavoris {
  font-size: 12px !important;
  font-weight: bold !important;
}
.favoris-header {
  font-size: 12px !important;
  background: rgba(185, 204, 71, 0.3);
  border-top: rgba(217, 204, 71, 0.4) solid 1px;
  padding-left: 15px;
}
.favIcon {
  color: #d9eb73 !important;
}
/*** MODULE CONTAINER SIGNUP ***/

.SkinWidth-signup-menu {
  -webkit-transition: all 1s ease !important;
  -moz-transition: all 1s ease !important;
  -o-transition: all 1s ease !important;
  -ms-transition: all 1s ease !important;
  transition: all 1s ease !important;
  max-width: 100%;
  margin-right: 0% !important;
  margin-left: 0% !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.signup-module-container {
  -webkit-transition: all 1s ease !important;
  -moz-transition: all 1s ease !important;
  -o-transition: all 1s ease !important;
  -ms-transition: all 1s ease !important;
  transition: all 1s ease !important;
  max-width: 100%;
  width: 100% !important;
  display: flex;
  position: relative;
}
/*#endregion*/

.sticky-menu .ui-view {
  padding: 0px 15px;
}
/*#region ESAPCE COLLAB*/

#espaceCollaborateur {
  width: 100%;
  position: relative;
  display: flex;
  /*background-color: rgba(240,240,240,0.2) !important;*/

}
#espaceCollaborateur .tooltip-inner {
  background-color: #d9eb73 !important;
  padding: 12px !important;
  border-radius: 0px !important;
}
#espaceCollaborateur .tooltip-arrow {
  display: none;
}
#espaceCollaborateur .tooltip.right {
  left: 52px !important;
  z-index: 1 !important;
  top: -4px;
}
.signupMenuNavigation .tooltip-inner {
  background-color: #d9eb73 !important;
  padding: 12px !important;
  border-radius: 0px !important;
}
.signupMenuNavigation .tooltip-arrow {
  display: none;
}
.signupMenuNavigation .tooltip.right {
  left: 35px !important;
  z-index: 1 !important;
  top: -4px;
}
.stick-espace-collab {
  position: fixed !important;
  top: 41px;
}
.conteneur-espace-collab {
  /*padding-top: 20px !important;*/
  position: relative !important;
  /*margin-left: 220px;*/
  display: flex;
  flex: 4;
  transition: all 1s !important;
}
/* #region Menu Gauche*/

#menuGaucheContainer,
.menu-collapser,
.MobileMenu .treeview,
.MobileMenu .treeview ul,
.MobileMenu .treeview li,
.mobile-menu-list,
.mobile-menu {
  background-color: #b9cc47;
}
#menuGaucheContainer.collapsed .menu:hover {
  background-color: #b9cc47;
}
#menuGaucheContainer .menu.liste-collapsed,
#menuGaucheContainer .menu:hover .container-rubrique,
#menuGaucheContainer.collapsed .menu:hover .menu-hover,
#menuGaucheContainer.collapsed .menu:hover .menu-content,
.MobileMenu .treeview li:hover,
.MobileMenu .treeview li.collapsable,
.MobileMenu .treeview li li,
.mobile-menu-list li:hover,
.mobile-menu-list li.collapsable,
.mobile-menu-list li li {
  background-color: #b9cc47;
}
#menuGaucheContainer.collapsed .menu.liste-collapsed {
  background-color: initial !important;
}
#menuGaucheContainer .menu-first-level:hover,
.MobileMenu .treeview li li:hover,
.MobileMenu .treeview li li.collapsable,
.mobile-menu-list li li:hover,
.mobile-menu-list li li.collapsable {
  /*background-color: fade(@skin-color-main,20%) !important;*/
  background-color: #99cc47 !important;
}
#menuGaucheContainer .menu-first-level.menu-open,
.MobileMenu .treeview li li li,
.mobile-menu-list li li li {
  background-color: #d9cc47 !important;
}
.dropdown-item:hover {
  background-color: #d9cc47;
}
.lien-brique a {
  color: #b9cc47 !important;
}
/* #region Escpace Manager */

.bloc-title {
  font-size: 1.25rem;
  color: #b9cc47;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bloc-onglet {
  color: #b9cc47;
}
.bloc-information .main-bloc {
  background-color: #b9cc47;
  color: white !important;
}
.bloc-info {
  border: 1px solid #b9cc47 !important;
  max-height: 125px;
  overflow: auto;
  /*margin:0px 0.5rem;*/

}
.bloc-info i {
  display: flex;
  justify-content: center;
  color: #b9cc47;
}
.rappel-statut {
  color: #99cc47;
  border: 1px solid #99cc47;
}
.rappel-values {
  background-color: #b9cc47;
}
.histo-task .list ul:first-child li:first-child {
  background-color: white !important;
}
.select-type-search {
  background-color: #b9cc47;
}
.fast-search-btn {
  background-color: #b9cc47;
}
.rc-active {
  background-color: lightgray !important;
  color: black !important;
  border-radius: 30px;
}
@media (max-width: 625px) {
  .rc-active {
    display: flex;
    flex: 0 0 fit-content;
  }
}
/*#region CUSTOM SCROLLBAR*/

/*.menu-content.custom-scrollbar::-webkit-scrollbar, .custom-scrollbar {
    margin-top: 0px;
}*/

.custom-scrollbar::-webkit-scrollbar {
  margin-top: 2.4px;
  width: 5px;
  height: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #dedede;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #949597;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555555;
}
/*#endregion*/

/*#region ARROW SCROLL*/

.arrow-scroll-container {
  width: 100%;
  color: white;
  background-color: #b9cc47;
  border-radius: 0px 0px 10px 0px;
}
.sticky-menu .arrow-scroll-container {
  max-width: 315px;
}
.arrow-scroll-container .scroll-arrow:hover {
  background-color: #b9cc47 !important;
}
/** #endregion **/

/** Menu gauche **/

/*    .menu-gauche-container.shown {
        width: 270px !important;
    }*/

.menu-gauche-container {
  height: 100%;
}
.menu-gauche-espace-collab {
  background-color: #b9cc47;
  border-radius: 0px 10px 10px 0px;
}
.collapser {
  background-color: #b9cc47;
}
.menu-liste {
  background-color: #b9cc47;
}
#menu .collapsed {
  background-color: #b9cc47;
}
/* menu - scrollbar*/

@supports (-moz-appearance:none) {
  .menu-liste.custom-scrollbar {
    scrollbar-width: thin;
    /*For mozilla*/
  
  }
}
.menu-liste.custom-scrollbar::-webkit-scrollbar {
  margin-top: 2.4px;
  width: 5px;
  height: 5px;
}
.menu-liste.custom-scrollbar::-webkit-scrollbar-track {
  background: #dedede;
}
.menu-liste.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #949597;
}
.menu-liste.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555555;
}
.menu-liste .icone {
  display: flex;
  width: 60px;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}
.menu-liste .menu .menu-link-active {
  display: flex;
  align-items: center;
  height: 40px !important;
  width: 100%;
  max-width: 300px;
  padding-left: 15px;
  /*    background-color: @skin-color-main;*/
  text-decoration: none !important;
}
#espaceCollaborateur .menu-liste .menu-link-active {
  color: black !important;
}
#espaceCollaborateur li:hover .menu-link-active {
  background-color: #b9cc47 !important;
}
#espaceCollaborateur .collapsed li:hover .menu-link-active {
  background-color: #b9cc47 !important;
}
.menu-liste .menu:hover .menu-children,
.menu-liste .menu:hover .menu,
.flottant .menu-children {
  background-color: #b9cc47;
}
#espaceCollaborateur .menu-liste .dynamic-menu {
  color: black !important;
}
.menu-flottant {
  display: none;
}
.collapsed li:hover .menu-flottant {
  background-color: #b9cc47;
}
.menu-libelle.flottant {
  background-color: #b9cc47;
}
.dynamic-menu:hover .menu-children {
  background-color: #b9cc47;
}
.menu-child:hover {
  background-color: #99cc47;
}
@-moz-document url-prefix() {
  .collapsed li:hover .menu-flottant {
    left: 43px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .collapsed li:hover .menu-flottant {
    left: 43px;
  }
}
/*Espace collab*/

.conteneur-espace-collab.collapsed {
  transition: all 1s !important;
  flex: 30;
  margin: 0px auto !important;
}
.font-epingle-title g {
  display: flex;
  font-size: 25px;
}
.color-epingle,
.epingle,
.bloc-collab-page .color-epingle,
.epingle {
  background-color: #d9eb73 !important;
}
.conteneur-bloc-espace_collab {
  background-color: transparent !important;
  /*padding: 0px 0px 0px 85px;*/
  display: flex;
  flex-wrap: wrap;
}
/*@media all and (max-width:980px) {
    .font-epingle-title g {
        font-size: 4vw !important;
        line-height: 4vw !important;
    }
}

@media all and (min-width: 980px) and (max-width: 1280px) {
    .font-epingle-title g {
        font-size: 2vw !important;
        line-height: 2vw !important;
    }
}

@media all and (min-width: 1280px) {
    .font-epingle-title g {
        font-size: 1.5vw !important;
        line-height: 1.5vw !important;
    }
}*/

/*@media (min-width: 992px) {
    .sticky-menu .conteneur-bloc-espace_collab {
        padding-left: 80px !important;*/

/*Lorsque le menu passe en fixe - marge pour empecher la superposition */

/*}
}*/

#bloc\.widget {
  width: 100%;
}
/*MEDIAS QUERIES MENU ESPACE SAL*/

@media (max-width: 991px) {
  .conteneur-espace-collab {
    margin: 0px auto !important;
  }
  .conteneur-bloc-espace_collab {
    padding: 0px;
  }
  #bloc.widget {
    margin-left: 60px;
  }
  .conteneur-espace-collab.collapsed {
    flex: 20 !important;
  }
  .conteneur-espace-collab {
    flex: 3 !important;
  }
}
.font-epingle-libelle {
  width: 100%;
  font-size: 20px;
  float: left;
}
.border-right-serparation {
  border-left: 1px rgba(255, 255, 255, 0.5) solid !important;
  height: 100% !important;
  margin-top: 5px;
  margin-bottom: 5px;
}
.icon-nb {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  right: 5px;
  top: 10px;
  background-color: #99cc47;
  border-radius: 50% !important;
  text-align: center;
  color: #b9cc47 !important;
  font-weight: bold;
  z-index: 2 !important;
}
.menu-flottant {
  display: none;
}
.collapsed li .icon-nb {
  right: 0px !important;
}
.active-item {
  color: #99cc47 !important;
}
.menu-item {
  color: black;
  visibility: visible;
  opacity: 1;
  font-size: larger;
  /*transition: visibility 2s, opacity 2s linear;*/

}
.icone img {
  height: 40px;
  padding-left: 9px;
}
.collapsed .icone img {
  padding-left: 9px !important;
}
.bloc-actus {
  height: auto !important;
  cursor: pointer;
}
.actus-conteneur {
  position: relative;
  display: flex;
}
.text-actu {
  width: 80%;
  height: 120px;
  margin: -25px auto 0px;
  border-radius: 10px;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.text-externe {
  width: 80%;
  margin: 5px auto 0px;
  border-radius: 10px;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.img-externe {
  width: 100% !important;
  height: 200px !important;
  object-fit: contain !important;
  background-color: white !important;
}
.title-actu {
  font-family: 'Segoe UI', sans-serif !important;
  width: 100%;
  min-height: 40px;
  height: fit-content;
  max-height: 55px;
  font-weight: 600;
  text-align: center;
  margin: 0px !important;
  padding: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .container-sides-blocks {
    display: none;
  }
  .sticky-menu article {
    margin-left: 0px !important;
    width: calc(80vw) !important;
  }
  .logoClient {
    display: none;
  }
}
.actu-contenu {
  width: 100%;
  min-height: 35px;
  height: fit-content;
  max-height: 55px;
  max-width: 400px;
  padding: 0px 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  box-sizing: border-box;
}
.actu-date {
  width: 100%;
  height: 25px;
  padding: 0px !important;
  box-sizing: border-box;
  font-family: 'Bebas Neue' !important;
  font-size: 18px;
  color: #9b9b9b;
  text-align: center;
  background-color: white;
  border-radius: 0px 0px 10px 10px;
}
/*    .marg-finale {
        margin-bottom: 35px;
    }*/

.small-actus h3 {
  padding-top: 0px !important;
  font-size: 18px !important;
}
.small-actus h4 {
  top: initial !important;
  bottom: 25px !important;
  right: 15px !important;
}
.bloc-tache {
  height: 150px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: white !important;
  margin-bottom: 20px !important;
  position: relative !important;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.libelle-block-tache {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Bebas Neue' !important;
  flex: 2;
  color: black;
  width: 100%;
}
.title-action {
  font-family: 'Bebas Neue' !important;
  display: inline-flex;
  width: 100%;
  height: 80% !important;
  align-items: center;
  transition: 0.5s;
}
.title-action.action-show {
  height: 0px !important;
  overflow: hidden;
  transition: 0.5s;
  display: flex;
}
.menu-inner.action-show {
  height: auto !important;
  max-height: 120px;
  overflow-y: auto;
  transition: 1s !important;
  -webkit-transition: 1s !important;
  border: 1px solid rgba(185, 204, 71, 0.2);
  border-radius: 0px 0px 10px 10px;
}
.btn-primary,
.btn-danger {
  padding: 4px 6px !important;
}
.menu-inner .btn {
  display: none;
  margin: 0 auto;
}
.menu-inner.action-show .btn {
  display: flex;
  margin-bottom: 3px;
}
.menu-inner {
  height: 0px !important;
  overflow: hidden;
  display: flex;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 100%;
  background: #f1f1f1;
  z-index: 5;
  transition: 1s;
  flex-direction: column;
  transition: 1s !important;
  -webkit-transition: 1s !important;
}
.menu-inner span {
  width: 100%;
  height: 39px;
  background-color: rgba(185, 204, 71, 0.8);
  color: white;
  display: inline-block;
  padding: 10px 15px 10px 15px !important;
  font-size: larger;
}
.menu-inner span:hover {
  background-color: #d9eb73 !important;
  transition: 0.2s;
}
.title-action.action-show a {
  display: none;
  transition: 0.5s;
}
.title-action a {
  width: 50% !important;
  align-items: center;
  text-align: center;
  font-size: 30px;
  margin: 0 auto;
  text-decoration: none !important;
  color: #b9cc47;
}
.drop-menu {
  background-color: rgba(185, 204, 71, 0.9);
  width: 100% !important;
  height: 30px !important;
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 0px 0px 10px 10px;
}
.drop-menu-activ {
  border-radius: 10px 10px 0px 0px;
}
.bloc-tache:hover .drop-menu {
  background-color: #b9cc47 !important;
  cursor: pointer;
  transition: 0.2s;
}
.drop-menu span {
  color: white;
  padding-left: 10px;
}
.glyphicon-chevron-down.action-show {
  position: absolute;
  right: 5px;
  top: 5px;
}
.bloc-tache:hover .drop-menu i {
  transition: 0.2s;
  color: white;
}
.drop-menu i {
  font-size: 20px;
  margin: 0 auto;
  color: #99cc47;
}
.time {
  font-family: 'Bebas Neue' !important;
  margin: 0 auto;
  width: 50% !important;
  text-align: center;
  padding-top: 35px;
}
.heure-actuelle {
  color: #b9cc47;
  font-size: 4em;
  width: 100%;
  line-height: 1 !important;
}
.date-actuelle {
  font-size: 2em;
  width: 100%;
  line-height: 1 !important;
}
/*.type-view {*/

/*background-color: rgb(194, 194, 194)*/

/*background-color: rgba(194, 194, 194, 0.4);
}
.type-view:hover {
    cursor: pointer;
    background-color: rgba(194, 194, 194, 0.7);
}

.activ-type {
    background-color: @skin-color-main;
    color: white
}
.activ-type:hover {
    background-color: @skin-color-main;
    opacity: 0.5;
}

.activ-type:hover {*/

/*background-color: @skin-color-main;*/

/*}*/

.red-tache {
  color: #ac1212 !important;
}
.see-plus {
  position: absolute;
  bottom: 25px;
  right: 16px;
  height: 20px;
  width: 20px;
  background-color: transparent !important;
  border: none !important;
  background-image: url("../../../images/SignUp/MENUS/SEEPLUSMORE.svg");
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  cursor: pointer !important;
}
.see-plus:hover {
  background-image: url("../../../images/SignUp/MENUS/SEEPLUS.svg");
  transform: scale(1.2) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  transition-property: background-image transform !important;
  transition-duration: 0.5s !important;
  cursor: pointer !important;
}
.see-plus-conteneur:hover .see-plus-special {
  background-image: url("../../../images/SignUp/MENUS/SEEPLUS.svg");
  transform: scale(1.2) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  transition-property: background-image transform !important;
  transition-duration: 0.5s !important;
}
.see-plus-special {
  height: 20px;
  width: 20px;
  display: block;
  background-image: url("../../../images/SignUp/MENUS/SEEPLUSMORE.svg");
  background-size: contain !important;
}
/*epingle*/

.see-plus-special-2 {
  position: absolute;
  bottom: 29px;
  right: 8px;
  height: 20px;
  width: 20px;
  background-color: transparent !important;
  border: none !important;
  background-image: url("../../../images/SignUp/MENUS/SEEPLUSMORE.svg");
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}
.see-plus-conteneur {
  position: relative;
  cursor: pointer;
  color: black !important;
}
.see-plus-conteneur:hover .see-plus-special-2 {
  background-image: url("../../../images/SignUp/MENUS/SEEPLUS.svg");
  transform: scale(1.2) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  transition-property: background-image transform !important;
  transition-duration: 0.5s !important;
}
.see-plus-conteneur-interne {
  position: absolute;
  bottom: 29.7px;
  right: 29px;
}
.see-plus-conteneur:hover::after {
  opacity: 1;
}
/*epingle*/

.see-plus-special-1 {
  display: block;
  height: 30px;
  width: 30px;
  background-color: transparent !important;
  border: none !important;
  background-image: url("../../../images/SignUp/MENUS/SEEPLUSMORE.svg");
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}
.see-plus-conteneur-1 {
  display: flex;
  align-items: center;
  float: right;
  width: auto;
  font-size: 1.2rem !important;
  border-radius: 30px;
  height: 30px;
  background-color: white;
  color: black !important;
  cursor: pointer;
  padding: 0px 15px;
}
/*.see-plus-conteneur-1:hover .see-plus-special-1 {
    background-image: url("../../../images/SignUp/MENUS/SEEPLUS.svg");
    transform: scale(1.2) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    transition-property: background-image transform !important;
    transition-duration: 0.5s !important;
}*/

.see-plus-conteneur:hover::after {
  opacity: 1;
}
.bloc-collab-page .see-plus-conteneur {
  position: initial;
  display: flex;
  height: 20px;
  width: 100%;
  align-self: end;
  justify-content: end;
  cursor: pointer;
  color: black !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bloc-collab-page .see-plus-conteneur-interne {
  position: initial;
  /*bottom: 0px;
        right: 0px;*/

}
.bloc-collab-page .see-plus-special-2 {
  display: none;
}
.nb-taches {
  font-size: 60px !important;
  height: 90px;
  width: 100%;
  float: left;
  line-height: 60px;
  display: flex;
  align-items: end;
}
.libelle-taches {
  font-size: 20px !important;
  width: 100%;
  float: left;
  line-height: 20px;
  height: 40px;
}
.icon-block-tache {
  height: 150px;
  width: 100%;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}
.bordure {
  height: 100% !important;
  border-right: solid 1px rgba(228, 228, 228, 0.9);
  flex: 0.1;
  margin-right: 5px;
}
.TitleBlockActu {
  color: white;
  font-size: 80px;
  padding-top: 50px;
  padding-left: 8%;
  margin-right: -5% !important;
}
.MenuBlock {
  background-color: #b9cc47 !important;
}
.borderRadGauche {
  /*min-height: 34px !important;*/
  border-radius: 3px 0 0 3px !important;
}
.borderRadDroite {
  border-radius: 0px 3px 3px 0px !important;
}
.TitleBlockEvent {
  color: white;
  padding-top: 10px;
  font-size: 25px;
  border-bottom: white solid 1px;
  padding-bottom: 5px;
}
.eventList {
  /*margin-top: 10px;*/
  color: white;
  height: 88% !important;
  background-color: white;
}
body.modal-open {
  height: 100vh !important;
  overflow-y: hidden !important;
}
.eventList li {
  list-style: none;
  padding-top: 5px;
}
#espaceCollab h1 {
  color: white !important;
  font-size: 20px !important;
  border: none;
  padding-top: 10px;
}
.titleUp {
  font-weight: bold;
}
.iconBlock {
  margin-top: 25px !important;
  font-size: 30px !important;
  color: #f7fbff;
  height: 30%;
  width: 50%;
  text-align: center;
  margin: auto;
}
.menuItem {
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  height: 60px;
  padding-top: 7px;
}
.element:hover {
  opacity: 1;
  cursor: pointer;
}
.element {
  background-color: #186675;
  opacity: 0.8;
}
.MenuBlock {
  border: solid 1px #cfcfcf;
  width: 120px !important;
  height: 120px !important;
  text-align: center !important;
  display: inline-block;
  margin: 0px !important;
  padding: 0px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  min-height: 100px !important;
}
.notif-block-conteneur {
  margin-bottom: 30px !important;
  position: relative;
}
.notif-block-titre {
  width: 100%;
  height: 50px !important;
  display: block;
  cursor: pointer;
  /*GRADIENT*/
  background: #b9cc47;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b9cc47 0%, #b9cc47 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #b9cc47 0%, #b9cc47 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b9cc47 0%, #b9cc47 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9cc47, endColorstr=#b9cc47, GradientType=1);
  /* IE6-9 */
  z-index: 1;
}
.notif-block-date {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.notif-block-contenu div {
  background-color: rgba(240, 240, 240, 0.1) !important;
  border-bottom: rgba(185, 204, 71, 0.5) solid 4px;
  float: right;
  padding: 30px !important;
  position: relative;
  top: -2px;
  z-index: 0;
}
.button-notif {
  position: absolute;
  right: 13px;
  top: 12px;
  padding: 1px 7px;
  background-color: black !important;
  border: black 1px solid !important;
  border-radius: 3px !important;
  z-index: 1;
}
.button-notif:hover {
  background-color: #e9e9e9 !important;
  transition: 0.5s !important;
}
.button-notif:hover .glyphicon {
  color: black;
}
.button-notif .glyphicon {
  top: 2px !important;
  color: #3c5c7c;
}
.titre-tache {
  background: #cf0404 !important;
  /* Old browsers */
  background: -moz-linear-gradient(left, #cf0404 0%, #ff3019 99%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cf0404 0%, #ff3019 99%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #cf0404 0%, #ff3019 99%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404', endColorstr='#ff3019', GradientType=1) !important;
  /* IE6-9 */

}
.notif-module {
  color: white !important;
  /*font-size: 30px !important;*/
  margin-top: 8px !important;
}
.carousel-indicators .active {
  background-color: #d9eb73;
}
.carousel-indicators li {
  border: 1px solid #d9eb73 !important;
}
.carousel ol {
  display: none !important;
}
/* Récupérer les couleurs du theme */

.signup-background-color-main {
  background-color: #b9cc47;
}
.signup-color-main {
  color: #b9cc47;
}
.signup_color-second {
  background-color: #d9eb73;
}
.footer-color {
  background-color: #d9eb73;
}
.footer-color-for-text {
  color: #d9eb73 !important;
}
.netEvalMenuBAr {
  background-color: #b9cc47;
  padding: 10px;
  margin-bottom: 10px;
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.signup-modal-header-blockModal {
  background-color: #b9cc47 !important;
}
.Button-modal-eval-color {
  background-color: #b9cc47 !important;
  /*color: @skin-color-main !important;*/

}
/* Suppression des bordures */

.no-border {
  border: none !important;
}
.btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.btn-container button {
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
}
/*#endregion*/

/*#region Custom button for Custom template & Template */

/*btn-custom-document*/

.btn-custom-document {
  border: 2px solid #046287;
  display: block !important;
  margin: 2px;
  border-radius: 5px !important;
  position: relative !important;
  padding: 3px !important;
  color: #046287;
  top: -5px !important;
  margin-bottom: -7px !important;
}
.btn-custom-document:hover {
  font-weight: bold !important;
  cursor: pointer !important;
}
.icon-btn-custom {
  position: absolute;
  right: -11px !important;
  top: 1.5px;
  color: #046287;
  border: 1px solid #046287;
  background-color: white;
  border-radius: 50% !important;
  width: 20px;
  height: 20px;
  padding: 0px 1px 1px 1px;
}
.red-custom {
  /*color: #D9534F !important;
    border-color: #D9534F !important;*/
  color: black !important;
  border-color: black !important;
}
.red-custom .icon-btn-custom {
  /*background-color: #D9534F !important;*/
  background-color: black !important;
  color: white !important;
  /*border-color: #D9534F !important;*/
  border-color: black !important;
  padding: 1px 1px 1px 2px !important;
}
.btn-ico-round {
  border-radius: 25px !important;
  border: 0px !important;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-ico-round + .btn-ico-round,
.btn-ico-round + .tooltip + .btn-ico-round {
  margin-left: 1rem;
}
/*#endregion*/

input {
  font-size: 12px !important;
}
/** Visionneuse d'image **/

.view-fullscreen {
  position: fixed;
  z-index: 9000;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #323639;
}
.img-fullscreen-container {
  padding: 0px 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.closeFullScreen {
  position: absolute;
  top: 15px;
  right: 20px;
}
.closeFullScreen i {
  color: white;
  font-size: 1.4rem;
}
/*#region ng-dialog - synthese de tout les styles appliquées - FORM\Templates\Modal... & Catalogue\Templates\Modal... */

/*Permet aux ng-dialog d'etre superposé au menu du haut ainsi que le dnn menu */

.ngdialog {
  z-index: 1002 !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.ngdialog-overlay {
  cursor: default;
}
/*.ngdialog {
    overflow: hidden !important;
}*/

.ngdialog.ngdialog-theme-default .modal-body {
  background-color: white;
}
/*.ngdialog-overlay {
    z-index: 600;
}*/

/*.ngdialog-overlay {
    z-index: 907 !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    z-index: 908 !important;
}*/

/**/
/*.ngdialog.ngdialog-theme-default .ngdialog-content {
    min-width: 10% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 40% !important;
    min-width: 40% !important;
}
        .signup-ngdialog-theme .ngdialog-content{
        max-width: 85% !important;
    }
.ngdialog.ngdialog-theme-default .ngdialog-content {
    min-width: 20% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    max-width: 100vw !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 450px;
    padding: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    height: auto !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    height: 800px !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    height: auto !important;
    min-width: 60% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    min-width: 70% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
    max-width: 500px !important;
.signup-ngdialog-theme .ngdialog-content {
        max-width: 50% !important;
    }
      .signup-ngdialog-theme .ngdialog-content{
        max-width:75%!important;
    } 
     .ngdialog {
        overflow-y: hidden !important;
    }
    .ngdialog-content {
        min-width: 50% !important;
    }
    
    .ngdialog {
        overflow-y: scroll !important;
    }
}
*/

.custom-dialog-mobile {
  height: 100vh;
  max-width: 100vw;
  padding: 0px !important;
}
.custom-dialog-mobile .ngdialog-content {
  min-width: 320px;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 500px !important;
  border-radius: 10px !important;
}
.custom-dialog-mobile .custom-dialog-header {
  width: 100%;
  font-size: 1.6rem;
  border-bottom: 1px solid grey;
  margin-bottom: 1rem;
  background-color: #b9cc47 !important;
  padding: 20px 1rem;
  border-radius: 10px 10px 0px 0px !important;
}
.custom-dialog-mobile .custom-dialog-header .dialog-title {
  color: white;
  margin: 0px;
}
.custom-dialog-mobile .custom-dialog-body {
  padding: 0px 1rem;
}
.custom-dialog-mobile .ngdialog-close::before {
  color: white !important;
  height: 30px !important;
  line-height: 30px !important;
}
#modalBackdropConnexion.modal-backdrop {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 25;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */

}
#modalBackdropConnexion .modal {
  display: block;
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888888;
  width: 400px;
  max-width: 80%;
  height: fit-content;
  max-height: 200px;
  border-radius: 7.5px;
}
#modalBackdropConnexion .modal-header {
  align-items: center;
}
#modalBackdropConnexion .modal-header h4 {
  margin: 0px;
  color: white;
}
#modalBackdropConnexion .modal-content {
  padding: 1rem;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  flex-direction: initial;
}
#modalBackdropConnexion .action-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-items: center;
}
#modalBackdropConnexion .action-container .btn,
#modalBackdropConnexion .action-container a {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  height: 35px;
  width: fit-content;
}
#modalBackdropConnexion .action-container #btnClose i {
  font-weight: 600;
  font-size: 1.5rem;
  color: white;
}
#modalBackdropConnexion .logout::after,
#modalBackdropConnexion #btnClose::after {
  content: "";
  width: 15px;
}
#modalBackdropConnexion .action-container .btn.logout,
#modalBackdropConnexion .action-container #btnClose {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 1.2rem !important;
  width: 150px;
}
#modalBackdropConnexion .logout::before,
#modalBackdropConnexion #btnClose i {
  margin: 0px 5px;
}
#modalBackdropConnexion .modal .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-shadow: unset;
  opacity: 1;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.TopBar .modal-header {
  border-bottom: 1px solid grey;
  background-color: #b9cc47 !important;
}
/*#endregion*/

/*#region alert-popup - synthese de tout les styles appliqués -  FORM\Templates\Modal... & ABSENCE\Templates\Modal...  & EAA\Templates\Modal... & VM\Templates\Modal..& TemplateCustom\...\Modal... & Syntheses\Templates\Modal...
                                                                  ParametrageTemplate\Templates\MODALES\... & Notifications\Templates\...
*/

.alert-popup {
  position: relative;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 5px;
  z-index: 999 !important;
  bottom: -10px;
  /*Shadow*/
  -webkit-box-shadow: -1px 1px 37px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 1px 37px -1px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 1px 37px -1px rgba(0, 0, 0, 0.3);
}
.container-editor .alert-popup {
  bottom: -6px;
}
.alert-popup:after,
.alert-popup:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.alert-popup:after {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: white;
  border-width: 15px;
  margin-left: -12px;
}
.alert-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-width: 16.1px;
  margin-left: -13px;
}
/*#endregion*/

/*#region CUSTOM TEMPLATE BUILDER */

/*CSS des flèches suivantes ou précédentes*/

#TemplateButtonPrec {
  background-color: transparent !important;
  color: #b9cc47 !important;
  font-size: 25px !important;
}
#TemplateButtonSuiv {
  background-color: transparent !important;
  color: #b9cc47 !important;
  font-size: 25px !important;
}
#TemplateButtonPrecContent {
  min-height: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
  position: absolute !important;
  /*top: 55% !important;*/
  left: -10px !important;
  padding: 0px !important;
  margin-right: 0px !important;
  opacity: 0.8 !important;
  z-index: 500 !important;
  line-height: unset !important;
}
#TemplateButtonSuivContent {
  min-height: 50px !important;
  height: 50px !important;
  /*min-width: 50px !important;
    width: 50px !important;*/
  position: fixed !important;
  top: 55% !important;
  right: 0px !important;
  padding: 0px !important;
  margin-right: 0px !important;
  opacity: 0.8 !important;
  z-index: 500 !important;
  line-height: unset !important;
  border-color: none !important;
}
#TemplateButtonPrecContent button {
  border-color: transparent !important;
}
#TemplateButtonSuivContent button {
  border-color: transparent !important;
}
#TemplateButtonPrecContent:hover {
  opacity: 1 !important;
}
#TemplateButtonSuivContent:hover {
  opacity: 1 !important;
}
/*CSS du menu*/

.TemplateMenuItems {
  color: #b9cc47;
  text-decoration: none !important;
  padding-top: 23px;
  text-align: center !important;
  vertical-align: middle !important;
  margin-right: 0px !important;
}
.TemplateMenuItemsActif {
  border-left: 1px solid lightgray;
  border-radius: 10px 10px 0px 0px;
  border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
  font-weight: bold !important;
}
.TemplateMenuUl .TemplateMenuItemsActif,
.TemplateMenuUl .TemplateMenuItemsActif:hover {
  border-bottom: 0px solid transparent !important;
}
.TemplateMenuUl .TemplateMenuItemsActif:hover {
  background-color: initial;
}
.TemplateMenuUl li:hover {
  border-bottom: 2px solid #b9cc47 !important;
  background-color: #f3f3f3;
  cursor: pointer;
  border-radius: 10px 10px 0px 0px;
}
.TemplateMenuUl li:hover {
  border-bottom: 2px solid #b9cc47 !important;
  cursor: pointer;
  opacity: 0.9;
}
.TemplateMenuUl li:hover {
  border-bottom: 2px solid #b9cc47 !important;
  /*    background-color: #f3f3f3;
*/
  cursor: pointer;
  border-radius: 10px 10px 0px 0px;
}
.TemplateMenuUl li a:hover,
a:active,
a:visited {
  text-decoration: none !important;
}
.TemplateMenuUl li {
  float: left !important;
  display: block !important;
  padding: 0px !important;
  text-align: center !important;
  vertical-align: middle !important;
  height: 50px;
  border-bottom: 1px solid #b9cc47;
}
.TemplateMenuUl {
  display: block !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
}
.menuTemplateInner {
  clear: both;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#TemplateGroupStyle {
  /*padding: 5px !important;*/
  border-radius: 0 0 10px 10px;
  background-color: rgba(185, 204, 71, 0.05);
}
/* Media queries pour la gestion personnalisé de la responsivité du menu */

@media (min-width: 576px) {
  .TemplateMenuUl li {
    height: 90px !important;
  }
}
@media (min-width: 768px) {
  .TemplateMenuUl li {
    height: 90px !important;
  }
}
@media (min-width: 992px) {
  .TemplateMenuUl li {
    height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .TemplateMenuUl li {
    height: 60px !important;
  }
}
/* Alignement vertical pour tous les navigateurs */

.vertically_aligned {
  /* older webkit */
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-justify-content: center;
  /* older firefox */
  display: -moz-box;
  -moz-box-align: center;
  -moz-box-pack: center;
  /* IE10*/
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  /* newer webkit */
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
  display: flex;
  align-items: center;
  justify-content: center;
}
/*#endregion*/

/*#region FIL D'ARIANE*/

.fil {
  /*centering*/
  display: inline-block;
  border-radius: 5px;
  counter-reset: flag;
}
.firstElement {
  float: left !important;
  margin-right: 10px;
}
.firstElement a {
  text-decoration: none !important;
  list-style: none !important;
  cursor: pointer;
  float: left !important;
  padding-right: 10px;
}
.fil a:before {
  content: '\e080';
  position: relative;
  top: 1px !important;
  left: -10px;
  /*z-index: 9998 !important;*/
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  width: 40px;
  padding-left: 3px;
}
.firstElement a:after {
  content: '' !important;
}
.firstElement a:before {
  content: '' !important;
}
.fil .active {
  float: left !important;
}
.fil a {
  text-decoration: none !important;
  list-style: none !important;
  float: left !important;
  padding-right: 10px;
}
/*#endregion*/

/*#region Planning*/

.legend-title {
  font-size: 14px;
  color: white;
  border-bottom: 1px solid #949597;
  padding: 1rem 1.5rem;
  background-color: #b9cc47 !important;
}
.planning-ico {
  width: 100px;
  height: 90px;
}
.planning-ico:hover {
  cursor: pointer;
}
.planning-ico path {
  fill: #b9cc47 !important;
}
.dropdown-custom button,
.dropdown-custom button.btn-secondary:hover,
.dropdown-custom .btn:active,
.dropdown-custom .btn:focus,
.dropdown-custom .btn:focus-visible,
.dropdown-custom button i {
  color: #b9cc47 !important;
}
.activ-planning-type,
.activ-planning-type:hover,
.activ-type::after,
.date-nav .input-group-btn button i,
.lds-ellipsis div {
  background-color: #b9cc47 !important;
}
#espaceManager #Planning tr.separator-team:hover:hover,
.separator-team {
  background-color: #b9cc47 !important;
}
/*#endregion*/

/************************************/

/***        STAR RATING          ****/

/************************************/

.star-rating {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.star-rating .star {
  padding: 1px;
  color: #dddddd;
  text-shadow: 0.05em 0.05em #aaaaaa;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
}
.star-rating .star.filled {
  color: #b9cc47;
}
.star-rating.readonly .star.filled {
  color: #666666;
}
.starReset {
  padding: 1px 5px 1px 1px;
  color: #666666;
  text-shadow: 0.05em 0.05em #aaaaaa;
  cursor: pointer;
}
.img {
  pointer-events: none !important;
}
p {
  font-weight: initial;
}
/*Alerte personnalisée*/

.custom-alert-sign {
  color: white !important;
  background-color: #b9cc47 !important;
  border-color: #b9cc47 !important;
}
.alert-perso {
  padding: 15px !important;
}
/************************************/

/***    Quill EDITEUR   ****/

/************************************/

.editeur-signup {
  margin-bottom: 20px;
}
.ql-align-center {
  text-align: center !important;
}
.ql-align-justify {
  text-align: justify !important;
}
.ql-align-left {
  text-align: left !important;
}
.ql-align-right {
  text-align: right !important;
}
.form-group p span {
  font-weight: normal !important;
}
.container-editor {
  margin-bottom: 10px;
  margin-top: 10px;
}
ul li {
  padding-left: 5px !important;
}
.form-group {
  /*Propositon espacement - ajout en commentaire min-height*/
  margin: 0px !important;
  padding: 0.5rem 0px !important;
  /*min-height:34px!important;*/

}
.form-horizontal .control-label {
  padding: 0px !important;
}
select.input-sm {
  line-height: 25px !important;
}
select.input-sm,
select.form-control:not([size]):not([multiple]),
.dateWidth input[type=number] {
  height: 26px !important;
}
.input-xs {
  height: 25px !important;
}
.switch-info {
  width: 20% !important;
}
/************************************/

/***    Messages info net'Eval   ****/

/************************************/

/************************************/

/***    Custom height bootstrap/Signup modales   ****/

/************************************/

.tags-input .tags {
  height: 25px !important;
}
.tags-input .tags.focus {
  z-index: 999 !important;
}
.tags-input .tags.focus {
  z-index: 999 !important;
}
.modal-body .input-group {
  max-width: 100px;
}
/*RESET ALL CSS*/

select {
  font-size: 12px !important;
}
button {
  font-size: 12px !important;
}
input-sm {
  font-size: 12px !important;
}
.alert {
  font-size: 12px !important;
}
.modal-body .autocomplete {
  position: relative !important;
  z-index: 10000000 !important;
  top: 0px !important;
  left: 0px !important;
  /*margin-bottom: -300px;*/

}
.dropdown {
  display: block !important;
}
.no-scroll {
  overflow-y: hidden;
}
.lireSuite {
  text-decoration: none !important;
  color: rgba(0, 0, 0, 0.8) !important;
}
.lireSuite:hover {
  color: black !important;
}
.dropdown-toggle::after {
  display: none;
}
/************************************/

/***    SEPARATEUR DEF           ****/

/************************************/

hr {
  height: 1px !important;
  color: #d8d8d8 !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-bottom: 1px solid #d8d8d8 !important;
  /*Proposition espacement - mb de 5px à margin 5px 0px*/
  /*margin-bottom: 5px !important;
    margin-top: 0px !important;*/
  clear: both;
  margin: 2.5px 0px !important;
  /*padding-top: 4px !important;*/

}
/* fix placement of icon in input*/

.form-control-feedback {
  top: 10px !important;
}
/*** Custom Checkboxes START ***/

.hidden {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/****** FACTORY ******/
/*#region checkBox*/

/* checkbox */

@font-face {
  font-family: "ui-checkbox";
  src: url(data:font/opentype;base64,OAUAAIQEAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAQVm5IgAAAAAAAAAAAAAAAAAAAAAAABYAdQBpAC0AYwBoAGUAYwBrAGIAbwB4AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHUAaQAtAGMAaABlAGMAawBiAG8AeAAAAAAAAAEAAAALAIAAAwAwT1MvMg8SAjoAAAC8AAAAYGNtYXAaRsynAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZvCibg8AAAF4AAAAmGhlYWQJG1ehAAACEAAAADZoaGVhBw0DxgAAAkgAAAAkaG10eAoAALkAAAJsAAAAFGxvY2EAKABgAAACgAAAAAxtYXhwAAcAHAAAAowAAAAgbmFtZVloyOcAAAKsAAABtnBvc3QAAwAAAAAEZAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg5hD//f//AAAAAAAg5hD//f//AAH/4xn0AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALkAZwNLAygAGQAAJSImLwEmNjc2Fh8BAT4BFx4BBwEOASMqATEBqREeCrcSCBgXOxJ4AS8POhkZDhD+mgkeEgECZw4O8hc7ERIIF58B5hkNEA86Gf3CDxIAAAEAAAABAAAiuVlBXw889QALBAAAAAAA01kJvgAAAADTWQm+AAAAAANLAygAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA0sAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAuQAAAAAACgAUAB4ATAABAAAABQAaAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4dWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4UmVndWxhcgBSAGUAZwB1AGwAYQBydWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('embedded-opentype'), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SAjoAAAC8AAAAYGNtYXAaRsynAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZvCibg8AAAF4AAAAmGhlYWQJG1ehAAACEAAAADZoaGVhBw0DxgAAAkgAAAAkaG10eAoAALkAAAJsAAAAFGxvY2EAKABgAAACgAAAAAxtYXhwAAcAHAAAAowAAAAgbmFtZVloyOcAAAKsAAABtnBvc3QAAwAAAAAEZAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg5hD//f//AAAAAAAg5hD//f//AAH/4xn0AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALkAZwNLAygAGQAAJSImLwEmNjc2Fh8BAT4BFx4BBwEOASMqATEBqREeCrcSCBgXOxJ4AS8POhkZDhD+mgkeEgECZw4O8hc7ERIIF58B5hkNEA86Gf3CDxIAAAEAAAABAAAiuVlBXw889QALBAAAAAAA01kJvgAAAADTWQm+AAAAAANLAygAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA0sAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAuQAAAAAACgAUAB4ATAABAAAABQAaAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4dWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4UmVndWxhcgBSAGUAZwB1AGwAYQBydWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype');
}
.ui-checkbox:before,
.ui-checkbox-after:after {
  content: "\e610";
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-radius: .1875em;
  font-style: normal;
  font-weight: normal;
  font-family: ui-checkbox;
  vertical-align: middle;
  text-align: center;
  transition: all .2s linear;
  cursor: pointer;
  color: #dddddd;
  text-shadow: 0 0 0 #dddddd;
  background-color: #dddddd;
  width: 1.25em;
  height: 1.25em;
  font-size: 0.9em;
  line-height: 1.25em;
}
/* checkbox-rounded */

.ui-checkbox-rounded:before,
.ui-checkbox-rounded-after:after {
  border-radius: 50%;
  width: 1.407em;
  height: 1.407em;
  font-size: 0.889em;
  line-height: 1.407em;
}
/* checkbox:checked */

.ui-checkbox-checked:before,
.ui-checkbox-checked-after:after,
input[type=checkbox]:checked + .ui-checkbox:before,
input[type=radio]:checked + .ui-checkbox:before,
input[type=checkbox]:checked + .ui-checkbox-after:after,
input[type=radio]:checked + .ui-checkbox-after:after {
  color: white;
  text-shadow: 0 0 0 white;
  background-color: #b9cc47;
}
/* checkbox:indeterminate */

.ui-checkbox-indeterminate:before,
.ui-checkbox-indeterminate-after:after,
input[type=checkbox]:indeterminate + .ui-checkbox:before,
input[type=checkbox]:indeterminate + .ui-checkbox-after:after {
  color: white;
  text-shadow: 0 0 0 white;
  background-color: #b9cc47;
  content: "?";
  font-family: sans-serif, arial;
  font-weight: bold;
}
/* checkbox:disabled */

.ui-checkbox-disabled:before,
.ui-checkbox-disabled-after:after,
input[type=checkbox]:disabled + .ui-checkbox:before,
input[type=radio]:disabled + .ui-checkbox:before,
input[type=checkbox]:disabled + .ui-checkbox-after:after,
input[type=radio]:disabled + .ui-checkbox-after:after {
  color: #dddddd;
  text-shadow: 0 0 0 #dddddd;
  background-color: #dddddd;
}
/* checkbox:checked:disabled */

.ui-checkbox-checked.ui-checkbox-disabled:before,
.ui-checkbox-checked-after.ui-checkbox-disabled-after:after,
input[type=checkbox]:checked:disabled + .ui-checkbox:before,
input[type=radio]:checked:disabled + .ui-checkbox:before,
input[type=checkbox]:checked:disabled + .ui-checkbox-after:after,
input[type=radio]:checked:disabled + .ui-checkbox-after:after {
  color: white;
  text-shadow: 0 0 0 white;
  background-color: #dddddd;
}
/* checkbox:invalid */

.ui-checkbox-invalid:before,
.ui-checkbox-invalid-after:after,
.ui-validation input[type=checkbox]:invalid + .ui-checkbox:before,
.ui-validation input[type=radio]:invalid + .ui-checkbox:before,
.ui-validation input[type=checkbox]:invalid + .ui-checkbox-after:after,
.ui-validation input[type=radio]:invalid + .ui-checkbox-after:after {
  color: #f6bfbf;
  text-shadow: 0 0 0 #f6bfbf;
  background-color: #f6bfbf;
}
/* checkbox:checked:invalid */

.ui-checkbox-checked.ui-checkbox-invalid:before,
.ui-checkbox-checked-after.ui-checkbox-invalid-after:after,
.ui-validation input[type=checkbox]:checked:invalid + .ui-checkbox:before,
.ui-validation input[type=radio]:checked:invalid + .ui-checkbox:before,
.ui-validation input[type=checkbox]:checked:invalid + .ui-checkbox-after:after,
.ui-validation input[type=radio]:checked:invalid + .ui-checkbox-after:after {
  color: #fff1f1;
  text-shadow: 0 0 0 #fff1f1;
  background-color: #f6bfbf;
}
/* radio */

.ui-radio:before,
.ui-radio-after:after {
  content: "";
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0 solid;
  vertical-align: middle;
  transition: all .2s linear;
  cursor: pointer;
  background-color: white;
  border-color: #86c858;
  box-shadow: inset 0 0 0 0.125em white;
  width: 1.25em;
  height: 1.25em;
  border-width: 0.125em;
}
/* radio:checked */

.ui-radio-checked:before,
.ui-radio-checked-after:after,
input[type=checkbox]:checked + .ui-radio:before,
input[type=radio]:checked + .ui-radio:before,
input[type=checkbox]:checked + .ui-radio-after:after,
input[type=radio]:checked + .ui-radio-after:after {
  background-color: #86c858;
  border-color: #86c858;
  box-shadow: inset 0 0 0 0.125em white;
}
/* radio:disabled */

.ui-radio-disabled:before,
.ui-radio-disabled-after:after,
input[type=checkbox]:disabled + .ui-radio:before,
input[type=radio]:disabled + .ui-radio:before,
input[type=checkbox]:disabled + .ui-radio-after:after,
input[type=radio]:disabled + .ui-radio-after:after {
  background-color: white;
  border-color: #dddddd;
  box-shadow: inset 0 0 0 0.125em white;
}
/* radio:checked:disabled */

.ui-radio-checked.ui-radio-disabled:before,
.ui-radio-checked-after.ui-radio-disabled-after:after,
input[type=checkbox]:checked:disabled + .ui-radio:before,
input[type=radio]:checked:disabled + .ui-radio:before,
input[type=checkbox]:checked:disabled + .ui-radio-after:after,
input[type=radio]:checked:disabled + .ui-radio-after:after {
  background-color: #dddddd;
  border-color: #dddddd;
  box-shadow: inset 0 0 0 0.125em white;
}
/* radio:invalid */

.ui-radio-invalid:before,
.ui-radio-invalid-after:after,
.ui-validation input[type=checkbox]:invalid + .ui-radio:before,
.ui-validation input[type=radio]:invalid + .ui-radio:before,
.ui-validation input[type=checkbox]:invalid + .ui-radio-after:after,
.ui-validation input[type=radio]:invalid + .ui-radio-after:after {
  background-color: #fff1f1;
  border-color: #f6bfbf;
  box-shadow: inset 0 0 0 0.125em #fff1f1;
}
/* radio:checked:invalid */

.ui-radio-checked.ui-radio-invalid:before,
.ui-radio-checked-after.ui-radio-invalid-after:after,
.ui-validation input[type=checkbox]:checked:invalid + .ui-radio:before,
.ui-validation input[type=radio]:checked:invalid + .ui-radio:before,
.ui-validation input[type=checkbox]:checked:invalid + .ui-radio-after:after,
.ui-validation input[type=radio]:checked:invalid + .ui-radio-after:after {
  background-color: #f6bfbf;
  border-color: #f6bfbf;
  box-shadow: inset 0 0 0 0.125em #fff1f1;
}
/*Eviter les regrassion avec les classe QUILL*/

#menuchrono li:before {
  text-align: center !important;
}
.MultiColor-bg {
  background-color: white !important;
}
.modal-body .dropdown-menu li {
  list-style-type: none !important;
  list-style: none !important;
}
.modal-body li {
  list-style-type: disc !important;
  list-style: circle !important;
}
.border-container-head {
  padding: 0px 15px;
}
.multiselect-parent {
  width: 100%;
}
.multiselect-parent .dropdown-toggle {
  width: 100%;
}
.multiselect-parent .dropdown-menu {
  width: 100%;
}
/*Affichage */

.dropdown-up ul {
  bottom: 100% !important;
  top: initial !important;
}
.date-dropdown-up .uib-datepicker-popup {
  bottom: 100% !important;
  top: initial !important;
}
/*#endregion*/

/*** NG DIALOG ***/

div.signup-modal-header-primary {
  background-color: #b9cc47;
}
.modalsplit {
  margin-left: 30px !important;
  margin-top: 30px !important;
}
.modal-dialog.modal-lg {
  margin: 250px auto 0px;
}
.modal-dialog.modal-md {
  margin: 10% auto !important;
}
.modal-dialog.modal-sm {
  margin: 20% auto;
}
.modal-dialog.modal-sm .modal-content {
  border-radius: 6px;
}
@media (min-width: 576px) {
  .modal-dialog.modal-sm {
    max-width: 400px;
  }
}
/*#region MODALES SIGNUP*/

.modal-footer .btn {
  margin-left: 0px !important;
}
.ngdialog-content .modal-footer {
  background-color: white !important;
  border: none !important;
}
.ngdialog-content .modal-header {
  background-color: white !important;
  border: none !important;
  padding: 0px;
  /*    padding-left: 0.8em !important;
    padding-right: 0.8em !important;*/

}
.ngdialog-content .modal-title {
  color: #b9cc47 !important;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  padding: 0.5em;
  border-bottom: rgba(185, 204, 71, 0.2) 1px solid !important;
  border-width: 1px !important;
  width: 100% !important;
}
.ngdialog-content {
  border-radius: 0px !important;
}
.ngdialog-content .modal-footer .btn-primary {
  border: none !important;
  background-color: transparent !important;
  color: rgba(185, 204, 71, 0.8) !important;
  border-left: #777777 1px solid;
  position: relative !important;
}
.ngdialog-content .modal-footer .btn-primary:before {
  content: " ";
  height: 14px !important;
  width: 0.1px !important;
  border-left: #005f85 1px solid;
  top: 6px !important;
  left: -3px !important;
  position: absolute !important;
}
.ngdialog-content .modal-footer .btn-primary:hover {
  color: #b9cc47 !important;
}
.ngdialog-content .modal-footer .btn-warning {
  border: none !important;
  background-color: transparent !important;
  color: rgba(240, 173, 78, 0.8) !important;
  border-left: #777777 1px solid;
  position: relative !important;
}
.ngdialog-content .modal-footer .btn-warning::before {
  content: " ";
  height: 14px !important;
  width: 0.1px !important;
  border-left: #f0ad4e 1px solid;
  top: 6px !important;
  left: -3px !important;
  position: absolute !important;
}
.ngdialog-content .modal-footer .btn-warning:hover {
  color: #f0ad4e !important;
}
.ngdialog-content .modal-footer .btn:focus {
  border: none !important;
  outline-color: transparent !important;
}
.ngdialog-content .modal-footer .btn-default {
  border: none !important;
  background-color: transparent !important;
  color: #777777 !important;
}
.ngdialog-close::before {
  color: white !important;
  top: 15px !important;
  right: 15px !important;
}
.ngdialog-close::before:hover {
  color: #b9cc47 !important;
}
.ngdialog-content .modal-footer .btn-success {
  border: none !important;
  background-color: transparent !important;
  color: rgba(40, 167, 69, 0.8) !important;
  border-left: #777777 1px solid;
  position: relative !important;
}
.ngdialog-content .modal-footer .btn-success:before {
  content: " ";
  height: 14px !important;
  width: 0.1px !important;
  border-left: #777777 1px solid;
  top: 6px !important;
  left: -3px !important;
  position: absolute !important;
}
/*article .container-fluid .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}*/

.modal-size-custom {
  max-width: 1300px !important;
}
/* Surcharge container.css */

.Container006 .contentpane {
  padding: 0px !important;
}
/*MODE PLEIN ÉCRAN MODALE*/

.full-screen-modale {
  padding: 1em 20em 0em 20em !important;
  overflow: auto;
  height: 100% !important;
  min-height: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
@media (max-width: 1270px) {
  .full-screen-modale {
    padding: 5em 5em 0em 5em !important;
  }
}
.main-full-screen-modale {
  padding: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.main-full-screen-modale .modal-footer {
  margin-top: 2em !important;
  padding-bottom: 2em !important;
}
.ngdialog-content form {
  overflow-x: visible !important;
}
/*#endregion*/

/*#region TOGGLE */

/*switch-toggle*/

.switch-toggle {
  background: white;
  border: 1px solid #dfdfdf;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 42px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  top: -1px;
}
/*adding a wide width for larger switch-toggle text*/

.switch-toggle.wide {
  width: 80px;
}
.switch-toggle small {
  background: white;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
}
.switch-toggle.checked {
  background: #b9cc47;
  border-color: #b9cc47;
}
.switch-toggle.checked small {
  left: 22px;
}
/*wider switch-toggle text moves small further to the right*/

.switch-toggle.wide.checked small {
  left: 52px;
}
/*Switch-toggle-text*/

.switch-toggle .switch-toggle-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.switch-toggle .off {
  display: block;
  position: absolute;
  right: 10%;
  top: 25%;
  z-index: 0;
  color: darkgray;
}
.switch-toggle .on {
  display: none;
  z-index: 0;
  color: white;
  position: absolute;
  top: 25%;
  left: 9%;
}
.switch-toggle.checked .off {
  display: none;
}
.switch-toggle.checked .on {
  display: block;
}
.switch-toggle.disabled {
  opacity: .50;
  cursor: not-allowed;
}
.ats-switch {
  overflow: hidden !important;
}
/*#endregion*/

/*#region CUSTOM BOOSTRAP 4*/

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}
/*#endregion*/

/* // CSS for I.E
    @media all {
    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: block !important;
    }
    }*/

.menu-inner,
.input-group .form-control,
.event {
  z-index: 1 !important;
}
.dx-datebox-wrapper-calendar,
.dx-selectbox-popup-wrapper {
  width: 100% !important;
  height: 100% !important;
  z-index: 1504 !important;
}
.alert-error-instance {
  background-color: #fef5e1 !important;
  color: red !important;
}
li::marker {
  content: none !important;
}
.input-hidden-scrollable {
  display: inline;
  visibility: hidden;
  width: 0px;
}
/* PALETTE COULEURS */

.signup-custom-bgcolor0 {
  background-color: #1a81ad;
}
.signup-custom-bgcolor1 {
  background-color: #55437e;
}
.signup-custom-bgcolor2 {
  background-color: #b84c5a;
}
.signup-custom-bgcolor3 {
  background-color: #a65939;
}
.signup-custom-bgcolor4 {
  background-color: #965b23;
}
.signup-custom-bgcolor5 {
  background-color: #3c7c4e;
}
.signup-custom-bgcolor6 {
  background-color: #2d7e67;
}
.signup-custom-bgcolor7 {
  background-color: #377d87;
}
.signup-custom-bgcolor8 {
  background-color: #b47a5a;
}
.signup-custom-bgcolor9 {
  background-color: #846b66;
}
.signup-custom-color0 {
  color: #1a81ad;
}
.signup-custom-color1 {
  color: #55437e;
}
.signup-custom-color2 {
  color: #b84c5a;
}
.signup-custom-color3 {
  color: #a65939;
}
.signup-custom-color4 {
  color: #965b23;
}
.signup-custom-color5 {
  color: #3c7c4e;
}
.signup-custom-color6 {
  color: #2d7e67;
}
.signup-custom-color7 {
  color: #377d87;
}
.signup-custom-color8 {
  color: #b47a5a;
}
.signup-custom-color9 {
  color: #846b66;
}
.signup-custom-olcolor0 {
  color: #1a81ad;
}
.signup-custom-olcolor1 {
  color: #55437e;
}
.signup-custom-olcolor2 {
  color: #b84c5a;
}
.signup-custom-olcolor3 {
  color: #a65939;
}
.signup-custom-olcolor4 {
  color: #965b23;
}
.signup-custom-olcolor5 {
  color: #3c7c4e;
}
.signup-custom-olcolor6 {
  color: #2d7e67;
}
.signup-custom-olcolor7 {
  color: #377d87;
}
.signup-custom-olcolor8 {
  color: #b47a5a;
}
.signup-custom-olcolor9 {
  color: #846b66;
}
/* FIN PALETTE COULEURS*/