/**
 * Grid loop mixin
 */
/**
 * Clearfix
 */
/**
 * Grid loop mixin
 */
/**
 * Clearfix
 */
@import url(https://fonts.googleapis.com/css?family=Roboto);
.flex {
  display: flex;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.row {
  flex-direction: row;
}
.flex.v-center, .flex.full-centered {
  align-items: center;
}
.flex.centered, .flex.full-centered {
  justify-content: center;
}
.flex.auto > * {
  flex: 1 1 200px;
}

.myCard {
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  margin: 5px;
  padding: 5px;
}
.myCard .afficheEiList {
  border-radius: 10px;
}
.myCard .afficheEiList .eyeIcone {
  filter: brightness(10);
}

/*Nouvelles Class Mes Info*/
.myCardTitleBlock {
  margin: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.myCardTitleBlock .myCardTitleText {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
}

.myCardFieldLabel {
  margin-left: 5px;
  color: #5f7088;
  text-transform: capitalize;
}

.myCardFieldText, textarea.myCardFieldText {
  outline: lightgrey none 1px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  padding: 5px !important;
}

.myCardFieldTextMail {
  outline: lightgrey none 1px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  padding: 5px !important;
}

.myCardTitlePart {
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 3px;
}

.myCardFieldBlock {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.myCardFieldBlock.flexAutoGrow {
  flex: 1 1 250px;
}
.myCardFieldBlock .custom-combobox {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.myCardFieldBlock .custom-combobox input:not([type=button]):not(.dx-texteditor-input) {
  border: 1px solid lightgrey !important;
  padding: 2px 5px !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 20px;
  width: 90%;
}
.myCardFieldBlock .custom-combobox a {
  border-color: lightgrey !important;
  border-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  padding: 2px 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 20px;
  width: 10.6455%;
  min-width: 25px;
  top: 0;
}

.myCardPart {
  justify-content: space-around;
  padding-top: 5px;
  padding-bottom: 5px;
}
.myCardPart .gedComClass {
  width: 100% !important;
}
.myCardPart .myLegend {
  text-align: center;
  color: #5f7088;
  font-family: Helvetica;
}

.myCardInputblock {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin: 10px 0px;
}
.myCardInputblock h2 {
  padding: 7px;
}
.myCardInputblock:first-child {
  margin-top: 0px;
  border-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.myCardInputblock .UserDetail {
  border-radius: 5px !important;
}
.myCardInputblock .myCardBorderTop {
  border: 1px #e5e5e5;
  border-top-style: solid;
}
.myCardInputblock .myCardBorderBottom {
  border: 1px #e5e5e5;
  border-top-style: solid;
}
.myCardInputblock .row {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.myCardInputblock .row:after {
  content: unset;
}
.myCardInputblock .row.v-center {
  align-items: center;
}
.myCardInputblock .row.cols-2 > .myCardFieldBlock {
  flex: 1 1 400px;
}
.myCardInputblock .row.cols-4 > .myCardFieldBlock {
  flex: 1 1 200px;
}
.myCardInputblock .row.cols-6 > .myCardFieldBlock {
  flex: 1 1 150px;
}
.myCardInputblock .column {
  display: flex;
  flex-direction: column;
  width: auto;
}
.myCardInputblock .column:after {
  content: unset;
}

.myUploadModale {
  width: 100% !important;
  height: auto;
  padding-right: 15px;
  max-width: 500px !important;
  min-width: 260px;
}
.myUploadModale .qq-upload-button {
  width: 100% !important;
  height: 20px !important;
  margin-top: 5px;
}

select.myCardFieldText {
  height: 30px;
}

textarea.myCardFieldText {
  resize: none;
}

.myButton, .drag-file-upload .qq-uploader div.qq-upload-button, .deleteButton, .CPFButton, .PPIButton, .cancelButton, .validateButton, .actionButton, .uploader-new .qq-upload-button, .whiteButton {
  height: 30px;
  margin: 1px 1px 1px 0px;
  border-radius: 20px;
  min-width: 174px;
  border: none;
  color: white;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.myButton:hover, .drag-file-upload .qq-uploader div.qq-upload-button:hover, .deleteButton:hover, .CPFButton:hover, .PPIButton:hover, .cancelButton:hover, .validateButton:hover, .actionButton:hover, .uploader-new .qq-upload-button:hover, .whiteButton:hover {
  background-color: white;
}
.myButton:disabled, .drag-file-upload .qq-uploader div.qq-upload-button:disabled, .deleteButton:disabled, .CPFButton:disabled, .PPIButton:disabled, .cancelButton:disabled, .validateButton:disabled, .actionButton:disabled, .uploader-new .qq-upload-button:disabled, .whiteButton:disabled {
  background-color: lightgrey !important;
  color: white;
  border: 1px solid white;
}
.myButton:disabled:hover, .drag-file-upload .qq-uploader div.qq-upload-button:disabled:hover, .deleteButton:disabled:hover, .CPFButton:disabled:hover, .PPIButton:disabled:hover, .cancelButton:disabled:hover, .validateButton:disabled:hover, .actionButton:disabled:hover, .uploader-new .qq-upload-button:disabled:hover, .whiteButton:disabled:hover {
  background-color: lightgrey !important;
  color: white !important;
  border: 1px solid white !important;
}
.myButton.link, .drag-file-upload .qq-uploader div.link.qq-upload-button, .link.deleteButton, .link.CPFButton, .link.PPIButton, .link.cancelButton, .link.validateButton, .link.actionButton, .uploader-new .link.qq-upload-button, .link.whiteButton {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.whiteButton {
  background-color: rgb(255, 255, 255);
  color: black;
  border: 1px solid lightgrey;
}
.whiteButton:hover {
  background-color: whitesmoke;
  height: 30px;
}

.actionButton, .uploader-new .qq-upload-button {
  background-color: #79bbff;
}
.actionButton:hover, .uploader-new .qq-upload-button:hover {
  background-color: white;
  color: #79bbff;
  border: 1px solid #79bbff;
}

.validateButton {
  background-color: #5cb85c;
}
.validateButton:hover {
  background-color: white;
  color: #5cb85c;
  border: 1px solid #5cb85c;
}

.cancelButton {
  background-color: rgb(70, 70, 70);
}
.cancelButton:hover {
  background-color: white;
  color: rgb(70, 70, 70);
  border: 1px solid rgb(70, 70, 70);
}

.PPIButton {
  background-color: rgb(255, 121, 121);
}
.PPIButton:hover {
  background-color: white;
  color: rgb(255, 121, 121);
  border: 1px solid rgb(255, 121, 121);
}

.CPFButton {
  background-color: rgb(255, 121, 121);
}

.CPFButton:hover {
  background-color: white;
  color: rgb(255, 121, 121);
  border: 1px solid rgb(255, 121, 121);
}

.deleteButton {
  background-color: rgb(255, 121, 121);
}
.deleteButton:hover {
  background-color: white;
  color: rgb(255, 121, 121);
  border: 1px solid rgb(255, 121, 121);
}

.myDoubleCard {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 600px;
}

.myAllCards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 95%;
  justify-content: space-around;
  margin: auto;
}

.myRadioButton {
  font-weight: bold;
  min-width: 250px;
  text-align: center;
}

.myCardCheckBlock {
  /* Input */
  /* Span */
}
.myCardCheckBlock, .myCardCheckBlock label {
  position: relative;
}
.myCardCheckBlock input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  /* Checked, Indeterminate */
  /* Active */
  /* Disabled */
}
.myCardCheckBlock input:checked, .myCardCheckBlock input:indeterminate {
  background-color: #d87f15;
}
.myCardCheckBlock input:checked + span::before, .myCardCheckBlock input:indeterminate + span::before {
  border-color: #d87f15;
  background-color: #d87f15;
}
.myCardCheckBlock input:checked + span::after, .myCardCheckBlock input:indeterminate + span::after {
  border-color: rgb(255, 255, 255);
}
.myCardCheckBlock input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.myCardCheckBlock input:disabled {
  opacity: 0;
}
.myCardCheckBlock span {
  display: inline-block;
  cursor: pointer;
  color: #212b63;
  user-select: none;
  width: auto;
  /* Box */
  /* Checkmark */
}
.myCardCheckBlock span::before {
  content: "";
  position: relative;
  top: -5px;
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 11px 3px 1px;
  /* Safari */
  border: 2px solid #212b63;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}
.myCardCheckBlock span::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 1px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

@media screen and (max-width: 500px) {
  html body {
    font-size: 14px;
  }
  thead,
  tbody,
  tfoot,
  td,
  th,
  tr {
    font-size: 1.1em;
  }
  .myCardFieldLabel {
    font-size: 1.2em;
  }
  .myCardFieldText, textarea.myCardFieldText {
    font-size: 1.2em;
    height: 30px;
  }
  select.myCardFieldText {
    height: 40px;
  }
  .myButton, .drag-file-upload .qq-uploader div.qq-upload-button, .whiteButton, .actionButton, .uploader-new .qq-upload-button, .validateButton, .cancelButton, .PPIButton, .CPFButton, .deleteButton {
    font-size: 1.2em;
    height: 45px;
  }
  .myCardFieldBlock .custom-combobox input:not([type=button]):not(.dx-texteditor-input), .myCardFieldBlock .custom-combobox a {
    font-size: 1.2em;
    height: 35px;
    min-width: 120px;
  }
}
.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3 {
  color: #C62828 !important;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.blue.darken-1 {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-3 {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3 {
  color: #1565C0 !important;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

.blue.accent-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
  color: #2979FF !important;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

.green.lighten-2 {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
  color: #81C784 !important;
}

.green.lighten-1 {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3 {
  color: #2E7D32 !important;
}

.green.darken-4 {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

.green.accent-1 {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

.green.accent-2 {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
  color: #69F0AE !important;
}

.green.accent-3 {
  background-color: #00E676 !important;
}

.green-text.text-accent-3 {
  color: #00E676 !important;
}

.green.accent-4 {
  background-color: #00C853 !important;
}

.green-text.text-accent-4 {
  color: #00C853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.bernard-grey {
  background-color: #4d4f56 !important;
}

.bernard-grey-text {
  color: #4d4f56 !important;
}

.bernard-blue {
  background-color: #59b8e9 !important;
}

.bernard-blue-text {
  color: #59b8e9 !important;
}

.bernard-darkblue {
  background-color: #253786 !important;
}

.bernard-darkblue-text {
  color: #253786 !important;
}

.bernard-orange {
  background-color: #eaa736 !important;
}

.bernard-orange-text {
  color: #eaa736 !important;
}

.bernard-lightgrey {
  background-color: #8f94ab !important;
}

.bernard-lightgrey-text {
  color: #8f94ab !important;
}

.bernard-mediumgrey {
  background-color: #515857 !important;
}

.bernard-mediumgrey-text {
  color: #515857 !important;
}

.bernard-palegrey {
  background-color: #f7f7f7 !important;
}

.bernard-palegrey-text {
  color: #f7f7f7 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

.extend_1, body, html {
  height: calc(100% - 70px);
  background: rgb(255, 255, 255);
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  margin: 0;
}

.dx-row-lines {
  cursor: pointer;
}

.extend_2 {
  background: rgb(255, 121, 121);
  padding: 7px;
}

.extend_3 {
  background: rgb(76, 175, 80);
  padding: 7px;
  color: rgb(255, 255, 255);
}

.extend_4 {
  background: rgb(229, 55, 55);
  padding: 7px;
  color: rgb(255, 255, 255);
}

.extend_5, .plAfficheToolsResultatEI, .plAfficheToolsPolitique, .plAfficheToolsAvenant {
  cursor: pointer;
}

.extend_6, .listeAddEntreeBd, .listeAddEmbaucheBd {
  cursor: pointer;
  line-height: 32px;
  border-bottom: rgb(255, 255, 255) solid 1px;
}

.extend_7, BODY {
  font-family: Arial;
  font-size: small;
  vertical-align: top;
}

.extend_8, td, #gedTable tr, .gedTable tr {
  vertical-align: middle;
}

.extend_9, .chartContainer, #chartBarStack, #chart, #chartBar {
  max-height: 85%;
  padding: 1rem;
}

.extend_10, #comKO, #comOK {
  font-size: 1.5rem;
}

.extend_11, #tableEntretiens:not(.tableEntretiensDiv #tableEntretiens) td, #tableEntretiens:not(.tableEntretiensDiv #tableEntretiens) th, #tableAbsencesPerso td, #tableAbsencesPerso th {
  font-size: 0.8rem;
}

.extend_12, #slider-range-list .ui-slider-range, #slider-range .ui-slider-range {
  height: 130%;
  top: -0.5px;
}

.extend_13, #slider-range-list .ui-slider-handle, #slider-range-list .ui-slider-range, #slider-range .ui-slider-handle, #slider-range .ui-slider-range {
  background: #253786;
}

.extend_14, #slider-range-list .ui-slider-handle, #slider-range .ui-slider-handle {
  border-radius: 50%;
  border: none;
  top: -4px;
  width: 1em;
  height: 14px;
  cursor: pointer;
}

.extend_15, #slider-range-list label, #slider-range label {
  position: absolute;
  top: 10px;
}

.extend_16, .comboChartETP, .comboChart {
  background: rgb(70, 70, 70);
  color: rgb(255, 255, 255);
  border: none;
}

.extend_17, .comboChartETP:focus, .comboChart:focus {
  outline: none;
}

.extend_18, .grosBtn, .grosBtn2 {
  color: rgb(70, 70, 70);
  max-width: 1350px;
  margin: 10px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}

.extend_19, .grosBtn:hover, .grosBtn2:hover {
  background-color: rgb(233, 233, 233);
  color: rgb(70, 70, 70);
}

.extend_20, .edit select, .edit input, .edit textarea {
  width: 100%;
  height: 100%;
}

.extend_21, .soldes th, td {
  white-space: nowrap;
}

.extend_22, .okModif, .okSupp {
  cursor: pointer;
}

.extend_23, .canceled, .grayLocked {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.extend_24, #valideSelectDiv img, #valideSaisieDiv {
  cursor: pointer;
}

.extend_25, #valideSelectDiv, #valideSaisieDiv {
  display: none;
  position: absolute;
  width: 15px;
}

.extend_26, .entretiensRefresh, #entretiensRefreshn, .salaryReviewRefresh, #salaryReviewRefresh {
  cursor: pointer;
}

.extend_27, #anneeList, #viewSelect, #sbList {
  height: 27px;
}

.extend_28 {
  background: none;
}

.extend_29 {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  line-height: 24px;
  padding: 2px;
}

#loginHtml {
  background-color: #00a4ce;
}

#loginBody {
  display: flex;
  align-content: center;
  justify-content: center;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif, "Lucida Grande";
}

#numVersion {
  line-height: 2.5em;
}

.analyzeBox {
  max-width: none;
  width: 88%;
  height: 70%;
  min-width: 50px;
  padding: 10px 10px 5px;
  margin-left: 5%;
  box-shadow: rgb(233, 233, 233) 0 0 30px;
  background: rgb(233, 233, 233);
  border-radius: 4px;
  margin-bottom: 5%;
  margin-right: 10%;
  border: none !important;
}

.inModale2 {
  z-index: 1;
  text-align: left;
  top: 50px;
  position: absolute;
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  background-color: rgb(233, 233, 233);
  min-width: 1000px;
  width: 98%;
}

#chartBar {
  display: inline-block;
  width: 80%;
  float: right;
}

#totalSalarie {
  border: none;
  padding-left: 3px;
  cursor: pointer;
}

.analyzeBox #totalSalarie {
  margin-top: 10%;
}
.analyzeBox #nombreSalarieDiv {
  display: inline-block;
  width: 20%;
}
.analyzeBox .tableMinMax {
  text-align: center;
  display: table;
  width: 80%;
  height: 80%;
  margin-left: 10%;
}
.analyzeBox .cellMinMax {
  vertical-align: middle;
  display: table-cell;
  padding: 5%;
}

.listConnexionLog {
  background-color: rgb(255, 255, 255);
  min-width: 1100px;
}

#enteteDI {
  max-width: 960px;
  margin: auto;
  position: relative;
}

#nomPrenom {
  width: 240px;
  background-color: rgb(229, 55, 55);
  position: absolute;
}

#infoEntete {
  margin-left: 245px;
  background-color: #00adba;
  min-height: 150px;
}

.inModale {
  border-radius: 0px !important;
  top: 10vh;
  z-index: 100;
  display: none;
  margin-top: 45px;
  text-align: left;
  position: absolute;
  padding: 20px 20px 0 20px;
  box-shadow: 0 0 50px 10px rgba(70, 70, 70, 0.75);
  background-color: rgb(255, 255, 255) !important;
  min-width: 1000px;
  max-width: 1300px;
}
.inModale:not(.modal) {
  margin-left: 15%;
}

#gedTable, .gedTable {
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.qq-upload-button {
  height: 25px;
  width: 70px;
  margin-top: 10px;
}

#file-uploader, #reinitialiserButton {
  float: right;
}

#listeSalarieDiv {
  float: right;
  margin: 6px 10px 0 0;
  font-size: 10px;
}

.afficheEiList {
  box-sizing: border-box;
  background-color: rgb(70, 70, 70);
  height: 30px;
  width: 100%;
  margin-bottom: 3px;
  color: rgb(255, 255, 255);
  padding-left: 10px;
  text-align: left;
}

.eiListtitre {
  position: absolute;
  margin-top: 4px;
  margin-left: 10px;
  font-size: large;
  cursor: pointer;
}

.eyeIcone {
  cursor: pointer;
  top: 1px;
}
.eyeIcone i {
  margin-top: 3px;
}

.addRecordIcone {
  float: right;
  margin: 3px 10px 0 0;
  cursor: pointer;
}
.addRecordIcone.big {
  background: #00adba;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-top: -22px;
}
.addRecordIcone.big i {
  font-size: 25px;
}

.DTTT_selected {
  background-color: rgb(255, 235, 59) !important;
}

.modaleClose {
  position: absolute;
  top: 5px;
  left: 220px;
}

.noMail {
  color: #7c7c7c;
}

.rotation180 {
  margin: 0;
  padding: 0;
  transform-origin: 0 0;
  transform: rotate(90deg);
}

.sbCase {
  width: 250px;
  height: 140px;
}

.Y1X1 {
  background: rgb(229, 55, 55);
  padding: 7px;
}

.Y1X1Title:before {
  content: "Rouge";
}

.Y1X2 {
  background: rgb(229, 55, 55);
  padding: 7px;
}

.Y1X2Title:before {
  content: "Rouge";
}

.Y1X3 {
  background: rgb(216, 127, 21);
  padding: 7px;
}

.Y1X3Title:before {
  content: "Orange";
}

.Y2X1 {
  background: rgb(255, 121, 121);
  padding: 7px;
}

.Y2X1Title:before {
  content: "Rose";
}

.Y2X2 {
  background: rgb(255, 121, 121);
  padding: 7px;
}

.Y2X2Title:before {
  content: "Rose";
}

.Y2X3 {
  background: rgb(76, 175, 80);
  padding: 7px;
}

.Y2X3Title:before {
  content: "Vert";
}

.Y3X1 {
  background: rgb(255, 121, 121);
  padding: 7px;
}

.Y3X1Title:before {
  content: "Rose";
}

.Y3X2 {
  background: rgb(76, 175, 80);
  padding: 7px;
}

.Y3X2Title:before {
  content: "Vert";
}

.Y3X3 {
  background: rgb(255, 235, 59);
  padding: 7px;
}

