@charset "UTF-8";
@font-face {
  font-family: "Safenergy-Icons";
  src: url("../fonts/safenergy-icons/Safenergy-Icons.eot?2hqsgs");
  src: url("../fonts/safenergy-icons/Safenergy-Icons.eot?2hqsgs#iefix") format("embedded-opentype"), url("../fonts/safenergy-icons/Safenergy-Icons.ttf?2hqsgs") format("truetype"), url("../fonts/safenergy-icons/Safenergy-Icons.woff?2hqsgs") format("woff"), url("../fonts/safenergy-icons/Safenergy-Icons.svg?2hqsgs#Safenergy-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Safenergy-Icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Safenergy---Contact-multiple:before {
  content: "";
}

.icon-Safenergy---Envoi-notif-email:before {
  content: "";
}

.icon-Safenergy---Nouveau-contact:before {
  content: "";
}

.icon-Safenergy---Parametres-contact:before {
  content: "";
}

.icon-Safenergy---Signer:before {
  content: "";
}

.icon-Safenergy---Supprimer-contact:before {
  content: "";
}

.icon-Safenergy---Reference:before {
  content: "";
}

.icon-Safenergy---Categories:before {
  content: "";
}

.icon-Safenergy---Points-daction:before {
  content: "";
}

.icon-Safenergy---Nom:before {
  content: "";
}

.icon-Safenergy---Document-Reference:before {
  content: "";
}

.icon-Action-point:before {
  content: "";
}

.icon-Safenergy---Admin:before {
  content: "";
}

.icon-Attached-file:before {
  content: "";
}

.icon-Changer-projet:before {
  content: "";
}

.icon-Commentaires:before {
  content: "";
}

.icon-Date-choisie:before {
  content: "";
}

.icon-Date:before {
  content: "";
}

.icon-Deconnexion:before {
  content: "";
}

.icon-Display-by-page:before {
  content: "";
}

.icon-Document-name:before {
  content: "";
}

.icon-Equipe:before {
  content: "";
}

.icon-Excel:before {
  content: "";
}

.icon-Heure:before {
  content: "";
}

.icon-Hotline:before {
  content: "";
}

.icon-Jour:before {
  content: "";
}

.icon-Menu-deroulant:before {
  content: "";
}

.icon-Menu-separator:before {
  content: "";
}

.icon-Modifier:before {
  content: "";
}

.icon-Non:before {
  content: "";
}

.icon-Oui:before {
  content: "";
}

.icon-Planifier:before {
  content: "";
}

.icon-Print:before {
  content: "";
}

.icon-Project:before {
  content: "";
}

.icon-Save:before {
  content: "";
}

.icon-Switch-mode:before {
  content: "";
}

.icon-Valider:before {
  content: "";
}

.fs-1 {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.purple-bg {
  background: #46475b !important;
}

.purple-color {
  color: #46475b !important;
}

.white-bg {
  background: white !important;
}

.white-color {
  color: white !important;
}

.ta-left {
  text-align: left !important;
}

#standard-loader, div.dataTables_wrapper div.dataTables_processing {
  margin: 0;
  position: fixed !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#standard-loader::after, div.dataTables_wrapper div.dataTables_processing::after {
  content: "";
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: #118dca;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

.p-none {
  padding: 0px !important;
}

.p-l-none, .p-h-none {
  padding-left: 0px !important;
}

.p-r-none, .p-h-none {
  padding-right: 0px !important;
}

.p-t-none, .p-v-none {
  padding-top: 0px !important;
}

.p-b-none, .p-v-none {
  padding-bottom: 0px !important;
}

.p-sm {
  padding: 5px !important;
}

.p-l-sm, .p-h-sm {
  padding-left: 5px !important;
}

.p-r-sm, .p-h-sm {
  padding-right: 5px !important;
}

.p-t-sm, .p-v-sm {
  padding-top: 5px !important;
}

.p-b-sm, .p-v-sm {
  padding-bottom: 5px !important;
}

.p-md {
  padding: 15px !important;
}

.p-l-md, .p-h-md {
  padding-left: 15px !important;
}

.p-r-md, .p-h-md {
  padding-right: 15px !important;
}

.p-t-md, .p-v-md {
  padding-top: 15px !important;
}

.p-b-md, .p-v-md {
  padding-bottom: 15px !important;
}

.p-lg {
  padding: 30px !important;
}

.p-l-lg, .p-h-lg {
  padding-left: 30px !important;
}

.p-r-lg, .p-h-lg {
  padding-right: 30px !important;
}

.p-t-lg, .p-v-lg {
  padding-top: 30px !important;
}

.p-b-lg, .p-v-lg {
  padding-bottom: 30px !important;
}

.p-xs {
  padding: 0px !important;
}

.p-l-xs, .p-h-xs {
  padding-left: 0px !important;
}

.p-r-xs, .p-h-xs {
  padding-right: 0px !important;
}

.p-t-xs, .p-v-xs {
  padding-top: 0px !important;
}

.p-b-xs, .p-v-xs {
  padding-bottom: 0px !important;
}

.m-none {
  margin: 0px !important;
}

.m-l-none, .m-h-none {
  margin-left: 0px !important;
}

.m-r-none, .m-h-none {
  margin-right: 0px !important;
}

.m-t-none, .m-v-none {
  margin-top: 0px !important;
}

.m-b-none, .m-v-none {
  margin-bottom: 0px !important;
}

.m-sm {
  margin: 5px !important;
}

.m-l-sm, .m-h-sm {
  margin-left: 5px !important;
}

.m-r-sm, .m-h-sm {
  margin-right: 5px !important;
}

.m-t-sm, .m-v-sm {
  margin-top: 5px !important;
}

.m-b-sm, .m-v-sm {
  margin-bottom: 5px !important;
}

.m-md {
  margin: 15px !important;
}

.m-l-md, .m-h-md {
  margin-left: 15px !important;
}

.m-r-md, .m-h-md {
  margin-right: 15px !important;
}

.m-t-md, .m-v-md {
  margin-top: 15px !important;
}

.m-b-md, .m-v-md {
  margin-bottom: 15px !important;
}

.m-lg {
  margin: 30px !important;
}

.m-l-lg, .m-h-lg {
  margin-left: 30px !important;
}

.m-r-lg, .m-h-lg {
  margin-right: 30px !important;
}

.m-t-lg, .m-v-lg {
  margin-top: 30px !important;
}

.m-b-lg, .m-v-lg {
  margin-bottom: 30px !important;
}

.m-xs {
  margin: 0px !important;
}

.m-l-xs, .m-h-xs {
  margin-left: 0px !important;
}

.m-r-xs, .m-h-xs {
  margin-right: 0px !important;
}

.m-t-xs, .m-v-xs {
  margin-top: 0px !important;
}

.m-b-xs, .m-v-xs {
  margin-bottom: 0px !important;
}

body {
  font-family: "Raleway", sans-serif !important;
  font-size: 12px !important;
}

.custom-btn-square {
  border-radius: 0;
  border: 0;
}

#container {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.26);
  border-radius: 0 !important;
}

#vue_haut {
  padding: 0;
}
#vue_haut #vue_haut_cont #logo_gauche {
  display: none !important;
}
#vue_haut #vue_haut_cont .haut_titre {
  padding-top: 60px;
  margin-left: 0 !important;
}
#vue_haut #vue_haut_cont .haut_titre a.logo_haut img {
  height: 150px;
  width: auto;
}
#vue_haut #vue_haut_cont .disconnect {
  padding: 12px 12px 0 0 !important;
  border-radius: 0;
  box-shadow: none;
}
#vue_haut #vue_haut_cont .disconnect .glyphicon::before {
  content: "";
}
#vue_haut #vue_haut_cont .disconnect .ordi {
  font-family: "Raleway", sans-serif !important;
}

#sep_haut {
  visibility: hidden;
}