.Y3X3Title:before {
  content: "Jaune";
}

.fixTextAreaTab {
  resize: none;
  height: 80%;
  width: 99%;
}

.textAreaFixOnly {
  resize: none;
  min-height: 200px;
}

.listeAddEmbauche {
  cursor: pointer;
  line-height: 32px;
}

.plEiCaseWe {
  background-color: rgb(255, 121, 121);
  padding: 10px;
}

.plEiCaseFerie {
  background-color: rgb(255, 235, 59);
  padding: 10px;
}

.comtextarea {
  margin: 15px 10px 0 15px;
  height: auto;
  min-height: 100px;
}

.inputCritereTD {
  vertical-align: top;
  padding-top: 15px;
}

.attentionBonusCrit {
  background: rgb(229, 55, 55) !important;
  color: rgb(255, 255, 255);
  font-size: 15px;
  width: 170px;
}

.attentionBonusElem {
  background: rgb(255, 165, 0);
  color: rgb(255, 255, 255);
  font-size: 15px;
}
.attentionBonusElem.attentionBonusCrit {
  background-image: linear-gradient(45deg, rgb(229, 55, 55) 25%, rgb(255, 165, 0) 25%, rgb(255, 165, 0) 50%, rgb(229, 55, 55) 50%, rgb(229, 55, 55) 75%, rgb(255, 165, 0) 75%, rgb(229, 55, 55));
  font-size: 18px;
}

.attentionBonus2 {
  color: rgb(229, 55, 55);
  font-size: 25px;
}

#msgDivElem {
  font-family: Arial;
  color: rgb(255, 165, 0);
  font-size: 20px;
}

.criterePoids {
  width: 20px !important;
  margin-left: 15px;
}

THEAD,
TBODY,
TFOOT,
TD,
TH,
TR {
  font-size: 1em;
}

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}

tfoot input[type=checkbox] {
  width: 20px;
}

.eiTables table {
  border-spacing: 0;
  border-collapse: collapse;
}
.eiTables table:not(.bgWhite) {
  background-color: rgb(204, 255, 255);
}

table {
  background-color: rgb(233, 233, 233);
  border-spacing: 1px;
  border-collapse: separate;
}
table.dataTable .css_right {
  float: right;
}
table.dataTable tbody tr:hover, table.dataTable tr.hovered {
  filter: brightness(0.9);
}
table.dataTable td {
  position: relative;
  cursor: pointer;
}
table#formListTable td {
  white-space: pre-wrap;
}

.gsm {
  min-width: 1150px;
}

.bgWhite {
  background-color: rgb(255, 255, 255);
}

.bgBlue {
  background-color: rgb(204, 255, 255);
}

.bgGreen {
  background-color: rgb(76, 175, 80);
  opacity: 0.7;
}

.bgRed {
  background-color: rgb(229, 55, 55);
  opacity: 0.8;
}

.blocOnglet {
  background-color: rgb(255, 255, 255);
  min-width: 1125px;
}

.blueSeparator {
  margin: 3px 0;
  height: 3px;
  border: 1px solid #00a4ce;
  background-color: #00a4ce;
}

input:not([type=button]):not(.dx-texteditor-input) {
  padding-left: 3px;
  border-style: none;
}
input:not([type=button]):not(.dx-texteditor-input):disabled + .slider {
  background-color: rgb(233, 233, 233);
}
input:not([type=button]):not(.dx-texteditor-input):disabled + .slider:after {
  color: rgb(233, 233, 233) !important;
  font-weight: normal;
}
input:not([type=button]):not(.dx-texteditor-input):disabled + .slider:before {
  color: rgb(233, 233, 233) !important;
  font-weight: normal;
}
input:not([type=button]):not(.dx-texteditor-input):checked + .slider {
  transform: translateX(21px);
}

.arrow1 {
  display: inline-block;
  margin: 30px 30px 0px 30px;
  width: 20px;
  height: 20px;
  background: transparent;
  text-indent: -9999px;
  border-top: 2px solid #FCB407;
  border-left: 2px solid #FCB407;
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent;
}

.arrow2 {
  display: inline-block;
  margin: 30px 30px 0px 30px;
  width: 20px;
  height: 20px;
  background: transparent;
  text-indent: -9999px;
  border-top: 2px solid #3D5B9B;
  border-left: 2px solid #3D5B9B;
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent;
}

.arrow3 {
  margin: 30px 30px 0px 30px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent;
  text-indent: -9999px;
  border-top: 2px solid #48B7AE;
  border-left: 2px solid #48B7AE;
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent;
}

.arrow1.next {
  transform: rotate(135deg);
  right: 0;
}

.arrow2.next {
  transform: rotate(135deg);
  right: 0;
}

.arrow3.next {
  transform: rotate(135deg);
  right: 0;
}

textarea {
  border: 1px solid lightgrey;
  padding-left: 3px;
}

.fsXs {
  font-size: x-small;
}

.fsXxs {
  font-size: xx-small;
}

.cadre {
  border: 1px solid rgb(70, 70, 70);
}

.bdT {
  border-top: 1px solid rgb(70, 70, 70);
}

.bdR {
  border-right: 1px solid rgb(70, 70, 70);
}

.bdB {
  border-bottom: 1px solid rgb(70, 70, 70);
}

.bdL {
  border-left: 1px solid rgb(70, 70, 70);
}

.bdNone {
  border: none !important;
}

.bdTG {
  border-top: 0.5px solid rgb(233, 233, 233);
}

.bdRG {
  border-right: 0.5px solid rgb(233, 233, 233);
}

.bdBG {
  border-bottom: 0.5px solid rgb(233, 233, 233);
}

.bdLG {
  border-left: 0.5px solid rgb(233, 233, 233);
}

.bold {
  font-weight: bold;
}

.vaT {
  vertical-align: top;
}

.vaB {
  vertical-align: bottom;
}

.vaM {
  vertical-align: middle;
}

.taL {
  text-align: left;
}

.taR {
  text-align: right;
}

.taC, #gestionTempsCollaborateurAnnee {
  text-align: center;
}

.mgR2 {
  margin-right: 1%;
}

.mgL20 {
  margin-left: 20px;
}

.mgB20 {
  margin-bottom: 20px;
}

.pL2p {
  padding-left: 2%;
}

.pT2 {
  padding-top: 2px;
}

.pT2p {
  padding-top: 2%;
}

.pT200 {
  padding-top: 200px !important;
}

.pL5p {
  padding-left: 5%;
}

.pL5 {
  padding-left: 5px;
}

.pL10 {
  padding-left: 10px;
}

.pL20 {
  padding-left: 20px;
}

.pL20Important {
  padding-left: 20px !important;
}

.pR2p {
  padding-left: 2%;
}

.pR5p {
  padding-left: 5%;
}

.pR5 {
  padding-right: 5px;
}

.pR10 {
  padding-right: 10px;
}

.pR20 {
  padding-right: 20px;
}

.mLR2 {
  margin-left: 2%;
  margin-right: 2%;
}

.title {
  font-size: medium;
}
.title:not(.bgBlue.title) {
  background-color: rgb(70, 70, 70);
  color: rgb(255, 255, 255);
}

tr.lighten-1 td.sorting_1 {
  background-color: #C85C5B !important;
}

tr.lighten-3 td.sorting_1 {
  background-color: #FFCDD2 !important;
}

#manageDepuis, #NomResponsable {
  border: 1px solid rgb(70, 70, 70) !important;
}

.fixtextarea {
  resize: none;
  height: 99%;
  width: 99%;
  min-height: 180px;
}

.doubleInputTD {
  white-space: normal;
  height: 100%;
  display: block;
}

.preClass {
  display: block;
  unicode-bidi: embed;
  white-space: pre;
}

.ht5 {
  height: 5px;
  line-height: 5px;
}

.ht10 {
  height: 10px;
  line-height: 10px;
}

.ht15 {
  height: 15px;
  line-height: 15px;
}

.ht18 {
  height: 18px;
  line-height: 18px;
}

.ht20 {
  height: 20px;
  line-height: 20px;
}

.ht22 {
  height: 22px;
  line-height: 22px;
}

.ht30 {
  height: 30px;
  line-height: 30px;
}

.ht40 {
  height: 40px;
  line-height: 40px;
}

.ht50 {
  height: 50px;
  line-height: 50px;
}

.ht70 {
  height: 70px;
  line-height: 70px;
}

.ht90 {
  height: 90px;
  line-height: 90px;
}

.ht100 {
  height: 100px;
  line-height: 100px;
}

.ht200 {
  height: 200px;
  line-height: 200px;
}

.sel {
  height: 24px;
  line-height: 24px;
}

.ht99pc {
  height: 99%;
  line-height: 99%;
}

.htCent {
  height: 100%;
}

.w0 {
  width: 0;
}

.w1 {
  width: 1%;
}

.w2 {
  width: 2%;
}

.w3 {
  width: 3%;
}

.w4 {
  width: 4%;
}

.w5 {
  width: 5%;
}

.w8 {
  width: 9%;
}

.w10 {
  width: 10%;
}

.w12 {
  width: 12%;
}

.w13 {
  width: 13.3%;
}

.w15 {
  width: 15%;
}

.w19 {
  width: 19%;
}

.w20 {
  width: 20%;
}

.w22 {
  width: 22%;
}

.w23 {
  width: 23%;
}

.w25 {
  width: 25%;
}

.w26 {
  width: 26%;
}

.w28 {
  width: 28%;
}

.w30 {
  width: 29% !important;
}

.w32 {
  width: 32%;
}

.w35 {
  width: 34%;
}

.w40 {
  width: 39%;
}

.w42 {
  width: 42%;
}

.w45 {
  width: 44%;
}

.w46 {
  width: 46%;
}

.w48 {
  width: 47%;
}

.w49 {
  width: 48%;
}

.w50 {
  width: 49%;
}

.w55 {
  width: 54%;
}

.w60 {
  width: 59% !important;
}

.w65 {
  width: 64%;
}

.w70 {
  width: 69%;
}

.w75 {
  width: 74%;
}

.w80 {
  width: 79%;
}

.w90 {
  width: 89%;
}

.w95 {
  width: 94%;
}

.w96 {
  width: 95%;
}

.w98 {
  width: 98%;
}

.w99 {
  width: 99% !important;
}

.w995 {
  width: 99.5%;
}

.w100, #gestionTempsCollaborateurAnnee {
  width: 100%;
}

.ws14 {
  width: 14px;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.tableSignaturesMarron {
  height: 150px;
  line-height: 150px;
  text-align: center;
  border: 1px solid rgb(233, 233, 233);
  background-color: rgb(255, 121, 121);
  font-weight: bold;
  font-size: small;
}

#tabSignaturesWorkflow > .flex > div {
  flex: 1 1 250px;
  border-radius: 10px;
}
#tabSignaturesWorkflow .myCardFieldBlock {
  width: 100%;
}
#tabSignaturesWorkflow .myCardFieldBlock .myCardFieldText {
  min-height: 15px;
}
#tabSignaturesWorkflow .myCardFieldBlock textarea {
  border-radius: 10px;
}
#tabSignaturesWorkflow .myCardFieldBlock > div:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#tabSignaturesWorkflow .myCardFieldBlock > div:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.item {
  height: 20px;
  padding-left: 1px;
  background-color: rgb(255, 255, 255);
  cursor: auto;
}

.tableTitreMarron {
  text-align: center;
  background-color: rgb(255, 121, 121);
  font-weight: bold;
  font-size: small;
}

.tableTitreBleu {
  text-align: center;
  background-color: #7996ff;
  font-weight: bold;
  font-size: small;
}

.tableTitreBleuOnglet7 {
  text-align: left;
  background-color: #7996ff;
  font-weight: bold;
  font-size: small;
  margin-left: 5px;
  height: 25px;
}

.tableTitreBleuOnglet4 {
  text-align: center;
  background-color: #7996ff;
  font-weight: bold;
  font-size: small;
  width: 200px;
}

.tablepetitMarron {
  text-align: left;
  background-color: rgb(255, 121, 121);
  font-size: small;
  padding-left: 10px;
}

.tableStLabel {
  padding-left: 10px;
  background-color: rgb(255, 255, 255);
  text-align: left;
}

.chkSize {
  width: 15px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  vertical-align: middle;
}

.chkSize40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  vertical-align: middle;
}

.chkSize20 {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  vertical-align: middle;
}

.addRubriqueImg {
  width: 20px;
  margin: 1px 0 -4px 5px;
}

.frmCloture {
  display: inline;
  padding: 5px 25px 3px 20px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  margin-right: 7px;
  cursor: default;
}

.frmLockCollaborateur {
  display: inline;
  padding: 5px 25px 3px 20px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  margin-right: 7px;
  cursor: default;
}

.imgLock {
  position: absolute;
  top: 3px;
}

.imgLockCollaborateur {
  top: 3px;
  margin-left: 5px;
}

.titreCompl {
  margin-right: 3px;
}

.rotate {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.disable {
  disabled: disabled;
}

#waitGlobal {
  background: grey; /* The Fallback */
  background: rgba(128, 128, 128, 0.7);
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999999999;
  display: none;
  width: 100%;
  position: absolute;
}

#waitGlobalImg {
  position: absolute;
  width: 200px;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
}

.jauge {
  height: 300px;
  width: 20%;
}

#sbTable {
  background-color: rgb(255, 255, 255);
  border-spacing: 2px;
  border-collapse: initial;
  min-height: auto;
}
#sbTable td {
  font-size: 12px;
  vertical-align: middle;
  line-height: 1;
  height: auto;
}
#sbTable td.sbCase {
  font-size: 12px;
  vertical-align: middle;
  line-height: 15px;
  height: auto;
  white-space: pre-line;
}

.bigSegBox {
  z-index: -1;
  max-width: none;
  height: auto;
  width: 100%;
  min-width: 50px;
  padding: 10px 10px 5px;
  top: 210px;
  box-shadow: rgb(233, 233, 233) 0 0 30px;
  border-radius: 4px;
  margin-bottom: 200px;
  box-sizing: border-box;
}

.exportBtnDash {
  width: 33%;
  position: relative;
  background: #00adba;
  bottom: 4em;
  height: 40px;
  border-radius: 3px;
  box-shadow: rgb(233, 233, 233) 1px 1px 20px 5px;
  text-align: start;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-left: 3%;
}
.exportBtnDash:hover {
  background: rgb(233, 233, 233);
}

.exportImgDash {
  width: 20px;
}

.textPort {
  position: absolute;
  margin-top: 3px;
  margin-left: 8px;
}

.exportBtn {
  height: 27px !important;
  text-align: start;
}

.sbOtherPerf {
  background: rgb(255, 121, 121);
  display: inline-block;
  padding: 7px;
  margin-top: 20px;
  min-height: 50px;
  width: 95%;
  line-height: 15px;
}

.btnDbGPEC {
  width: 20% !important;
  min-width: 200px;
  height: 110px;
}

td {
  white-space: nowrap;
}

.mL5 {
  margin-left: 5%;
}

.mL10 {
  margin-left: 10%;
}

.mL15 {
  margin-left: 15%;
}

.mL20 {
  margin-left: 20%;
}

.mL25 {
  margin-left: 25%;
}

.rotate25 {
  transform: translateY(-23px) translateX(-34px) rotate(-27deg);
}

.rotateM25 {
  transform: translateY(-74px) translateX(-11px) rotate(27deg);
}

.buttonActPap {
  background-color: #00adba;
  border-bottom: solid 2px rgb(233, 233, 233);
  border-right: solid 2px rgb(233, 233, 233);
  border-left: solid 2px rgb(255, 255, 255);
  border-top: solid 2px rgb(255, 255, 255);
  margin: 3px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}
.buttonActPap:active {
  background-color: #00adba;
  border-top: solid 2px rgb(233, 233, 233);
  border-left: solid 2px rgb(233, 233, 233);
  border-right: solid 2px rgb(255, 255, 255);
  border-bottom: solid 2px rgb(255, 255, 255);
  margin: 3px;
}

.chartLabel {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
}

.planButton {
  box-shadow: inset 0 1px 0 0 #00adba;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_primary_color", endcolorstr="$secondary_primary_color");
  background-color: #00adba;
  border-radius: 9px;
  text-indent: 0;
  border: 1px solid #00adba;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 25px;
  width: 125px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.planButtonActif {
  border: 1px solid rgb(255, 235, 59);
  box-shadow: inset 0 1px 0 0 rgb(255, 235, 59);
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$yellow", endcolorstr="$secondary_accent_color");
  border-radius: 9px;
  text-indent: 0;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 25px;
  width: 125px;
  text-decoration: none;
  text-align: center;
}

.dashboardCard {
  margin-left: 80px;
  margin-right: 80px;
  padding: 10px;
  box-shadow: rgb(233, 233, 233) 0 0 20px 1px;
  background: rgb(255, 255, 255);
  position: absolute;
  width: 90%;
  height: 140px;
  top: 70px;
}
.dashboardCard input {
  border: rgb(70, 70, 70) 1px solid;
  width: 95%;
}
.dashboardCard input.custom-combobox-input {
  width: 85%;
}

.grid-container {
  position: absolute;
  top: 240px;
  left: 70px;
  right: 70px;
  bottom: 0;
  overflow: visible;
  padding-top: 5px;
}

.grid {
  position: relative;
  height: 100%;
  list-style: none;
  transition: width 0.2s, height 0.2s;
}
.grid li {
  position: absolute;
  z-index: 9;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: width 500ms, height 500ms, margin 500ms;
}
.grid li .inner {
  position: absolute;
  background: rgb(255, 255, 255);
  top: 25px;
  bottom: 10px;
  left: 10px;
  right: 0;
  transition: background 3s;
  overflow-y: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.grid li .title {
  background-color: #464646;
  color: white;
  padding: 0.2rem;
}
.grid li.ui-draggable {
  font-size: 10px;
}
.grid li.ui-draggable-dragging {
  transition: none;
}
.grid li.position-highlight {
  transition: none;
}
.grid li.position-highlight .inner {
  border: none;
  background: rgb(255, 255, 255);
}
.grid li.changed .inner {
  background: #00adba;
  transition: none;
}

#segmentationBoxChoix {
  height: 90%;
}

#showAll {
  background-color: rgb(255, 255, 255) !important;
  border: none;
  margin-left: -36px;
  border-radius: 5px;
  height: 15px;
}

.ui-autocomplete {
  width: fit-content !important;
  overflow-y: scroll;
  max-height: 33vh;
  z-index: 2500 !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.ui-autocomplete .description {
  display: none;
}
.ui-autocomplete .ui-menu-item {
  width: auto !important;
}
.ui-autocomplete .inline-block {
  display: inline-block;
}
.ui-autocomplete .image img {
  max-width: 30px;
}

.inner .footer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
}
.inner .footer div {
  background: rgba(245, 245, 245, 0.9607843137);
  padding: 10px;
  display: inline-block;
}
.inner .footer div:active {
  background: rgba(165, 165, 165, 0.6470588235);
}
.inner .footer a {
  font-size: 10px;
  color: #00a4ce;
  text-decoration: none !important;
}
.inner .footer input {
  background: none;
  cursor: pointer;
  margin: 0 10px;
  color: rgb(255, 255, 255);
}
.inner .title {
  font-size: large;
}
.inner textarea {
  width: 90%;
  background: rgba(245, 245, 245, 0.9607843137);
  resize: none;
  min-height: 75%;
}

.gedComClass {
  width: 550px;
  height: 80%;
  box-sizing: border-box;
}