#ariane {
  padding-top: 30px !important;
  padding-bottom: 17px !important;
  max-height: none !important;
  align-items: center;
  display: flex;
  margin-left: 0px !important;
  padding-left: 66px !important;
}
#ariane a.logo_haut img {
  width: auto;
  height: 150px;
}
#ariane .ariane-separator {
  margin: 0 15px 0 15px !important;
  font-size: 22px !important;
  font-weight: bold;
}
#ariane .ariane_element, #ariane .premier_element {
  padding-top: 12px;
  align-items: center;
  margin: 0 !important;
  width: 75px;
  max-width: 75px !important;
  height: 105px;
}
#ariane .ariane_element a img, #ariane .premier_element a img {
  width: 75px !important;
}
#ariane .haut_nom_partie {
  width: 100%;
  float: right;
  font-family: "Raleway", sans-serif !important;
  height: 30px;
  max-height: 30px;
}

#vue_bas {
  position: relative;
  height: 160px;
}
#vue_bas .bottomMenu {
  padding-top: 50px;
}
#vue_bas .bottomMenu .containerMenu a span {
  display: none;
}
#vue_bas .bottomMenu .containerMenu a div {
  font-size: 10px !important;
  font-weight: 900 !important;
}
#vue_bas #copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 16px;
  margin-right: 16px;
}

.haut_titre > h1:nth-child(1), #contenu_output > form:nth-child(1) > h3:nth-child(2), #version,
#versionDB, br, .filter-icip, #tools, .la_question, .la_question_avec_icone, .droite {
  display: none !important;
}

#sep_bas {
  display: none !important;
}

#sep_haut {
  margin-bottom: 30px;
}

#branche_client {
  width: 100% !important;
  display: block !important;
  text-align: center;
}
#branche_client #client_courant {
  float: none !important;
}

form fieldset div.champ, form fieldset div.treeStructure {
  margin-bottom: 0;
}
form fieldset div.champ .choice-branche-client, form fieldset div.treeStructure .choice-branche-client {
  margin-bottom: 8px;
  z-index: 0;
}
form fieldset div.champ label, form fieldset div.treeStructure label {
  display: none;
}
form fieldset div.champ div, form fieldset div.treeStructure div {
  border-radius: 0;
}
form fieldset #treeStructure .input {
  margin-bottom: 8px;
}
form fieldset #treeStructure .projectLevel {
  margin-bottom: 0;
}
form fieldset #validate {
  margin-bottom: 64px;
  border-radius: 0;
}

.category-print {
  display: none;
}

.homeMenu {
  display: none;
}

.homeContent {
  padding-top: 0 !important;
  width: 100% !important;
}

#output {
  padding: 0 5% 0 5% !important;
  margin-left: 66px;
  margin-right: 66px;
  margin-bottom: 16px px;
}
#output #contenu_output {
  min-height: 400px;
  padding-top: 15px;
  text-align: center;
}
#output #contenu_output h1 {
  padding-bottom: 30px;
}
#output #contenu_output .ligne_case .case .nom_case {
  margin-bottom: 0 !important;
}
#output #contenu_output .ligne_case .blockAccueil {
  width: 150px;
  margin-left: 29px;
}
#output #contenu_output .ligne_case .blockAccueil:last-child {
  margin-right: 0;
}

.topMenuButton {
  padding-top: 25px !important;
  text-align: center;
  width: 100% !important;
  position: relative;
  display: block;
}
.topMenuButton div {
  display: inline-block;
  margin-right: 10px;
}
.topMenuButton div a {
  align-items: center;
  line-height: 29px;
  height: 33px;
}
.topMenuButton div a .glyphicon {
  display: none;
}
.topMenuButton div a i[class^=fa] {
  display: none;
}
.topMenuButton div a i {
  vertical-align: middle;
}

.topMenuButton div.switchTo {
  display: none;
}

/* Overriding default check icon on checked answer */
.reponses_pattern input[type=radio]:checked + label .answerColorBlock:after,
.reponses_pattern input[type=checkbox]:checked + label .answerColorBlock:after {
  text-align: center !important;
}

.answerColorBlock {
  min-width: 50px;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

#contenu_output #renseignements h3 {
  margin-bottom: 18px;
}
#contenu_output #renseignements form > div[class^=btn], #contenu_output #renseignements form > a[class^=btn], #contenu_output #renseignements form > button[class^=btn] {
  margin-right: 10px;
  margin-bottom: 10px;
}
#contenu_output #renseignements form .end-btn-container {
  margin-top: 52px;
  padding-bottom: 65px;
}
#contenu_output #renseignements form .end-btn-container button, #contenu_output #renseignements form .end-btn-container div[class^=btn] {
  margin-right: 10px;
  margin-bottom: 10px;
}
#contenu_output #renseignements form .end-btn-container button svg, #contenu_output #renseignements form .end-btn-container div[class^=btn] svg {
  display: none;
}
#contenu_output #renseignements form .end-btn-container > button:last-child {
  margin-right: 0;
}
#contenu_output #renseignements form .petit {
  margin-top: 15px;
  margin-bottom: 15px;
}
#contenu_output #renseignements form .question {
  border: 1px solid #bcbec0;
  border-radius: 0 !important;
  margin-bottom: 30px !important;
}
#contenu_output #renseignements form .question .question-label {
  margin-bottom: 18px;
  padding-top: 20px;
}
#contenu_output #renseignements form .question .icone_form {
  padding: 20px 0 0 20px !important;
  margin-bottom: 44px;
  height: 140px;
}
#contenu_output #renseignements form .question .icone_form .icon-label {
  float: left;
  width: auto !important;
  height: 120px !important;
}
#contenu_output #renseignements form .question .icone_form .question-label-icon {
  height: 120px;
  display: table-cell;
  vertical-align: middle;
  width: 100vh;
}
#contenu_output #renseignements form .question .info_question {
  margin: 0 auto 10px auto !important;
  width: 460px;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_bouton {
  text-align: center;
  padding: 0 5px !important;
  margin-top: 44px;
  margin-bottom: 40px;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_bouton .ajouter_fichier, #contenu_output #renseignements form .question .bloc_reponses .bloc_bouton .ajouter_commentaire, #contenu_output #renseignements form .question .bloc_reponses .bloc_bouton .ajouter_anomalie {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_bouton img {
  display: none;
  height: 15px;
  width: auto;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_bouton > div {
  padding: 0 !important;
  margin-right: 10px;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_bouton > div:last-child {
  padding: 0 !important;
  margin-right: 0 !important;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_commentaire .legend {
  text-align: left;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_commentaire .legend span {
  margin-left: 155px !important;
}
#contenu_output #renseignements form .question .bloc_reponses .bloc_commentaire [id^=contentComment] pre {
  padding: 5px !important;
}
#contenu_output #renseignements form .devensysFlex .answerBlock {
  margin: 0 auto 0 auto !important;
  padding: 0 !important;
  width: 460px !important;
}
#contenu_output #renseignements form .devensysFlex .answerBlock .answerNA {
  display: flex;
}
#contenu_output #renseignements form .devensysFlex .answerBlock .answerNA label {
  display: flex;
  padding: 0;
  border: none !important;
}
#contenu_output #renseignements form .devensysFlex .answerBlock .answerNA label span {
  width: 50px;
}
#contenu_output #renseignements form .devensysFlex .answerBlock .answerNA label .answer-na-label {
  padding: 10px 5px;
}
#contenu_output #renseignements form .devensysFlex .answerFreeSpeech {
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .answerFreeSpeech .glyphicon {
  display: none;
}
#contenu_output #renseignements form .devensysFlex .answerFreeSpeech .answerLabel {
  float: left;
}
#contenu_output #renseignements form .devensysFlex .calendar {
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .calendar .glyphicon {
  display: none;
}
#contenu_output #renseignements form .devensysFlex .calendar .answerLabel {
  float: left;
}
#contenu_output #renseignements form .devensysFlex .dateHeure {
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .dateHeure .glyphicon {
  display: none;
}
#contenu_output #renseignements form .devensysFlex .dateHeure .answerLabel {
  float: left;
}
#contenu_output #renseignements form .devensysFlex .refList {
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .refList .glyphicon {
  display: none;
}
#contenu_output #renseignements form .devensysFlex .refList .answerLabel {
  float: left;
}
#contenu_output #renseignements form .devensysFlex .answerImg {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .answerImg div {
  float: left;
}
#contenu_output #renseignements form .devensysFlex .answerSignature {
  border: none;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#contenu_output #renseignements form .devensysFlex .answerSignature span[class^=fa] {
  display: none;
}
#contenu_output #renseignements form .devensysFlex .answerSignature .answerLabel {
  float: left;
}
#contenu_output #renseignements form .bloc_fichiers .cont_text {
  display: inline-block;
  padding: 10px 35px;
}
#contenu_output #renseignements form .bloc_fichiers .cont_text .blockUpload {
  height: 175px;
  width: 175px;
  margin: 10px 25px !important;
}
#contenu_output #renseignements form .bloc_fichiers .cont_text > .blockUpload:last-child {
  margin-right: 0 !important;
}
#contenu_output #renseignements form .bloc_fichiers .legend {
  text-align: left;
}
#contenu_output #renseignements form .bloc_fichiers .legend span {
  margin-left: 155px !important;
}