#listManagers {
  white-space: pre-line;
  max-width: 300px;
  font-size: 10px;
}

.linkContainer {
  text-align: left;
  font-size: 15px;
  left: 15px;
  position: relative;
  width: 90%;
  margin-top: 10px;
}

.linkImg {
  width: 3rem;
}

.linkDBI {
  position: absolute;
  top: 20%;
  left: 50px;
}

.expand {
  height: 15px;
  float: right;
  margin: 2px 5px;
  filter: invert(100%);
}

.noBox {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(233, 233, 233);
  font-size: 40px;
  padding-top: 10%;
}

.fixTable {
  table-layout: fixed;
}
.fixTable td {
  white-space: pre-wrap;
}

.dontshow {
  display: none;
}

.paramil {
  border-bottom: 1px solid;
}

.cancelimg {
  position: absolute;
  margin-left: -20px;
  display: none;
}

.search-focus-button {
  position: fixed;
  left: 1%;
  bottom: 1%;
  box-shadow: rgb(233, 233, 233) 0 0 20px 2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 3000;
  background: rgb(229, 55, 55);
  cursor: pointer;
}
.search-focus-button img {
  top: 25%;
  position: relative;
  left: 25%;
  width: 22px;
}

th {
  white-space: nowrap;
}

#monManagerDiv {
  margin-top: 5px;
  font-size: 13px;
  font-weight: bold;
  margin-left: 3px;
  cursor: pointer;
}

.listHabilitation {
  position: absolute;
  background-color: rgb(255, 255, 255);
  width: 100%;
  box-sizing: border-box;
}

.legendHabilitation {
  list-style: none;
  margin-left: 10px;
}

.red {
  background-color: rgb(255, 121, 121) !important;
}

.green {
  background-color: #5cb85c;
}

.grey {
  background-color: rgb(233, 233, 233);
}

.noColor {
  background-color: rgb(255, 255, 255);
}

#changeProfil {
  min-width: 300px;
  border: 1px solid rgb(70, 70, 70);
  position: absolute;
  top: 500px;
  left: 200px;
  padding: 5px;
  background: rgb(255, 255, 255);
  display: none;
}

.textVertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.indNombre {
  font-size: 4vw;
  color: #00adba;
}

.indNombreTitle {
  font-size: 1vw;
  font-weight: bold;
}

.refresh {
  filter: brightness(100);
  height: 18px;
  float: right;
  margin: 1px 5px;
}

.chartType {
  height: 18px;
  float: right;
  margin: 1px 5px;
}

.ui-slider {
  border: none !important;
  height: 5px !important;
  margin: 15px 30px 20px;
}

#slider-range-list a.ui-slider-handle.ui-state-default.ui-corner-all::before {
  left: 0;
}

a.collision::before {
  left: -60px !important;
}
a.collision2::before {
  left: 30px !important;
}
a.ui-slider-handle.ui-state-default.ui-corner-all {
  color: inherit;
  text-decoration: inherit;
}
a.ui-slider-handle.ui-state-default.ui-corner-all::before {
  content: attr(data-before);
  position: relative;
  top: -20px;
  left: -20px;
  color: inherit;
  text-decoration: inherit;
}

.grid-container ul {
  z-index: 2;
}

* {
  margin: 0;
  padding: 0;
}
*.data_total {
  text-align: right;
  width: 70px;
  border: 0;
  background-color: #00adba;
  font-weight: bold;
  color: rgb(70, 70, 70);
}

#connexion_div {
  position: absolute;
  width: 350px;
  height: 200px;
  border: 1px solid rgb(70, 70, 70);
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  background-color: rgb(233, 233, 233);
  padding: 10px;
}

#btn_connexion {
  float: right;
  margin-top: 10px;
  margin-right: 35px;
  cursor: pointer;
}

.btn_lignes {
  margin: 0 5px 5px 50px;
  text-align: right;
}

.btn_valid {
  text-align: right;
  margin-top: 10px;
}

#title_connexion {
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 20px;
}

#p_lost_pswd {
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  cursor: pointer;
  color: rgb(70, 70, 70);
}

.inputLogin {
  background-color: rgb(255, 255, 255);
  border: 0;
  text-align: center;
}

.mainAcc {
  margin: 0 100px 0px 100px;
  text-align: center;
  max-width: 1350px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 18px;
  font-weight: bold;
  padding: 3px;
  background: rgb(255, 255, 255);
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  cursor: pointer;
}

.TitleAcc2 {
  font-size: 10px;
  max-width: 400px;
  position: absolute;
  margin: 63px 0 0 10px;
  line-height: 13px;
}

.TitleAcc {
  position: absolute;
  margin: 45px 0 0 10px;
  width: auto;
}

.TitleMainMenu {
  position: relative;
  margin: 0 0 0 10px;
  width: calc(100% - 150px);
  display: table;
  float: left;
  height: 100%;
  color: white;
}

.grosBtn2 div.TitleMainMenu {
  width: 100%;
}

.mainAccBtn {
  margin: 0 100px 0px 100px;
  color: rgb(255, 255, 255);
  background-color: #00adba;
  max-width: 1350px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 18px;
  font-weight: bold;
  padding: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.mainAccBtn:hover {
  background-color: #253786;
  color: rgb(255, 255, 255);
}

.grosBtnContainer {
  width: 1000px;
  margin-left: 100px;
}
.grosBtnContainer div {
  display: inline-block;
  margin-bottom: 8px;
  width: 500px;
  height: 110px;
}

.BgC1 {
  background-color: #00adba;
}

.BgC3 {
  background-color: #00adba;
}

.BgC5 {
  background-color: #00adba;
}

.BgC7 {
  background-color: #00adba;
}

.BgC2 {
  background-color: #253786;
}

.BgC4 {
  background-color: rgb(255, 235, 59);
}

.BgC6 {
  background-color: rgb(255, 235, 59);
}

.BgC8 {
  background-color: #253786;
}

.modules_btn_img {
  top: 10px;
  left: 20px;
  height: 100px;
  display: inline-block;
  max-width: 120px;
}

.mainAccBtnGreen {
  margin: 0 100px 0px 100px;
  text-align: center;
  color: rgb(255, 255, 255);
  max-width: 1350px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 18px;
  font-weight: bold;
  padding: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #253786;
  cursor: pointer;
}
.mainAccBtnGreen:hover {
  background-color: #00adba;
  color: rgb(255, 255, 255);
}

.mainAccTab {
  font-size: 12px;
  padding: 12px 20px;
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  background-color: rgb(255, 255, 255);
}

.mainBut {
  top: 27px;
  position: relative;
}

.isactif {
  margin-left: 10px;
}

.isactifRight {
  margin-left: 50px;
}

.labelFilter {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  width: 150px;
}

.labelFilterUserDetail {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: large;
  height: 20px;
  width: 150px;
  color: #ffffff;
}

.labelFilterVivier {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  width: 250px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.labelFilterLeftLong {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  width: 200px;
}

.labelFilterRight {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  margin-left: 50px;
  width: 150px;
}

.labelLongFilterRight {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  margin-left: 50px;
  width: 200px;
}

.labelFilterLong {
  display: inline-block;
  width: 250px;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
}

.labelFilterParaSite {
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
  display: inherit;
  vertical-align: top;
  /* text-decoration: underline; */
  cursor: pointer;
  height: 10px;
  padding: 6px;
}
.labelFilterParaSite label:after {
  position: absolute;
  content: "▼";
  font-size: 18px;
  left: 94%;
  margin-top: -4px;
}
.labelFilterParaSite input {
  display: none;
}
.labelFilterParaSite input:checked + label:after {
  content: "▲";
}
.labelFilterParaSite + div textarea {
  width: calc(100% - 10px);
  resize: none;
  margin-left: 5px;
  height: 195px;
}

.labelFilterColRight {
  display: inline-block;
  width: 150px;
  position: absolute;
  margin-left: 250px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 13px;
  font-weight: bold;
}

.infoInput {
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 5px;
  width: auto;
  display: inline;
}

.labelNb {
  display: inline-block;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 10px;
}

.field {
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(70, 70, 70) !important;
}

.fieldZoom {
  width: 250px;
  background-color: rgb(233, 233, 233);
  color: rgb(255, 255, 255);
}

.texteareaZoom {
  min-width: 900px;
  background-color: rgb(233, 233, 233);
  color: rgb(255, 255, 255);
}

.longField {
  width: 265px;
  background-color: rgb(233, 233, 233);
  border-color: rgba(70, 70, 70, 0.15);
}

.short {
  width: 80px;
}

.longFieldAdd {
  width: 30%;
  background-color: rgb(233, 233, 233);
}

.fieldInLigne {
  width: 110px;
}

.adr {
  margin-left: 74px;
}

.adrV {
  margin-left: 155px;
}

.adrLiv {
  margin-left: 205px;
}

.gbbutton, .gbbuttonGreen {
  border: none;
  text-indent: 0;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 25px;
  min-width: 120px;
  text-decoration: none;
  text-align: center;
  padding: 0 10px;
  cursor: pointer;
  margin: 2px;
  background-color: #00adba;
  min-height: 25px;
}
.gbbutton:hover, .gbbuttonGreen:hover {
  background-color: #00a4ce;
}
.gbbutton:active, .gbbuttonGreen:active {
  position: relative;
  top: 1px;
}

.gbbuttonWhite {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 70, 70);
}
.gbbuttonWhite:hover {
  background: lightgray;
  color: #253786;
}

.gbbuttonGreen {
  background-color: #5cb85c;
}
.gbbuttonGreen:hover {
  background-color: rgb(76, 175, 80);
}
.gbbuttonGreen:active {
  position: relative;
  top: 1px;
}

.gbbuttonGris {
  color: rgb(76, 175, 80);
}
.gbbuttonGris:hover {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_primary_color", endcolorstr="$secondary_primary_color");
  background-color: #00adba;
}
.gbbuttonGris:active {
  position: relative;
  top: 1px;
}

.gbbuttonBs {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_primary_color", endcolorstr="$secondary_primary_color");
  background-color: #00adba;
  text-indent: 0;
  border: none;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 30px;
  line-height: 25px;
  max-width: 200px;
  width: 25vw;
  min-width: 164px;
  text-decoration: none;
  text-align: center;
  padding: 0 5px;
  position: relative;
  margin: 5px;
}
.gbbuttonBs:hover {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_primary_color", endcolorstr="$secondary_primary_color");
  background-color: #00adba;
  cursor: pointer;
}
.gbbuttonBs:active {
  position: relative;
}

.gbbuttonBsGris {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_primary_color", endcolorstr="$secondary_primary_color");
  background-color: rgb(233, 233, 233);
  text-indent: 0;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 30px;
  line-height: 25px;
  width: 210px;
  text-decoration: none;
  text-align: center;
  padding: 0 5px;
  position: relative;
}

.gbbuttonRed {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_red", endcolorstr="$red");
  background-color: rgb(255, 121, 121);
}
.gbbuttonRed:hover {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$red", endcolorstr="$secondary_red");
  background-color: rgb(229, 55, 55);
}
.gbbuttonRed:active {
  position: relative;
  top: 1px;
}

.gbbuttonOrange {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$secondary_red", endcolorstr="$red");
  background-color: #ffaf01;
}
.gbbuttonOrange:hover {
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$red", endcolorstr="$secondary_red");
  background-color: #d87f15;
}
.gbbuttonOrange:active {
  position: relative;
  top: 1px;
}

.gbbuttonConnexion {
  border: 1px solid transparent;
  line-height: 32px;
  background: #253786;
  color: white;
}
.gbbuttonConnexion:hover {
  background: rgb(255, 255, 255) !important;
  border: 1px solid #253786;
  color: #253786;
}

.modalFenetre {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00adba;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#667281", endColorstr="#667281AA");
}

#btnRetourGlobal {
  background: #253786;
  height: 30px;
  text-align: left;
  margin-right: -120px;
  padding-left: 5px;
}

.fakey {
  margin-left: 2px;
  color: rgb(233, 233, 233);
  font-family: sans-serif;
  font-size: 13.33px;
  display: inline;
}
.fakey input:not(#submit) {
  border: none;
  outline: none;
  font-family: sans-serif;
  width: 383px;
}
.fakey #file {
  color: rgb(70, 70, 70);
}
.fakey #submit {
  width: 12%;
  border: 1px solid #79bbff;
  color: white;
  background: #79bbff;
}

.edit {
  position: absolute;
  display: none;
}
.edit textarea {
  border: 2px rgb(233, 233, 233) solid;
  resize: none;
}
.inModaleLight {
  margin-left: 50px;
  text-align: left;
  position: absolute;
  border: 1px solid rgb(70, 70, 70);
  border-width: 3px;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  background-color: rgb(233, 233, 233);
  min-width: 200px;
  max-width: 500px;
}

.inModaleScroll {
  overflow: scroll;
  max-height: 300px;
}

.menu {
  float: left;
  margin: 0;
  padding: 0;
}

.imgBandeau {
  height: 50px;
  position: relative;
}

.imgBandeau2 {
  height: 50px;
  cursor: pointer;
}

.bandeauContainer {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: #00a4ce;
  position: fixed;
  z-index: 99;
  width: 100%;
  margin-top: -75px;
}

.bandeauPlaceHolder {
  height: 40px;
}

.bandeau {
  margin-bottom: -5px;
  color: rgb(255, 255, 255) !important;
  padding-top: 5px;
  box-sizing: border-box;
}
.bandeau.global {
  width: 100% !important;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  height: 4.5rem;
}
.bandeau.global .titleBreadcrumbs {
  margin: 0 10px;
  margin-right: auto;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  flex: 1 2 auto;
  width: 42%;
}
.bandeau.global .titleBreadcrumbs > a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bandeau.global > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.global {
  position: relative;
  width: 100%;
  display: none;
}

#newsContainer {
  height: 50px;
  position: relative;
  clear: both;
}

#menu {
  position: fixed;
  z-index: 12;
  background: rgb(233, 233, 233);
  height: 100%;
  top: 0 !important;
  padding-top: 70px;
  display: none;
  width: 220px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-size: 14px;
}

.module_title {
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.module_title:not(.titleBandeau) {
  padding: 8px;
  color: rgb(255, 255, 255);
  background: rgb(70, 70, 70);
}

.userName {
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
  -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
  user-select: none; /* Propriété standard */
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  font-weight: normal;
  background: royalblue;
  padding: 5px 5px 5px 5px;
  border-radius: 20px;
  height: 20px;
  float: right;
  line-height: 40px;
  white-space: nowrap;
  margin: 10px;
  cursor: pointer;
}
.userName img {
  margin: 0px 5px;
}

.btn_return {
  margin-left: 20px;
}

.list {
  position: absolute;
  background-color: rgb(255, 255, 255);
  width: 100%;
  box-sizing: border-box;
}

.shortlist {
  position: absolute;
  min-width: 550px;
  width: 100%;
}

.chx_ref {
  position: relative;
  margin-left: 10px;
  margin-bottom: 10px;
}

.blocGed {
  min-width: 500px;
  min-height: 100px;
  max-height: 80px;
  overflow: auto;
  border: 1px solid rgb(70, 70, 70);
  border-width: 1px;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 20px 0 10px -10px rgba(70, 70, 70, 0.15), -20px 0 10px -10px rgba(70, 70, 70, 0.15);
  background-color: rgb(255, 255, 255);
  margin: 5px 0;
}

.blocInput {
  min-height: 20px;
  border-bottom: 1px dotted rgba(70, 70, 70, 0.5);
  background-color: rgb(255, 255, 255);
  margin: 10px;
}
.blocInput:not([class^=col-]) {
  min-width: 500px;
}

#inputSites .blocInput > div {
  display: flex;
  flex-flow: row wrap;
}
#inputSites .blocInput > div > div .labelFilterRight {
  margin-left: 0;
}
#inputSites .blocInput > div > div input, #inputSites .blocInput > div > div select {
  margin-right: 10px;
}

.interval {
  margin-top: 8px;
}

.colFact {
  background-color: rgb(255, 121, 121);
}

.colCmde {
  background-color: #5cb85c;
}

.colCenter {
  text-align: center;
}

.colRight {
  text-align: right;
}

.colLeft {
  text-align: left;
}

.textearea {
  min-width: 900px;
}

.texteareaCol {
  min-width: 300px;
  width: 500px;
  min-height: 75px;
}

.texteareaMail {
  width: 350px;
  min-height: 50px;
  position: relative;
  left: -35px;
}

.arefSite {
  cursor: pointer;
  color: #00a4ce;
  text-decoration: underline;
}

.titleColSaisieLigne {
  padding-left: 5px;
  display: inline-block;
}

.doubleListBouton {
  vertical-align: top;
  margin-top: 20px;
  display: inline-block;
  width: 125px;
}

.hideMenu {
  position: absolute;
  top: -45px;
  left: -52px;
  width: 40px;
  height: 555px;
  background-color: rgba(0, 0, 0, 0.38);
  display: none;
}

.hidden {
  display: none !important;
}

.btn_versions {
  border: 0;
  top: 8px;
  position: relative;
  height: 24px;
  width: 24px;
}

.lst_versions {
  min-width: 543px;
  max-height: 350px;
  font-size: 11px;
  left: 168px;
  top: 127px;
  overflow-x: auto;
}

.btn_lCont {
  border: 1px;
  left: -100px;
  position: relative;
  height: 32px;
  width: 32px;
}

.lst_adressesLoueur {
  min-width: 543px;
  max-height: 350px;
  font-size: 12px;
  left: 50px;
  top: 433px;
  overflow-x: auto;
}

.lst_adressesClient {
  min-width: 543px;
  max-height: 350px;
  font-size: 12px;
  left: 300px;
  top: 433px;
  overflow-x: auto;
}

.lst_contactsLoueur {
  min-width: 543px;
  max-height: 350px;
  font-size: 12px;
  left: 50px;
  top: 550px;
  overflow-x: auto;
}

.lst_contactsClient {
  min-width: 543px;
  max-height: 350px;
  font-size: 11px;
  left: 500px;
  top: 550px;
  overflow-x: auto;
}

.commandeAnnulee {
  text-decoration: line-through;
  background: rgb(233, 233, 233);
}

.anomalie {
  background: rgb(255, 121, 121);
}

.btMenuToHide {
  display: none;
}

#menuApplicationsRh .ui-accordion-content, #menuApplicationsMetier .ui-accordion-content, .btMenuToHide .ui-accordion-content {
  background: rgb(233, 233, 233) !important;
  border: none !important;
}