.quizzInfo {
  margin-top: 60px;
  border-top: none;
}
.quizzInfo .contentDown #conteneurNomHistorique > input, .quizzInfo .contentDown #conteneurDateHistorique > input {
  border-radius: 0;
}
.quizzInfo .contentDown:last-child {
  margin-bottom: 0;
}

.champ .input {
  display: inline-table;
  height: 42px;
  width: 330px;
}
.champ .input select {
  width: 100% !important;
  height: 42px;
}
.champ .input .input-group-addon {
  width: 42px;
}

fieldset {
  max-width: 750px;
}

.selectize-input {
  display: block;
  width: 100% !important;
  height: 34px;
  padding: 6px 12px;
}

#modalComment .modal-dialog .modal-content .modal-footer button {
  margin-right: 10px;
}
#modalComment .modal-dialog .modal-content .modal-footer button i {
  margin-right: 5px;
}

#contenu_output form {
  padding-top: 0 !important;
}
#contenu_output form .myBlock {
  margin-top: 0 !important;
}
#contenu_output form .myBlock-select {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 18px !important;
}
#contenu_output form .myBlock-select i {
  margin-right: 8px;
}
#contenu_output form .myBlock-select select {
  margin-left: 14px;
}
#contenu_output #agenda {
  border-collapse: separate;
  margin-top: 30px;
}
#contenu_output #agenda tbody #agenda_jours {
  height: 36px !important;
  width: 106px !important;
}
#contenu_output #agenda tbody #agenda_jours > td {
  vertical-align: middle;
}
#contenu_output #agenda tbody tr td table {
  width: 106px !important;
  height: 70px !important;
}

.histo_util, .histo_erreur {
  display: table;
  width: auto;
  min-width: 19px;
  height: 23px;
  padding: 2px !important;
}

.histo_erreur {
  display: flex !important;
  align-items: center !important;
}

#action-points-datatable_info, #consultation-history-datatable_info {
  display: none !important;
}

#consultation-history-datatable_filter, #action-points-datatable_filter {
  float: right !important;
}

#tab_tableau_paginate a {
  margin: 0 5px;
}

.arrayStat button {
  z-index: 0 !important;
}

#action-points-datatable_paginate, #consultation-history-datatable_paginate {
  width: 100%;
}
#action-points-datatable_paginate ul, #consultation-history-datatable_paginate ul {
  display: flex;
}
#action-points-datatable_paginate ul li a, #consultation-history-datatable_paginate ul li a {
  border-radius: 0 !important;
  width: 38px;
  height: 40px;
  text-align: center;
  display: grid;
  align-items: center;
}
#action-points-datatable_paginate ul li.paginate_button[id=consultation-history-datatable_next] a, #action-points-datatable_paginate ul li.paginate_button[id=consultation-history-datatable_previous] a,
#action-points-datatable_paginate ul li.paginate_button[id=action-points-datatable_previous] a, #action-points-datatable_paginate ul li.paginate_button[id=action-points-datatable_next] a, #consultation-history-datatable_paginate ul li.paginate_button[id=consultation-history-datatable_next] a, #consultation-history-datatable_paginate ul li.paginate_button[id=consultation-history-datatable_previous] a,
#consultation-history-datatable_paginate ul li.paginate_button[id=action-points-datatable_previous] a, #consultation-history-datatable_paginate ul li.paginate_button[id=action-points-datatable_next] a {
  width: auto;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
}

li.paginate_button {
  padding-left: 8px !important;
}

#action-points-datatable_wrapper > .row:last-child, #consultation-history-datatable_wrapper > .row:last-child {
  display: inline-block;
}

.consultation-history {
  margin-top: 20px;
}

.datatable-filter {
  align-items: center !important;
}

#contenu_output .action-points h2, #contenu_output .consultation-history h2 {
  margin-bottom: 26px !important;
}

.ap-priority {
  width: auto;
  height: 23px;
  padding: 4px 8px !important;
  margin-right: 15px;
  float: right;
}

#action-th {
  max-width: 35px !important;
}

td.petit {
  display: table-cell;
}

#action-points-datatable thead tr, #consultation-history-datatable thead tr {
  height: 34px !important;
}
#action-points-datatable thead tr th, #consultation-history-datatable thead tr th {
  padding: 0 30px 0 10px !important;
}
#action-points-datatable thead tr th[aria-controls=action-points-datatable], #consultation-history-datatable thead tr th[aria-controls=action-points-datatable] {
  width: 0;
}
#action-points-datatable tbody tr td.sorting_1, #consultation-history-datatable tbody tr td.sorting_1 {
  padding-left: 12px !important;
  width: 34px !important;
}
#action-points-datatable tbody tr td, #consultation-history-datatable tbody tr td {
  padding: 5px 0 5px 0 !important;
}

#consultation-history-datatable thead > tr th:first-child {
  padding-left: 12px !important;
}
#consultation-history-datatable thead > tr th {
  padding-left: 0 !important;
}
#consultation-history-datatable tbody tr td.history-label div.history-path i > span {
  display: block;
}

#action-points-datatable tbody tr:first-child td {
  padding-top: 10px !important;
}
#action-points-datatable tbody tr:last-child td {
  padding-bottom: 10px !important;
}
#action-points-datatable tbody tr td.sorting_1 div.ap-path i > span {
  display: block;
}

#dataTables_wrapper div.row div {
  display: block;
}

.select-ref-container .select-ref-label {
  display: block;
  padding-bottom: 20px;
}
.select-ref-container div.selectize-control {
  margin-bottom: 20px;
}

#contenu_output #connexion form fieldset {
  padding: 0 100px;
}
#contenu_output #connexion form fieldset .champ {
  height: 42px;
  width: 330px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#contenu_output #connexion form fieldset .champ div.input-group {
  height: 42px;
}
#contenu_output #connexion form fieldset .champ div.input-group span {
  border-radius: 0;
}
#contenu_output #connexion form fieldset .champ div.input-group input {
  height: 42px;
}
#contenu_output #connexion form fieldset div.champ.checkbox {
  white-space: nowrap;
}
#contenu_output #connexion form fieldset div.champ.checkbox label {
  padding: 0;
  width: initial;
}
#contenu_output #connexion form fieldset div.champ.checkbox #souvenir {
  margin: 0 0 0 5px;
}

div.no_print.valider {
  margin-bottom: 10px;
}
div.no_print.valider a[class^=btn] {
  margin-right: 10px;
}
div.no_print.valider a[class^=btn]:last-child {
  display: none;
  margin-right: 0 !important;
}

#personnalizedArray .well table tbody tr td input {
  margin-top: 0;
}

#tab_tableau_filter label {
  white-space: nowrap;
  align-items: center;
}
#tab_tableau_filter label input {
  padding: 6px 12px;
}

#contenu_output #form_anomalies .arrayStat .priority-table {
  float: left;
  width: auto;
}
#contenu_output #form_anomalies .arrayStat .state-table {
  float: right;
  width: auto;
}
#contenu_output #form_anomalies .arrayStat .priority-table thead #trStat th div {
  padding: 4px 8px !important;
}
#contenu_output #form_anomalies .arrayStat .state-table thead #trStat th div {
  padding: 3px 6px !important;
}
#contenu_output #form_anomalies .options_tableau {
  display: inline-block;
}
#contenu_output #form_anomalies .options_tableau .action_btn_container div.btn-group.action_btn #anomaliesMassBtn {
  margin: 0;
}

#contenu_output #form_anomalies div.title h1.scroll-to {
  padding-bottom: 10px;
}
#contenu_output #form_anomalies div.title div h4 {
  padding-bottom: 30px;
}
#contenu_output #form_anomalies #tab_tableau tbody tr .priorite .priority-label {
  padding: 4px 8px !important;
  display: inline-table;
}
#contenu_output #form_anomalies #tab_tableau tbody tr td.state div {
  padding: 3px 6px;
}

#contenu_output .ap-edit-h1 {
  padding: 0 !important;
}
#contenu_output .ap-edit-h2 {
  margin-bottom: 30px;
}
#contenu_output form > #boite_etat .ap-edit-btn-container {
  padding-top: 50px;
}
#contenu_output form > #boite_etat .ap-edit-btn-container * {
  margin-right: 14px;
}
#contenu_output form > #boite_etat .ap-edit-btn-container * i {
  margin-right: 5px !important;
}
#contenu_output form > #boite_etat .ap-edit-btn-container *:last-child {
  margin-right: 0;
}
#contenu_output form > #boite_etat fieldset:first-child {
  padding-top: 30px !important;
}
#contenu_output form > #boite_etat fieldset:last-child {
  padding-bottom: 30px !important;
}
#contenu_output form > #boite_etat fieldset {
  padding: 10px 100px;
}
#contenu_output form > #boite_etat fieldset .alert {
  border-radius: 0;
  color: green;
}
#contenu_output form > #boite_etat fieldset img.img-thumbnail.type-0 {
  border-color: #F52300;
  background-color: #F52300;
}
#contenu_output form > #boite_etat fieldset img.img-thumbnail.type-1 {
  border-color: #33CD5F;
  background-color: #33CD5F;
}
#contenu_output form > #boite_etat fieldset .titre_etat i {
  margin-right: 5px;
}
#contenu_output form > #boite_etat fieldset .cont_text {
  margin: 0;
}
#contenu_output form > #boite_etat fieldset .cont_reflist {
  text-align: center;
}
#contenu_output form > #boite_etat fieldset .cont_reflist label {
  margin-top: 5px;
}
#contenu_output form > #boite_etat fieldset .commentaire textarea {
  resize: vertical;
}
#contenu_output form > #boite_etat fieldset .description p {
  margin: 0 0 0 25px;
}
#contenu_output form > #boite_etat fieldset .reference-id span {
  margin: 0 0 0 25px;
}
#contenu_output form > #boite_etat fieldset .resolved-comment textarea {
  resize: vertical;
}
#contenu_output form > #boite_etat fieldset .user-btn-container span {
  width: 100%;
  padding: 10px 80px;
}
#contenu_output form > #boite_etat fieldset .priority-container label {
  display: flex;
}
#contenu_output form > #boite_etat fieldset .priority-container label input {
  margin: 0;
}
#contenu_output form > #boite_etat fieldset .priority-container label div {
  margin-left: 10px;
  padding: 4px 8px !important;
}
#contenu_output form > #boite_etat fieldset .input {
  align-items: center;
  display: flex;
}
#contenu_output form > #boite_etat fieldset .input input {
  width: auto;
}
#contenu_output form > #boite_etat fieldset .input p {
  margin: 0 0 0 10px;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier .vignetteAction {
  display: block;
  width: 175px;
  height: 175px;
  float: left;
  margin: 4px;
  padding: 10px;
  margin-bottom: 10px;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier .vignetteAction a {
  width: 175px;
  height: 175px;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier .vignetteAction a img {
  max-width: 155px;
  max-height: 155px;
  height: auto;
  width: auto;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier #nom_fichier {
  margin-left: -33px;
  width: 550px;
  display: inline;
  margin-top: 30px;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier div[class^=btn-primary] {
  margin-left: -33px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 20px;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier div[class^=btn-primary] input {
  width: 8em;
  height: 1.5em;
  padding: 0;
  cursor: pointer;
}
#contenu_output form > #boite_etat fieldset .bloc_nouveau_fichier input {
  padding: 5px;
}
#contenu_output form > #boite_etat #refList-fieldset div.titre_etat {
  display: inline-flex;
}
#contenu_output form > #boite_etat #refList-fieldset div.titre_etat i {
  padding-top: 2px;
}
#contenu_output form > #boite_etat #category-fieldset div.titre_etat {
  display: inline-flex;
}
#contenu_output form > #boite_etat #category-fieldset div.titre_etat i {
  padding-top: 2px;
}
#contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td input, #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td input {
  margin: 0;
}
#contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=mail], #contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=tel], #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=mail], #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=tel] {
  margin: 0;
}
#contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=mail] input, #contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=tel] input, #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=mail] input, #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=tel] input {
  margin: 0;
}
#contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=mail] i, #contenu_output form > #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=tel] i, #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=mail] i, #contenu_output form > #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=tel] i {
  margin-left: 5px;
}
#contenu_output form fieldset .state-container {
  padding-bottom: 20px;
}

#tab_tableau_paginate a {
  width: auto;
  height: 40px;
  text-align: center;
  align-items: center;
  border-radius: 0 !important;
  border: 1px solid #ddd;
  background: none !important;
  display: inline-flex;
}

#tab_tableau_length .ap-dt-search {
  display: inline-block;
  width: auto;
}

#contenu_output #table_contenu tbody tr[class^=ligne] td {
  padding: 10px;
}
#contenu_output #table_contenu tbody tr[class^=ligne] .history-name {
  display: flex;
}
#contenu_output #table_contenu tbody tr[class^=ligne] .history-name a {
  width: 58%;
  margin: auto 0;
}
#contenu_output #table_contenu tbody tr[class^=ligne] .history-name .petit {
  width: 27%;
  margin: auto 0;
}
#contenu_output #table_contenu tbody tr[class^=ligne] .history-name .histo_erreur {
  padding: 5px !important;
  margin: 0 0 0 5px;
  width: auto;
  height: 24px;
}
#contenu_output #table_contenu tbody tr[class^=ligne] .presents {
  white-space: nowrap;
}
#contenu_output #empty-history {
  padding-top: 100px;
}

#contenu_output form #discardButton {
  padding: 5px 10px;
}
#contenu_output form .participant-form-title {
  margin-bottom: 32px;
}
#contenu_output form .team-table-container label#destinataire_equipe, #contenu_output form .team-table-container label#destinataire_contact, #contenu_output form .contact-table-container label#destinataire_equipe, #contenu_output form .contact-table-container label#destinataire_contact {
  display: none;
}
#contenu_output form .team-table-container table, #contenu_output form .contact-table-container table {
  margin-bottom: 45px;
  border: 1px solid #bcbec0;
}
#contenu_output form .team-table-container table tbody tr td, #contenu_output form .team-table-container table tbody tr th, #contenu_output form .contact-table-container table tbody tr td, #contenu_output form .contact-table-container table tbody tr th {
  border: none;
  padding: 6px 0;
  text-align: center;
}
#contenu_output form .team-table-container table tbody tr th, #contenu_output form .contact-table-container table tbody tr th {
  border-bottom: 1px solid #bcbec0;
}
#contenu_output form .team-table-container table tbody tr th:first-child, #contenu_output form .contact-table-container table tbody tr th:first-child {
  padding: 0;
}
#contenu_output form .team-table-container table tbody tr td, #contenu_output form .contact-table-container table tbody tr td {
  padding: 20px 0 0 0;
}
#contenu_output form .team-table-container table tbody tr td.mail-td label, #contenu_output form .contact-table-container table tbody tr td.mail-td label {
  display: inline-flex;
}
#contenu_output form .team-table-container table tbody tr td.mail-td label input, #contenu_output form .contact-table-container table tbody tr td.mail-td label input {
  margin: 0 5px 0 0;
}
#contenu_output form .team-table-container table tbody tr td.signature-icon span.sign-icon, #contenu_output form .team-table-container table tbody tr td.signature-icon .link, #contenu_output form .contact-table-container table tbody tr td.signature-icon span.sign-icon, #contenu_output form .contact-table-container table tbody tr td.signature-icon .link {
  margin-right: 10px;
}
#contenu_output form .team-table-container table tbody tr td.signature-icon .link:last-child, #contenu_output form .contact-table-container table tbody tr td.signature-icon .link:last-child {
  margin-right: 0;
}
#contenu_output form .team-table-container table tbody tr td:first-child, #contenu_output form .contact-table-container table tbody tr td:first-child {
  padding-left: 8px;
  padding-right: 2px;
}
#contenu_output form .team-table-container table tbody tr td:first-child input, #contenu_output form .contact-table-container table tbody tr td:first-child input {
  margin: 0;
}
#contenu_output form .team-table-container table tbody tr:last-child td, #contenu_output form .contact-table-container table tbody tr:last-child td {
  padding-bottom: 20px;
}
#contenu_output form #present_unitaire {
  margin-bottom: 36px;
}
#contenu_output form #present_unitaire label {
  float: left;
  margin-bottom: 12px;
  margin-left: 2px;
}
#contenu_output form #present_unitaire div input#present_unitaire_form {
  margin-bottom: 16px;
  padding: 5px;
}
#contenu_output form #present_unitaire div button[name=ajouter_nom] {
  margin-bottom: 0;
}
#contenu_output form #present_unitaire .custom-btn-primary-outline {
  padding: 6px 12px;
  margin-right: 10px;
}
#contenu_output form #present_unitaire .custom-btn-primary-outline:last-child {
  margin-right: 0;
}
#contenu_output form #presents_multiples label {
  float: left;
  margin-bottom: 12px;
  margin-left: 2px;
}
#contenu_output form #presents_multiples p {
  display: none;
}
#contenu_output form #presents_multiples textarea {
  border: 1px solid #bcbec0;
  height: 200px;
}
#contenu_output form #presents_multiples input[name=ajouter_noms_multiple] {
  margin: 10px 0;
}
#contenu_output form #saveButton, #contenu_output form #discardButton {
  margin: 0 10px 72px 0;
}
#contenu_output form div table tbody tr td.signature-icon button {
  margin: 0;
}
#contenu_output form div table tbody tr td {
  vertical-align: middle;
}