.soldes span {
  display: table-cell;
  border: 1px solid #253786;
  margin: 0;
  text-align: center;
  padding: 2px;
  background-color: rgb(255, 255, 255);
  height: 20px;
}
.soldes span.Titre {
  font-weight: bold;
}
.soldes span.width {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
.soldes span.widthLeft {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
.soldes span.notitle {
  background-color: rgb(233, 233, 233);
}
.soldes span.height {
  height: 28px;
}
.soldes span.total {
  background-color: #00adba;
}
.soldes p {
  clear: left;
  margin: 0;
  padding: 0;
}
.soldes p.Titre {
  font-weight: bold;
}
.data_soldes {
  text-align: right;
  width: 70px;
  border: 0;
  font-weight: bold;
  background-color: rgb(255, 255, 255);
  color: rgb(70, 70, 70);
  border: none !important;
}

.data_soldes_red {
  text-align: right;
  width: 70px;
  border: 0;
  color: rgb(229, 55, 55);
  font-weight: bold;
  background-color: rgb(255, 255, 255);
}

.data_total_red {
  text-align: right;
  width: 70px;
  border: 0;
  background-color: #00adba;
  color: rgb(229, 55, 55);
  font-weight: bold;
}

.etats {
  position: relative;
  width: 800px;
  height: 20px;
  margin: 10px 20px;
}

.etat_block {
  position: relative;
  display: table-cell;
  width: 212px;
  height: 30px;
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

.etat_encours {
  background-color: rgb(255, 165, 0);
}

.etat_annul {
  background-color: rgb(229, 55, 55);
}

.etat_valid {
  background-color: rgb(76, 175, 80);
}

.etat_trans {
  background-color: #00a4ce;
}

.etat_dir {
  position: relative;
  height: 30px;
}

.etat_block_suiv {
  position: relative;
  display: table-cell;
}

.etat_suiv {
  position: absolute;
  display: table-cell;
  left: -12px;
  top: 0;
  text-align: center;
  margin-left: -1px;
  margin-right: 0;
  vertical-align: middle;
  z-index: 1;
}

.etatInactif {
  background-color: rgb(255, 255, 255);
}

.listAbsEtatColor {
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 4px 0;
  border-radius: 20px;
}

.custom-combobox-input {
  width: 265px;
}

#absInfoPopUp {
  border: 1px solid rgb(70, 70, 70);
  position: absolute;
  min-width: 300px;
  max-width: 500px;
  min-height: 90px;
  max-height: 200px;
  background-color: rgb(255, 255, 255);
  padding: 5px;
}

#iCalPopUp {
  padding: 20px;
  border-radius: 5px;
  border: 3px solid rgb(70, 70, 70);
  position: absolute;
  left: 35%;
  top: 35%;
  min-width: 400px;
  max-width: 500px;
  min-height: 100px;
  max-height: 200px;
  background-color: rgb(255, 255, 255);
}

.textRefus {
  width: 100%;
  height: 100px;
  max-height: 150px;
}

.lock {
  display: inline;
  position: relative;
  text-align: right;
  background: transparent url(/public/images/lock.png) no-repeat;
  top: 2px;
  left: 3px;
  margin: 0 auto;
  z-index: 1000;
}

.unlock {
  display: inline;
  text-align: right;
  position: relative;
  background: transparent url(/public/images/unlock.png) no-repeat;
  margin: 0 auto;
  top: 2px;
  left: 3px;
  z-index: 1000;
}

.win8Container {
  width: 1000px;
  margin-left: 100px;
}

.win8Btn {
  display: inline-block;
  width: 200px;
  height: 100px;
  background-color: #00adba;
  margin-bottom: 8px;
}

.win8DivImg {
  text-align: center;
  height: 75%;
}

.win8Img {
  height: 55px;
  padding-top: 13px;
  filter: invert(100%);
}

.win8Titre {
  height: 25%;
  padding-left: 15px;
  padding-top: 3px;
  color: rgb(255, 255, 255);
  font-size: 12px;
}

.table {
  display: table;
}

.custom-group-cell {
  vertical-align: middle;
}
.custom-group-cell p {
  float: left;
  margin-top: 10px;
}

.exportNdf, .refuseNdf, .adminCancel, .adminDelete {
  margin-right: 5px;
}

.ndfButton {
  border-radius: 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 1.5em;
  float: left;
  color: white;
  border: none;
  box-shadow: 0 2px 3px rgba(70, 70, 70, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ndfButton.adminCancel {
  background: grey;
}
.ndfButton.adminDelete {
  background: red;
}

.addNdf, .addEnteteForUser {
  margin-right: 5px;
  background-color: #00adba;
}

#mobileAddEntete {
  display: none;
  width: 22px;
  margin-top: 3px;
  margin-right: 14px;
  background-color: transparent;
}

.exportNdf {
  background-color: rgb(255, 165, 0);
}

.validateNf, .validateAllNfForUser {
  margin-right: 5px;
  background-color: rgb(76, 175, 80);
}

.addEnteteForUser, .validateAllNfForUser {
  float: right;
  margin-right: 8%;
}

.refuseNf {
  background-color: rgb(229, 55, 55);
}

.container {
  background: rgb(233, 233, 233);
  padding: 1.2rem;
}
.container .row {
  display: block;
}
.container .row .f-right {
  float: right;
  text-align: center;
}
.container .dx-freespace-row {
  height: 0 !important;
}
.container .dx-selectbox-container, .container .dx-selectbox-container {
  width: 100%;
}
.container .ndf_item *:disabled {
  background: none !important;
  color: unset;
  font-size: unset;
}
.container .ndf_item .custom-combobox {
  float: right;
  margin: 10px 2%;
}
.container .ndf_item .custom-combobox .ui-button {
  margin-left: -33px;
  border: none !important;
}
.container .ndf_item .custom-combobox .custom-combobox-input {
  border-bottom: 1px solid rgba(70, 70, 70, 0.6) !important;
}
.container .ndf_item .addedInternalCol {
  width: 100%;
  list-style-type: none;
  border-radius: 10px;
  background: rgba(48, 48, 48, 0.25);
  padding: 10px;
  margin-top: 2px;
  text-align: center;
}
.container .ndf_item .deleteAddedInternalCol {
  font-weight: 700;
  font-size: 1.05em;
  margin-right: 5px;
  float: right;
  cursor: pointer;
  color: unset;
}
.container .ndf_item .dx-texteditor-container {
  padding: 3px;
  line-height: 24px;
  border-radius: 5px;
}
.container .ndf_item .switchContainer {
  height: 30px;
}
.container .ndf_item .switchContainer #aRembourser {
  margin-top: -10px;
}
.container .ndf_item .swicthLabelIn .dx-switch-on, .container .ndf_item .swicthLabelIn .dx-switch-off {
  color: black;
}
.container .ndf_item img {
  box-shadow: 0px 0px 3px 1px white;
}
.container .ndf_item #addPicture {
  background: linear-gradient(rgba(70, 70, 70, 0.4), rgba(70, 70, 70, 0.45));
  box-shadow: 0px 0px 3px 1px white;
  width: 100px;
  height: 150px;
}
.container .ndf_item #addPicture span {
  display: none;
}
.container .ndf_item #addPicture:hover {
  background: rgba(0, 173, 186, 0.8);
}
.container .ndf_item #addPicture:hover span {
  cursor: pointer;
  width: 100px;
  height: 150px;
  display: block;
  text-align: center;
  padding-top: 40%;
  font-size: 4em;
  color: white;
}
.container .ndf_item [class^=col-] div {
  display: block;
}
.container .ndf_item .ndf_libelle {
  font-weight: 700;
}
.container .ndf_item input {
  padding: 3px;
  line-height: 24px;
  border-radius: 5px;
}
.container .ndf_item #dateBox, .container .ndf_item #typeSelector {
  background: none;
  margin-left: -6px;
  width: 100% !important;
}
.container .ndf_item .typeSelector {
  cursor: pointer;
}
.container .ndf_item #success {
  float: right;
}

.cell {
  display: table-cell;
}

#historiqueTable {
  width: 100%;
}

.saisieDiv {
  position: absolute;
  display: none;
  padding: 5px 5px 10px 15px;
  text-align: center;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(70, 70, 70);
}

#header, #dashboardContent {
  background-color: rgb(233, 233, 233);
}

.indicateurs_list {
  background: rgb(233, 233, 233);
}

.blocHeader {
  width: 100%;
  padding: 5px;
  float: left;
  box-sizing: border-box;
}

#choixMarqueModale {
  z-index: 1;
  margin-left: 10%;
  display: none;
}

.fieldVivier {
  width: 380px;
  display: block;
}

.endGrp {
  margin-bottom: 25px;
}

#choixPoleModale {
  z-index: 1;
  margin-left: 10%;
  display: none;
}

#choixServiceSupportModale {
  z-index: 1;
  margin-left: 10%;
  display: none;
}

#listSites {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 13px;
}

#addHabilitation {
  margin-bottom: 10px;
}

#choixHabilitaionClose {
  position: absolute;
  top: 5px;
  left: 285px;
}

.dashboardButtonPos {
  width: 25%;
  height: 150px;
  float: left;
}

.dashboardButton {
  background-color: #00adba;
  width: 95%;
  border-radius: 15px;
  height: 110px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 20px;
}

.dashboardButtonText {
  padding-top: 45px;
  font-size: 16px;
  font-weight: bold;
  color: rgb(255, 255, 255);
}

.removeLine {
  text-decoration: none;
  color: rgb(255, 255, 255) !important;
  display: inline-block;
  text-align: left;
}
.removeLine.white {
  color: rgb(255, 255, 255);
}

.colorGrey {
  color: grey;
}

.textReduit {
  white-space: pre-line;
  width: 250px;
  overflow: hidden;
  height: 41px;
  cursor: pointer;
  background-image: url(/public/images/eye32.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 24px;
  padding-right: 24px;
}

.textReduitSansImage {
  white-space: pre-line;
  width: 250px;
  overflow: hidden;
  height: 41px;
  cursor: pointer;
}

.textReduitOpen {
  white-space: pre-line;
  background-image: url(/public/images/eye-hidden32.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 24px;
  overflow: hidden;
  height: 100%;
  padding-right: 24px;
  min-height: 41px;
  font-weight: bold;
}

.vAligntop {
  vertical-align: top;
}

.caseVivier {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.validChamp {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.colorRed {
  color: rgb(229, 55, 55);
}

.annonceDiffusee {
  cursor: pointer;
}

.embaucheSelect {
  background-color: rgb(255, 121, 121);
}

.DTTT_retard {
  background-color: rgb(229, 55, 55);
}

.mailNb {
  display: inline-block;
}

.colOrange {
  background-color: #253786;
}

.colJaune {
  background-color: rgb(255, 235, 59);
}

.colMauve {
  background-color: #00adba;
}

.noPadding {
  padding: 0;
}

.saisieDivSr {
  position: absolute;
  display: none;
  text-align: center;
}

.iconValidSR {
  width: 15px;
  position: relative;
  left: 0;
  margin-top: -3px;
}

.srHauteurLigne {
  height: 50px;
}

#srEnveloppeDiv {
  position: fixed;
  bottom: 2px;
  right: 50px;
  width: 50%;
  z-index: 100;
}
#srEnveloppeDiv table {
  width: 100%;
}
#srEnveloppeDiv table tr td {
  border: 1px rgb(70, 70, 70) solid;
  padding: 0 3px;
}

#srShowEnveloppeDiv {
  position: fixed;
  bottom: 2px;
  right: 2px;
}

.srColValEnv {
  background: rgb(255, 255, 255);
  text-align: right;
}

.rotated {
  transform: rotate(90deg);
  transition-duration: 200ms;
}

.srColorPicker {
  background-color: rgb(255, 255, 255);
  border: 1px rgb(70, 70, 70) solid;
  position: absolute;
  left: 50px;
  padding: 3px;
  display: none;
  z-index: 101;
}
.srColorPicker table td {
  min-width: 25px;
  height: 25px;
  border: 2px solid rgb(255, 255, 255);
}

#dynamicBtnContainer {
  background: transparent;
  position: absolute;
  transition: ease 0.5s;
  margin-left: 8vw;
  display: flex;
  flex-wrap: wrap;
}

.habillitationControl {
  display: none;
}

#togglesWrapper #toggleColumn {
  display: none;
}

#toggleColumn {
  white-space: initial;
}

.managerExclu {
  cursor: pointer;
  color: #00a4ce;
  text-decoration: underline;
}

.segBoxAfficheOui {
  cursor: pointer;
}

.segBoxAfficheNon {
  cursor: pointer;
  color: rgb(229, 55, 55);
}

.logFormDiv {
  display: block;
  padding: 10px;
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
}
.logFormDiv .group {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.logFormDiv input:not([type=button]) {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  text-align: left;
  border: none;
}
.logFormDiv input:not([type=button]):focus {
  outline: none;
}
.logFormDiv label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 12px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.logFormDiv input:not([type=button]):focus ~ label {
  top: -20px;
  font-size: 14px;
  color: #253786;
}
.logFormDiv input:not([type=button]):-webkit-autofill ~ label {
  top: -20px;
  font-size: 14px;
  color: #253786;
}
.logFormDiv input:not([type=button]):valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #253786;
}
.logFormDiv input:not([type=button]):required {
  box-shadow: none;
}
.logFormDiv input:not([type=button]):-webkit-autofill {
  box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
  -webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
  -webkit-text-fill-color: black;
}

#findModuleInput {
  width: 250px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 30px;
  border-radius: 20px;
  padding-left: 5px;
  outline: none;
}
#findModuleInput ~ img {
  margin-left: -30px;
}
#findModuleInput:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.flecheIntegration {
  width: 0;
  border: 20px solid transparent;
  border-left: 20px solid rgb(233, 233, 233);
  margin-right: -35px;
}

.flecheInverseIntegration {
  width: 0;
  height: 0;
  border-top: 20px solid rgb(233, 233, 233);
  border-left: 20px solid transparent;
  border-right: 20px solid rgb(233, 233, 233);
  border-bottom: 20px solid rgb(233, 233, 233);
}

.cadreIntegration {
  width: 200px;
  background: rgb(233, 233, 233);
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
  color: rgb(255, 255, 255);
}
.cadreIntegration.left {
  text-align: start;
}

.imgMailembauche {
  vertical-align: bottom;
  float: right;
  margin-top: -7px;
  cursor: pointer;
}
.imgMailembauche.left {
  float: left;
  margin-left: 25%;
}

.ligneMenuEditUser {
  font-size: 14px;
  cursor: pointer;
}
.ligneMenuEditUser:hover {
  background-color: rgb(70, 70, 70);
  color: rgb(255, 255, 255);
}

#tablePlanningNavigate {
  height: 20px;
  width: 100%;
  display: table;
}

.day {
  padding: 0;
  text-align: center;
}

.jstree-anchor {
  line-height: 24px;
  height: 24px;
  width: 90%;
}

.closeCross {
  position: absolute;
  top: 5px;
  cursor: pointer;
  right: 5px;
}

.fixed {
  position: fixed;
}

.eiSignLib {
  display: inline-block;
  width: 50px;
}

.cursorPointer {
  cursor: pointer !important;
}

.centPc {
  width: 100%;
}

.critereTable {
  display: none;
  width: 100%;
  margin-bottom: 20px;
}
.critereTable th {
  border: 1px solid rgb(70, 70, 70);
  background-color: rgb(70, 70, 70);
  color: rgb(255, 255, 255);
}
.critereTable td {
  border: 1px solid rgb(70, 70, 70);
  background: rgb(233, 233, 233);
}

.critereTableTitle {
  font-weight: bold;
  vertical-align: sub;
  padding-left: 2px;
}

.critereAddImg {
  width: 20px;
  cursor: pointer;
}

.critereTableTitle2 {
  font-weight: bold;
  padding-left: 2px;
}

.elLibelle {
  width: calc(100% - 5px) !important;
}

.elPourcentage {
  width: calc(100% - 5px);
  text-align: center;
}

.elSupprimer, .supprimer {
  cursor: pointer;
}

.wkfValideurBonus {
  cursor: pointer;
}

.labelFilterBsi {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 150px;
}

.labelFilterBsiLong {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 250px;
}

.labelTitleBsi {
  font-family: Arial, Helvetica, sans-serif, Lucida Grande;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 100%;
  background: rgb(70, 70, 70);
  margin-top: 10px;
  margin-bottom: 3px;
  padding-left: 5px;
  color: rgb(255, 255, 255);
  padding-top: 3px;
}

#dashboard {
  background-color: rgb(255, 255, 255);
}
#dashboard table {
  background-color: rgb(255, 255, 255);
}

#modifFontSize {
  background: rgb(255, 255, 255);
  padding-left: 10px;
  margin-top: -4px;
  margin-bottom: 15px;
}

#btnAddDiv {
  padding-bottom: 10px;
}

.mdpInput {
  width: calc(100% - 30px);
}

.siteContratTxt {
  white-space: pre-wrap;
  font-size: 10px;
}

.wrap-pre {
  white-space: pre;
}

#filtreHeaderGauche {
  box-sizing: border-box;
  width: calc(100% - 260px);
  vertical-align: top;
  margin-top: 11px;
}
#filtreHeaderGauche #structureChoisieNom {
  border: 1px solid rgba(70, 70, 70, 0.15);
  background: rgb(255, 255, 255);
}
#filtreHeaderGauche .btnContainer {
  display: inline-flex;
  margin-top: 10px;
  height: 40px;
}
#filtreHeaderGauche .btnContainer span:not(.srUserToType) {
  height: 30px;
  position: relative;
  right: 80%;
  z-index: 1;
}
#filtreHeaderGauche .btnContainer #btnStructureLogo {
  content: url(/public/images/site.png);
}
#filtreHeaderGauche .btnContainer #btnMarqueLogo {
  content: url(/public/images/marque.png);
}
#filtreHeaderGauche .btnContainer #btnPoleLogo {
  content: url(/public/images/compass.png);
}
#filtreHeaderGauche .btnContainer #btnSSupportLogo {
  content: url(/public/images/ssupport.png);
}
.breadcrumb {
  display: flex;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(255, 255, 255);
  scrollbar-color: #999 #212b63;
  scrollbar-width: thin;
}

.breadcrumbContainer {
  display: none;
  width: 100%;
  color: rgb(255, 255, 255);
  box-sizing: border-box;
}

.breadcrumb a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 20px solid transparent;
  border-left: 20px solid #00a4ce;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 100%;
  z-index: 2;
}

.breadcrumb a:first-child {
  padding-left: 20px;
}

.breadcrumb a:nth-child(2) {
  background: hsl(220, 100%, 30%);
}

.breadcrumb a:nth-child(2)::after {
  border-left-color: hsl(220, 100%, 30%);
}

.breadcrumb a:nth-child(3) {
  background: hsl(220, 100%, 55%);
}

.breadcrumb a:nth-child(3)::after {
  border-left-color: hsl(220, 100%, 55%);
}

.breadcrumb a:nth-child(4) {
  background: hsl(220, 100%, 65%);
}

.breadcrumb a:nth-child(4)::after {
  border-left-color: hsl(220, 100%, 65%);
}

.breadcrumb a:nth-child(5) {
  background: hsl(220, 100%, 75%);
}

.breadcrumb a:nth-child(5)::after {
  border-left-color: hsl(220, 100%, 75%);
}

.breadcrumb a:last-child {
  background: hsl(220, 100%, 75%) !important;
  pointer-events: none;
  cursor: default;
  margin-right: 30px;
}

.breadcrumb a:last-child:after {
  border-left-color: hsl(220, 100%, 75%) !important;
}

.breadcrumb li a:hover {
  background: hsl(34, 85%, 25%);
}

.breadcrumb li a:hover:after {
  border-left-color: hsl(34, 85%, 25%) !important;
}

.breadcrumb {
  background: #00a4ce;
  overflow: hidden;
  overflow-x: auto;
}

.breadcrumb a {
  color: white;
  text-decoration: none;
  padding: 3px 0 3px 25px;
  background: #00a4ce;
  position: relative;
  display: block;
  float: left;
  white-space: nowrap;
}

.breadcrumb::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.breadcrumb::-webkit-scrollbar-track {
  background: #212b63;
}

/* Handle */
.breadcrumb::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
  height: 2px;
  margin: 1px;
}

/* Handle on hover */
.breadcrumb::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.logoLogin {
  width: 80%;
  max-width: 500px;
  margin-top: 10px;
}