#contenu_output form.journal fieldset.contacts .champ div.input.input-group .input-group-addon {
  height: 34px;
}
#contenu_output form.journal fieldset.contacts .champ div.input {
  display: inline-flex;
}
#contenu_output form.journal fieldset.contacts .champ div.input .form-control {
  width: inherit;
}
#contenu_output form.journal fieldset.contacts #contact-btn-container button i {
  margin-right: 5px;
}

#modalSeeAttendees .modal-dialog .modal-content .modal-body div table.table-present tbody tr td {
  padding: 5px;
}

#printOptionsModal .modal-dialog .modal-content .modal-body br {
  display: initial !important;
}
#printOptionsModal .modal-dialog .modal-content .modal-body label {
  vertical-align: middle;
  display: inline-flex;
  padding-left: 0;
  margin-left: 10px;
}
#printOptionsModal .modal-dialog .modal-content .modal-body label input {
  position: relative;
  margin: 0 5px 0 0;
}
#printOptionsModal .modal-dialog .modal-content .modal-body .form-group #projects {
  width: 80%;
  text-align: center;
  display: inline-block;
}
#printOptionsModal .modal-dialog .modal-content .modal-body .page-number {
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
}

a, input, button {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.treeStructure .select2-selection {
  height: 42px !important;
  border-radius: 0 !important;
}
.treeStructure .select2-selection__arrow {
  height: 42px !important;
}
.treeStructure .select2-selection__rendered {
  line-height: 42px !important;
}

.btn-danger {
  font-weight: 600;
  font-size: 14px !important;
  border: 1px solid #f31414;
}

.btn-primary {
  background-color: #118dca;
  color: white;
  font-weight: 600;
  font-size: 14px !important;
  border: 1px solid #118dca;
}

.btn-primary:hover, .btn.btn-primary:hover {
  background-color: #0d6c9b;
  border: 1px solid #0d6c9b;
  color: white;
}

.btn-secondary {
  background-color: #f3ad14;
  color: white;
  border: 1px solid #f3ad14;
  font-weight: 600;
  font-size: 14px !important;
}

.btn-secondary:hover, .btn.btn-secondary:hover {
  background-color: #ca8e0a;
  border: 1px solid #ca8e0a;
  color: white;
}

.btn-warning, .btn-warning:focus {
  background-color: #46475b;
  color: white;
  border: 1px solid #46475b;
  font-weight: 600;
  font-size: 14px !important;
}
.btn-warning span, .btn-warning:focus span {
  font-size: inherit !important;
}

.btn-warning:hover, .btn.btn-warning:hover {
  background-color: #30313e;
  border: 1px solid #30313e;
}

.custom-btn-primary-outline {
  background-color: #FFFFFF !important;
  color: #118dca;
  border: 1px solid #118dca;
  font-weight: 600;
  font-size: 14px !important;
}

.custom-btn-primary-outline:hover, .btn.custom-btn-primary-outline:hover {
  background-color: rgba(17, 141, 202, 0.8) !important;
  color: white;
}

.custom-btn-secondary-outline {
  background-color: #FFFFFF;
  color: #f3ad14;
  border: 1px solid #f3ad14;
  font-weight: 600;
  font-size: 14px !important;
}

.custom-btn-secondary-outline:hover, .btn.custom-btn-secondary-outline:hover {
  background-color: rgba(243, 173, 20, 0.8) !important;
  color: white;
}

button[name=ajouter_anomalie_historique] span {
  font-size: 14px !important;
}

.fs-inherit {
  font-size: inherit !important;
}

.white-icon {
  color: white !important;
}

#vue_haut {
  background-color: white;
}
#vue_haut .ordi {
  color: #46475b;
  text-transform: uppercase;
}

#ariane {
  border-bottom: 1px solid #46475b;
}

#contenu {
  background-color: white;
}

#sep_bas, #sep_haut {
  box-shadow: none;
  border-bottom: 1px solid #46475b;
}

#client_courant span {
  color: #46475b;
  font-weight: normal;
  font-size: 1.6em !important;
}

#vue_bas {
  color: #a3a3ad !important;
  background-color: #46475b !important;
}
#vue_bas .bottomMenu .containerMenu a div {
  color: #a3a3ad !important;
}
#vue_bas #copyright {
  color: #ececee !important;
  font-size: 12px !important;
  text-transform: capitalize;
}

#output #contenu_output h1 {
  color: #46475b;
  font-size: 30px !important;
}
#output #contenu_output h2 {
  font-size: 18px !important;
}
#output #contenu_output .ligne_case .case .nom_case {
  color: #46475b;
  font-size: 13px !important;
  font-weight: bold !important;
}

.topMenuButton div a {
  font-size: 14px !important;
  font-weight: bold;
}

.ariane_element a .haut_nom_partie {
  font-size: 8px !important;
}
.ariane_element a div {
  color: #46475b !important;
}

/* Overriding default check icon on checked answer */
.reponses_pattern input[type=radio]:checked + label .answerColorBlock:after,
.reponses_pattern input[type=checkbox]:checked + label .answerColorBlock:after {
  font-size: 2.3rem !important;
  content: "" !important;
  color: white !important;
  display: block !important;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Safenergy-Icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#contenu_output #renseignements h3 {
  color: #46475b;
  font-size: 30px !important;
}
#contenu_output #renseignements form .petit {
  font-size: 11px !important;
  color: #46475b;
}
#contenu_output #renseignements form .title {
  background-color: white;
  color: #46475b;
  border: none;
}
#contenu_output #renseignements form .question {
  background-color: white;
}
#contenu_output #renseignements form .question .icone_form .question-label-icon {
  font-size: 18px !important;
  color: #46475b !important;
  font-weight: bold;
}
#contenu_output #renseignements form .question .question-label {
  font-size: 18px !important;
  color: #46475b !important;
  font-weight: bold;
}
#contenu_output #renseignements form .question .info_question {
  color: #46475b !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_bouton {
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_bouton .ajouter_fichier {
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_bouton button {
  font-size: inherit !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_bouton div {
  font-size: inherit !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .calendar, #contenu_output #renseignements form .bloc_reponses .devensysFlex .dateHeure, #contenu_output #renseignements form .bloc_reponses .devensysFlex .answerFreeSpeech, #contenu_output #renseignements form .bloc_reponses .devensysFlex .refList {
  background-color: white !important;
  color: #46475b !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerFreeSpeech .answerData textarea {
  border: 1px solid #bcbec0;
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerFreeSpeech .answerLabel {
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .calendar .CalendarDiv .answerData input, #contenu_output #renseignements form .bloc_reponses .devensysFlex .dateHeure .CalendarDiv .answerData input {
  border: 1px solid #bcbec0;
  border-radius: 0;
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .calendar .CalendarDiv .answerLabel, #contenu_output #renseignements form .bloc_reponses .devensysFlex .dateHeure .CalendarDiv .answerLabel {
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerSignature .answerLabel {
  font-size: 14px !important;
  color: #46475b !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerSignature .answerData {
  background-color: white;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerSignature .answerData .m-signature-pad canvas {
  border: 1px solid #bcbec0;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .refList .answerData select {
  border: 1px solid #bcbec0;
  border-radius: 0;
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .refList .answerLabel {
  font-size: 14px !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerBlock .answerText .labelAnswerText {
  border: none !important;
  background-color: white !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerBlock .answerNA label {
  border: 0;
  background-color: white !important;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .reponses_pattern {
  border: 1px solid #bcbec0;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .reponses_pattern .answerText .labelAnswerText {
  color: #46475b;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerImg {
  background-color: white;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerImg div {
  font-weight: bold;
}
#contenu_output #renseignements form .bloc_reponses .devensysFlex .answerImg div small {
  font-size: 14px !important;
  text-transform: uppercase;
  color: #46475b !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_fichiers .legend {
  text-transform: uppercase;
}
#contenu_output #renseignements form .bloc_reponses .bloc_fichiers .legend span {
  color: #46475b !important;
  font-size: 14px !important;
  font-weight: bold;
}
#contenu_output #renseignements form .bloc_reponses .bloc_fichiers .cont_text .blockUpload {
  background-color: white;
  border: 1px solid #bcbec0;
}
#contenu_output #renseignements form .bloc_reponses .bloc_fichiers .cont_text .blockUpload .title a {
  color: #0055a0;
}
#contenu_output #renseignements form .bloc_reponses .bloc_commentaire .legend {
  text-transform: uppercase;
}
#contenu_output #renseignements form .bloc_reponses .bloc_commentaire .legend span {
  color: #46475b !important;
  font-size: 14px !important;
  font-weight: bold;
}
#contenu_output #renseignements form .bloc_reponses .bloc_legend {
  border-top: 1px solid #bcbec0 !important;
}
#contenu_output #renseignements form .bloc_reponses .bloc_legend [id^=contentComment] pre {
  border: 1px solid #bcbec0;
}

.champ .input .project-input-label {
  background-color: #118dca;
  border: 2px solid #118dca;
}
.champ .input .client-input-label {
  background-color: #f3ad14;
}

.answerColorBlock {
  background-color: #DCDCDC;
}

.selectize-input {
  font-size: 14px !important;
  line-height: 1.42857143;
  background-color: white;
  border-radius: 0;
}

.selectize-control.single .selectize-input {
  background-image: none !important;
  background-color: white !important;
}

#modalComment .modal-dialog .modal-content .modal-header {
  font-weight: bold;
  font-size: 18px;
}

#contenu_output form .myBlock-select {
  font-size: 14px !important;
  font-weight: bold !important;
}
#contenu_output form .myBlock-select i {
  font-size: 18px !important;
}
#contenu_output form .myBlock-select select {
  font-weight: normal;
}
#contenu_output #agenda tbody #agenda_head > th {
  font-size: 18px !important;
  color: #46475b !important;
  background-color: white;
}
#contenu_output #agenda tbody #agenda_head > th a {
  font-size: 22px !important;
}
#contenu_output #agenda tbody #agenda_head > th:first-child > a {
  float: left;
}
#contenu_output #agenda tbody #agenda_head > th:last-child > a {
  float: right;
}
#contenu_output #agenda tbody #agenda_jours {
  background-color: white;
}
#contenu_output #agenda tbody #agenda_jours > td {
  font-size: 14px !important;
  color: #46475b !important;
}
#contenu_output #agenda tbody tr > td > a {
  font-size: 14px !important;
  background-color: white;
}

.td_num .num_jour_u {
  font-size: 14px !important;
  color: #373068;
}
.td_num .num_jour_u .highlight {
  font-size: 14px !important;
}
.td_num .autre_mois .num_jour_u {
  color: #aeacbd !important;
}

.histo_util {
  border-radius: 2px;
  color: white !important;
  font-size: 15.5px !important;
}

.histo_erreur {
  color: #46475b !important;
  background-color: white;
  border: 2px solid #46475b;
  border-radius: 2px !important;
  font-size: 15.5px !important;
}

.histo_erreur:hover {
  background-color: white;
  color: rgba(70, 71, 91, 0.8) !important;
}

#contenu_output #code_couleur {
  background: none;
}
#contenu_output #code_couleur div.bloc {
  border-radius: 0;
  font-size: 1em;
}
#contenu_output input, #contenu_output select {
  border-radius: 0;
}
#contenu_output .action-points h2, #contenu_output .consultation-history h2 {
  font-size: 18px !important;
}

li.paginate_button.active a {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}
li.paginate_button.active a:hover {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}
li.paginate_button.active a:focus {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}

li.paginate_button a {
  background: none !important;
  color: #46475b;
  font-size: 14px !important;
}
li.paginate_button a:hover {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}
li.paginate_button a:focus {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}

.datatable-actions.petit a {
  color: red !important;
  background-color: white !important;
  border: none !important;
}

#action-points-datatable, #consultation-history-datatable {
  border: 1px solid #bcbec0;
}
#action-points-datatable thead, #consultation-history-datatable thead {
  border-color: #bcbec0 !important;
}
#action-points-datatable thead tr th, #consultation-history-datatable thead tr th {
  border-color: #bcbec0 !important;
  font-size: 14px !important;
}
#action-points-datatable tbody tr td a, #consultation-history-datatable tbody tr td a {
  font-weight: bold;
}
#action-points-datatable tbody tr:hover, #consultation-history-datatable tbody tr:hover {
  background-color: rgba(70, 71, 91, 0.1);
}
#action-points-datatable tbody tr:hover td.datatable-actions a, #consultation-history-datatable tbody tr:hover td.datatable-actions a {
  background-color: inherit !important;
}

#consultation-history-datatable tbody tr td.history-label div.history-path i > span {
  font-style: normal;
}
#consultation-history-datatable tbody tr td.history-label div.history-path i > span span {
  font-style: italic;
}

#action-points-datatable tbody tr td.sorting_1 div.ap-path i > span {
  font-style: normal;
}
#action-points-datatable tbody tr td.sorting_1 div.ap-path i > span span {
  font-style: italic;
}

#action-points-datatable_length label, #consultation-history-datatable_length label, #action-points-datatable_filter label, #consultation-history-datatable_filter label, #tab_tableau_length label {
  font-size: 14px !important;
}
#action-points-datatable_length label select, #consultation-history-datatable_length label select, #action-points-datatable_filter label select, #consultation-history-datatable_filter label select, #tab_tableau_length label select {
  font-size: 14px !important;
}

.datatable-filter td {
  font-size: 14px !important;
  font-weight: normal;
}
.datatable-filter td select {
  font-size: inherit !important;
}

.dataTable td {
  border-top: none;
}

.ap-priority {
  color: white;
  font-weight: bold;
}

#action-th {
  visibility: hidden;
}

tr.odd > td.history-label > a {
  color: #46475b !important;
  font-weight: bold;
}

tr.even > td.history-label > a {
  color: #118dca !important;
  font-weight: bold;
}

.history-path, .ap-path {
  font-style: italic;
}

td.petit.ref {
  font-size: 12px !important;
}

.action_btn_container div.btn-group.action_btn #anomaliesMassBtn {
  border: 1px solid #bcbec0;
  background-color: white;
  color: #46475b;
  border-radius: 0;
  border-right: none;
}
.action_btn_container div.btn-group.action_btn button.dropdown-toggle {
  border: 1px solid #bcbec0;
  background-color: white;
  color: #46475b;
  border-radius: 0;
  border-left: none;
}
.action_btn_container div.action_btn button {
  border: 1px solid #bcbec0;
  background-color: white;
  color: #46475b;
  border-radius: 0;
}