#fullStructureTreeModal, #choixMarqueModale, #choixPoleModale, #choixServiceSupportModale, #arbreHierarchiqueSupportDiv, #choixUserModale, #choixManagerModale {
  min-width: unset;
  max-width: 85%;
  margin-bottom: 30px;
}
#fullStructureTreeModal .row, #choixMarqueModale .row, #choixPoleModale .row, #choixServiceSupportModale .row, #arbreHierarchiqueSupportDiv .row, #choixUserModale .row, #choixManagerModale .row {
  min-height: 50px;
  width: 100%;
}
#fullStructureTreeModal #validationPart, #choixMarqueModale #validationPart, #choixPoleModale #validationPart, #choixServiceSupportModale #validationPart, #arbreHierarchiqueSupportDiv #validationPart, #choixUserModale #validationPart, #choixManagerModale #validationPart {
  margin-top: 15px;
  position: relative !important;
  top: unset !important;
  right: unset !important;
}

#listeSalarieImg, #srUserImg {
  width: 30px;
  content: url(/public/images/new_user.png) !important;
}

#listeManagerImg, #srManagerImg {
  width: 30px;
  content: url(/public/images/manager.png) !important;
}

#listeEtablissementImg {
  content: url(/public/images/site.png) !important;
  width: 30px;
}

#listeServiceImg {
  content: url(/public/images/ssupport.png) !important;
  width: 30px;
}

#campagnesTable .btnContainer #srUserImg, #campagnesTable .btnContainer #srManagerImg, #campagnesTable .btnContainer #listeEtablissementImg, #campagnesTable .btnContainer #listeServiceImg, #comiteCarriereTable .btnContainer #srUserImg, #comiteCarriereTable .btnContainer #srManagerImg, #comiteCarriereTable .btnContainer #listeEtablissementImg, #comiteCarriereTable .btnContainer #listeServiceImg, #tableHabilitationDiv .btnContainer #srUserImg, #tableHabilitationDiv .btnContainer #srManagerImg, #tableHabilitationDiv .btnContainer #listeEtablissementImg, #tableHabilitationDiv .btnContainer #listeServiceImg {
  position: relative;
  left: 6%;
  top: 0.7em;
  z-index: 1;
  margin-left: -30px;
}

#tableHabilitationDiv .btnContainer {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 100px;
}
#tableHabilitationDiv .btnContainer #srUserImg, #tableHabilitationDiv .btnContainer #srManagerImg, #tableHabilitationDiv .btnContainer #listeEtablissementImg, #tableHabilitationDiv .btnContainer #listeServiceImg {
  left: 13%;
  top: 0.9em;
}

.dx-popup-wrapper > .dx-overlay-content {
  top: 40% !important;
}

#absencesContainer, .tableEntretiensDiv, #gestionTempsContainer {
  position: absolute;
  right: 0;
  background: white;
  transition: width 0.25s ease-in;
}
#absencesContainer.visible, .tableEntretiensDiv.visible, #gestionTempsContainer.visible {
  width: calc(100% - 50px) !important;
}

@media screen and (min-width: 1000px) {
  #absencesContainer, .tableEntretiensDiv, #gestionTempsContainer {
    padding-left: 10px;
    height: 100%;
    background: white;
    width: calc(100% - 300px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .dx-popup-wrapper > .dx-overlay-content {
    left: 40% !important;
  }
  #loginDiv {
    background-color: white;
    width: 400px;
    position: relative;
    height: auto;
    margin: 0 auto;
    padding: 2rem 2rem;
  }
}
#hideMenu img {
  filter: invert(1) brightness(0.2);
  content: url("/public/images/chevron_left.svg");
  transition: all 0.25s ease;
}

@media screen and (min-width: 500px) and (max-width: 999px) {
  #btnRetourGlobal {
    display: none;
  }
  #absencesContainer, .tableEntretiensDiv, #gestionTempsContainer {
    margin-left: 45px;
    background: white;
    height: 100%;
    width: calc(100% - 50px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #absencesContainer.visible, .tableEntretiensDiv.visible, #gestionTempsContainer.visible {
    width: calc(100% - 300px) !important;
  }
  #hideMenu img {
    left: 5px !important;
    transform: rotate(180deg);
  }
  #hideMenu.left img {
    margin-left: 255px !important;
    transform: rotate(0deg) !important;
  }
  .dx-popup-wrapper > .dx-overlay-content {
    left: 20% !important;
  }
  #loginDiv {
    background-color: white;
    width: 400px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 2rem;
  }
  .btnHeader {
    display: none !important;
  }
  .btnHeader2 {
    width: 100%;
    float: none;
    clear: both;
    margin-left: 1%;
  }
  .btnHeader2 input {
    width: 100%;
  }
  #filtreHeaderGauche {
    width: 99%;
    margin-bottom: 2%;
  }
}
#buttonContainer {
  width: 320px;
  display: inline-block;
  float: left;
  padding-top: 40px;
  background: rgba(239, 239, 239, 0.937254902);
}
#buttonContainer.discover {
  width: 70px !important;
}
#buttonContainer.discover .mainAccBtn, #buttonContainer.discover .mainAccBtnGreen {
  color: transparent;
  white-space: nowrap;
}
#buttonContainer.discover .mainAccBtn a, #buttonContainer.discover .mainAccBtnGreen a {
  display: none;
}

#hideMenu.left img {
  left: 0px !important;
  transform: rotate(180deg);
  right: unset;
}

@media screen and (max-width: 820px) {
  span#titleBandeau, #btnRetourGlobal {
    display: none;
  }
}
@media screen and (max-width: 620px) {
  table.mySimpleTable td {
    flex: 1 1 200px;
  }
  table.mySimpleTable tr {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 5px;
  }
  table.mySimpleTable thead {
    display: none;
    flex-direction: column;
  }
  .userName {
    width: 22px;
    overflow: hidden;
    margin-left: auto;
    text-align: end;
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
    margin-right: 5px;
  }
  .userName img {
    margin: 0;
  }
  .userName span {
    display: none;
  }
  .userName .notifIcon {
    position: absolute;
    transform: translateY(-15px) translateX(10px);
    transition: 1s all ease;
  }
}
@media screen and (max-width: 499px) {
  #bandeauGlobal {
    justify-content: flex-start;
  }
  .titleContainer {
    margin-right: 0px !important;
  }
  .structureRecherche {
    margin: 0;
  }
  input#findModuleInput, #findModuleInputMenu {
    height: 30px;
    padding-left: 5px;
    width: 100%;
  }
  .findModule {
    width: 90%;
    margin-left: 15px;
  }
  .searchField {
    margin-left: 0px !important;
    width: calc(100% - 120px);
  }
  #ndfMenu {
    width: 94% !important;
  }
  #ndfMenu .ndfMenuItem {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  #successAndNew > div:before {
    content: "VALIDER ET CRÉER UNE NOUVELLE" !important;
  }
  .container {
    width: auto;
  }
  #yearValue {
    font-size: 2.5rem !important;
  }
  #yearMinus, #addYear {
    font-size: 3rem;
  }
  .blocker {
    padding: 0.2rem !important;
  }
  .modal {
    width: 100% !important;
    margin: 0px !important;
    padding: 5px !important;
  }
  .myButton.responsive, .drag-file-upload .qq-uploader div.responsive.qq-upload-button, .responsive.whiteButton, .responsive.actionButton, .uploader-new .responsive.qq-upload-button, .responsive.validateButton, .responsive.cancelButton, .responsive.PPIButton, .responsive.CPFButton, .responsive.deleteButton {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    width: 96%;
    margin: 15px 0;
  }
  #hideMenu {
    font-size: 2em;
    position: absolute;
    background-color: #00adba;
    color: white;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    z-index: 11;
    line-height: 40px;
    text-align: center;
    top: 70px;
    left: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #hideMenu img {
    left: 0px !important;
    filter: invert(1);
    transform: rotate(180deg) !important;
  }
  #hideMenu.left img {
    transform: rotate(360deg) !important;
  }
  .discover #buttonWrapper {
    left: -100px;
  }
  #buttonContainer.discover {
    width: 0px !important;
  }
  #buttonContainer, .adminButtons {
    position: absolute;
    width: 270px;
    height: 100%;
    float: left;
    margin-top: -30px;
    padding-top: 60px;
    background: rgba(239, 239, 239, 0.937254902);
  }
  #buttonContainer div, .adminButtons div {
    position: relative !important;
    top: 10px !important;
  }
  #buttonContainer a, .adminButtons a {
    text-decoration: none !important;
  }
  #buttonContainer #mainBtnAbsTeam, #buttonContainer #mainBtnAbsNewTeam, #buttonContainer #mainBtnAbsCpt, #buttonContainer #mainBtnplan, .adminButtons #mainBtnAbsTeam, .adminButtons #mainBtnAbsNewTeam, .adminButtons #mainBtnAbsCpt, .adminButtons #mainBtnplan {
    margin-bottom: 5px !important;
  }
  #absencesContainer, .tableEntretiensDiv, #gestionTempsContainer {
    margin-left: 10px;
    height: 100%;
    background: white;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #absencesContainer .module_title, .tableEntretiensDiv .module_title, #gestionTempsContainer .module_title {
    padding-left: 50px;
  }
  #absencesContainer.visible, .tableEntretiensDiv.visible, #gestionTempsContainer.visible {
    margin-left: 300px;
    background: white;
    transition: margin-left 0.25s ease;
    position: absolute;
    left: 0px;
  }
  .tableEntretiensDiv {
    margin-left: 10px !important;
  }
  #loginDiv {
    background-color: white;
    margin: 0.5rem;
    padding: 2rem;
  }
  #toggleColumn {
    display: none;
  }
  .container .ndf_item #addPicture {
    background: rgba(0, 173, 186, 0.8);
  }
  .container .ndf_item #addPicture span {
    width: 100px;
    height: 150px;
    display: block;
    text-align: center;
    padding-top: 40%;
    font-size: 4em;
    color: white;
  }
  .dx-popup-wrapper > .dx-overlay-content {
    left: 10% !important;
  }
  #listContainer > img:not(#listeSalarieImg):not(#listeManagerImg):not(#listeEtablissementImg):not(#listeServiceImg),
  #listContainer > span {
    display: none;
  }
  #fullStructureTreeModal, #choixMarqueModale, #choixPoleModale, #choixServiceSupportModale, #arbreHierarchiqueSupportDiv {
    margin-left: 5px !important;
    overflow-x: hidden;
  }
  #grosBtnRecherche:first-of-type {
    display: none !important;
  }
  #grosBtnRecherche {
    width: 98%;
    margin-left: 1%;
    float: none;
  }
  #grosBtnRecherche #filtres_rechercher {
    height: 50px !important;
    width: 100%;
  }
  #filtreHeaderGauche {
    width: 98%;
  }
  #filtreHeaderGauche .btnContainer {
    display: inline-block;
    background: #79bbff;
    width: 40px;
    height: auto;
    text-align: center;
    margin: 10px 0.5em;
  }
  #filtreHeaderGauche .btnContainer span {
    position: unset !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 5px;
    z-index: 1;
  }
  #filtreHeaderGauche .btnContainer #btnStructure, #filtreHeaderGauche .btnContainer #btnMarque, #filtreHeaderGauche .btnContainer #btnPole, #filtreHeaderGauche .btnContainer #btnSSupport, #filtreHeaderGauche .btnContainer #btnCalendar, #filtreHeaderGauche .btnContainer #btnUserToType, #filtreHeaderGauche .btnContainer #btnManagerToType {
    display: none;
  }
  #filtresComplementaires #yearSpan, #filtresComplementaires .filtreComp {
    padding-bottom: 15px;
  }
  #filtresComplementaires #yearSpan .labelFilter, #filtresComplementaires .filtreComp .labelFilter {
    padding-bottom: 5px;
  }
  #slider-range label:not(:first-of-type):not(:last-of-type) {
    display: none;
  }
}
.ui-menu {
  width: 40px;
  border: 0;
  margin: 0;
  background: rgb(255, 255, 255);
}

.ui-accordion {
  background: rgb(233, 233, 233);
  border: none;
}
.ui-accordion .ui-accordion-content {
  padding: 0 0 0 30px !important;
}

.menuVisible {
  margin-left: 260px !important;
  width: 90% !important;
}

.menuHidden {
  margin-left: 100px;
}

#afficheNewsVersion {
  z-index: 20 !important;
}

.ui-accordion-content {
  background: rgb(255, 255, 255);
  border: none;
}

.ui-accordion-header {
  height: auto !important;
}

#waitGlobalLogo {
  position: absolute;
  width: 70px;
  left: calc(50% - 35px);
  top: calc(50% - 35px);
}

.waitText {
  position: absolute;
  top: calc(50% + 130px);
  width: fit-content;
  color: rgb(255, 255, 255);
  font-size: 3rem;
}

.imgFolder {
  position: relative;
  top: 5px;
  height: 25px;
  left: 5px;
  float: left;
  z-index: 10;
  cursor: pointer;
}
.imgFolder:hover {
  transform: translateY(-2px);
  filter: invert(100%);
}

.scrollContainer {
  height: calc(100% - 105px);
  overflow-y: auto;
}

.searchFieldMenu {
  margin-top: 10px;
  margin-left: -10px;
}
.searchFieldMenu .findModule {
  width: 90%;
  margin-left: 15px;
}
.searchFieldMenu .findModule #findModuleInputMenu {
  width: 250px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 35px;
  border-radius: 20px;
  padding-left: 5px;
  outline: none;
  width: 100%;
}

.largeButton {
  width: 75vw !important;
}

.largeSmallButton {
  width: 34vw !important;
  margin-left: 1vw;
  margin-right: 4vw;
}

.largeBigButton {
  width: 25vw !important;
}

.smallBigButton {
  width: 11.5vw !important;
}

.textTitle {
  display: table-cell;
  vertical-align: middle;
}

#filtresComplementaires {
  box-sizing: border-box;
}

.inlineSearch {
  position: relative;
  bottom: 13px;
  left: 120px;
}
.inlineSearch input {
  height: 20px;
  width: 30%;
}
.inlineSearch a {
  height: 20px;
}

.orgchart {
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background-image: none !important;
}
.orgchart table {
  background: white;
}
.orgchart .node .title .symbol {
  display: none;
}
.orgchart .node:hover .second-menu-icon {
  opacity: 1;
}
.orgchart .second-menu-icon {
  transition: opacity 0.5s;
  opacity: 0;
  right: -5px;
  top: -5px;
  z-index: 2;
  color: #253786;
  font-size: 18px;
  position: absolute;
  cursor: pointer;
}
.orgchart .second-menu-icon:hover {
  color: #253786;
}
.orgchart .info-menu-icon {
  right: auto;
  left: -5px;
}

#orgChart-container .oc-export-btn {
  right: 1px;
  top: 102px;
}

.classLevel0 .title {
  background-color: #00a4ce !important;
}
.classLevel0 .content {
  border-color: #00a4ce !important;
}

.classLevel1 .title {
  background-color: #00adba !important;
}
.classLevel1 .content {
  border-color: #00adba !important;
}

.classLevel2 .title {
  background-color: #253786 !important;
}
.classLevel2 .content {
  border-color: #253786 !important;
}

.fa.fa-arrow-circle-right {
  font-size: 50px;
  position: absolute;
  cursor: pointer;
  left: 150px;
  bottom: 80px;
}
.fa.fa-arrow-circle-up {
  font-size: 50px;
  position: absolute;
  cursor: pointer;
  position: relative;
  top: 20px;
}
.fa.fa-arrow-circle-left {
  font-size: 50px;
  position: absolute;
  cursor: pointer;
  right: 150px;
  bottom: 80px;
}

#orgRefresh {
  top: 10px;
  position: relative;
}

.fonction {
  border-bottom: 1px solid;
  border-color: inherit;
  background: rgb(255, 255, 255);
  font-size: 10px;
}

.logoBernard {
  position: absolute;
  top: 200px;
}

.visHidden {
  visibility: hidden;
}

.zeroWidth {
  width: 0;
  display: block;
}

.plCaseValide {
  background: url(/public/images/n1_ok.png) no-repeat;
  background-position: center;
}

.plCaseRefuse {
  background: url(/public/images/n1_refus.png) no-repeat;
  background-position: center;
  display: none;
}

.plCaseValideN2 {
  background: url(/public/images/n2_ok.png) no-repeat;
  background-position: center;
}

.plCaseRefuseN2 {
  background: url(/public/images/n2_refus.png) no-repeat;
  background-position: center;
  display: none;
}

.plCaseCP {
  background-color: #253786;
  padding: 10px;
}

.plCaseRTT {
  background-color: #00a4ce;
  padding: 10px;
}

.plCaseAm {
  position: absolute;
  top: 0;
}

.plCasePm {
  position: absolute;
  top: 0;
  right: 0;
}

.plCaseRecup {
  background-color: rgb(255, 235, 59);
  padding: 10px;
}

.plCaseAutres {
  background-color: #00adba;
  padding: 10px;
}

.plCaseWe {
  background-color: rgb(255, 121, 121);
  padding: 10px;
}

.plCaseNoir {
  background-color: rgb(70, 70, 70);
  padding: 10px;
}

.plCaseHeure {
  display: none;
  height: 0px;
  margin-top: -7px;
  font-size: x-small;
  position: absolute;
  left: 0px;
}

.export {
  float: right;
}
.export span img {
  width: 25px;
  margin: 5px 0 0 5px;
}

.listPlanning {
  position: absolute;
  background-color: rgb(255, 255, 255);
  width: 100%;
}

.casePlanningLegend {
  width: 50px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}

.libPlanningLegend {
  margin: 0 20px 0 5px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

#filterDiv {
  background-color: rgb(233, 233, 233);
}

.switch {
  margin-left: var(--data-before-margin-left);
  position: relative;
  display: inline-block;
  width: 40px;
  height: 17px;
}
.switch.list {
  margin-left: 0px;
}
.switch input {
  display: none;
}
.switch input:checked + .slider.round {
  background-color: #253786 !important;
  background-color: var(--data-text-accent-color) !important;
}
.switch input:not(:checked) + .slider:before {
  left: var(--data-before-left-checked);
  color: var(--data-text-accent-color);
  font-weight: bold;
  width: max-content;
}
.switch input:not(:checked) + .slider:after {
  left: 45px;
  color: var(--data-text-main-color);
  font-weight: normal;
  width: max-content;
}
.switch input:checked + .slider:before {
  left: var(--data-before-left-unchecked);
  color: var(--data-text-main-color);
  font-weight: normal;
  width: max-content;
}
.switch input:checked + .slider:after {
  left: 25px;
  color: var(--data-text-accent-color);
  font-weight: bold;
  width: max-content;
}
.switch .sliderBack {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  transition: 0.4s;
  border-radius: 34px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.24);
}
.switch .slider {
  z-index: 1;
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 1px;
  background-color: #00adba;
}
.switch .slider.round {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.switch .slider:before, .switch .slider:after {
  position: absolute;
  top: 1px;
}
.switch .slider:before {
  content: attr(data-before-content);
}
.switch .slider:after {
  content: attr(data-after-content);
}

#tabs .tabsClass {
  height: 95%;
}

.dxc-legend rect {
  cursor: pointer;
}

#prochainRdvTable td {
  padding: 0 5px;
}

.line40 tr {
  line-height: 27px;
}

.chartTable input {
  text-align: center;
  color: rgb(70, 70, 70);
}

#ilTable .ui-state-default {
  line-height: 28px;
}