#personnalizedArray .well {
  background-color: white;
  border: 1px solid #bcbec0;
  border-radius: 0;
}
#personnalizedArray .well table tbody tr td {
  position: relative;
}
#personnalizedArray .well table tbody tr td input {
  position: relative;
}
#personnalizedArray .well table tbody tr td label {
  position: absolute;
}

#tab_tableau_wrapper #tab_tableau_filter label input {
  background-color: white;
  border: 1px solid #bcbec0;
  border-radius: 0;
}
#tab_tableau_wrapper .dataTables_scroll {
  border: 1px solid #bcbec0;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
  border: none;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th {
  border-top: none;
  border-bottom: none;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollBody {
  border-bottom: none !important;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollBody #tab_tableau thead tr th {
  outline: 0 !important;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollBody #tab_tableau tbody tr td {
  border-top: none;
  border-bottom: none;
  font-size: 12px !important;
  border-left: none;
}
#tab_tableau_wrapper .dataTables_scroll .dataTables_scrollBody #tab_tableau tbody tr td.priorite {
  background-color: transparent !important;
  color: white;
  font-weight: bold;
}

#contenu_output #form_anomalies .arrayStat .priority-table, #contenu_output #form_anomalies .arrayStat .state-table {
  font-size: 12px !important;
}
#contenu_output #form_anomalies .arrayStat .priority-table thead > tr:first-child > th, #contenu_output #form_anomalies .arrayStat .state-table thead > tr:first-child > th {
  background-color: white !important;
  border: none;
}
#contenu_output #form_anomalies .arrayStat .priority-table thead tr, #contenu_output #form_anomalies .arrayStat .state-table thead tr {
  border: none;
}
#contenu_output #form_anomalies .arrayStat .priority-table thead tr > th, #contenu_output #form_anomalies .arrayStat .state-table thead tr > th {
  border: 1px solid #bcbec0;
  background-color: white !important;
}
#contenu_output #form_anomalies .arrayStat .priority-table thead tr > th div, #contenu_output #form_anomalies .arrayStat .state-table thead tr > th div {
  font-size: 12px !important;
}
#contenu_output #form_anomalies .arrayStat .priority-table tbody tr td, #contenu_output #form_anomalies .arrayStat .state-table tbody tr td {
  border: 1px solid #bcbec0;
}
#contenu_output #form_anomalies .arrayStat .priority-table tbody tr td button.active, #contenu_output #form_anomalies .arrayStat .state-table tbody tr td button.active {
  background-color: #118dca !important;
  color: #FFFFFF;
  border: 1px solid #118dca;
}
#contenu_output #form_anomalies .options_tableau #tab_tableau_wrapper .dataTables_scroll .dataTables_scrollBody #tab_tableau tbody tr td.state div {
  font-size: 12px !important;
  cursor: default;
}

#tab_tableau_paginate a.paginate_button.current {
  background-color: white;
  border-color: #46475b;
  color: #46475b;
}
#tab_tableau_paginate a.paginate_button {
  color: #46475b;
  font-size: 14px !important;
}
#tab_tableau_paginate a.paginate_button:hover {
  background-color: white;
  border-color: #46475b;
  color: #46475b !important;
}
#tab_tableau_paginate a.disabled {
  cursor: not-allowed;
}
#tab_tableau_paginate a.disabled:hover {
  border: 1px solid #ddd !important;
}

#tab_tableau_length label {
  font-weight: normal !important;
}

#tab_tableau_filter {
  font-size: 14px !important;
}
#tab_tableau_filter label {
  font-weight: normal !important;
}

#contenu_output #connexion form fieldset .champ .input-group .log-icon {
  background-color: #118dca;
  color: white;
}
#contenu_output #connexion form fieldset .champ .input-group .pswd-icon {
  background-color: #f3ad14;
  color: white;
}

#contenu_output .ap-edit-h2 {
  color: #46475b;
}
#contenu_output form #boite_etat fieldset {
  border: none;
  background-color: #46475b;
  color: white;
}
#contenu_output form #boite_etat fieldset .titre_etat {
  text-shadow: none;
  text-transform: uppercase;
  font-weight: bold;
}
#contenu_output form #boite_etat fieldset .titre_etat i {
  margin-right: 5px;
}
#contenu_output form #boite_etat fieldset div:not(.alert) {
  color: inherit;
}
#contenu_output form #boite_etat fieldset div:not(.alert) p {
  color: inherit;
}
#contenu_output form #boite_etat fieldset p {
  color: inherit;
}
#contenu_output form #boite_etat fieldset .cont_reflist select {
  background-color: #46475b;
  color: white;
}
#contenu_output form #boite_etat fieldset .cont_reflist select option {
  background-color: #46475b;
  color: white;
}
#contenu_output form #boite_etat fieldset .commentaire textarea {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat fieldset .resolved-comment textarea {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat fieldset .name input {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat fieldset .user-btn-container span {
  white-space: normal;
}
#contenu_output form #boite_etat fieldset .input input {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat fieldset .input p {
  font-size: 12px !important;
}
#contenu_output form #boite_etat fieldset .bloc_nouveau_fichier input {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat fieldset .bloc_nouveau_fichier .vignetteAction {
  background-color: transparent;
  outline: 1px solid white;
}
#contenu_output form #boite_etat fieldset .reference-id span {
  font-size: 14px;
}
#contenu_output form #boite_etat fieldset .description p {
  font-size: 14px;
}
#contenu_output form #boite_etat fieldset #calendrier, #contenu_output form #boite_etat fieldset #calendrier_rappel {
  border-radius: 0;
  background-color: white;
}
#contenu_output form #boite_etat fieldset #calendrier span:not([class]), #contenu_output form #boite_etat fieldset #calendrier_rappel span:not([class]) {
  color: #46475b;
  font-size: 18px;
}
#contenu_output form #boite_etat fieldset #calendrier span.jour, #contenu_output form #boite_etat fieldset #calendrier_rappel span.jour {
  color: rgba(70, 71, 91, 0.6);
}
#contenu_output form #boite_etat fieldset #calendrier a[class="jour "], #contenu_output form #boite_etat fieldset #calendrier_rappel a[class="jour "] {
  color: #46475b;
}
#contenu_output form #boite_etat fieldset #calendrier p, #contenu_output form #boite_etat fieldset #calendrier_rappel p {
  font-size: 18px;
  background-color: rgba(70, 71, 91, 0.6);
}
#contenu_output form #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr, #contenu_output form #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr {
  background-color: #46475b;
  color: white;
  border-color: white;
}
#contenu_output form #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=mail], #contenu_output form #boite_etat .add-user .cont_full #usersList .user-list-container table tbody tr td label[for^=tel], #contenu_output form #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=mail], #contenu_output form #boite_etat .add-user .cont_full #usersList .contact-list-container table tbody tr td label[for^=tel] {
  color: white;
  align-items: center;
  display: inline-flex;
}

#contenu_output h2 {
  color: #46475b;
}
#contenu_output form .participant-form-title {
  color: #46475b;
}
#contenu_output form .team-table-container, #contenu_output form .contact-table-container {
  color: #46475b;
}
#contenu_output form .team-table-container table tbody tr, #contenu_output form .contact-table-container table tbody tr {
  background-color: white;
}
#contenu_output form .team-table-container table tbody tr td, #contenu_output form .team-table-container table tbody tr th, #contenu_output form .contact-table-container table tbody tr td, #contenu_output form .contact-table-container table tbody tr th {
  font-size: 14px !important;
}
#contenu_output form .team-table-container table tbody tr th, #contenu_output form .contact-table-container table tbody tr th {
  font-weight: bold;
}
#contenu_output form .team-table-container table tbody tr td .block, #contenu_output form .contact-table-container table tbody tr td .block {
  font-weight: normal !important;
}
#contenu_output form .team-table-container table tbody tr td span.select-all, #contenu_output form .contact-table-container table tbody tr td span.select-all {
  cursor: pointer;
}
#contenu_output form div table tbody tr td.signature-icon {
  font-size: 18px;
}
#contenu_output form div table tbody tr td.signature-icon button.link {
  color: #46475b;
}
#contenu_output form div table tbody tr td.signature-icon span.icon-Oui {
  color: #f3ad14;
}
#contenu_output form div table tbody tr td.mail-td {
  color: #118dca;
}
#contenu_output form #present_unitaire label {
  font-size: 14px !important;
  color: #46475b;
}
#contenu_output form #present_unitaire div input#present_unitaire_form {
  border-color: #bcbec0;
}
#contenu_output form #presents_multiples label {
  font-size: 14px !important;
  color: #46475b;
}
#contenu_output form #presents_multiples textarea {
  border-color: #bcbec0;
}