#tableRubriquePaie .ui-state-default, #rubriquePaieBloc .ui-state-default, #tableHabilitationDiv .ui-state-default, #filtresComplementaires .ui-state-default {
  background-color: rgb(255, 255, 255) !important;
  border: none;
}

#tableHabilitationDiv #tableDiv th {
  vertical-align: middle;
}

#containerDI input {
  margin: 1px 0;
}
#containerDI .sliderBack {
  background-color: #e9e9e9;
}

div.dataTables_wrapper {
  background: rgb(233, 233, 233);
}
div.dataTables_wrapper .ui-state-default {
  top: 0;
  height: unset !important;
  border: none !important;
}
div.dataTables_wrapper a.fg-button.ui-button {
  padding: 5px;
  margin: -5px 5px 0px 5px;
  background: grey;
  color: white;
  border-radius: 15px;
  font-size: 12px;
}
div.dataTables_wrapper .dataTables_info, div.dataTables_wrapper .dataTables_paginate {
  min-height: 30px;
}

.ui-slider-handle:focus {
  outline: none;
  background: #00a4ce !important;
  color: #253786 !important;
  font-weight: bold;
}

span.envoi {
  display: block;
  background: transparent url(/public/images/mail.png) no-repeat;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}

p#spacer {
  clear: both;
  height: 1px;
}

#perimetreDiv select {
  width: 250px;
  height: 150px;
}

#tableNouveauUser td {
  font-size: 12px;
}

.clickTable td {
  cursor: pointer;
}

#myParamsUser .inModale {
  margin-left: 0;
  z-index: 2;
}
#myParamsUser table.dataTable > tbody > tr.child ul.dtr-details {
  list-style-type: none;
}
#myParamsUser table.dataTable tr.odd {
  background-color: #f1f1f1;
}
#myParamsUser table.dataTable tr.odd td.sorting_1 {
  background-color: #dcdcdc !important;
}
#myParamsUser table.dataTable tr.even {
  background-color: #f9f9f9;
}
#myParamsUser table.dataTable tr.even td.sorting_1 {
  background-color: #f5f6f7 !important;
}
#myParamsUser table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
  top: 5px;
  left: 1px;
  height: 14px;
  width: 15px;
  display: block;
  position: absolute;
  color: black;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: " ";
  background-image: url("/public/images/outline-add_circle_outline-24px.svg");
  background-size: 100%;
}
#myParamsUser table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
  content: " ";
  background-image: url("/public/images/outline-remove_circle_outline-24px.svg");
  background-size: 100%;
}

#filtreHeader > div {
  display: inline-block;
}

h3 .imgFolder {
  margin-right: -15px;
  position: absolute;
  left: 3px;
}

.noHover img:hover {
  transform: none;
  filter: none;
}

.noafter:after {
  display: none;
}

#switchMandatContainer input:not(:checked) + .slider:before, #switchSeeAllContainer input:not(:checked) + .slider:before {
  content: "Non";
  left: -30px;
  position: relative;
  top: 1px;
  color: #253786;
  font-weight: bold;
}
#switchMandatContainer input:not(:checked) + .slider:after, #switchSeeAllContainer input:not(:checked) + .slider:after {
  content: "Oui";
  left: 20px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchMandatContainer input:checked + .slider:before, #switchSeeAllContainer input:checked + .slider:before {
  content: "Non";
  left: -50px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchMandatContainer input:checked + .slider:after, #switchSeeAllContainer input:checked + .slider:after {
  content: "Oui";
  left: 0;
  top: 1px;
  position: relative;
  color: #253786;
  font-weight: bold;
}

#switchPerimetreContainer input:not(:checked) + .slider:before {
  content: "COLLABORATEUR";
  left: -120px;
  position: relative;
  top: 1px;
  color: #253786;
  font-weight: bold;
}
#switchPerimetreContainer input:not(:checked) + .slider:after {
  content: "PÉRIMÈTRE";
  left: -70px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchPerimetreContainer input:checked + .slider:before {
  content: "COLLABORATEUR";
  left: -140px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchPerimetreContainer input:checked + .slider:after {
  content: "PÉRIMÈTRE";
  left: -90px;
  top: 1px;
  position: relative;
  color: #253786;
  font-weight: bold;
}

#switchSalaryContainer input:not(:checked) + .slider:before {
  content: "K€ / An";
  left: -60px;
  position: relative;
  top: 1px;
  color: #253786;
  font-weight: bold;
}
#switchSalaryContainer input:not(:checked) + .slider:after {
  content: "€ / Mois";
  left: 5px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchSalaryContainer input:checked + .slider:before {
  content: "K€ / An";
  left: -80px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#switchSalaryContainer input:checked + .slider:after {
  content: "€ / Mois";
  left: -15px;
  top: 1px;
  position: relative;
  color: #253786;
  font-weight: bold;
}

.ui-widget-header {
  border: none !important;
}

.ui-tabs-anchor:focus {
  outline: none;
}

#validerImage, #validerPhoto {
  position: absolute;
  height: 50px;
  border-radius: 50px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

#selectionToSend {
  overflow: hidden;
}

#detailReferentiel input[type=file] {
  display: none;
}

.custom-file-upload {
  width: 388px;
  display: inline-block;
  cursor: pointer;
  color: rgb(70, 70, 70);
}

.longMiss {
  width: 200px;
  overflow: hidden;
  display: inline-block;
}

.marquee {
  width: 420px;
  overflow: hidden;
  position: relative;
  height: 25px;
}

.marquee div:hover {
  animation: marquee 5s linear infinite;
  position: absolute;
  top: 5px;
  overflow: hidden;
  color: #142765;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.dx-datagrid-rowsview .dx-row {
  border-style: collapse;
  border-top: 1px solid rgb(233, 233, 233) !important;
  border-bottom: 1px solid rgb(233, 233, 233) !important;
}

.lockForm {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  background: grey;
  z-index: 10;
}

.lockFormCloseText {
  font-size: 15vw;
  transform: rotate(30deg);
  position: absolute;
  top: 15%;
  left: 35%;
  color: black;
  display: none;
}

.lockFormClose {
  opacity: 0.3;
}

.verticalMiddle {
  vertical-align: middle !important;
}

.lockFormModifText {
  color: red;
  font-size: 30px;
  margin-top: 70px;
  position: absolute;
  z-index: 20;
}

.custom-combobox input {
  border-bottom: 1px solid #00a4ce !important;
  background: white !important;
}
.custom-combobox a {
  border-bottom: 1px solid #00a4ce !important;
  background: white !important;
}

h3 {
  font-size: 1em !important;
}

#tablePlanning_wrapper .sorting_asc {
  width: 166px !important;
}
#tablePlanning_wrapper .dataTables_scrollHeadInner {
  width: 1886px !important;
}
#tablePlanning_wrapper .dataTables_scrollHeadInner th {
  width: 54px;
}
#tablePlanning_wrapper #DTFC_LeftWrapper {
  max-width: 196px;
}
#tablePlanning_wrapper table:not(.DTFC_Cloned) td {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
}
#tablePlanning_wrapper table {
  border-spacing: 0;
}
#tablePlanning_wrapper table td {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  padding: 0px !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.dx-texteditor-container {
  background: white !important;
}

select {
  border: none;
  border-bottom: solid 1px #00a4ce;
  height: 20px;
}

#ndfContainer {
  background: none;
  border-top: 1px dotted rgb(70, 70, 70);
}
#ndfContainer #resize {
  border: 1px solid lightgrey;
  border-radius: 10px;
  box-sizing: border-box;
  height: 160px;
  padding-top: 5px;
}
#ndfContainer .ndf_row {
  padding: 1rem 0;
  border-bottom: 1px dotted rgb(70, 70, 70);
}
#ndfContainer #typeSelector, #ndfContainer #date, #ndfContainer #aRembourser {
  border: none;
  color: rgba(70, 70, 70, 0.6);
}
#ndfContainer input:not([class^=dx-]) {
  border-bottom: 1px solid rgba(70, 70, 70, 0.6);
  border-radius: 0;
}
#ndfContainer input:not([class^=dx-]):disabled {
  border: none;
  color: rgba(70, 70, 70, 0.6);
}
#ndfContainer .sliderBack {
  background-color: #e9e9e9;
}
#ndfContainer .switch {
  margin-left: auto;
}
#ndfContainer input:not(:checked) + .sliderGasoil:before {
  content: "Gasoil";
  left: -55px;
  position: relative;
  top: 1px;
  color: #253786;
  font-weight: bold;
}
#ndfContainer input:not(:checked) + .sliderGasoil:after {
  content: "Autre";
  left: 20px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#ndfContainer input:checked + .sliderGasoil:before {
  content: "Gasoil";
  left: -75px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#ndfContainer input:checked + .sliderGasoil:after {
  content: "Autre";
  left: 0px;
  top: 1px;
  position: relative;
  color: #253786;
  font-weight: bold;
}
#ndfContainer input:not(:checked) + .sliderTourisme:before {
  content: "Tourisme";
  left: -72px;
  position: relative;
  top: 1px;
  color: #253786;
  font-weight: bold;
}
#ndfContainer input:not(:checked) + .sliderTourisme:after {
  content: "Utilitaire/Société";
  left: 2px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#ndfContainer input:checked + .sliderTourisme:before {
  content: "Tourisme";
  left: -92px;
  top: 1px;
  position: relative;
  color: rgb(233, 233, 233);
  font-weight: normal;
}
#ndfContainer input:checked + .sliderTourisme:after {
  content: "Utilitaire/Société";
  left: -18px;
  top: 1px;
  position: relative;
  color: #253786;
  font-weight: bold;
}

#notesFraisGrid {
  margin-top: 40px;
  height: 100vh;
}
#notesFraisGrid .ndfButtonValidContainer {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
}
#notesFraisGrid .ndfButtonValidContainer #ndfButtons {
  width: 140px;
}
#notesFraisGrid .ndfButtonValidContainer #validationStatus {
  font-weight: 400;
  font-size: 0.7em;
  float: right;
  width: 110px;
  padding-right: 10px;
}
#notesFraisGrid td > p {
  width: 40vw;
}
#notesFraisGrid p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#notesFraisGrid #total {
  clear: both;
  color: rgb(229, 55, 55);
}
#notesFraisGrid .bgGreen .dx-link-delete {
  pointer-events: none !important;
  opacity: 0;
  color: rgb(233, 233, 233);
}

#notesFraisGrid * {
  z-index: 1 !important;
}

#firstTimeTypeSelector .row {
  display: flex;
  flex-wrap: wrap;
}
#firstTimeTypeSelector .row .typeSelector {
  font-size: calc(15px - 0.1vw);
}

#successAndNew > div:before {
  content: "+";
  font-weight: 500;
  letter-spacing: 0.04em;
}

.modal {
  z-index: 100 !important;
}

.modalHeader {
  margin-bottom: 15px;
}

.modalBody input:not(.gbbutton) {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid !important;
  border-bottom: 1px solid rgb(70, 70, 70);
}

.modalFooter {
  margin-top: 15px;
}
.modalFooter #validerEntete {
  border: none;
}

.modal {
  max-width: 1300px !important;
}

#inputUtilisateur input.champs:not([type=checkbox]):not([type=radio]), #inputUtilisateur select.champs {
  min-width: 181px;
}
#inputUtilisateur .myCardPart {
  justify-content: unset;
  padding: 0px;
}
#inputUtilisateur .myCardPart .gedComClass {
  width: 100% !important;
}
#inputUtilisateur .myCardPart .myLegend {
  text-align: center;
  color: #5f7088;
  font-family: Helvetica;
}
#inputUtilisateur .titleUserDetail {
  cursor: pointer;
  height: 30px;
  padding-left: 10px;
  background-color: #464646;
  text-align: left;
}

#utilisateursContainer #utilisateursNotesFraisGrid {
  clear: both;
  z-index: 1 !important;
}
#utilisateursContainer #utilisateursNotesFraisGrid * {
  z-index: 1 !important;
}
#utilisateursContainer #utilisateursNotesFraisGrid p {
  display: inline-block;
  margin-top: 10px;
}
#utilisateursContainer .total {
  color: rgb(229, 55, 55);
  font-weight: 700;
}
#utilisateursContainer #hiddingButton {
  z-index: 2 !important;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: rgb(70, 70, 70);
  float: right;
  margin-bottom: -30px;
  margin-right: 30px;
  position: relative;
  display: inline;
  top: -40px;
}
#utilisateursContainer #hiddingButton #hiddingEye {
  margin-top: 4px;
  margin-left: 4px;
}

#myProgress {
  display: inline-block;
  margin-left: 15px;
  width: 50%;
  height: 12px;
  background: rgb(233, 233, 233);
}

#myBar {
  height: 12px;
  text-align: center;
  line-height: 12px;
}

#dynamicTable .champs.w98 {
  width: 98% !important;
}

#filtre_Contrat {
  border-bottom: solid 1px #00a4ce;
}

#secuNotOK, #secuOK {
  display: none;
}

.spanSecuNok {
  color: red;
}

.spanSecuOk {
  color: green;
}

#tableCampagnes tfoot th {
  white-space: unset;
}

#tableHabilitationDiv #filterDiv {
  margin-bottom: 0;
  border-bottom: 1px solid rgb(70, 70, 70);
}
#tableHabilitationDiv #displayTable_filter {
  margin-top: 5px;
}
#tableHabilitationDiv .grey {
  background: rgba(70, 70, 70, 0.5);
}
#tableHabilitationDiv table td {
  border: 1px solid rgb(70, 70, 70);
  text-align: center;
  padding: 0 !important;
}

td.dx-command-edit.dx-command-edit-with-icons {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

.dx-datagrid-table p {
  font-size: 0.95em;
}

.dx-widget input {
  font-family: Arial, Helvetica, sans-serif, Lucida Grande !important;
  font-size: inherit !important;
}

#slidingDiv {
  width: 100%;
}

.waitGlobalClose {
  float: right;
  width: 40px;
  padding: 10px;
  display: none;
  cursor: pointer;
}

#anneeRelanceDisplay, #moisRelanceDisplay {
  height: 35px;
  min-height: 35px;
}
#anneeRelanceDisplay .dx-calendar-body, #moisRelanceDisplay .dx-calendar-body {
  display: none;
}

#vivierIntTable {
  background: rgb(233, 233, 233) !important;
}

#srEnveloppeTable {
  border-spacing: 0;
  border-collapse: collapse;
}

.noWrap {
  display: inline;
  white-space: nowrap;
}

#title {
  margin-left: 34%;
  margin-top: 1%;
  width: 30%;
  font-size: 2rem;
  font-weight: bold;
  position: relative !important;
  background: rgb(70, 70, 70);
  color: rgb(255, 255, 255);
  line-height: 2em;
  text-align: center;
}

#contenuModalChangeMdp {
  background: rgb(233, 233, 233);
  width: 30%;
  margin-left: 34%;
}
#contenuModalChangeMdp .mdpInputContainer {
  padding: 20px 30px;
}
#contenuModalChangeMdp .mdpInputContainer input {
  background: rgb(233, 233, 233);
  line-height: 20px;
  border-bottom: 1px solid rgb(70, 70, 70);
}
#contenuModalChangeMdp #bottomMdp {
  text-align: right;
  padding: 10px 30px;
}

.seeAll {
  margin-left: 10px;
}

/*Force un objet à afficher le texte en majuscule*/
.majuscule {
  text-transform: uppercase;
}

.leaflet-control-container {
  display: none;
}

#mapid {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3), -2px -2px 6px rgba(0, 0, 0, 0.3);
  margin: 15px !important;
}

#refreshIL {
  height: 20px;
  filter: brightness(100);
}

#passwordForgottenModal {
  text-align: center;
}
#passwordForgottenModal .mb50 {
  margin-bottom: 50px;
}
#passwordForgottenModal #email {
  margin-left: 15px;
  border-bottom: 1px solid rgb(70, 70, 70);
}
#passwordForgottenModal #validPasswordForgotten {
  margin-bottom: 10px;
}
#passwordForgottenModal .infoMatricule {
  background-color: #d87f15;
  display: none;
  border-radius: 20px;
  color: white;
}
#passwordForgottenModal .imgInfoMatricule {
  cursor: pointer;
}

#notesFraisToolbar {
  background: #464646;
  color: white;
  height: 40px !important;
  font-weight: 400 !important;
  font-size: 1.2em;
}
#notesFraisToolbar .dx-toolbar-items-container {
  height: 40px !important;
}
#notesFraisToolbar .dx-toolbar-items-container .dx-icon {
  color: rgb(255, 255, 255);
}

#filtreContainer {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
#filtreContainer #switchContainer {
  height: 30px;
  display: inline-block;
}
#filtreContainer #switchContainer #seeAllNotesChecker {
  margin-top: -10px;
}
#filtreContainer #yearValue {
  font-size: 1.3em;
}
#filtreContainer span {
  margin: 0 15px;
  cursor: pointer;
}

#typeNdFSelectorContainer {
  line-height: 32px;
  height: 32px;
}
#typeNdFSelectorContainer img {
  height: 32px;
  margin-right: 15px;
}
#typeNdFSelectorContainer span {
  vertical-align: top;
}

#firstTypeNdFSelectorContainer {
  text-align: center;
}
#firstTypeNdFSelectorContainer img {
  width: 64px;
  margin: 0 auto;
  display: block;
  box-shadow: unset;
}
#firstTypeNdFSelectorContainer * {
  pointer-events: none;
}

.supprimer {
  background: rgb(255, 121, 121);
  color: rgb(255, 255, 255);
  width: 100%;
  text-align: center;
}

#planningLegend {
  width: 100%;
  display: inline-block;
}
#planningLegend div {
  text-align: left;
  padding: 10px 10px;
  display: inline-block;
  width: 25%;
}

#toFill {
  width: 100vw;
  height: 99vh;
  border: none;
  overflow: hidden;
}

#libelleEntete {
  margin-right: -3px;
}

.saisieOkSpan {
  background: white;
  padding: 10px 0px 10px 5px;
  margin-left: -4px;
  border-left: lightgray 1px solid;
}
.saisieOkSpan img {
  position: relative;
  top: 6px;
  cursor: pointer;
  height: 18px;
  width: auto;
}

#sendFile {
  position: absolute;
  background: #00adba;
  color: white;
  width: 100px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-size: 2em;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(70, 70, 70, 0.6);
  right: 5%;
  margin-top: 10px;
  z-index: 999;
  cursor: pointer;
}

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content {
  padding: 14px 16px 13px !important;
}

#saisieBackground {
  width: 100vw;
  height: 100vh;
  background: rgba(20, 20, 20, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.saisieDivSr input {
  position: relative;
  z-index: 100;
}

.dataTables_wrapper:not(#tablePlanning_wrapper) .DTFC_LeftBodyLiner {
  overflow: unset !important;
}

.sourcing .filter_date_range, .foire .filter_date_range, .transport .filter_date_range, .carteGrise .filter_date_range, .buyback .filter_date_range, .newTable .filter_date_range {
  display: flex;
  flex-direction: column;
}
.sourcing .dataTables_filter input, .sourcing .dataTables_length select, .foire .dataTables_filter input, .foire .dataTables_length select, .transport .dataTables_filter input, .transport .dataTables_length select, .carteGrise .dataTables_filter input, .carteGrise .dataTables_length select, .buyback .dataTables_filter input, .buyback .dataTables_length select, .newTable .dataTables_filter input, .newTable .dataTables_length select {
  padding: 5px;
  border-radius: 30px;
  border: 1px solid grey !important;
  height: 30px;
  outline: none;
}
.sourcing .filter_column input, .foire .filter_column input, .transport .filter_column input, .carteGrise .filter_column input, .buyback .filter_column input, .newTable .filter_column input {
  padding: 5px;
  border-radius: 30px;
  border: 1px solid grey !important;
  height: 20px;
  outline: none;
}
.sourcing .dt-buttons, .foire .dt-buttons, .transport .dt-buttons, .carteGrise .dt-buttons, .buyback .dt-buttons, .newTable .dt-buttons {
  float: right !important;
}
.sourcing .dt-buttons .dt-button, .foire .dt-buttons .dt-button, .transport .dt-buttons .dt-button, .carteGrise .dt-buttons .dt-button, .buyback .dt-buttons .dt-button, .newTable .dt-buttons .dt-button {
  border-radius: 20px;
  color: white !important;
  background: #79bbff !important;
  padding: 1px;
}
.sourcing #tableSourcingVehicleImportDiv .dt-buttons, .foire #tableSourcingVehicleImportDiv .dt-buttons, .transport #tableSourcingVehicleImportDiv .dt-buttons, .carteGrise #tableSourcingVehicleImportDiv .dt-buttons, .buyback #tableSourcingVehicleImportDiv .dt-buttons, .newTable #tableSourcingVehicleImportDiv .dt-buttons {
  display: none;
}
.sourcing #tableBuybackDiv .dt-buttons, .foire #tableBuybackDiv .dt-buttons, .transport #tableBuybackDiv .dt-buttons, .carteGrise #tableBuybackDiv .dt-buttons, .buyback #tableBuybackDiv .dt-buttons, .newTable #tableBuybackDiv .dt-buttons {
  display: none;
}

.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.md-chip {
  display: inline-block;
  background: #464646;
  padding: 0 10px;
  border-radius: 22px;
  font-size: 10px;
  height: 22px;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
}
.md-chip:hover {
  background: #ccc;
}
.md-chip.outline {
  border: 1px solid grey;
}
.md-chip.big {
  height: 30px;
  line-height: 30px;
}
.md-chip.small {
  font-size: 9px;
  height: 15px;
  line-height: 15px;
  margin: 2px 2px;
}
.md-chip.small .md-chip-remove {
  height: 10px;
  width: 10px;
  line-height: 10px !important;
}

.md-chip-remove {
  display: inline-block;
  background: #aaa;
  border: 0;
  height: 15px;
  width: 15px;
  line-height: 15px !important;
  border-radius: 50%;
  padding: 0;
  margin: 0 4px 0 4px;
  cursor: pointer;
  font: inherit;
}
.md-chip-remove:after {
  color: #464646;
  content: "x";
}
.md-chip-remove:hover {
  background: #999;
}
.md-chip-remove:active {
  background: #777;
}

.md-chips {
  background: #e9e9e9;
}
.md-chips.white {
  background: white;
}
.md-chips a.md-chip {
  margin: 0 5px 3px 0;
  color: white;
}

.md-chips:not(:empty) {
  padding: 5px 15px;
}

.md-chip-raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.floatingButtons {
  position: fixed;
  width: 45px;
  height: 45px;
  color: black;
  text-align: center;
  line-height: 45px;
  border-radius: 45px;
  border: none;
  font-weight: 700;
  font-size: 2.3em;
  right: 20px;
  bottom: 20px;
  z-index: 999999999;
  cursor: pointer;
}
.floatingButtons#myChatOpener {
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  background: #5cb85c;
}
.floatingButtons#export {
  right: 20px;
  bottom: 68px;
  background: rgb(255, 165, 0);
}
.floatingButtons#import {
  transform: rotate(180deg);
  background: #5cb85c;
}

#toFillCtrl {
  border: none;
  -moz-box-shadow: 10px 10px 5px 10000px rgba(70, 70, 70, 0.6);
  -webkit-box-shadow: 10px 10px 5px 10000px rgba(70, 70, 70, 0.6);
  -o-box-shadow: 10px 10px 5px 10000px rgba(70, 70, 70, 0.6);
  box-shadow: 10px 10px 5px 10000px rgba(70, 70, 70, 0.6);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  width: 80vw;
  height: 80vh;
  z-index: 999;
  position: fixed;
  right: 60px;
  bottom: 60px;
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 5px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  box-sizing: border-box;
}
span.badge.new {
  font-weight: 300;
  font-size: 1.4rem;
  color: #fff;
  background-color: #F44336;
  border-radius: 2px;
}

.status ul.dropdown-menu {
  list-style: none;
}
.status ul.dropdown-menu li {
  padding: 2px 2px;
}
.status .toggle-check {
  border: none !important;
}
.status .toggle-check div {
  display: flex;
}
.status .toggle-check div input {
  display: none;
}
.status .toggle-check div input:checked + label {
  border-radius: 20px;
  padding: 1px 0px 2px 2px;
  background: orange;
}

#signaletiqueContainer .dateBloc {
  display: inline-block;
  width: 100%;
}
#signaletiqueContainer .dateBloc div {
  display: inline-block;
}

.ocrFoundIt {
  color: rgb(76, 175, 80) !important;
  background: rgba(76, 175, 80, 0.2) !important;
  font-weight: 700;
}

.OCRButtons {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  top: -160px;
  left: 20px;
}

#showOCRValue {
  background: #253786;
  font-size: 2em;
}

#changeOCRImage {
  background: rgb(229, 55, 55);
  font-size: 1.1em;
  cursor: pointer;
}

.dx-dropdowneditor-input-wrapper {
  width: 100%;
}

.dx-show-clear-button .dx-icon-clear {
  background-color: white !important;
}
.dx-show-clear-button .dx-icon-clear:hover {
  background-color: rgba(194, 194, 194, 0.87) !important;
}

#indem tr.odd {
  background-color: #E2E4FF;
}
#indem tr.even {
  background-color: white;
}

.dataTables_paginate {
  padding: 5px;
}

#suiviSortieModale {
  left: 1%;
  max-width: unset !important;
  top: 40px;
  /*.gbbutton{
    height: 50px;
    line-height: 50px;
  }*/
}
#suiviSortieModale .afficheEiList {
  line-height: 30px;
  font-weight: 700;
}
#suiviSortieModale .suivieSortieInputTable {
  border: 1px solid black;
  width: 100%;
}
#suiviSortieModale #buttons {
  text-align: right;
}
#suiviSortieModale #motifs {
  width: 100%;
}
#suiviSortieModale #datepicker, #suiviSortieModale #commentaire, #suiviSortieModale #commentaireDc {
  border: 1px solid rgb(70, 70, 70);
}
#suiviSortieModale #absencesTable, #suiviSortieModale #evpTable {
  border-collapse: collapse;
  border: none;
}
#suiviSortieModale #absencesTable tr, #suiviSortieModale #evpTable tr {
  line-height: 30px;
}
#suiviSortieModale #absencesTable tr input:not([disabled]), #suiviSortieModale #evpTable tr input:not([disabled]) {
  background: none;
  border-bottom: 1px solid rgb(70, 70, 70);
  margin-right: 2px;
  max-width: 8rem;
}
#suiviSortieModale #absencesTable .odd, #suiviSortieModale #evpTable .odd {
  background-color: white;
}
#suiviSortieModale #creePar {
  font-size: 8px;
}
#suiviSortieModale .qq-upload-button {
  margin-top: -7px;
}
#suiviSortieModale #commentaire, #suiviSortieModale #commentaireDc {
  height: 60px;
  width: 100%;
  line-height: 10px;
  min-height: 120px;
  max-height: 200px;
  margin-top: 8px;
}
#suiviSortieModale .addInstance {
  float: right;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 1.6em;
  margin: 5px;
  border-radius: 20px;
  background: #00adba;
  cursor: pointer;
}
#suiviSortieModale #evpComboContainer, #suiviSortieModale #elementComboContainer {
  display: none;
  float: right;
}
#suiviSortieModale .trashEVP, #suiviSortieModale .trashAbsences, #suiviSortieModale .trashElement {
  font-size: 18px;
  color: rgb(229, 55, 55);
  cursor: pointer;
}
#suiviSortieModale .elementSortieLine .commentaire {
  border-bottom: 1px solid rgb(70, 70, 70);
}
#suiviSortieModale .elementSortieLine .datepicker {
  border: 1px solid rgb(70, 70, 70);
}
#suiviSortieModale #gedCom {
  width: unset;
}
#suiviSortieModale .validationDiv {
  margin: 2px;
}

.comArea {
  width: 100%;
  height: auto;
  resize: none;
  background: lightgray;
  margin-bottom: 10px;
}

#mailingContainer img {
  height: 25px;
  filter: brightness(100);
  margin-top: 2px;
}
#mailingContainer input.custom-combobox-input {
  width: calc(100% - 45px);
}
#mailingContainer div.gbbuttonBs {
  float: right;
}
#mailingContainer input[type=button] {
  background: none;
  border: none;
  color: white;
  font-size: 15px;
  vertical-align: top;
  padding-top: 6px;
}

#critereTotalTable {
  border-collapse: collapse;
}
#critereTotalTable .titleTotal {
  font-weight: bold;
}
#critereTotalTable td {
  background: white;
  border: none !important;
}
#critereTotalTable td span {
  height: 0;
  display: block;
  opacity: 0;
}
#critereTotalTable td input.cadre {
  border: black 1px solid !important;
  height: 25px;
  margin-left: 25px;
  width: 100px;
  margin-right: 25px;
}
#critereTotalTable td input:disabled {
  background: white;
}

.editPen {
  width: 50px;
  text-align: center;
}

#inputBonusCalcul table.critereTable tr td.resetCol {
  display: none;
  cursor: pointer;
}
#inputBonusCalcul table.critereTable tr td input {
  width: calc(100% - 5px);
  height: 20px;
}
#inputBonusCalcul table.critereTable tr td select {
  width: 110px;
}

#prorataEntree {
  display: none;
}

.filter_checkbox .toggle-check {
  border: none;
}

.adminTabs {
  background-color: white !important;
  border: none !important;
  width: 99%;
}
.adminTabs .ui-tabs-panel {
  background-color: white !important;
}

#inputBonus {
  background: white;
}
#inputBonus textarea {
  resize: none;
}

.comViewer {
  background: rgba(0, 0, 0, 0.062745098);
  resize: none;
  max-height: 200px;
  width: 220px;
  min-height: 40px;
  overflow-y: scroll;
}

.colValideur div {
  display: block !important;
  width: fit-content;
}

.voirFormulaire {
  cursor: pointer;
}

.colCheck .sliderBack {
  background: #efefef;
}

.DTTT_selected .colCheck .switch .round {
  background-color: rgb(255, 165, 0);
  transform: translateX(21px);
}

#progressBarSearch {
  display: inline-block;
  width: 30%;
  margin-left: 30%;
  height: 15px;
  margin-bottom: 10px;
  border: none;
}
#progressBarSearch .ui-progressbar-value {
  background: rgb(76, 175, 80);
}

.dx-command-edit-with-icons {
  padding: 0 !important;
}

#modalePhotoOCR, #ocrModale {
  width: auto !important;
  display: none;
  text-align: center;
  padding: 5px !important;
  margin: 15px;
}

.ndfHeader {
  box-sizing: border-box;
  background-color: #464646;
  width: 100%;
  color: white;
  padding-left: 10px;
  margin-bottom: 0;
  text-align: center;
  padding-top: 10px;
  height: 40px;
}

.ndfButton {
  cursor: pointer;
}

.ndfMenuItem {
  cursor: pointer;
  width: 100%;
}
.ndfMenuItem:hover {
  background-color: lightgrey;
}
.ndfMenuItem:not(:last-child) {
  border-bottom: 1px solid lightgrey;
}

.ndfTitle {
  margin-top: 7px;
  margin-left: 58px;
  font-size: large;
}

#creerEnveloppe {
  height: 21px;
  margin-right: 25px;
  cursor: pointer;
}

#creerPourLeCompteDe {
  height: 20px;
  margin-right: 5px;
  cursor: pointer;
  top: 4px;
  position: relative;
}

#ndfMenuIcon {
  width: 23px;
  margin-right: 10px;
  cursor: pointer;
  height: 21px;
}

#ndfMenu {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  display: none;
  width: 175px;
  position: absolute;
  right: 5px;
  font-size: 1.2em;
  background-color: white;
  line-height: 30px;
  z-index: 5;
  border: 1px solid lightgrey;
  border-radius: 3px;
  padding: 5px;
}

#ndfMenu > ul {
  list-style-type: none;
}
#ndfMenu > ul li {
  cursor: pointer;
}

.ndfIcon {
  float: right;
}

.envoiPhoto, .saisieDirecte {
  margin-top: 5%;
}

#gestionPlafonds, #gestionCumuls {
  float: right;
  margin: 3px 10px 0 0;
  cursor: pointer;
  height: 24px;
}

.deletePlafond {
  width: 24px;
}

.toolTip {
  height: 13px;
  cursor: pointer;
}

ul.dropdown-menu {
  list-style: none;
}

.clear {
  clear: both;
}

#inputAbsences .qq-upload-button {
  line-height: 36px;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  right: 10px;
  font-size: 25px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: #79bbff;
  top: -15px;
  margin-bottom: -20px;
}
#inputAbsences .qq-upload-button:hover {
  filter: brightness(110%);
}

.debutPeriode:not(input), .finPeriode:not(input) {
  display: inline-block;
  margin-left: 20px;
}

.dtr-title {
  font-weight: bold;
  display: inline-block;
  min-width: 70px;
}

.dtr-title:after {
  content: " : ";
  font-weight: bold;
}

#cumulModal .dbPaieSelect + .chosen-container {
  display: block;
  width: 90% !important;
}
#cumulModal .dbPaieSelect + .chosen-container .chosen-choices {
  height: 30px;
  overflow-x: hidden;
}
#cumulModal .dbSelectClass {
  margin-top: 10px;
}
#cumulModal .dbSelectClass #valideButton {
  float: right;
}

#myParamsUser table.dataTable tr.odd {
  background-color: #f1f1f1;
}

#myParamsUser table.dataTable tr.even {
  background-color: #f9f9f9;
}

.soldeSamedi {
  position: absolute;
  right: 0px;
  height: 28px;
}
.soldeSamedi.Titre {
  top: 0;
  height: 30px;
}

.blocEtat {
  border: 1px solid lightgrey;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.blocEtat div {
  margin: 5px 0;
}

.tableGedAbs td {
  padding: 2px;
}
.tableGedAbs th {
  background: grey;
  color: white;
  border: none;
  padding: 5px;
}

#absEtatBloc {
  justify-content: center;
}

#indexAbs a {
  text-decoration: none;
}
#indexAbs #managerBoutons {
  margin-top: 10px;
}
#indexAbs .mainAccBtn, #indexAbs .mainAccBtnGreen {
  padding: 10px;
  margin: unset;
  text-align: unset;
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  margin-top: 2px;
}
#indexAbs .mainAccBtn img, #indexAbs .mainAccBtnGreen img {
  filter: invert(1);
  vertical-align: middle;
  margin-right: 5px;
}
#indexAbs .mainBut {
  top: unset;
  position: unset;
}

.blocker {
  z-index: 100 !important;
}

#bodyEntree td {
  vertical-align: top;
}

#gestionTempsDetail table {
  text-align: center;
  line-height: 30px;
  border-collapse: collapse;
  margin-top: 5px;
}
#gestionTempsDetail table td, #gestionTempsDetail table th {
  border: 1px solid black;
}
#gestionTempsDetail table th {
  background: rgb(255, 255, 255);
}
#gestionTempsDetail table .blankTd {
  background: rgb(255, 255, 255);
  border: none;
}
#gestionTempsDetail table input, #gestionTempsDetail table input:disabled {
  background: unset;
}
#gestionTempsDetail table .noBorder {
  border: none;
}
#gestionTempsDetail table .BgC2 {
  background-color: rgb(255, 165, 0);
}
#gestionTempsDetail table .BgC3 {
  background-color: #00adba;
}
#gestionTempsDetail input[type=checkbox] {
  line-height: 30px;
  position: relative;
  top: 5px;
  width: 25px;
  height: 25px;
}
#gestionTempsDetail input[type=number], #gestionTempsDetail textarea {
  text-align: center;
  height: 35px;
  width: 98%;
}
#gestionTempsDetail textarea {
  display: block;
  resize: none;
  text-align: center;
}
#gestionTempsDetail #recap table {
  background: white;
}
#gestionTempsDetail #recap table .bgGrey {
  background: rgb(233, 233, 233);
}
#gestionTempsDetail #recap table bold {
  font-weight: bold;
}

#tableAnnuelleDiv, #tablePersonelleDiv, #tableDetailDiv {
  clear: both;
}

#tableAnnuelle, #tablePersonelle, #tableDetail {
  width: 100% !important;
}

#inputCalendrierGestionTemps .validateButton {
  float: right;
}

.formatCol {
  display: inline-block;
  vertical-align: top;
  padding: 3px;
}

.mySimpleTable tr:nth-child(even) {
  background-color: lightgray;
}
.mySimpleTable td {
  padding: 5px;
}
.mySimpleTable th {
  white-space: unset;
  background: grey;
  padding: 5px;
  color: white;
}

#inputAlerte .myCardFieldBlock {
  flex: 1 1 300px;
}

/*On retire les fleches des inputs de type number*/
input[type=number] {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome */
  /* Opéra*/
}
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number]::-o-inner-spin-button {
  -o-appearance: none;
  margin: 0;
}

.abstractMonth .ui-datepicker-header {
  display: none;
}
.abstractMonth .ui-datepicker-calendar thead {
  position: absolute;
  left: 10000px;
  opacity: 0;
}

.abstractMonth .ui-datepicker-header {
  display: none;
}
.abstractMonth .ui-datepicker-calendar thead {
  position: absolute;
  left: 10000px;
  opacity: 0;
}

.abstractMonth .ui-datepicker-header {
  display: none;
}
.abstractMonth .ui-datepicker-calendar thead {
  position: absolute;
  left: 10000px;
  opacity: 0;
}

.abstractMonth .ui-datepicker-header {
  display: none;
}
.abstractMonth .ui-datepicker-calendar thead {
  position: absolute;
  left: 10000px;
  opacity: 0;
}

#gestionTempsCollaborateurAnnee .myCardTitlePart {
  margin-right: 10px;
}

#attributionCalendar {
  width: unset;
  display: none;
}
#attributionCalendar .validateButton {
  float: right;
}

#jstree-marker {
  z-index: 999;
}

.postIt {
  padding: 2%;
  background-color: #ffffa5;
  box-shadow: 2px 4px 6px #444;
  -moz-box-shadow: 2px 4px 6px #444;
  -webkit-box-shadow: 2px 4px 6px #444;
  transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  border-bottom-right-radius: 60px 10px;
}
.postIt .titlePostIt {
  font-weight: bold;
  margin-bottom: 3px;
  border-bottom: 1px solid gray;
}
.postIt .validateButton {
  min-width: 43px !important;
}
.postIt #popUpMessageEmail {
  width: 100%;
  height: 200px;
}

.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 1;
}

.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 0%, 0.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.1), inset 3px 3px 3px hsla(0, 0%, 100%, 0.2), inset -3px -3px 3px hsla(0, 0%, 0%, 0.2), 23px 20px 3px hsla(0, 0%, 0%, 0.15);
  content: "";
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0, 0%, 0%, 0.1);
  box-shadow: 0 0 0.25em hsla(0, 0%, 0%, 0.1);
  content: "";
  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;
  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);
  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}