#signatureModal .modal-dialog .modal-content .modal-header #myModalLabel {
  font-weight: bold;
  font-size: 18px !important;
}
#signatureModal .modal-dialog .modal-content .modal-body #signature-pad .m-signature-pad--body #canvas-signature {
  border-color: #bcbec0 !important;
}

#confirmAttendeesModal .modal-dialog .modal-content .modal-header #myModalLabel {
  font-weight: bold;
  font-size: 18px;
}
#confirmAttendeesModal .modal-dialog .modal-content .modal-body #signature-pad .m-signature-pad--body #canvas-signature {
  border-color: #bcbec0 !important;
}

#contenu_output #table_contenu tbody tr[class^=ligne] .history-name .histo_erreur {
  white-space: nowrap;
  font-size: 11px !important;
  float: right;
}
#contenu_output #empty-history {
  font-size: 14px !important;
}

#contenu_output #table_contenu tbody tr[class^=ligne] .colonne_btn {
  float: right;
}

#modalSeeAttendees .modal-dialog .modal-content .modal-header {
  font-weight: bold;
  font-size: 18px;
}
#modalSeeAttendees .modal-dialog .modal-content .modal-body div table.table-present tbody tr td {
  font-size: 12px;
}
#modalSeeAttendees .modal-dialog .modal-content .modal-body div table.table-present tbody tr td.textCenter span > i {
  font-size: 16px;
}

#printOptionsModal .modal-dialog .modal-content .modal-header h4 {
  font-weight: bold;
  font-size: 18px;
}

.compact {
  text-align: left;
}
.compact .panel {
  border-radius: 0;
}
.compact .panel .panel-heading a {
  cursor: pointer;
}
.compact .panel .panel-heading .panel-title a:after {
  font-family: Fontawesome;
  content: "";
  float: right;
  font-size: 16px;
  font-weight: 300;
  margin-left: 10px;
}
.compact .panel .panel-heading .panel-title a.collapsed:after {
  content: "";
}
.compact .panel .panel-heading .panel-title a span {
  display: inline-block;
  max-width: 530px;
}
.compact .panel .panel-heading .panel-title a span small {
  padding: 4px 20px;
}
.compact .panel .panel-heading button {
  background-color: transparent;
}
.compact .panel .panel-heading .btn-file-container {
  position: relative;
}
.compact .panel .panel-heading .btn-file-container .badge-notify {
  background: #f3ad14;
  position: absolute;
  top: -10px;
  left: 18px;
}
.compact .panel .panel-body textarea {
  resize: vertical;
}
.compact .panel .panel-body .answerTextBlock, .compact .panel .panel-body .answer-na-label {
  padding: 4px !important;
}

.mission .ibox-content a:nth-child(2n) .card {
  background-color: rgba(163, 163, 173, 0.1) !important;
}
.mission a {
  text-decoration: none;
}
.mission a:hover .card {
  background-color: rgba(0, 85, 160, 0.1) !important;
}
.mission a.status-filter {
  font-size: 1.5em;
  color: #46475b;
  padding-bottom: 5px;
  margin-right: 10px;
}
.mission a.status-filter.active {
  border-bottom: 3px solid #118dca;
}
.mission .description {
  text-align: left;
}
.mission .card {
  text-align: left;
  border: 0px solid #46475b;
  box-shadow: 0px 0px 1px 1px rgba(70, 71, 91, 0.8);
  padding: 5px;
  margin-bottom: 10px;
}
.mission .card .header {
  font-size: 1.2em;
}
.mission .card .header .title {
  font-weight: bold;
}
.mission .card h2 {
  color: #46475b !important;
}
.mission .card h2 small {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}
.mission .card h2 span.dead-line, .mission .card h2 span.start-date {
  font-size: 0.8em;
  font-weight: normal;
}
.mission .card p {
  margin: 0;
}
.mission .card .mission-counter {
  font-size: 1.4em;
  margin-bottom: 5px;
}
.mission .card .mission-action-bar {
  margin-top: 5px;
}
.mission .card .btn {
  padding: 2px;
}
.mission .progress {
  height: 3px;
}
.mission .progress .progress-bar {
  transition: width 1s;
}
.mission .fa-check-circle {
  color: #2b8200;
  font-size: 1.2em;
}
.mission #form-list_length, .mission #form-list_filter {
  display: none;
}

table.form-list tr td a {
  text-decoration: none !important;
}
table.form-list tr td div.form-name {
  font-size: 1.1em;
  font-weight: bold;
  color: #0055a0;
}
table.form-list tr td div.category-path {
  color: #46475b;
}

#menuToggle {
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -4px;
  left: -1px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 1000;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #241f20;
  border-radius: 3px;
  z-index: 999;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: white;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
  z-index: 998;
  box-shadow: -500px 5px 5px rgba(70, 71, 91, 0.7);
  position: absolute;
  width: 800px;
  height: 2500px;
  margin: -100px 0 0 0;
  padding-left: 0px;
  padding-bottom: 50px;
  padding-right: 90px;
  padding-top: 125px;
  right: -100px;
  background: white;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(160%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu ul li {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding-right: 10px;
  line-height: 3em;
}
#menu ul li a {
  text-decoration: none;
  font-size: 1.3em;
  color: black;
}
#menu ul li .badge.badge-red {
  background-color: #f31414;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ div#menu {
  transform: scale(1, 1);
  opacity: 1;
}

.header-profil {
  background-color: #387ef5;
  color: white;
  height: 120px;
  margin-top: -61px;
  padding-top: 34px;
}

.tree-object .tree-nav {
  text-align: left;
}
.tree-object .tree-filters .filters-content {
  min-height: 300px;
  overflow-y: scroll;
}
.tree-object .tree-filters .jstree-default-dark .jstree-node {
  font-size: 17px;
  line-height: 1.4em;
}
.tree-object .tree-filters .jstree-default-dark .jstree-anchor {
  background-color: white;
  border: 1px solid #99AA99;
  border-radius: 10px;
  color: #676a6c;
  text-shadow: none;
  font-weight: 600;
  padding-right: 10px;
}
.tree-object .tree-filters .jstree-default-dark .jstree-anchor input {
  color: black;
}
.tree-object .tree-filters .jstree-default-dark .jstree-anchor.is-disabled {
  background-color: red;
  color: white;
  text-decoration: line-through;
}
.tree-object .tree-filters .jstree-default-dark .jstree-anchor.with-image-icon i.jstree-icon.jstree-themeicon.jstree-themeicon-custom {
  background-size: 20px 20px !important;
}
.tree-object .tree-filters .jstree-default-dark .jstree-anchor .jstree-undetermined {
  border-color: #118dca;
  background-color: #118dca;
  border-radius: 10px;
}
.tree-object .tree-filters .jstree-default-dark .jstree-hovered, .tree-object .tree-filters .jstree-default-dark .jstree-clicked {
  background-color: #118dca;
  color: white;
}
.tree-object .tree-filters .jstree-default-dark .jstree-search {
  color: white;
  background-color: #f3ad14;
}

ul.jstree-contextmenu.jstree-default-dark-contextmenu {
  background-color: white;
}
ul.jstree-contextmenu.jstree-default-dark-contextmenu li.delete a {
  color: red;
}
ul.jstree-contextmenu.jstree-default-dark-contextmenu li.disable a {
  color: orangered;
}
ul.jstree-contextmenu.jstree-default-dark-contextmenu li.enable a {
  color: darkgreen;
}

#jstree-dnd.jstree-default-dark {
  color: white;
}
#jstree-dnd.jstree-default-dark.jstree-default-dark-false {
  background-color: red;
}
#jstree-dnd.jstree-default-dark.jstree-default-dark-true {
  background-color: green;
}

/*# sourceMappingURL=stylesfront.css.map */