.cropper-view-box,
.cropper-face {
  border-radius: 50%;
}

.photoProfile, .photoProfileMenu {
  width: 20px;
  margin: 5px 5px 5px 30px;
  border: solid 1px lightgrey;
  border-radius: 102px;
  cursor: pointer;
  height: inherit;
}
.photoProfile.big, .photoProfileMenu.big {
  width: 80px;
  margin: 5px 5px 5px 5px;
}
.photoProfile.veryBig, .photoProfileMenu.veryBig {
  width: 200px;
}

.pastilleOrange {
  border-radius: 46%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0px 2px;
  font-size: 9px;
  color: white;
  background: #ffb600;
}

.pastilleVerte {
  border-radius: 46%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0px 2px;
  font-size: 9px;
  color: white;
  background: #878787;
}

.pastilleGris {
  border-radius: 46%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0px 2px;
  font-size: 9px;
  color: white;
  background: #424242;
}

.pastilleBleu {
  border-radius: 46%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0px 2px;
  font-size: 9px;
  color: white;
  background: #4897fb;
}

.pastillesContainer {
  overflow: auto;
}
.pastillesContainer div {
  display: inline-block;
}

.findModule {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 20px;
  margin-right: 10px;
  display: flex;
  height: 30px;
  align-items: center;
}
.findModule.menu {
  width: 90%;
  margin-left: 15px;
}

.findModule:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

input#btnRetourGlobal:hover {
  color: #d87f15;
  background: white;
  border: 1px solid #d87f15;
}

.structureRecherche {
  display: flex;
  align-items: center;
  z-index: 2;
  margin: 0 10px;
}

#grosBtnRecherche {
  z-index: 2;
}

.btnFilterWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: 5px;
}

#tableSitesMatrice {
  border-collapse: collapse;
}
#tableSitesMatrice td.treegrid-control {
  max-width: 10px;
}
#tableSitesMatrice td.treegrid-control-open {
  max-width: 10px;
}
#tableSitesMatrice th {
  text-align: left;
}
#tableSitesMatrice th:first-child, #tableSitesMatrice td:first-child {
  padding: 0px !important;
  width: 5px;
}
#tableSitesMatrice th:not(:first-child) {
  display: none;
}
#tableSitesMatrice td:not(:first-child) {
  height: 30px;
  display: none;
}
#tableSitesMatrice tr.matriceColor0 {
  background: hsl(220, 100%, 65%) !important;
}
#tableSitesMatrice tr.matriceColor1 {
  background: hsl(220, 100%, 78%) !important;
}
#tableSitesMatrice tr.matriceColor2 {
  background: hsl(220, 100%, 85%) !important;
}
#tableSitesMatrice tr.matriceColor3 {
  background: hsl(220, 100%, 92%) !important;
}
#tableSitesMatrice tr.matriceColor4 {
  background: hsl(220, 100%, 98%) !important;
}
#tableSitesMatrice td.sorting_1 {
  filter: brightness(1.2);
}
#tableSitesMatrice .heritage {
  color: red;
}

.switchDiv {
  padding: 0 10px;
  margin: 5px -10px 0px;
}

#tableActions td {
  font-size: large;
  padding-left: 5%;
  background: lightgray;
}
#tableActions td:before {
  content: url(/public/images/check-24px.svg);
  margin-right: 10px;
  filter: invert(1);
}

.notifIcon {
  background: red;
  width: 20px;
  height: 20px;
  top: 30px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  right: 33px;
  display: none;
}

.notifContainerWrapper {
  display: none;
}
.notifContainerWrapper .notifContainer {
  background: white;
  width: 250px;
  height: auto;
  top: 60px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  /* margin: 5px; */
  /* display: none; */
  position: absolute;
  right: 10px;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 5px;
  z-index: 10;
}
.notifContainerWrapper .notifContainer #notifListContainer {
  padding-top: 10px;
}
.notifContainerWrapper .notifContainer #notifListContainer .notif {
  background: white;
  width: 250px;
  min-height: 40px;
  text-align: left;
  padding: 5px;
  border-top: 1px solid lightgrey;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notifContainerWrapper .notifContainer #notifListContainer .notif:hover {
  background-color: whitesmoke;
}
.notifContainerWrapper .notifContainer #notifListContainer .notif img {
  padding-left: 5px;
}
.notifContainerWrapper .notifContainer #notifListContainer .notif a {
  margin-left: 10px;
  text-decoration: none;
  color: #000000;
}
.notifContainerWrapper .notifContainer .notifSubTextLigne {
  font-size: smaller;
  color: gray;
  margin-left: 10px;
}
.notifContainerWrapper .notifContainer .notifSubText {
  display: none;
}
.notifContainerWrapper .notifContainer .showNotifSubText {
  margin-left: auto;
  align-self: flex-start;
  margin-top: 9px;
}

.publicCardContainerWrapper {
  width: 100%;
  position: absolute;
  top: 105px;
}
.publicCardContainerWrapper .publicCardContainer {
  background: white;
  width: 250px;
  height: auto;
  top: 105px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  /* margin: 5px; */
  /* display: none; */
  margin-left: auto;
  margin-right: auto;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 5px;
  z-index: 10;
}
.publicCardContainerWrapper .publicCardContainer #publicCardListContainer {
  padding-top: 10px;
  overflow: hidden;
}
.publicCardContainerWrapper .publicCardContainer #publicCardListContainer .notif {
  background: white;
  width: 250px;
  min-height: 40px;
  text-align: left;
  padding: 5px;
  border-top: 1px solid lightgrey;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.publicCardContainerWrapper .publicCardContainer #publicCardListContainer .notif:hover {
  background-color: whitesmoke;
}
.publicCardContainerWrapper .publicCardContainer #publicCardListContainer .notif img {
  padding-left: 5px;
}
.publicCardContainerWrapper .publicCardContainer #publicCardListContainer .notif a {
  margin-left: 10px;
  text-decoration: none;
  color: #000000;
}
.publicCardContainerWrapper .publicCardContainer .publicCardSubTextLigne {
  font-size: smaller;
  color: gray;
  margin-left: 10px;
}
.publicCardContainerWrapper .publicCardContainer .publicCardSubText {
  display: none;
}
.publicCardContainerWrapper .publicCardContainer .showPublicCardSubText {
  margin-left: auto;
  align-self: flex-start;
  margin-top: 9px;
}
.publicCardContainerWrapper .publicCardContainer a.close-modal {
  position: absolute;
  top: -12.5px;
  left: calc(50% + 111px);
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: "";
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.45em;
  color: black;
}

.chevron.right:before {
  left: 0;
  transform: rotate(45deg);
}

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}

.rgpdBanner {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99999;
  color: #999;
  background: hsla(0, 0%, 94%, 0.95);
  font-size: 12px;
  max-height: 100%;
  padding: 20px 25px 5px;
}

.rgpdBannerWrapper {
  background-color: #eff0f3;
}
.rgpdBannerWrapper .textRgpdBanner {
  font-size: 12px;
  font-family: Helvetica;
  color: #999;
}
.rgpdBannerWrapper .titlergpd {
  flex: 1;
  font-size: 22px;
  color: #232840;
  margin-bottom: 15px;
}

.banner_footerLinks {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  align-items: center;
}

.banner_consent {
  display: flex;
  flex: 0;
  white-space: nowrap;
  padding: 0 10px;
  flex-direction: column;
}

.button_button {
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  padding: 1em;
  background: #232840;
  color: #fff;
  border: none;
  border-radius: 4px;
}

.isPublicPlanning, .isPublicInfoUser {
  text-align: center;
  padding: 10px;
}
.isPublicPlanning .switch, .isPublicInfoUser .switch {
  margin-left: 0px;
  right: 40px;
}
.isPublicPlanning .switch .slider, .isPublicInfoUser .switch .slider {
  cursor: pointer;
}
.isPublicPlanning .custom-switch, .isPublicInfoUser .custom-switch {
  padding: 10px;
}

div#inputMajLdap {
  width: 700px;
}
div#inputMajLdap div {
  display: flex;
  justify-content: space-between;
}
div#inputMajLdap div span.myCardFieldText {
  min-width: 200px;
  min-height: 15px;
}
div#inputMajLdap div .custom-switch {
  margin-right: 32px;
}
div#inputMajLdap div .arrowMyRh {
  cursor: pointer;
}
div#inputMajLdap div .arrowMyRh path {
  stroke: #79bbff;
}
div#inputMajLdap div .arrowMyRh:hover > path {
  stroke: lightgrey;
}

#configTabWrapper .ui-tabs .ui-tabs-nav {
  height: 100%;
}
#configTabWrapper #filtresComplementaires {
  display: none;
}
#configTabWrapper #filtreHeaderGauche {
  width: calc(100% - 280px);
}
#configTabWrapper #filtres_rechercher {
  position: relative;
  top: -32px;
}
#configTabWrapper .ui-tabs-panel {
  padding: 0.2em 0.5em;
}

#tableLDAPDiv .noMajLdap {
  height: 30px;
  cursor: auto;
}
#tableLDAPDiv .DTTT_selected td {
  background-color: #ffeb3b !important;
}
#tableLDAPDiv tr.even td.colorMyRh {
  background: #cfd6ff;
}
#tableLDAPDiv tr.even td.colorLdap {
  background: #ffeac5;
}
#tableLDAPDiv tr.even td.colorLdap.anomalies {
  color: red;
}
#tableLDAPDiv tr.even td.colorLdap.sorting_1 {
  background: #fff4de !important;
}
#tableLDAPDiv tr.odd td.colorMyRh {
  background: #9caaff;
}
#tableLDAPDiv tr.odd td.colorLdap {
  background: #ffd485;
}
#tableLDAPDiv tr.odd td.colorLdap.anomalies {
  color: red;
}
#tableLDAPDiv tr.odd td.colorLdap.sorting_1 {
  background-color: #ffdfa4 !important;
}
#tableLDAPDiv tr.colorNoMatch.even td.colorMyRh {
  background: #9caaff;
}
#tableLDAPDiv tr.colorNoMatch.even td.colorLdap {
  background: lightgrey;
}
#tableLDAPDiv tr.colorNoMatch.odd td.colorMyRh {
  background: #9caaff;
}
#tableLDAPDiv tr.colorNoMatch.odd td.colorLdap {
  background: lightgrey;
}
#tableLDAPDiv .colorMyRh:not(th) {
  background: #cfd6ff;
}
#tableLDAPDiv .colorMyRh:not(th) .actionButton, #tableLDAPDiv .colorMyRh:not(th) .uploader-new .qq-upload-button, .uploader-new #tableLDAPDiv .colorMyRh:not(th) .qq-upload-button {
  background-color: #00a4ce;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  position: relative;
  right: -12px;
}
#tableLDAPDiv .colorMyRh:not(th) .actionButton:hover, #tableLDAPDiv .colorMyRh:not(th) .uploader-new .qq-upload-button:hover, .uploader-new #tableLDAPDiv .colorMyRh:not(th) .qq-upload-button:hover {
  background-color: white;
  color: #00a4ce;
  border-color: #00a4ce;
}
#tableLDAPDiv .colorLdap:not(th) {
  background: #ffeac5;
}
#tableLDAPDiv .colorLdap:not(th) .actionButton, #tableLDAPDiv .colorLdap:not(th) .uploader-new .qq-upload-button, .uploader-new #tableLDAPDiv .colorLdap:not(th) .qq-upload-button {
  background-color: #253786;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  position: relative;
  left: -10px;
}
#tableLDAPDiv .colorLdap:not(th) .actionButton:hover, #tableLDAPDiv .colorLdap:not(th) .uploader-new .qq-upload-button:hover, .uploader-new #tableLDAPDiv .colorLdap:not(th) .qq-upload-button:hover {
  background-color: white;
  color: #253786;
  border-color: #253786;
}

#hamburger-menu {
  width: 35px;
  height: 30px;
  position: relative;
  margin: 0 10px 5px 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  cursor: pointer;
}
#hamburger-menu span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
}
#hamburger-menu span:nth-child(1) {
  top: 1px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#hamburger-menu span:nth-child(2) {
  top: 13px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#hamburger-menu span:nth-child(3) {
  top: 25px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#hamburger-menu.open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center center;
}
#hamburger-menu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -4px;
  left: 17px;
  width: 25px;
}
#hamburger-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 29px;
  left: 17px;
  width: 25px;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#absAddPopUp {
  display: none;
  background: white;
  width: 355px;
  float: right;
  border: 1px solid black;
  position: relative;
  z-index: 99;
  padding: 5px 13px 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  margin: -25px 5px;
}
#absAddPopUp .button {
  min-width: 100px;
}
#absAddPopUp #absNewMessage {
  color: white;
  background: red;
  text-align: center;
  display: none;
  margin: 2px 0px;
  padding: 2px 0px;
  border-radius: 5px;
  font-weight: bold;
}

/*Modules Taches*/
.addTache {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
  cursor: pointer;
}
.addTache img {
  width: 16px;
}

.dureeTotale {
  border: 1px solid black;
  border-radius: 15px;
  width: 35px;
  text-align: center;
  font-size: x-small;
  margin-bottom: 2px;
  margin-top: -4px;
  color: white;
}

.tacheContainer {
  z-index: 1;
  border: 2px solid red;
  border-radius: 6px;
  padding: 3px;
  margin: 0px 10px 1px 0px;
  background: #ffffff;
  list-style-type: none;
  max-width: 192px;
}
.tacheContainer .header {
  display: flex;
  justify-content: space-between;
  font-size: xx-small;
  font-weight: bold;
  border-bottom: 1px solid #9E9E9E;
}
.tacheContainer .titre {
  white-space: break-spaces;
  font-style: italic;
}

.borderGreen {
  border: 2px solid green;
}

.borderBlue {
  border: 2px solid #0028d8;
}

.dropZone {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  margin-left: -10px;
  z-index: -1;
}

.plCaseValgin {
  vertical-align: top;
}

#backlogDiv {
  display: none;
  background: white;
  width: 355px;
  border: 1px solid black;
  position: fixed;
  z-index: 100;
  padding: 5px 13px 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  margin: -25px 5px;
  top: 91px;
  right: 5px;
}

.modeleFullList {
  color: gray;
  font-size: small;
}

.mySimpleTable .gedTable {
  margin-top: 5px;
}

.drag-file-upload {
  float: unset !important;
}
.drag-file-upload .qq-uploader {
  display: flex;
  justify-content: center;
  padding-bottom: 5px;
}
.drag-file-upload .qq-uploader div {
  margin: 0 10px;
}
.drag-file-upload .qq-uploader div.button {
  text-align: center;
}
.drag-file-upload .qq-uploader div.button label {
  text-align: left;
}
.drag-file-upload .qq-uploader div.qq-upload-button {
  background: #79bbff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.drag-file-upload .qq-uploader div.qq-upload-button:hover {
  background: white;
  color: #79bbff;
  border: 1px solid #79bbff;
}
.drag-file-upload .qq-uploader div.qq-upload-button.disabled {
  background: lightgrey;
  color: white;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.drag-file-upload .qq-uploader div.qq-upload-button.disabled input {
  cursor: no-drop !important;
}
.drag-file-upload .qq-uploader div.qq-upload-drop-area, .drag-file-upload .qq-uploader div.qq-upload-drop-area-placeholder {
  position: relative;
  height: 65px;
  min-height: 30px;
  z-index: 5;
  background: none;
  text-align: center;
  color: white;
  border-radius: 10px;
  font-size: 19px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 0px 10px 1px #101010;
}
.drag-file-upload .qq-uploader div.qq-upload-drop-area-placeholder {
  box-shadow: none;
  background: #9e9e9e;
  width: 100%;
  position: relative;
  left: 0;
  margin: 0px 5px 0px 40px;
}
.drag-file-upload .qq-uploader div.qq-upload-drop-area-placeholder .qq-upload-drop-title {
  position: absolute;
  z-index: 4;
  white-space: pre-wrap;
  font-size: calc(1vw + 8px);
}

#tableSourcingLot_wrapper {
  display: none;
}

.sourcing.ui-tabs .ui-tabs-nav {
  display: flex;
}
.sourcing.ui-tabs .ui-tabs-nav li {
  font-size: 16px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.sourcing.ui-tabs .ui-tabs-nav li a {
  width: 100%;
  height: 100%;
  text-align: center;
}
.sourcing #sendLot {
  display: flex;
  justify-content: center;
  align-items: center;
}

.warningLot {
  display: none !important;
}
.warningLot.show {
  display: flex !important;
}
.warningLot i {
  margin: 5px;
}

td.expend {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#tableCarteGrise ul {
  list-style: none;
}
#tableCarteGrise ul li {
  display: flex;
  align-items: center;
}
#tableCarteGrise ul li:before {
  content: "description";
  font-family: "Material Symbols Outlined";
  font-size: 2rem;
}

.filter_checkbox .toggle-check input {
  display: none;
}
.filter_checkbox .toggle-check input:checked + label div:before {
  width: 10px;
  height: 10px;
  font-size: 15px;
  content: "✓";
}

.filter-chip input {
  display: none;
}
.filter-chip input:checked + label:before {
  width: 10px;
  height: 10px;
  font-size: 15px;
  content: "✓";
}

.groupSelected {
  background: none;
  border: none;
  cursor: pointer;
}

.sourcing-fab {
  background: #00a4ce;
  color: white;
  width: 150px;
  height: 80px;
  font-size: 15px;
  line-height: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 999999998;
  cursor: pointer;
}

.groupSelected {
  background: none;
  border: none;
  cursor: pointer;
}

td.siteTrigger:before {
  content: "edit";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
}

#connexion_div2 #loginBtn365 .inner-text {
  display: flex;
}
#connexion_div2 .orSeparator {
  display: flex;
  font-size: 16px;
  padding: 30px 0;
}
#connexion_div2 .orSeparator .line {
  width: 50%;
  height: 8px;
  border-bottom: 1px solid grey;
}
#connexion_div2 .orSeparator .or {
  color: black;
  width: 10%;
}

.m365 {
  display: flex;
  height: 25px;
  padding: 0px 10px;
}
.m365 > span {
  height: 10px;
  display: block;
}
.m365 > span > span {
  width: 10px;
  height: 10px;
  display: block;
  margin: 2px 1px;
}
.m365 > span > span.m365-1 {
  background: #f35325;
}
.m365 > span > span.m365-2 {
  background: #ffba08;
}
.m365 > span > span.m365-3 {
  background: #81bc06;
}
.m365 > span > span.m365-4 {
  background: #05a6f0;
}

.uploader-new .qq-upload-button {
  background: #79bbff;
}
.uploader-new.rounded {
  background: #e9e9e9;
  border-radius: 10px;
  padding: 5px;
}

#inputBuyback #refreshErGroupe {
  cursor: pointer;
}
#inputBuyback input[data-autocompleted].valid, #inputBuyback input#erDemande.valid {
  background-color: lightgreen !important;
}
#inputBuyback input[data-autocompleted].invalid, #inputBuyback input#erDemande.invalid {
  background-color: lightcoral !important;
}

.myCardBuyback {
  width: 35%;
  font-size: 64px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 10px;
  margin: auto;
  padding: 40px 0;
  cursor: pointer;
  color: white;
}
.myCardBuyback.VO {
  background: #253786;
}
.myCardBuyback.VN {
  background: #00adba;
}

.sortImg {
  cursor: pointer;
}

.unitSuffix {
  position: relative;
  bottom: 21px;
  left: calc(100% - 30px);
  width: 20px;
}