@charset "UTF-8";
/* official logo color */
/* general color */
/* Sidnav submenu color points in order */
/* Messages */
/* Help menu */
/* button */
/* general color */
/* button */
/* Table */
a {
  text-decoration: none;
  font-size: 18px;
  color: #1b1a1a;
  transition: 0.3s;
  cursor: pointer;
}
a:hover {
  color: #94674A;
}

.invisible {
  display: none;
}

.text_important {
  color: #94674A;
}

.text_green {
  color: #01ce1c;
}

.text_red {
  color: #ff0000;
}

.red {
  color: firebrick;
  fill: firebrick;
}

.yellow {
  color: goldenrod;
  fill: goldenrod;
}

.orange {
  color: indianred;
  fill: indianred;
}

.pink {
  color: hotpink;
  fill: hotpink;
}

.purple {
  color: mediumpurple;
  fill: mediumpurple;
}

.blue {
  color: #6495ED;
  fill: #6495ED;
}

.turquoise {
  color: mediumturquoise;
  fill: mediumturquoise;
}

.green {
  color: olive;
  fill: olive;
}

.brown {
  color: sienna;
  fill: sienna;
}

.warning {
  color: #ee5b30;
}

.info {
  color: #d3d3d3;
}

.success {
  color: #01ce1c;
}

.error {
  color: #ff001f;
}

.bold {
  font-weight: bold;
}

.text_important {
  color: #94674A;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.active_page_link {
  color: #94674A !important;
}

.active_page_icon {
  fill: #94674A !important;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #94674A #e6e6e6;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-track {
  background: #f5f5f5;
}

*::-webkit-scrollbar-thumb {
  background-image: linear-gradient(45deg, #94674A, #94674A);
  border-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 3px 13px 1px;
}

.separator {
  width: 80%;
  height: 2px;
  margin: 10px auto 10px auto;
  background-color: #1b1a1a;
}

.menu_separator {
  width: 70%;
  height: 1px;
  margin: 5px auto 5px auto;
  background-color: #94674A;
}

label.required::after, span.required::after {
  content: " *" !important;
  color: #94674A;
}

/* Title */
h1,
h2,
h3,
h4 {
  font-weight: bold;
  margin: 14px 0 14px 0;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 15px;
}

.center {
  justify-content: center;
  text-align: center;
}

.vertical_center {
  align-content: center;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.flex {
  display: flex;
}

.col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.column_vertical_center {
  display: flex;
  align-items: center;
}

.row {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  gap: 10px;
  width: -webkit-fill-available;
}
.row--nomargin {
  margin-top: 0;
  margin-bottom: 0;
}
.row .l1,
.row .l2,
.row .l25,
.row .l3,
.row .l33,
.row .l4,
.row .l5,
.row .l6,
.row .l66,
.row .l7,
.row .l75,
.row .l8,
.row .l9,
.row .l10 {
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-top: 10px;
  min-width: 150px;
  flex-grow: 1;
}
.row .timing_filter {
  margin-top: 14px !important;
}
@media (max-width: 560px) {
  .row .s10 {
    width: 100%;
  }
  .row .s9 {
    width: 85%;
  }
  .row .s8 {
    width: 75%;
  }
  .row .s7 {
    width: 65%;
  }
  .row .s6 {
    width: 55%;
  }
  .row .s5 {
    width: 45%;
  }
  .row .s4 {
    width: 35%;
  }
  .row .s3 {
    width: 25%;
  }
  .row .s2 {
    width: 15%;
  }
  .row .s1 {
    width: 5%;
  }
}
@media (min-width: 560px) and (max-width: 800px) {
  .row .m10 {
    width: 100%;
  }
  .row .m9 {
    width: 85%;
  }
  .row .m8 {
    width: 75%;
  }
  .row .m7 {
    width: 65%;
  }
  .row .m6 {
    width: 55%;
  }
  .row .m5 {
    width: 45%;
  }
  .row .m4 {
    width: 35%;
  }
  .row .m3 {
    width: 25%;
  }
  .row .m2 {
    width: 15%;
  }
  .row .m1 {
    width: 5%;
  }
}
@media (min-width: 800px) {
  .row .l10 {
    width: 100%;
  }
  .row .l9 {
    width: 85%;
  }
  .row .l8 {
    width: 75%;
  }
  .row .l75 {
    width: 70%;
  }
  .row .l7 {
    width: 65%;
  }
  .row .l66 {
    width: 60%;
  }
  .row .l6 {
    width: 55%;
  }
  .row .l5 {
    width: 45%;
    max-width: 50%;
  }
  .row .l4 {
    width: 35%;
  }
  .row .l33 {
    width: 30%;
  }
  .row .l3 {
    width: 25%;
  }
  .row .l25 {
    width: 20%;
  }
  .row .l2 {
    width: 15%;
  }
  .row .l1 {
    width: 5%;
  }
}

.hidden {
  display: none;
}

.no_margin_top {
  margin-top: 0;
}

.no_margin_bottom {
  margin-bottom: 0;
}

:-moz-any(table) {
  margin-bottom: 6px;
}

.errorlist {
  color: #ff4f4f;
  list-style-type: circle;
  padding-left: 15px;
}

.green_dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: green;
}
.green_dot.big {
  width: 20px;
  height: 20px;
}

.orange_dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ee5b30;
}

.red_dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}

.red_blink {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
  animation: blink 0.5s linear infinite;
}
.red_blink.big {
  width: 20px;
  height: 20px;
}

.green_blink {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: green;
  animation: blink 0.5s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0%;
  }
  50% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}
@media print {
  .pagebreak {
    page-break-before: always;
  } /* page-break-after works, as well */
}
.nowrap {
  white-space: nowrap;
}

.height_limit_400 {
  max-height: 400px;
}

.height_limit_500 {
  max-height: 500px;
}

.height_limit_600 {
  max-height: 600px;
}

@media (min-width: 1000px) {
  .hidding_input {
    display: none;
  }
}
header {
  position: fixed;
  display: flex;
  height: 50px;
  width: 100%;
  z-index: 50;
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
header nav {
  height: 50px;
  line-height: 50px;
  background-color: #94674A;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header nav .app_title {
  text-decoration: none;
  color: #E7E9EB;
  font-size: 1.5em;
  margin: 0;
  transition: color 1s ease-in-out;
}
@media (max-width: 460px) {
  header nav .app_title {
    font-size: 1em;
  }
}
@media (max-width: 350px) {
  header nav .app_title {
    display: none;
  }
}
header nav #notification_number {
  display: none;
  color: red;
  position: absolute;
  font-weight: bold;
  font-size: 1.2em;
  right: 10px;
  top: 15px;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #e6e6e6;
  font-family: "Ubuntu", sans-serif;
  color: #1b1a1a;
}

* {
  transition: background-color 0.5s ease-in-out;
}

#main {
  display: flex;
  padding-top: 50px;
  flex-grow: 1;
}
@media (max-width: 600px) {
  #main {
    margin-left: 0px;
  }
}

#main_display {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 600px) {
  #main_display {
    margin-left: 0px;
  }
}

.content {
  padding: 20px;
  width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.content--documentation {
  width: calc(100% - 40px);
  padding: 20px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.content::-webkit-scrollbar {
  display: none;
  /*for Chrome, Safari and Opera */
}

.menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 300px;
  /* 0 width - change this with JavaScript */
  z-index: 3;
  /* Stay on top */
  left: -600px;
  background-color: #f5f5f5;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .menu {
    width: 100%;
    left: -600px;
  }
}

.recherche {
  height: 50px;
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.recherche .iconloupe {
  fill: #1b1a1a;
  width: 25px;
  height: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.recherche .input-field {
  display: flex;
  align-items: center;
  margin: 0;
  height: 50px;
  background-color: #e6e6e6;
  width: 100%;
  font-size: 16px;
}
.recherche .input-field input[type=search] {
  width: 100%;
  font-size: 16px;
  color: #1b1a1a;
  outline: none;
}
.recherche .input-field input#jsearch {
  margin: 0;
  border: none;
  height: 50px;
  background-color: #e6e6e6;
  color: #1b1a1a;
}
@media (max-width: 600px) {
  .recherche {
    width: 100%;
  }
}

/* App Liste */
.ListeAppsMenu {
  padding-top: 10px;
  height: calc(100vh - 159px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.ListeAppsMenu::-webkit-scrollbar {
  display: none;
}
.ListeAppsMenu a {
  padding: 7px 7px 7px 7px;
  text-decoration: none;
  font-size: 18px;
  color: #1b1a1a;
  display: block;
  transition: 0.3s;
}
.ListeAppsMenu a:hover {
  color: #94674A;
}
.ListeAppsMenu li {
  list-style: none;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 15px;
}
.ListeAppsMenu .sub_list {
  margin-top: 0px;
  padding-left: 5px;
}
.ListeAppsMenu .sub_list a {
  padding: 2px 2px 2px 20px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.ListeAppsMenu .sublist_pin {
  width: 5px;
  height: 5px;
  padding-right: 5px;
}
.ListeAppsMenu .expand_menu {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.ListeAppsMenu .expand_menu:hover .icon_menu, .ListeAppsMenu .expand_menu:hover a, .ListeAppsMenu .expand_menu:hover .icon_sublist {
  fill: #94674A;
  color: #94674A;
}
.ListeAppsMenu .expand_menu a {
  cursor: pointer;
}
.ListeAppsMenu .menu_title {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.ListeAppsMenu .icon_sublist {
  fill: #1b1a1a;
  width: 20px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  transition: transform 0.5s ease;
  text-align: right;
}
.ListeAppsMenu .icon_menu {
  fill: #1b1a1a;
  width: 20px;
  height: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.ListeAppsMenu .rightalign {
  display: flex;
  justify-content: end;
}

.dashboard {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.dashboard:hover .icon_menu, .dashboard:hover a {
  fill: #94674A;
  color: #94674A;
}

/* Login info bar */
.loginsidbar {
  z-index: 4;
  position: fixed;
  transition: 0.5s;
  left: -600px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background-color: #e6e6e6;
  width: 300px;
  transition: background-color 0.5s ease-in-out;
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 600px) {
  .loginsidbar {
    width: 100%;
  }
}
.loginsidbar a {
  margin-left: 2px;
  margin-right: 2px;
}
.loginsidbar .iconOut {
  width: 25px;
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.help {
  position: fixed;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 0px;
  /* 0 width - change this with JavaScript */
  z-index: 2;
  /* Stay on top */
  right: 0px;
  color: #1b1a1a;
  background-color: #e6e6e6;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.help__menu {
  width: 500px;
  display: flex;
  height: 50px;
  background-color: #e6e6e6;
  z-index: 1;
  justify-content: space-around;
  line-height: 50px;
  box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.help__menu a:hover {
  color: #94674A;
  border-bottom: 2px solid #94674A;
}
@media (max-width: 800px) {
  .help__menu {
    width: 100%;
  }
}
.help__content {
  width: 500px;
  height: calc(100vh - 100px);
}
.help__content iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 800px) {
  .help__content {
    width: 100%;
  }
}
.help .help_iframe {
  border: none;
}
.help .help_documentation,
.help .help_diagramme,
.help .ticket_content {
  margin: 5px;
}

.ticket_content .ticket_list {
  font-size: 1em;
}
.ticket_content h2 {
  text-align: center;
}

.ticket {
  margin: 5px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  display: flex;
  flex-direction: column;
}
.ticket h2 {
  text-align: center;
}
.ticket .chat {
  height: 50vh;
  background-color: #DCDCDC;
  border-radius: 5px;
  overflow: auto;
}
.ticket .chat .ticket_message_title {
  margin: 20px 5px 5px 5px;
}
.ticket .chat p {
  margin: 0 0 0 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 100px #D3D3D3 inset;
  -webkit-text-fill-color: #1b1a1a;
  color: #1b1a1a;
  background: #D3D3D3;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input,
textarea {
  font-family: "Ubuntu", "Helvetica Neue", sans-serif;
}

.form_table input[type=text],
.form_table input[type=date],
.form_table input[type=datetime],
.form_table input[type=email],
.form_table input[type=search],
.form_table input[type=time],
.form_table input[type=url],
.form_table input[type=password],
.form_table input[type=number],
.form_table textarea,
.form_table select {
  background: #D3D3D3;
  border: none;
  border-radius: 0.3em;
  font-size: 1em;
  outline: 0;
  min-width: 0;
  flex: 1;
  padding: 5px;
  height: 30px;
  flex-grow: 1;
  box-sizing: border-box;
  background-color: #D3D3D3;
  color: #1b1a1a;
}
.form_table .little_number_bloc input[type=number] {
  width: 50px;
}
.form_table .width_input_ejector input[type=number] {
  width: 100px;
  padding: 10px;
}
.form_table input[type=number] {
  -moz-appearance: textfield;
}
.form_table input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.form_dark {
  border-radius: 8px;
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Disabled checkbox */
  /* Accessibility */
}
.form_dark--inlign {
  display: flex;
}
.form_dark--login label {
  position: relative;
  margin-top: 0;
}
.form_dark fieldset {
  border: none;
}
.form_dark legend {
  font-size: 1.4em;
  margin-bottom: 15px;
}
.form_dark label {
  position: absolute;
  margin-top: -72px;
  margin-left: 5px;
  display: block;
  transition: 0.5s;
}
.form_dark .form_dark_label {
  position: absolute;
  margin-top: -72px;
  margin-left: 5px;
  display: block;
  transition: 0.5s;
}
.form_dark .fixed_label {
  margin-left: 5px;
  margin: 10px 0 5px 5px;
}
.form_dark .choices_label {
  position: absolute;
  margin-left: 5px;
  margin-top: -19px;
}
.form_dark input[type=text],
.form_dark input[type=date],
.form_dark input[type=datetime],
.form_dark input[type=email],
.form_dark input[type=search],
.form_dark input[type=time],
.form_dark input[type=url],
.form_dark input[type=password],
.form_dark input[type=number],
.form_dark input[type=file],
.form_dark input[type=datetime-local],
.form_dark textarea,
.form_dark select {
  background: #D3D3D3;
  border: none;
  border-radius: 0.3em;
  font-size: 1.2em;
  outline: 0;
  min-width: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  flex: 1;
  padding: 10px;
  height: 52px;
  flex-grow: 1;
  box-sizing: border-box;
  background-color: #D3D3D3;
  color: #1b1a1a;
}
.form_dark input[type=text]:focus,
.form_dark input[type=date]:focus,
.form_dark input[type=datetime]:focus,
.form_dark input[type=email]:focus,
.form_dark input[type=search]:focus,
.form_dark input[type=time]:focus,
.form_dark input[type=url]:focus,
.form_dark input[type=password]:focus,
.form_dark input[type=number]:focus,
.form_dark input[type=file]:focus,
.form_dark input[type=datetime-local]:focus,
.form_dark textarea:focus,
.form_dark select:focus {
  background: rgba(148, 104, 74, 0.8509803922);
}
.form_dark input[type=text]:focus + label,
.form_dark input[type=date]:focus + label,
.form_dark input[type=datetime]:focus + label,
.form_dark input[type=email]:focus + label,
.form_dark input[type=search]:focus + label,
.form_dark input[type=time]:focus + label,
.form_dark input[type=url]:focus + label,
.form_dark input[type=password]:focus + label,
.form_dark input[type=number]:focus + label,
.form_dark input[type=file]:focus + label,
.form_dark input[type=datetime-local]:focus + label,
.form_dark textarea:focus + label,
.form_dark select:focus + label {
  transform: translateX(15px) scale(1.1);
  color: #94674A;
}
.form_dark textarea {
  font-size: 1.1em;
}
.form_dark .height_text_area textarea {
  height: 150px;
}
.form_dark .auto-resize-textarea {
  height: auto;
  min-height: 52px;
  max-height: 60vh;
  resize: none;
  overflow-y: auto;
  transition: height 0.1s ease;
}
.form_dark input[type=number] {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  font-size: 1.5em;
  min-width: 0;
  flex: 1;
  -moz-appearance: textfield;
}
.form_dark input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form_dark [type=checkbox]:not(:checked),
.form_dark [type=checkbox]:checked {
  position: absolute;
  left: -20px;
  opacity: 0;
}
.form_dark [type=checkbox]:not(:checked) + label,
.form_dark [type=checkbox]:checked + label {
  position: relative;
  padding-left: 3.3em;
  font-size: 1.05em;
  line-height: 2.7;
  cursor: pointer;
  margin: 0px;
}
.form_dark [type=checkbox]:not(:checked) + label:before,
.form_dark [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3em;
  height: 3em;
  background: #DCDCDC;
  border-radius: 0.3em;
  transition: all 0.275s;
}
.form_dark [type=checkbox]:not(:checked) + label:after,
.form_dark [type=checkbox]:checked + label:after {
  content: "✓";
  position: absolute;
  top: 0.525em;
  left: 0.16em;
  font-size: 2.7em;
  color: #94674A;
  line-height: 0;
  transition: all 0.2s;
}
.form_dark [type=checkbox]:not(:checked) + label:after:hover,
.form_dark [type=checkbox]:checked + label:after:hover {
  color: #94674A;
  fill: #94674A;
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}
.form_dark [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.form_dark [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.form_dark [type=checkbox]:disabled:not(:checked) + label:before,
.form_dark [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}
.form_dark [type=checkbox]:disabled:checked + label:after {
  color: #777;
}
.form_dark [type=checkbox]:disabled + label {
  color: #aaa;
}
.form_dark [type=checkbox]:hover:checked:focus + label:before,
.form_dark [type=checkbox]:hover:not(:checked):focus + label:before {
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}

#filter_show {
  flex-direction: column;
}

.filter_form input[type=text],
.filter_form input[type=date],
.filter_form input[type=datetime],
.filter_form input[type=email],
.filter_form input[type=search],
.filter_form input[type=time],
.filter_form input[type=url],
.filter_form input[type=password],
.filter_form input[type=number],
.filter_form textarea,
.filter_form select {
  background: #D3D3D3;
  border: none;
  border-radius: 0.3em;
  font-size: 1.2em;
  outline: 0;
  min-width: 0;
  line-height: 35px;
  height: 35px;
  flex: 1;
  flex-grow: 1;
  box-sizing: border-box;
  background-color: #D3D3D3;
  color: #1b1a1a;
}
.filter_form input[type=text]:focus,
.filter_form input[type=date]:focus,
.filter_form input[type=datetime]:focus,
.filter_form input[type=email]:focus,
.filter_form input[type=search]:focus,
.filter_form input[type=time]:focus,
.filter_form input[type=url]:focus,
.filter_form input[type=password]:focus,
.filter_form input[type=number]:focus,
.filter_form textarea:focus,
.filter_form select:focus {
  background: rgba(148, 104, 74, 0.8509803922);
}

.filter_block {
  border-radius: 18px;
  background-color: #f5f5f5;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  flex-direction: column;
  padding: 10px 20px 10px 20px;
}
.filter_block .row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.filter_block .filter_title {
  margin: 0;
  cursor: pointer;
}
.filter_block .filter_form {
  border-radius: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.filter_block .filter_form .row {
  margin-top: 5px;
}
.filter_block .filter_form .choices_label {
  position: absolute;
  margin-left: 5px;
  margin-top: -19px;
}
.filter_block .filter_form label {
  position: absolute;
  margin-top: -57px;
  margin-left: 5px;
  display: block;
  transition: 0.5s;
}
.filter_block .filter_form .date_range {
  display: flex;
  gap: 5px;
}
.filter_block .filter_form .date_range label {
  margin-top: -20px;
}
.filter_block .filter_form .radioselect > label {
  margin-top: -55px;
}
.filter_block .filter_form .radioselect > div {
  display: flex;
}
.filter_block .filter_form .radioselect > div div {
  display: inline-block;
  height: 35px;
}
.filter_block .filter_form .radioselect > div div label {
  margin-top: -10px;
  position: relative;
}
.filter_block .filter_form .radioselect > div div label input[type=radio] {
  position: relative;
  top: 10px;
}
.filter_block .filter_form input[type=text],
.filter_block .filter_form input[type=date],
.filter_block .filter_form input[type=datetime],
.filter_block .filter_form input[type=email],
.filter_block .filter_form input[type=search],
.filter_block .filter_form input[type=time],
.filter_block .filter_form input[type=url],
.filter_block .filter_form input[type=password],
.filter_block .filter_form input[type=number],
.filter_block .filter_form textarea,
.filter_block .filter_form select {
  background: #D3D3D3;
  border: none;
  border-radius: 0.3em;
  font-size: 1.2em;
  outline: 0;
  min-width: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  flex: 1;
  padding: 8px;
  height: 37px;
  flex-grow: 1;
  box-sizing: border-box;
  background-color: #D3D3D3;
  color: #1b1a1a;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
}
.filter_block .filter_form input[type=text]:focus,
.filter_block .filter_form input[type=date]:focus,
.filter_block .filter_form input[type=datetime]:focus,
.filter_block .filter_form input[type=email]:focus,
.filter_block .filter_form input[type=search]:focus,
.filter_block .filter_form input[type=time]:focus,
.filter_block .filter_form input[type=url]:focus,
.filter_block .filter_form input[type=password]:focus,
.filter_block .filter_form input[type=number]:focus,
.filter_block .filter_form textarea:focus,
.filter_block .filter_form select:focus {
  background: rgba(148, 104, 74, 0.8509803922);
  background-color: rgba(148, 104, 74, 0.8509803922);
}
.filter_block .filter_form input[type=text]:focus + label,
.filter_block .filter_form input[type=date]:focus + label,
.filter_block .filter_form input[type=datetime]:focus + label,
.filter_block .filter_form input[type=email]:focus + label,
.filter_block .filter_form input[type=search]:focus + label,
.filter_block .filter_form input[type=time]:focus + label,
.filter_block .filter_form input[type=url]:focus + label,
.filter_block .filter_form input[type=password]:focus + label,
.filter_block .filter_form input[type=number]:focus + label,
.filter_block .filter_form textarea:focus + label,
.filter_block .filter_form select:focus + label {
  transform: translateX(15px) scale(1.1);
  color: #94674A;
}
.filter_block .filter_form input[type=text] select[multiple],
.filter_block .filter_form input[type=date] select[multiple],
.filter_block .filter_form input[type=datetime] select[multiple],
.filter_block .filter_form input[type=email] select[multiple],
.filter_block .filter_form input[type=search] select[multiple],
.filter_block .filter_form input[type=time] select[multiple],
.filter_block .filter_form input[type=url] select[multiple],
.filter_block .filter_form input[type=password] select[multiple],
.filter_block .filter_form input[type=number] select[multiple],
.filter_block .filter_form textarea select[multiple],
.filter_block .filter_form select select[multiple] {
  height: 150px;
  font-size: 1.2em;
}

.filter_block {
  position: relative;
  z-index: 1;
  border-radius: 18px;
}

.filter_block::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 2px;
  pointer-events: none;
  z-index: 2;
  /* Dégradé sur le contour */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.25) 100%);
  /* Pour n'afficher que le contour, on utilise un masque interne */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

select[multiple] {
  height: 150px;
  font-size: 1.2em;
}

option {
  background-color: #D3D3D3;
  color: #1b1a1a;
}
option:checked {
  background-color: rgba(148, 104, 74, 0.8509803922);
  color: #1b1a1a;
}

.inputnumber {
  display: flex;
  gap: 0;
}
.inputnumber--moreless input[type=number] {
  border-radius: 0;
}
.inputnumber label {
  margin-top: -20px;
}

.numberinput {
  background: #D3D3D3;
  flex-grow: 1;
  min-width: 0;
  flex: 1;
}

.loginform {
  width: 50%;
  padding: 10px;
  margin: auto;
}
@media (max-width: 800px) {
  .loginform {
    width: auto;
  }
}

.checkbox_filter {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Disabled checkbox */
  /* Accessibility */
}
.checkbox_filter label {
  margin-top: 0;
}
.checkbox_filter [type=checkbox]:not(:checked),
.checkbox_filter [type=checkbox]:checked {
  position: absolute;
  left: -20px;
  opacity: 0;
}
.checkbox_filter [type=checkbox]:not(:checked) + label,
.checkbox_filter [type=checkbox]:checked + label {
  position: relative;
  padding-left: 2.7em;
  font-size: 1.05em;
  line-height: 16px;
  cursor: pointer;
  margin: 10px;
}
.checkbox_filter [type=checkbox]:not(:checked) + label:before,
.checkbox_filter [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 37px;
  height: 37px;
  background: #DCDCDC;
  border-radius: 5px;
  transition: all 0.275s;
}
.checkbox_filter [type=checkbox]:not(:checked) + label:after,
.checkbox_filter [type=checkbox]:checked + label:after {
  content: "✓";
  position: absolute;
  top: 9px;
  left: 3.5px;
  font-size: 2.3em;
  color: #94674A;
  line-height: 0;
  transition: all 0.2s;
}
.checkbox_filter [type=checkbox]:not(:checked) + label:after:hover,
.checkbox_filter [type=checkbox]:checked + label:after:hover {
  color: #94674A;
  fill: #94674A;
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}
.checkbox_filter [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}
.checkbox_filter [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.checkbox_filter [type=checkbox]:disabled:not(:checked) + label:before,
.checkbox_filter [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}
.checkbox_filter [type=checkbox]:disabled:checked + label:after {
  color: #777;
}
.checkbox_filter [type=checkbox]:disabled + label {
  color: #aaa;
}
.checkbox_filter [type=checkbox]:hover:checked:focus + label:before,
.checkbox_filter [type=checkbox]:hover:not(:checked):focus + label:before {
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}

.multicheckbox {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

input[type=radio] {
  height: 35px;
  width: 35px;
}

.radioselect > label {
  margin-top: -55px;
}
.radioselect > div {
  display: flex;
}
.radioselect > div div {
  display: inline-block;
  height: 35px;
}
.radioselect > div div label {
  margin-top: -5px;
  position: relative;
}
.radioselect > div div label input[type=radio] {
  position: relative;
  top: 10px;
}

.image_update {
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  max-width: stretch;
}

.radiobutton > label {
  margin-top: -55px;
}
.radiobutton > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.radiobutton > div div {
  display: inline-block;
  height: 52px;
  font-size: 1.2em;
  background-color: rgb(234, 214, 203);
  border-radius: 0.3em;
  border: 1px solid rgb(234, 214, 203);
  flex-grow: 1;
}
.radiobutton > div div label {
  margin-top: -5px;
  position: relative;
}
.radiobutton > div div label input[type=radio] {
  position: relative;
  top: 10px;
}

@media (max-width: 560px) {
  #filter_show {
    display: None;
  }
  .app_title {
    display: none;
  }
}
@media (min-width: 560px) and (max-width: 800px) {
  .mobile_view {
    display: None;
  }
}
@media (min-width: 800px) {
  .mobile_view {
    display: None;
  }
}
.bloc_container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.bloc, .bloc--grey_bg, .bloc--vertical {
  background-color: #f5f5f5;
  border: 1px solid #1b1a1a;
  border-radius: 5px;
  padding: 10px 0px 0px 0px;
  margin-bottom: 5px;
}
.bloc .block_title, .bloc--grey_bg .block_title, .bloc--vertical .block_title {
  font-weight: bold;
  font-size: 1.2em;
}
.bloc--vertical {
  padding: 5px 5px 5px 5px;
  border-radius: 18px;
}
.bloc--grey_bg {
  background-color: #DCDCDC;
}
.bloc--tronconneuse {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--ligne_fonds {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--saws {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--isaw {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--resaw {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--trieur {
  flex-grow: 1;
  min-width: 200px;
}
.bloc--production {
  flex-grow: 1;
  min-width: 200px;
}

#for_print .row, #for_print .l33 {
  flex-grow: initial;
  min-width: auto;
  margin: initial;
  flex-wrap: initial;
}
#for_print .table_container {
  overflow-x: initial;
  width: auto;
}
#for_print * {
  scrollbar-width: initial;
  scrollbar-color: initial;
}
#for_print body {
  display: block;
  min-height: initial;
  color: initial;
  background-color: initial;
}
#for_print header {
  height: auto;
  width: auto;
  z-index: auto;
  box-shadow: none;
}
#for_print .section_container {
  page-break-inside: avoid;
}
#for_print h1 {
  font-size: 1.9em;
  font-weight: bold;
}
#for_print h2 {
  font-size: 1.6em;
  font-weight: bold;
}
#for_print h3 {
  font-size: 1.5em;
  font-weight: bold;
}
#for_print .tr_no_background {
  background-color: initial !important;
}
#for_print .table_style tr:nth-child(even), #for_print .table_style--centered_title tr:nth-child(even), #for_print tr {
  background-color: initial;
}
#for_print .table_style, #for_print .table_style--centered_title {
  min-width: initial;
}
#for_print .table_style th, #for_print .table_style--centered_title th, #for_print .table_style td, #for_print .table_style--centered_title td {
  white-space: initial;
}
#for_print .table_style .title_right, #for_print .table_style--centered_title .title_right {
  text-align: right;
}
#for_print .table_style .title_center, #for_print .table_style--centered_title .title_center {
  text-align: center;
}
#for_print .table_style .title_left, #for_print .table_style--centered_title .title_left {
  text-align: left;
}
#for_print .table_style--centered_title tr th {
  text-align: center;
}
#for_print .table_style .full_cell, #for_print .table_style--centered_title .full_cell {
  height: 1.5mm;
}
#for_print .text_center {
  text-align: center;
}
#for_print .text_right {
  text-align: right;
}
#for_print .text_right_padding {
  text-align: right;
  padding-right: 4%;
}
#for_print canvas {
  overflow-clip-margin: initial;
  overflow: initial;
}
@page {
  #for_print {
    size: A4 portrait;
    margin: 0.5cm;
  }
}
@media print {
  #for_print { /* page-break-after works, as well */ }
  #for_print .pagebreak {
    page-break-before: always;
  }
}
#for_print body {
  margin: 0.5cm 0.5cm 1cm 0.5cm;
  padding: 0.5cm;
  font-family: "Ubuntu", sans-serif;
  font-size: 0.8em;
}
#for_print h2 {
  font-size: 1.5em;
  font-weight: bold;
}
#for_print h3 {
  font-size: 1.17em;
  font-weight: bold;
}
#for_print h4 {
  font-size: initial;
  font-weight: bold;
}
#for_print h5 {
  margin-bottom: 5px;
}
#for_print .separator {
  width: auto;
  height: auto;
  margin: auto;
  background-color: initial;
  margin-top: 20px;
}
#for_print .separator_line {
  width: 80%;
  height: 2px;
  margin: 10px auto 10px auto;
  background-color: black;
}
#for_print header {
  position: initial;
  width: auto;
  height: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#for_print .bold {
  font-weight: bold;
}
#for_print .logo {
  width: 40%;
}
#for_print .table_container {
  margin-bottom: 1cm;
  box-shadow: none;
  border-radius: 0%;
  border: none;
  outline: none;
}
#for_print .full_width {
  width: 100%;
}
#for_print .total_table_container {
  width: 30%;
  margin-top: 1cm;
  float: right;
}
#for_print .row {
  display: flex;
  gap: 10px;
}
#for_print #printchart .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#for_print .row_space_around {
  justify-content: space-around;
  align-items: center;
}
#for_print .space_on_width {
  justify-content: space-between;
}
#for_print #printchart .center {
  justify-content: center;
  text-align: center;
}
#for_print .bloc {
  margin-bottom: 1cm;
  padding: 0;
  border: initial;
  background-color: initial;
}
#for_print .bloc td {
  border: 1px solid black;
}
#for_print h4 .center {
  text-align: center !important;
}
#for_print .center {
  text-align: center;
}
#for_print .bloc table {
  border: none;
}
#for_print table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid black;
}
#for_print #cdc table {
  height: 10cm;
  margin: 0.5cm 0;
}
#for_print td {
  border: 1px solid black;
  padding: 0 5px 0 5px;
}
#for_print .title_center th {
  text-align: center;
}
#for_print th {
  border: 1px solid black;
  padding: 0 5px 0 5px;
  font-size: 1.3em;
  font-weight: bold;
}
#for_print .pair_line {
  background-color: rgba(148, 104, 74, 0.6470588235);
  color: white;
}
#for_print #cdc .lbb {
  font-size: 1.3em;
  margin: 0.5cm 0;
}
#for_print #cdc .wine {
  font-size: 1.3em;
  margin: 0.5cm 0;
}
#for_print #cdc .logo {
  width: 25%;
  margin: 0;
  margin-right: 0.2cm;
}
#for_print .footer {
  font-size: 0.8em;
  position: absolute;
  bottom: 0;
}
#for_print .footer_pdf {
  rotate: -90deg;
  position: fixed;
  right: -360px;
  bottom: 365px;
}
#for_print .footer_pdf_paysage {
  font-size: 0.9em;
  rotate: -90deg;
  position: fixed;
  right: -8.7cm;
  bottom: 9.5cm;
}
#for_print .address {
  position: absolute;
  bottom: 0.75cm;
}
#for_print .l5 {
  width: 50%;
}
#for_print .l33 {
  width: 33%;
}
#for_print .text_red {
  color: #ff0000;
}
#for_print .width_change {
  width: 48%;
}
#for_print .summary_title {
  display: none;
  margin: 0;
}
#for_print #printchart header {
  font-size: 0.9em;
  rotate: -90deg;
  position: fixed;
  white-space: nowrap;
  overflow: visible;
  right: 25.5cm;
  bottom: 9.5cm;
}
#for_print #printchart .l5 {
  width: 53%;
}
#for_print #printchart .row {
  gap: 6px;
}
#for_print #printchart .main_row {
  display: flex;
  justify-content: space-evenly;
  gap: 6px;
  height: 18.4cm;
  margin: 0;
  padding: 0;
}
#for_print .page_break {
  padding-top: 1.8cm;
  -moz-column-break-before: always;
       break-before: always;
}
#for_print #printchart .row p {
  font-size: 0.8em;
}
#for_print #fill_summary_info {
  align-self: center;
  width: 30%;
}
#for_print #fill_summary_infoP2 {
  align-self: center;
  width: 30%;
}
#for_print .fill_summary_info {
  align-self: center;
  width: 30%;
}
#for_print .chart_pdf {
  margin-top: 0;
  width: 99% !important;
  height: 10.01cm !important;
}
#for_print .chart_pdf_DTKS {
  margin-top: 0;
  align-self: center;
  width: 95% !important;
  height: 11cm !important;
}
#for_print .chart_pdf_logsplitter {
  margin-top: 0;
  justify-content: center;
  width: 99% !important;
  height: 8cm !important;
}
#for_print .chart_pdf_thickness {
  margin-top: 50px;
  justify-content: center;
  width: 99% !important;
  height: 8cm !important;
}
#for_print .chart_pdf_Tri_Isaw {
  margin-top: 0;
  justify-content: center;
  width: 99% !important;
  height: 9cm !important;
}
#for_print .chart_pdf_chips_wood {
  margin-top: 0;
  justify-content: center;
  width: 99% !important;
  height: 9cm !important;
}
#for_print .chart_pdf_histogram {
  margin-top: 0;
  display: flex;
  justify-content: center;
  width: 10.5cm !important;
  height: 10cm !important;
}
#for_print #gauss_M90_105, #for_print #gauss_M110_115, #for_print #gauss_Mchateaux {
  margin-top: 0;
  display: flex;
  justify-content: center;
  width: 7cm !important;
  height: 8cm !important;
}
#for_print #control_chart_merrains {
  margin-top: 0cm;
}
#for_print #control_chart_fonds {
  margin-top: -0.3cm;
}
#for_print #printchart .chart_block {
  margin-top: -0.9cm;
  margin-left: 0cm;
  width: 100%;
  height: 100%;
}
#for_print #printchart .table_container {
  margin-top: -1cm;
}
#for_print #printchart .table_style, #for_print #printchart .table_style--centered_title {
  font-size: 1em;
  width: 100%;
  margin: auto;
  margin-top: 0cm;
  margin-left: 0cm;
  border-color: rgb(70, 120, 150);
}
#for_print .filter_data {
  text-align: justify;
}
#for_print #printchart .table_style td, #for_print #printchart .table_style--centered_title td {
  padding: 1.5px 9px;
  border-color: rgb(70, 120, 150);
  border-right-style: none;
  border-left-style: none;
}
#for_print #printchart .table_style th, #for_print #printchart .table_style--centered_title th {
  padding: 1.5px auto;
  font-size: 0.9em;
}
#for_print #printchart .table_style th[scope=col], #for_print #printchart .table_style--centered_title th[scope=col] {
  border-bottom-width: 1.5px;
  border-color: rgb(70, 120, 150);
}
#for_print #printchart .table_style th[scope=row], #for_print #printchart .table_style--centered_title th[scope=row] {
  border-right-style: none;
  border-bottom-color: rgb(70, 120, 150);
}
#for_print .print_header tr {
  border: 1px solid black;
}
#for_print .table_title_line {
  background-color: #DCDCDC;
  color: #1b1a1a;
}
#for_print .voucher_logo {
  width: 70%;
  margin-top: 0.5cm;
}
#for_print .centered_table {
  display: flex;
  width: 70%;
  margin-top: 0.5cm;
  justify-content: center;
}
#for_print td.nowrap {
  white-space: nowrap;
}
#for_print .multiline_table tr.main_line {
  background-color: #8c5b3a;
  color: #ffffff;
  height: 2em;
  z-index: 2;
}
#for_print .multiline_table tr.second_line {
  background-color: #f3c3a0;
  height: 1.5em;
  z-index: 2;
}
#for_print .square {
  width: 1.5em;
  height: 1.5em;
  background-color: white;
  margin: 0.1em;
  border: 2px solid black;
}
#for_print .inspection_list_table {
  max-height: initial;
}

.button, .button--icon, .button--moving_header {
  position: relative;
  display: inline-block;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
  font-size: 1.2em;
  background-color: rgb(234, 214, 203);
  overflow: hidden;
  line-height: 35px;
  border-radius: 0.3em;
  border: 1px solid rgb(234, 214, 203);
  color: #1b1a1a;
  -webkit-text-decoration: auto;
          text-decoration: auto;
  text-align: center;
  fill: #1b1a1a;
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.button--moving_header {
  position: initial;
}
.button:hover, .button--icon:hover, .button--moving_header:hover {
  color: #94674A;
  fill: #94674A;
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}
.button--disabled {
  background-color: #6e6e6e;
  color: black;
  fill: black;
  border: 1px solid #444444;
  box-shadow: none;
  transition: none;
  cursor: not-allowed;
}
.button--disabled:hover {
  color: black;
  fill: black;
  border: 1px solid #444444;
  box-shadow: none;
}
.button--table {
  background-color: rgba(255, 255, 255, 0);
  vertical-align: middle;
  font-size: 1.3em;
  border: none;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.button--table:hover {
  color: #94674A;
  fill: #94674A;
  border: none;
  box-shadow: none;
}
.button--table2 {
  margin-top: 3px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.button--icon {
  padding: 5px;
}
.button--icon:hover .icon, .button--icon:hover .iconprint {
  fill: #94674A;
}
.button--iconmenu {
  background-color: transparent;
  height: 50px;
  fill: #E7E9EB;
  border: none;
}
.button--iconmenu:hover {
  border: none;
  fill: #1b1a1a;
  box-shadow: none;
}
.button--green {
  background-color: rgba(21, 255, 0, 0.0509803922);
}
.button--green:hover {
  color: #01ce1c;
  fill: #94674A;
  border: 1px solid #01ce1c;
  box-shadow: 0 0 10px 0 #01ce1c;
}
.button--red {
  background-color: rgba(255, 0, 31, 0.1098039216);
}
.button--red:hover {
  color: #ff001f;
  fill: #94674A;
  border: 1px solid #ff001f;
  box-shadow: 0 0 10px 0 #ff001f;
}
.button--plus {
  background-color: rgba(21, 255, 0, 0.0509803922);
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.button--moins {
  background-color: rgba(255, 0, 31, 0.1098039216);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.button::-moz-selection, .button--moving_header::-moz-selection, .button--icon::-moz-selection {
  background: none;
}
.button::selection, .button--moving_header::selection, .button--icon::selection {
  background: none;
}
.button--inputnumber {
  height: 50px;
  width: 50px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 50px;
  font-size: 1.6em;
}
.button--page_menu {
  margin-bottom: 20px;
}

.space_between_input {
  width: 10px;
}

label {
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
}

.active,
.active2 {
  background-color: #94674A;
}
.active:hover,
.active2:hover {
  color: #1b1a1a;
}

.retourticket {
  position: absolute;
  background-color: #e6e6e6;
  height: 50px;
  fill: #1b1a1a;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}
.retourticket:hover {
  fill: #94674A;
}

.icon {
  display: flex;
  height: 100%;
  align-items: center;
}
.icon .iconarrow {
  width: 25px;
  height: 25px;
}
.icon .iconprint {
  width: 25px;
  height: 25px;
  padding: 5px;
  fill: #1b1a1a;
}
.icon .iconprint:hover {
  fill: #94674A;
}
.icon .icon_inline {
  width: 15px;
  height: 15px;
  padding: 5px;
  fill: #1b1a1a;
}
.icon .icon_inline:hover {
  fill: #94674A;
}
.icon .iconplus {
  width: 25px;
  height: 25px;
}

.iconBIG {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.iconBIG .iconDL {
  width: 100%;
  height: 100%;
  padding: 5px;
  fill: #1b1a1a;
}
.iconBIG .iconDL:hover {
  fill: #94674A;
}

.button_animation {
  position: absolute;
  background: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  animation: animate 0.5s linear infinite;
}

@keyframes animate {
  0% {
    width: 0px;
    height: 0px;
    opacity: 40%;
  }
  100% {
    width: 500px;
    height: 500px;
    opacity: 0%;
  }
}
.on_off_container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.on_off {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  outline: none;
  height: 3em;
  width: 8em;
  border-radius: 5px;
  background-color: rgba(148, 104, 74, 0.8509803922);
  transition: 0.3s;
}

.on_off:before {
  font-size: 1.5em;
  content: "OFF";
  position: absolute;
  width: 3em;
  height: 1.4em;
  background-color: #f5f5f5;
  color: #1b1a1a;
  top: 0.3em;
  left: 0.3em;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
}

.on_off:checked {
  background: linear-gradient(135deg, #94674A, #94674A);
}

.on_off:checked:before {
  content: "ON";
  left: 2.1em;
  color: #94674A;
}

.button_switch_container .switch_button {
  display: none;
}
.button_switch_container .switch_container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: -moz-fit-content;
  width: fit-content;
  border: 3px solid #DCDCDC;
  border-radius: 20px;
  background: #DCDCDC;
  font-weight: bold;
  color: #1b1a1a;
  cursor: pointer;
}
.button_switch_container .switch_container::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0%;
  border-radius: 20px;
  background: #94674A;
  transition: all 0.3s;
}
.button_switch_container .switch_container div {
  padding: 10px;
  text-align: center;
  z-index: 1;
}
.button_switch_container .switch_button:checked + .switch_container::before {
  left: 50%;
}
.button_switch_container .switch_button:checked + .switch_container div:first-child {
  color: #1b1a1a;
  transition: color 0.3s;
}
.button_switch_container .switch_button:checked + .switch_container div:last-child {
  color: #1b1a1a;
  transition: color 0.3s;
}
.button_switch_container .switch_button + .switch_container div:first-child {
  color: #1b1a1a;
  transition: color 0.3s;
}
.button_switch_container .switch_button + .switch_container div:last-child {
  color: #1b1a1a;
  transition: color 0.3s;
}

.chart {
  min-width: 500px;
}

.graph_min_size.graph_min_size {
  min-width: 375px;
}

.hidden_data {
  display: none;
}

@media (max-width: 560px) {
  .chart_block {
    display: none;
  }
}
.block_notif {
  border: 1px solid #1b1a1a;
  border-radius: 0.3em;
  margin-bottom: 10px;
}
.block_notif .notif_header {
  background-color: #DCDCDC;
  padding: 10px;
  border-bottom: 1px solid #1b1a1a;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.block_notif .notif_body {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
.block_notif .notif_body .button_col {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.block_notif .notif_body .button_col .red {
  color: red;
  font-weight: bold;
}

.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 45%;
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #94674A;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.list_document_bloc {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 10px;
}
.list_document_bloc button {
  padding: 0;
  border: 0;
  height: 200px;
  cursor: pointer;
}
.list_document_bloc iframe {
  padding: 0;
  border: 0;
}
.list_document_bloc .document_bloc {
  width: 150px;
  height: 230px;
}
.list_document_bloc .document_bloc .list_document_file {
  width: 150px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.list_document_bloc .document_bloc .list_document_name {
  width: 150px;
  font-weight: bold;
}
.list_document_bloc .document_bloc .invisible_button {
  top: 0px;
  position: absolute;
  width: 165px;
  height: 250px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(49, 49, 49, 0.7058823529);
}
.modal .modal_content {
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #f5f5f5;
  margin: 5%;
  border: 1px solid #888;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  color: #1b1a1a;
  padding: 50px;
}
.modal .modal_content .print_button {
  position: absolute;
}
.modal .modal_content .close_button {
  font-size: 2em;
  font-weight: bold;
  color: #ff0000;
  position: absolute;
  right: 30px;
  top: 30px;
}
.modal .modal_content .back_button {
  font-size: 2em;
  font-weight: bold;
  color: #94674A;
  position: absolute;
  line-height: 0;
  right: 30px;
  top: 30px;
}
.modal .modal_content .html_print_modal {
  background-color: white;
  margin: auto;
}
.modal .modal_content iframe {
  border: none;
}

.carte {
  width: 50%;
  margin: 5px 5px;
  display: block;
}

.carte svg {
  width: 200%;
}

.carte path {
  stroke: #000000;
  stroke-width: 0.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: 0.5;
  fill: #927952;
}

.map_text {
  fill: #1b1a1a !important;
  font-size: 6px;
  overflow: visible;
  dominant-baseline: middle;
  text-anchor: middle;
  pointer-events: none;
}

.carte .region-01 path {
  fill: #9b9653;
  transition: 0.3s;
}

path.region-01.heyo:hover {
  fill: #c4bc4d !important;
  transition: 0.3s;
}

.carte .region-02 path {
  fill: #719b6b;
  transition: 0.3s;
}

path.region-02.heyo:hover {
  fill: #57a84c !important;
  transition: 0.3s;
}

.carte .region-03 path {
  fill: #60828b;
  transition: 0.3s;
}

path.region-03.heyo:hover {
  fill: #549eb3 !important;
  transition: 0.3s;
}

.carte .region-04 path {
  fill: #529277;
  transition: 0.3s;
}

path.region-04.heyo:hover {
  fill: #3fac7e !important;
  transition: 0.3s;
}

.department:hover {
  fill: #94674A;
}

.department {
  fill: #DCDCDC;
  cursor: pointer;
}

path.region-973, path.region-121, path.region-150, path.region-120 {
  fill: #7b7fb4;
  transition: 0.3s;
}

path.region-973.heyo:hover, path.region-121.heyo:hover, path.region-150.heyo:hover, path.region-120.heyo:hover {
  fill: #4b53c9 !important;
  transition: 0.3s;
}

.heyo:hover {
  fill: #a57c3b !important;
  transition: 0.3s;
}

.description {
  pointer-events: none;
  position: absolute;
  font-size: 18px;
  text-align: center;
  padding: 10px 15px;
  z-index: 5;
  height: auto;
  line-height: 30px;
  min-width: 250px;
  margin: 0 auto;
  color: #1b1a1a;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #eee;
  transform: translateX(-50%) translateY(-70%);
  display: none;
}
.description.active {
  display: block;
}
.description:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #D3D3D3;
}

/* Supplier points on map */
.supplier-point {
  fill: #ff6b35;
  stroke: #fff;
  stroke-width: 0.5;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.8;
}

.supplier-point:hover {
  fill: #ff4500;
  stroke-width: 1;
  opacity: 1;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

.table_style, .table_style--centered_title {
  border-radius: 18px;
  border-collapse: collapse;
  min-width: 400px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.table_style .title_right, .table_style--centered_title .title_right {
  text-align: right;
}
.table_style .title_center, .table_style--centered_title .title_center {
  text-align: center;
}
.table_style .title_left, .table_style--centered_title .title_left {
  text-align: left;
}
.table_style--exel_style .no_padding_case {
  padding: 1px 1px;
}
.table_style--exel_style .take_all_cell input {
  width: 100%;
  height: 100%;
}
.table_style .wrap td, .table_style--centered_title .wrap td {
  white-space: normal;
}
.table_style thead tr, .table_style--centered_title thead tr {
  background-color: #DCDCDC;
}
.table_style thead tr th, .table_style--centered_title thead tr th {
  font-size: 1.3em;
  text-align: left;
  width: auto;
  padding-bottom: 5px;
  padding-top: 5px;
}
.table_style thead tr th .align_right, .table_style--centered_title thead tr th .align_right {
  text-align: right;
}
.table_style .header_always_visible, .table_style--centered_title .header_always_visible {
  position: sticky;
  top: -1px;
}
.table_style .footer_always_visible, .table_style--centered_title .footer_always_visible, .table_style .footer_always_visible--small, .table_style--centered_title .footer_always_visible--small {
  position: sticky;
  bottom: -1px;
  background-color: #DCDCDC;
  font-size: 1.5em;
  font-weight: bold;
}
.table_style .footer_always_visible--small, .table_style--centered_title .footer_always_visible--small {
  font-size: 1em;
  font-weight: normal;
}
.table_style--centered_title thead tr th {
  text-align: center;
}
.table_style--control thead tr th {
  text-align: center;
  font-size: 1.3em;
  padding-bottom: 5px;
  padding-top: 5px;
}
.table_style--control td {
  height: 40px;
  text-align: center;
}
.table_style--filter tr {
  border-bottom: 2px solid #DCDCDC;
  background-color: #f5f5f5;
}
.table_style .report_header, .table_style--centered_title .report_header {
  border-right: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;
  text-align: center;
}
.table_style .th_col_start, .table_style--centered_title .th_col_start {
  border-left: 4px solid #e6e6e6;
  text-align: center;
}
.table_style .th_col_end, .table_style--centered_title .th_col_end {
  border-right: 4px solid #e6e6e6;
  text-align: center;
}
.table_style .header_link, .table_style--centered_title .header_link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.table_style th, .table_style--centered_title th,
.table_style td,
.table_style--centered_title td {
  padding: 1px 10px;
  white-space: nowrap;
}
.table_style th .icon_table, .table_style--centered_title th .icon_table,
.table_style td .icon_table,
.table_style--centered_title td .icon_table {
  fill: #1b1a1a;
}
.table_style .text_right_padding, .table_style--centered_title .text_right_padding {
  text-align: right;
  padding-right: 4%;
}
.table_style .odd_line, .table_style--centered_title .odd_line {
  background-color: rgba(148, 104, 74, 0.8274509804);
  color: #1b1a1a;
}
.table_style .pair_line, .table_style--centered_title .pair_line {
  background-color: rgba(148, 104, 74, 0.6470588235);
  color: #1b1a1a;
}
.table_style .error_line td, .table_style--centered_title .error_line td {
  background-color: rgba(92, 30, 30, 0.7);
}
.table_style .big_line, .table_style--centered_title .big_line {
  height: 40px;
}
.table_style .main_category, .table_style--centered_title .main_category {
  padding-left: 25px;
  font-weight: bold;
}
.table_style .second_category, .table_style--centered_title .second_category {
  padding-left: 20px;
  font-weight: bold;
}
.table_style tr:nth-child(even), .table_style--centered_title tr:nth-child(even) {
  background-color: #f5f5f5;
}
.table_style tr:nth-child(even) .td_col_end, .table_style--centered_title tr:nth-child(even) .td_col_end {
  border-right: 4px solid #e6e6e6;
}
.table_style tr:nth-child(even) .td_col_start, .table_style--centered_title tr:nth-child(even) .td_col_start {
  border-left: 4px solid #e6e6e6;
}
.table_style .bold td, .table_style--centered_title .bold td {
  font-weight: bold;
}
.table_style .td_title, .table_style--centered_title .td_title {
  font-weight: bold;
  height: 2rem;
  bottom: 0;
  border-top: 2px solid #5a5a5a;
  border-left: 2px solid #5a5a5a;
  border-right: 2px solid #5a5a5a;
}
.table_style .td_col_start, .table_style--centered_title .td_col_start {
  border-left: 4px solid #5a5a5a;
}
.table_style .td_col_end, .table_style--centered_title .td_col_end {
  border-right: 4px solid #5a5a5a;
}
.table_style tbody tr, .table_style--centered_title tbody tr {
  transition: background-color 0.2s ease-in-out;
  transition: color 0s ease-in-out;
}
.table_style tbody tr td, .table_style--centered_title tbody tr td {
  transition: background-color 0.2s ease-in-out;
  transition: color 0s ease-in-out;
}
.table_style tbody tr a, .table_style--centered_title tbody tr a {
  transition: background-color 0.2s ease-in-out;
  transition: color 0s ease-in-out;
}
.table_style tbody tr:hover, .table_style--centered_title tbody tr:hover {
  background-color: #ffebde;
  color: rgba(0, 0, 0, 0.82);
  font-weight: bold;
}
.table_style tbody tr:hover td, .table_style--centered_title tbody tr:hover td {
  background-color: #ffebde;
  color: rgba(0, 0, 0, 0.82);
}
.table_style tbody tr:hover td[data-inventory-id], .table_style--centered_title tbody tr:hover td[data-inventory-id] {
  background-color: inherit;
  color: inherit;
}
.table_style tbody tr:hover td a, .table_style--centered_title tbody tr:hover td a {
  color: rgba(0, 0, 0, 0.82);
}
.table_style tbody tr:hover td a:hover, .table_style--centered_title tbody tr:hover td a:hover {
  color: #94674A;
}
.table_style tbody tr:hover td.red_cell, .table_style--centered_title tbody tr:hover td.red_cell {
  background-color: rgba(92, 30, 30, 0.7);
  color: #1b1a1a;
}
.table_style tbody tr:hover td.green_cell, .table_style--centered_title tbody tr:hover td.green_cell {
  background-color: rgba(18, 59, 25, 0.7);
  color: #1b1a1a;
}
.table_style tbody tr:hover td.blue_cell, .table_style--centered_title tbody tr:hover td.blue_cell {
  background-color: rgba(30, 50, 92, 0.7);
  color: #1b1a1a;
}
.table_style tbody tr:hover .delete_text a, .table_style--centered_title tbody tr:hover .delete_text a {
  color: red;
  font-weight: bold;
}
.table_style tbody tr.text_red:hover td, .table_style--centered_title tbody tr.text_red:hover td {
  color: red;
}
.table_style tbody tr.text_red:hover td a, .table_style--centered_title tbody tr.text_red:hover td a {
  color: red;
}
.table_style tbody td, .table_style--centered_title tbody td {
  padding: 5px 15px;
  border-right: 0.5px solid #888888;
  border-bottom: 0.5px solid #888888;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
}
.table_style tbody td:first-child, .table_style--centered_title tbody td:first-child {
  border-left: none;
}
.table_style tbody td:last-child, .table_style--centered_title tbody td:last-child {
  border-right: none;
}
.table_style tbody tr:last-child td, .table_style--centered_title tbody tr:last-child td {
  border-bottom: none;
}

.config_fit {
  width: auto;
  height: 15px;
}

.show_admin {
  display: none;
}

.table_container, .table_container--max_width_1000, .table_container--max_width_700, .table_container--max_height_700, .table_container--max_height_600, .table_container--max_height_500, .table_container--max_height_300 {
  overflow-x: auto;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  margin-top: 20px;
  border-radius: 18px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  outline: 1px solid rgba(255, 255, 255, 0.4392156863);
}
.table_container--max_height_300 {
  max-height: 300px;
}
.table_container--max_height_500 {
  max-height: 500px;
}
.table_container--max_height_600 {
  max-height: 600px;
}
.table_container--max_height_700 {
  max-height: 700px;
}
.table_container--max_width_700 {
  max-width: 700px;
}
.table_container--max_width_1000 {
  max-width: 1000px;
}

.animate_circle_yellow {
  background-color: yellow;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: yellow_circle 1s;
  animation-iteration-count: infinite;
}
@keyframes yellow_circle {
  0% {
    background-color: yellow;
  }
  50% {
    background-color: rgba(255, 255, 0, 0);
  }
  100% {
    background-color: yellow;
  }
}

.too_high {
  color: red;
}

.too_low {
  color: blue;
}

.modify_value {
  color: #94674A;
}

.red_text a {
  color: #ff0000;
}

.yellow_text td a {
  color: rgb(255, 196, 0);
}

.delete_text a {
  color: red;
  font-weight: bold;
}
.delete_text--tablet a {
  font-size: xx-large;
}

.sortable th {
  cursor: pointer;
}

.logo_in_table {
  height: 100px;
}

.selectable_line {
  cursor: pointer;
}

.clickable_line {
  cursor: pointer;
}

.selected_line {
  cursor: pointer;
}
.selected_line td {
  background-color: rgba(148, 104, 74, 0.8509803922);
  transition: 0.5s;
}

.table_separator {
  height: 2px;
}
.table_separator td {
  background-color: #1b1a1a;
}

.no_color_line td {
  border-bottom: 2px solid #DCDCDC;
  background-color: #e6e6e6;
}

.title_row td {
  font-weight: bold;
  background-color: #f5f5f5;
}

.multiline_table tr.main_line {
  background-color: rgba(148, 104, 74, 0.8274509804);
  color: #1b1a1a;
  height: 2em;
}
.multiline_table tr.second_line {
  background-color: rgba(148, 104, 74, 0.6470588235);
  color: #1b1a1a;
  height: 1.5em;
}
.multiline_table tr.total {
  height: 2em;
  font-size: 1.5em;
  font-weight: bold;
}

td.nowrap {
  white-space: nowrap;
}

.green_table_dot, .green_table_dot--tag {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: green;
}
.green_table_dot--tag {
  width: initial;
  height: initial;
}

.orange_table_dot, .orange_table_dot--tag {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ee5b30;
}
.orange_table_dot--tag {
  width: initial;
  height: initial;
}

.red_table_dot, .red_table_dot--tag {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.red_table_dot--tag {
  width: initial;
  height: initial;
}

td.red_cell {
  background-color: rgba(92, 30, 30, 0.7);
  color: #1b1a1a;
}

td.green_cell {
  background-color: rgba(18, 59, 25, 0.7);
  color: #1b1a1a;
}

td.blue_cell {
  background-color: rgba(30, 50, 92, 0.7);
  color: #1b1a1a;
}

.comment_cell {
  width: 200px;
  max-height: 80px;
  overflow-y: auto;
  word-wrap: break-word;
  white-space: normal;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.comment_cell .comment_text {
  flex: 1;
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.3;
  max-height: 80px;
  overflow-y: auto;
}
.comment_cell .comment_btn {
  flex-shrink: 0;
  min-width: auto;
  padding: 2px 6px;
  height: -moz-fit-content;
  height: fit-content;
}

#order_table_container {
  max-height: max(280px, 100vh - 320px);
  overflow-y: auto;
}

@media (max-width: 768px) {
  #order_table_container {
    max-height: none;
  }
}
.table_style tbody tr:hover .priority_arrow,
.table_style tbody tr .priority_arrow,
.table_style--centered_title tbody tr .priority_arrow {
  cursor: pointer;
  color: #94674A;
  font-size: 1.2em;
  margin: 0 5px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.table_style tbody tr:hover .priority_arrow:hover,
.table_style tbody tr .priority_arrow:hover,
.table_style--centered_title tbody tr .priority_arrow:hover {
  transform: scale(1.2);
}
.table_style tbody tr:hover .priority_arrow--up,
.table_style tbody tr .priority_arrow--up,
.table_style--centered_title tbody tr .priority_arrow--up {
  color: #4caf50;
}
.table_style tbody tr:hover .priority_arrow--up:hover,
.table_style tbody tr .priority_arrow--up:hover,
.table_style--centered_title tbody tr .priority_arrow--up:hover {
  color: #66bb6a;
}
.table_style tbody tr:hover .priority_arrow--down,
.table_style tbody tr .priority_arrow--down,
.table_style--centered_title tbody tr .priority_arrow--down {
  color: #f44336;
}
.table_style tbody tr:hover .priority_arrow--down:hover,
.table_style tbody tr .priority_arrow--down:hover,
.table_style--centered_title tbody tr .priority_arrow--down:hover {
  color: #ef5350;
}
.table_style tbody tr:hover .priority_arrow--disabled,
.table_style tbody tr .priority_arrow--disabled,
.table_style--centered_title tbody tr .priority_arrow--disabled {
  color: #ccc;
  cursor: not-allowed;
  opacity: 0.5;
}
.table_style tbody tr:hover .priority_arrow--disabled:hover,
.table_style tbody tr .priority_arrow--disabled:hover,
.table_style--centered_title tbody tr .priority_arrow--disabled:hover {
  transform: none;
}

.widget {
  background-color: rgb(234, 214, 203);
  border-radius: 5px;
  padding: 10px;
}
.widget h1 {
  margin: 0;
  margin-bottom: 20px;
}

.network_widget {
  width: 400px;
  height: 200px;
}
.network_widget #default_conection {
  display: flex;
  flex-direction: column;
  max-height: 150px;
  overflow: auto;
}
.network_widget .network_line {
  display: flex;
  gap: 5px;
  align-items: center;
}

.blink_05s {
  animation: blink 0.5s linear infinite;
}

.blink_1s {
  animation: blink 1s linear infinite;
}

.blink_2s {
  animation: blink 2s linear infinite;
}

@property --tower-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate {
  to {
    --tower-angle: 360deg;
  }
}
.animated_rotate_border {
  --border-width: 1px;
  position: relative;
}
.animated_rotate_border::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--border-width));
  border-radius: inherit;
  padding: var(--border-width);
  background: repeating-conic-gradient(from var(--tower-angle, 0deg), transparent 0% 15%, rgba(148, 103, 74, 0.15) 15%, rgba(148, 103, 74, 0.3) 30%, rgba(148, 103, 74, 0.5) 50%, rgba(148, 103, 74, 0.7) 70%, rgba(148, 103, 74, 0.9) 85%, transparent 85%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  animation: rotate 3s linear infinite;
}
.animated_rotate_border::after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--border-width) - 5px);
  border-radius: inherit;
  background: repeating-conic-gradient(from var(--tower-angle, 0deg), transparent 0% 15%, rgba(148, 103, 74, 0) 15%, rgba(148, 103, 74, 0.1) 30%, rgba(148, 103, 74, 0.2) 50%, rgba(148, 103, 74, 0.3) 70%, rgba(148, 103, 74, 0.4) 85%, transparent 85%);
  filter: blur(6px);
  opacity: 0.8;
  pointer-events: none;
  z-index: -1;
  animation: rotate 3s linear infinite;
}

.dynamic_notifications {
  position: fixed;
  top: 60px;
  right: 20px;
  z-index: 9;
}

.dynamic_notifications :where(.toast, .column) {
  display: flex;
  align-items: center;
}

.dynamic_notifications .toast {
  width: 400px;
  position: relative;
  overflow: hidden;
  list-style: none;
  border-radius: 4px;
  padding: 16px 17px;
  margin-bottom: 10px;
  background: #DCDCDC;
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
}

@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10px);
  }
}
.dynamic_notifications .toast.hide {
  animation: hide_toast 0.3s ease forwards;
}

@keyframes hide_toast {
  0% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}
.toast::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  animation: progress 10s linear forwards;
}

@keyframes progress {
  100% {
    width: 0%;
  }
}
.toast.success::before, .btn#success {
  background: #01ce1c;
}

.toast.error::before, .btn#error {
  background: #ff001f;
}

.toast.warning::before, .btn#warning {
  background: #ee5b30;
}

.toast.info::before, .btn#info {
  background: #d3d3d3;
}

.toast .column i {
  font-size: 1.75rem;
}

.toast .column span {
  font-size: 1.07rem;
  margin-left: 12px;
}

.toast i:last-child {
  color: #aeb0d7;
  cursor: pointer;
}

.toast i:last-child:hover {
  color: #DCDCDC;
}

.toast .close_notification_button {
  cursor: pointer;
}

@media screen and (max-width: 530px) {
  .dynamic_notifications {
    width: 95%;
  }
  .dynamic_notifications .toast {
    width: 100%;
    font-size: 1rem;
    margin-left: 20px;
  }
}
#websocket_disconnected {
  display: none;
}

#websocket_connected {
  display: none;
}

.control {
  border: solid #D3D3D3 1px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
}

.control_title {
  text-align: center;
}

.summary_title {
  display: none;
  margin: 0;
}

.merrains_info {
  width: 45%;
  min-width: 680px;
  flex-grow: 1;
}

.fonds_info {
  width: 45%;
  min-width: 680px;
  flex-grow: 1;
}

.display_container {
  margin-left: 50px;
  margin-right: 50px;
}

.consumable_picture_div {
  width: 250px;
  height: 150px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.consumable_picture_div .consumable_picture {
  transition: 0.5s;
  width: 250px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.consumable_picture_div .consumable_picture:hover {
  transform: scale(1.2);
}

.photo_consommable {
  background-color: rgba(49, 49, 49, 0.7058823529);
  border-radius: 5px;
}
.photo_consommable .consumable_picture {
  border-radius: 5px;
  display: block;
  margin: auto;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  max-width: stretch;
}

.sector_bloc {
  border: 1px solid #1b1a1a;
  border-radius: 5px;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}

.value_bloc {
  border: 1px solid #1b1a1a;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  margin: -1px;
}

.consumable_bloc {
  width: 250px;
  border: 1px solid #1b1a1a;
  border-radius: 5px;
  position: relative;
  padding-bottom: 40px;
}

.stock_line {
  display: flex;
  margin-top: 1px;
  margin-right: -1px;
  margin-bottom: -1px;
}

.lambert_line {
  color: rgb(223, 127, 223);
}

.tdf_line {
  color: rgb(185, 186, 248);
}

.order {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  border-radius: 0 0 5px 5px;
  position: absolute;
  bottom: 0;
}

.detail_order {
  border-radius: 0;
  height: 100%;
  line-height: 45px;
}

.stock_bloc {
  border: 1px solid #1b1a1a;
  flex-grow: 1;
  margin: -1px 0 0 -1px;
}

.stock_number {
  font-size: 1.5em;
}

.consumable_info_list {
  list-style: disc;
  margin-right: 10px;
}

.edit_link {
  width: 25px;
  height: 25px;
  position: absolute;
  padding: 0;
  right: 0px;
  top: 0px;
  transition: 0.5s;
  background-color: #e6e6e6;
  border: 1px solid #1b1a1a;
  border-radius: 0 3px 0 5px;
}
.edit_link .edit_link_icon {
  padding: 1px;
  width: 26px;
  height: 21px;
  transition: 0.5s;
  margin-left: -1px;
}
.edit_link:hover {
  margin-left: -5px;
  width: 30px;
  height: 30px;
}
.edit_link:hover .edit_link_icon {
  width: 30px;
  height: 25px;
}

.info_consumable {
  width: 400px;
  min-width: 330px;
  border: 1px solid #1b1a1a;
  border-radius: 5px;
  overflow: hidden;
}
.info_consumable .image_consumable_div {
  position: relative;
}
.info_consumable .image_consumable_div .consumable_picture {
  width: 400px;
  min-width: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
.info_consumable li:not(:last-child) {
  margin-bottom: 5px;
}

.data_consumable {
  width: calc(100% - 450px);
  min-width: 400px;
}
.data_consumable .header_table_consumable th {
  font-size: 1em;
}

.consumable_document {
  padding: 0 10px 0 10px;
}
.consumable_document--row {
  margin: 20px 0 20px 0;
}
.consumable_document .document_bloc {
  position: relative;
  justify-content: flex-start;
}
.consumable_document .document_bloc button {
  padding: 0;
  border: 0;
  height: 250px;
}
.consumable_document .document_bloc iframe {
  padding: 0;
  border: 0;
}
.consumable_document .document_bloc .consumable_document_file {
  width: 180px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.consumable_document .document_bloc .consumable_document_name {
  width: 180px;
  margin-top: 5px;
  font-weight: bold;
}
.consumable_document .document_bloc .invisible_button {
  top: 0px;
  position: absolute;
  width: 165px;
  height: 250px;
}

.inventory_table {
  max-height: 500px;
}

span.active_is_false {
  display: inline-block;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: x-large;
  background-color: rgba(80, 69, 67, 0.5);
  width: 100%;
  height: 100%;
}
span.active_is_true {
  display: none;
}

.table_stock_line table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #1b1a1a;
}
.table_stock_line table thead {
  border: 1px solid #1b1a1a;
}
.table_stock_line table tr {
  border: 1px solid #1b1a1a;
}
.table_stock_line table tr .line_sub_title {
  font-weight: bold;
}
.table_stock_line table tr .detail_stock_number {
  font-size: 1em;
}

.lots_box {
  max-height: 300px;
}

#lots_table tr {
  cursor: pointer;
}

.validate_badge {
  width: 10px;
  height: 10px;
  /* border: azure; */
  border-radius: 5px;
  background-color: yellow;
}

.invoice_badge {
  width: 10px;
  height: 10px;
  /* border: azure; */
  border-radius: 5px;
  background-color: green;
}

h2.alt {
  background-color: #f5f5f5;
}

.parc_management_legend {
  display: flex;
}

.main_park_div {
  align-items: flex-start;
  flex-wrap: nowrap;
}
.main_park_div .park_group {
  display: flex;
  gap: 5px;
}
.main_park_div .park_group .park {
  border: 2px solid #DCDCDC;
  border-radius: 5px;
  padding: 5px;
  width: 50%;
}
.main_park_div .main_zone_info {
  height: 30px;
}
.main_park_div .main_zone_info h3 {
  margin: 5px;
  text-align: center;
}
.main_park_div .lots_drop_zone {
  grid-column-start: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 5px;
}
.main_park_div .lots_drop_zone .main_zone_info {
  justify-content: space-between;
  margin: 0;
  padding: 5px;
  height: 64px;
}
.main_park_div .lots_drop_zone .zone_name {
  font-size: 0.7em;
  position: absolute;
}
.main_park_div .lots_drop_zone .zone_title {
  font-size: 30px;
  width: 40px;
  position: absolute;
  overflow: hidden;
  margin-left: 5px;
  line-height: 30px;
  margin-top: 15px;
}
.main_park_div .lots_drop_zone .info_zone {
  position: absolute;
  float: right;
  font-size: 12px;
  gap: 0;
  text-align: right;
  width: 160px;
  margin-top: 15px;
}
.main_park_div .lots_drop_zone .delete_zone_button {
  display: none;
  position: relative;
  left: 70px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #ff0000;
  margin-top: 15px;
}
.main_park_div .lots_drop_zone .overflow_zone {
  overflow: overlay;
  overflow-x: hidden;
  height: 325px;
}
.main_park_div .lots_drop_zone .overflow_zone::-webkit-scrollbar {
  width: 5px;
}
.main_park_div .lots_drop_zone .zone {
  border: 2px solid #DCDCDC;
  width: 170px;
  height: 400px;
}
.main_park_div .lot_draggable_box {
  font-weight: normal;
  width: 150px;
  height: 40px;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
}
.main_park_div .lot_draggable_box .main_zone_info {
  justify-content: space-around;
}
.main_park_div .lot_draggable_box .lot_title {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  width: 140px;
  height: 30px;
  overflow: hidden;
}
.main_park_div .lot_draggable_box .lot_grume_count {
  font-size: 10px;
  position: relative;
  float: left;
  bottom: 0px;
  left: 0px;
}
.main_park_div .lot_draggable_box .lot_cube {
  font-size: 10px;
  position: relative;
  float: right;
  bottom: 2px;
  right: 0px;
}
.main_park_div .lot_draggable_box .grain {
  display: none;
}
.main_park_div .lot_draggable_box .price {
  display: none;
}

.available_zone {
  border: 2px solid #DCDCDC;
  width: 100%;
  padding: 0 5px 0 5px;
  display: flex;
}
.available_zone .available_title {
  padding: 0 10px 0 5px;
}
.available_zone .drag_zone {
  display: flex;
  overflow: auto;
}
.available_zone .lot_draggable_box {
  font-weight: normal;
  width: 150px;
  height: 40px;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
}
.available_zone .lot_draggable_box .main_zone_info {
  justify-content: space-around;
}
.available_zone .lot_draggable_box .lot_title {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  width: 140px;
  height: 30px;
  overflow: hidden;
}
.available_zone .lot_draggable_box .lot_grume_count {
  font-size: 10px;
  position: relative;
  float: left;
  bottom: 0px;
  left: 0px;
}
.available_zone .lot_draggable_box .lot_cube {
  font-size: 10px;
  position: relative;
  float: right;
  bottom: 2px;
  right: 0px;
}
.available_zone .lot_draggable_box .grain {
  display: none;
}
.available_zone .lot_draggable_box .price {
  display: none;
}

.style_Non_livrée {
  background-color: #ad0417;
}

.style_Parc_opérationel {
  background-color: #195819;
}

.style_Consommé {
  background-color: rgba(255, 0, 31, 0.1098039216);
}

.style_En_cours_de_consommation {
  background-color: #f5f5f5;
  animation: conso_blink 1.5s infinite;
}

@keyframes conso_blink {
  50% {
    background-color: #8515a1;
  }
}
.style_Parc_arrosage {
  background-color: #0084f0;
}

.style_En_transit {
  background-color: #ad8004;
}

.parc_color_block {
  width: 40px;
  height: 20px;
  border-radius: 3px;
  margin: 5px;
}

.park_label_color {
  line-height: 30px;
  font-weight: bold;
}

.activ_launch_line {
  background-color: #DCDCDC;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  padding: 10px;
  color: #1b1a1a;
  transition: 0.5s;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.activ_launch_line:hover {
  border: 1px solid #94674A;
  color: #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}

.numeric_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5px;
  margin: 10px;
  grid-template-areas: "seven eight nine" "four five six" "one two three" "zero back back";
}
.numeric_grid .button_number {
  height: 90px;
  font-size: 1.5em;
  font-weight: bold;
}
.numeric_grid .button_back {
  grid-area: back;
  border-radius: 7px;
  padding-bottom: 15px;
  font-size: 4.5em;
}

.grume_selection_bloc {
  height: 386px;
}
.grume_selection_bloc .select_form {
  margin-top: 100px;
}

.table_conso {
  height: calc(100vh - 710px);
}

.table_a_conso {
  height: calc(100vh - 250px);
}

.animated_case_100 {
  max-width: 100px;
  overflow: hidden;
}

.text_animated {
  display: block;
  animation: linear text_defil 10s infinite;
}

@keyframes text_defil {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(-300%);
  }
}
.grume_screen_view {
  height: 130px;
}
.grume_screen_view .grume_draw {
  width: auto;
  height: 110px;
}
.grume_screen_view .grume_draw .grume_draw_line {
  width: calc(100% - 100px);
  height: 100px;
  border: 5px solid #1b1a1a;
  border-left: none;
  margin-left: 35px;
  background-color: #e6e6e6;
}
.grume_screen_view .grume_draw .grume_draw_line .grume_length {
  width: calc(100% - 10px);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  position: relative;
  left: -20px;
  height: 130px;
  top: -15px;
}
.grume_screen_view .grume_draw .grume_draw_line .grume_length .product_made_cut {
  z-index: 2;
  position: relative;
  left: 0;
  rotate: 180deg;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grume_screen_view .grume_draw .grume_draw_line .grume_length .product_made_cut h4 {
  rotate: 90deg;
  margin: calc((2.8 * var(--element-width) - 45.7) * 1px);
  font-size: clamp(6px, 1.5vw, 12px);
  text-shadow: #161616 2px 2px 2px;
}
.grume_screen_view .grume_draw .grume_draw_line .grume_length .product_made_cut::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 100px;
  rotate: 180deg;
  top: 15px;
  border-radius: 100%;
  position: absolute;
  border-left: 3px dashed #1b1a1a;
}
.grume_screen_view .grume_draw .grume_draw_start {
  border: 5px solid #8b8b8b;
  border-radius: 100%;
  position: relative;
  left: calc(100% - 95px);
  top: -100%;
  background-color: #8b8b8b;
  height: 100px;
  width: 60px;
}
.grume_screen_view .grume_draw .grume_draw_end {
  margin: none;
  z-index: -1;
  border: 5px solid #1b1a1a;
  border-radius: 100%;
  position: relative;
  left: 0%;
  top: -200%;
  height: 100px;
  width: 60px;
}

.button_chainsaws_product {
  width: 80%;
  margin: 10px auto 10px auto;
  height: 100px;
  line-height: 100px;
}

.button_chainsaws_product_unselected {
  width: 80%;
  margin: 10px auto 5px auto;
  height: 35px;
  line-height: 35px;
}

.scanner_label {
  position: absolute;
  margin-top: -12px !important;
}

.send_file {
  margin-top: 0;
  max-height: 40px;
}
.send_file input {
  position: relative;
  top: 8px;
  justify-content: center;
}

.filter_block_IT {
  padding-top: 5px;
  padding-bottom: 5px;
}

.title_with_button {
  justify-content: space-evenly;
  align-items: center;
}

.row_filter_button {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
}
.row_filter_button .button {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  height: 50px;
  padding-left: 0;
  padding-right: 0;
}

.jackson_wine_line {
  background-color: #4772b8 !important;
}

.grpi input[type=number] {
  width: 60px;
}

.grpi_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
  margin: 10px;
}
.grpi_grid .button_number {
  height: 70px;
}

.inspection_list_table {
  max-height: 300px;
}

.no_control_pallet td {
  background-color: rgba(92, 30, 30, 0.7);
}

.control_pallet td {
  background-color: rgba(18, 59, 25, 0.7);
}

.bad_ping {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
  animation: blink 0.5s linear infinite;
}

.good_ping {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: green;
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0%;
  }
  50% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}
.space_around {
  justify-content: space-around;
}

#transport_instruction_note img {
  width: 90%;
}
#transport_instruction_note .border_bloc {
  padding: 0.5cm;
  border: 1px solid black;
  border-radius: 0.3cm;
}
#transport_instruction_note .margin_left_block {
  margin-left: 0.5cm;
}
#transport_instruction_note .transporter_text {
  font-size: 1.3em;
  text-align: right;
}
#transport_instruction_note .info_title {
  color: #94674A;
}

#invoice_state_print img {
  width: 80%;
}
#invoice_state_print table, #invoice_state_print th, #invoice_state_print td {
  border-color: #94674A;
}
#invoice_state_print .invoice_title {
  color: #94674A;
}
#invoice_state_print .colored_text {
  color: #94674A;
}
#invoice_state_print .colored_text span {
  color: black;
}

.theme_choice {
  display: flex;
  flex-direction: column;
  border: 2px solid #D3D3D3;
  background-color: rgba(203, 201, 201, 0.4901960784);
  padding: 20px 0px 10px 20px;
  width: -moz-fit-content;
  width: fit-content;
  position: static;
}

.full_theme_preview {
  display: flex;
  flex-direction: row;
}

.theme_preview {
  --r: 20px;
  --s: 100px;
  width: var(--s);
  height: calc(var(--s) + var(--r));
  -webkit-mask: radial-gradient(var(--r) at 50% calc(100% - var(--r)), #000 calc(100% - 1px), rgba(0, 0, 0, 0)), radial-gradient(var(--r) at right, rgba(0, 0, 0, 0) calc(100% - 1px), #000) 0 0/100% calc(100% - var(--r)) no-repeat;
          mask: radial-gradient(var(--r) at 50% calc(100% - var(--r)), #000 calc(100% - 1px), rgba(0, 0, 0, 0)), radial-gradient(var(--r) at right, rgba(0, 0, 0, 0) calc(100% - 1px), #000) 0 0/100% calc(100% - var(--r)) no-repeat;
}

.color_preview {
  --r: 20px;
  --s: 100px;
  position: relative;
  left: -20px;
  width: calc(var(--s) + var(--r));
  height: var(--s);
  -webkit-mask: radial-gradient(var(--r) at var(--r) 50%, #000 calc(100% - 1px), rgba(0, 0, 0, 0)), radial-gradient(var(--r) at bottom, rgba(0, 0, 0, 0) calc(100% - 1px), #000) 100%/calc(100% - var(--r)) 100% no-repeat;
          mask: radial-gradient(var(--r) at var(--r) 50%, #000 calc(100% - 1px), rgba(0, 0, 0, 0)), radial-gradient(var(--r) at bottom, rgba(0, 0, 0, 0) calc(100% - 1px), #000) 100%/calc(100% - var(--r)) 100% no-repeat;
}

.theme_dark {
  background-color: #282828;
}

.theme_light {
  background-color: #ffffff;
}

.color_blue {
  background-color: #6495ED;
}

.color_orange {
  background-color: #ee5b30;
}

.color_pink {
  background-color: rgb(219, 131, 146);
}

.color_outlook {
  background-color: #94674A;
}

.color_fushia {
  background-color: #f114b6;
}

.theme_validation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.theme_validation input {
  width: 30px;
  height: 30px;
  accent-color: #94674A;
}
.theme_validation label {
  color: black;
  font-size: 1.2em;
}

.label_profil {
  position: relative !important;
  margin: 0px !important;
}

.page_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.page_menu_title {
  display: flex;
  flex-direction: row;
}

.page_menu_icon {
  fill: #94674A;
  width: 20px;
  margin-left: 10px;
}

.page_menu_bloc_1 {
  background-color: #fcfcfc;
  padding: 10px;
  border-radius: 10px;
  margin: 20px;
}
.page_menu_bloc_1 h1 {
  margin: 14px;
}

.page_menu_bloc_2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 10px;
}

@media (max-width: 560px) {
  .page_menu_title h1 {
    font-size: 1.1em;
  }
  .page_menu_title svg {
    width: 15px;
  }
}
.dashboard_widgets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.h3_dashboard {
  font-size: 25px;
}

.widget_box {
  margin: 0.7rem;
  min-height: 20em;
  border-radius: 20px;
  padding: 1rem;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  background-color: #f1f1f1;
}

.tooltip_hidden {
  display: none;
}

.work_accident_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  min-block-size: -moz-fit-content;
  min-block-size: fit-content;
}

.work_accident_widget {
  display: flex;
  margin: 0 2rem;
  flex-direction: column;
  align-items: center;
  height: 320px;
}

.work_accident_progress {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.work_accident_shape {
  --a: 0deg;
  rotate: -90deg;
  width: 250px;
  aspect-ratio: 1;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
  -webkit-mask-composite: source-in, xor;
          mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box intersect, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
}

.work_accident_shadow {
  position: absolute;
  --a: 180deg;
  rotate: -90deg;
  width: 250px;
  aspect-ratio: 1;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  opacity: 0.6;
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
  -webkit-mask-composite: source-in, xor;
          mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box intersect, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
}

.low_progress {
  background: #ac1818;
}

.medium_progress {
  background: #d4872f;
}

.high_progress {
  background: #42882b;
}

.work_accident_data {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4em;
}

.work_accident_data p {
  margin: 5px;
}

.work_accident_data h3 {
  font-size: 30px;
}

.record_progress_widget {
  width: 2em;
  position: absolute;
  bottom: 7.2em;
  right: 0;
  font-size: 1em;
}

.prod_global {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 320px;
}

.prod_widget {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0 2rem 1.1rem 2rem;
}

.prod_widget h3 {
  margin: 0.5em;
}

.prod_logo {
  fill: #1b1a1a;
  height: 150px;
  width: auto;
}

.prod_widget_graph {
  width: 20em;
  height: 20em;
}

.prod_graph {
  position: relative;
  margin: 10rem 12rem;
  left: -10em;
  bottom: -9em;
}

.prod_merrain {
  position: absolute;
  top: -4rem;
  left: 6.5rem;
  z-index: 22;
  color: #d3d3d3;
}

.prod_fonds {
  position: absolute;
  bottom: -8.5rem;
  left: 6.5rem;
  z-index: 22;
  color: #d3d3d3;
}

.prod_total {
  position: absolute;
  top: -8rem;
  left: 4.5rem;
  z-index: 21;
  color: #d3d3d3;
}

.prod_titles {
  position: relative;
}

.cube {
  position: absolute;
  --d: 60px;
  --c:#94674A;
  height: 5px;
  padding: 5px 100px;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: solid rgba(0, 0, 0, 0);
  border-width: var(--d) 0 0 var(--d);
  clip-path: polygon(100% 100%, var(--d) 100%, 0 calc(100% - var(--d)), 0 0, calc(100% - var(--d)) 0, 100% var(--d));
  background: conic-gradient(from 90deg at var(--d) var(--d), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.2666666667) 0 62.5%, rgba(0, 0, 0, 0.4) 0) border-box var(--c);
}

.c1 {
  bottom: 0px;
  z-index: 1;
}

.c2 {
  bottom: 11px;
  z-index: 2;
}

.c3 {
  bottom: 22px;
  z-index: 3;
}

.c4 {
  bottom: 33px;
  z-index: 4;
}

.c5 {
  bottom: 44px;
  z-index: 5;
}

.c6 {
  bottom: 55px;
  z-index: 6;
}

.c7 {
  bottom: 66px;
  z-index: 7;
}

.c8 {
  bottom: 77px;
  z-index: 8;
}

.c9 {
  bottom: 88px;
  z-index: 9;
}

.c10 {
  bottom: 99px;
  z-index: 10;
}

.c11 {
  bottom: 110px;
  z-index: 11;
}

.c12 {
  bottom: 121px;
  z-index: 12;
}

.c13 {
  bottom: 132px;
  z-index: 13;
}

.c14 {
  bottom: 143px;
  z-index: 14;
}

.c15 {
  bottom: 154px;
  z-index: 15;
}

.c16 {
  bottom: 165px;
  z-index: 16;
}

.c17 {
  bottom: 176px;
  z-index: 17;
}

.c18 {
  bottom: 187px;
  z-index: 18;
}

.c19 {
  bottom: 198px;
  z-index: 19;
}

.c20 {
  bottom: 209px;
  z-index: 20;
}

.inspection {
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.magnifying_glass {
  font-size: 10em;
  display: inline-block;
  width: 0.6em;
  box-sizing: content-box;
  height: 0.6em;
  border: 0.1em solid #94674A;
  position: relative;
  border-radius: 0.6em;
  margin: -2rem 0 0 0.7em;
}

.magnifying_glass:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.35em;
  bottom: -0.15em;
  border-width: 0;
  background: #94674A;
  width: 0.5em;
  height: 0.1em;
  transform: rotate(135deg);
  border-radius: 10px;
}

.inspection_data_mg {
  text-align: center;
  padding-top: 0.5em;
  font-size: 0.2em !important;
}

.inspection_post_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 1.5rem 9rem;
}

.inspection_post_title h3 {
  margin: 0;
}

.rendement {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rendement_container {
  position: relative;
  height: 265px;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rendement_shape {
  position: absolute;
  height: 250px;
  width: auto;
  margin: 2rem;
}

.rendement_low {
  fill: #ac1818;
}

.rendement_good {
  fill: #42882b;
}

.rendement_warning {
  fill: #ee5b30;
}

.rendement_great {
  aspect-ratio: 1;
  background: #e2ac0b;
  clip-path: polygon(50% 0, 79.3892626146% 90.4508497187%, 2.4471741852% 34.5491502813%, 97.5528258148% 34.5491502813%, 20.6107373854% 90.4508497187%);
}

.star_container {
  position: relative;
  height: 265px;
  width: 265px;
}

.big-star {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  height: 280px;
  background: gold;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.small-star {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  background: gold;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 1;
  animation: explode 1.8s forwards;
}

@keyframes explode {
  to {
    transform: translate(calc(180px * cos(var(--angle))), calc(180px * sin(var(--angle))));
    opacity: 0;
  }
}
.warning_triangle {
  margin-top: 30px;
  position: relative;
  background-color: #ee5b30;
  text-align: left;
}

.warning_triangle:before,
.warning_triangle:after {
  content: "";
  position: absolute;
  background-color: inherit;
}

.warning_triangle,
.warning_triangle:before,
.warning_triangle:after {
  width: 10em;
  height: 10em;
  border-top-right-radius: 30%;
}

.warning_triangle {
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
}

.warning_triangle:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}

.warning_triangle:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}

.rendement_title {
  position: absolute;
  color: black;
}

.rendement_title_low {
  top: 6rem;
  left: 9rem;
  z-index: 2;
}

.rendement_title_good {
  top: 8.5rem;
  left: 9rem;
}

.rendement_title_great {
  top: 6.5rem;
  z-index: 2;
}

.rendement_title_warning {
  position: relative;
  top: -4.5rem;
}

.objectif {
  height: 320px;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: column;
}

.obj_title {
  margin-bottom: 1rem;
  margin-top: 0;
}

.obj_graph {
  position: relative;
  margin-top: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.obj_graph_shadow {
  --a: 360deg;
  position: absolute;
  width: 250px;
  aspect-ratio: 1;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: rgba(148, 103, 74, 0.2);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
  -webkit-mask-composite: source-in, xor;
          mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box intersect, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
}

.obj_graph_prog {
  position: absolute;
  width: 250px;
  aspect-ratio: 1;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background: conic-gradient(rgba(148, 103, 74, 0.6) 45deg, rgba(148, 103, 74, 0.65) 90deg, rgba(148, 103, 74, 0.7) 135deg, rgba(148, 103, 74, 0.75) 180deg, rgba(148, 103, 74, 0.8) 215deg, #94674A 260deg);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
  -webkit-mask-composite: source-in, xor;
          mask: linear-gradient(rgba(0, 0, 0, 0) 0 0) content-box intersect, conic-gradient(#000 var(--a), rgba(0, 0, 0, 0) 0);
}

.obj_positif {
  color: #42882b;
}

.obj_negatif {
  color: #ac1818;
}

#objectif_tooltip {
  position: absolute;
  background: #f1f1f1;
  color: #1b1a1a;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: 1000;
  font-size: 14px;
}

.prod_2weeks {
  width: -moz-fit-content;
  width: fit-content;
  height: 320px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 760px) {
  .prod_2weeks {
    display: none;
  }
}
.prod_2weeks_days {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.prod_2weeks_day {
  width: 8rem;
  margin: 0.4rem;
  text-align: center;
}

.prod_2weeks_past_week {
  display: flex;
  flex-direction: row;
}

.prod_2weeks_current_week {
  display: flex;
  flex-direction: row;
}

.prod_2weeks_week {
  margin: 0.4rem;
  font-size: 25px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.prod_2weeks_prod_prog {
  width: 8rem;
  margin: 0.4rem;
  aspect-ratio: 1/1;
  font-size: 1.5rem;
  border-radius: 2rem;
  background-color: rgba(136, 136, 136, 0.77);
  display: flex;
  justify-content: center;
  align-items: center;
}

.message {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
  min-height: 320px;
  margin: 0 0.5rem;
  min-block-size: -moz-fit-content;
  min-block-size: fit-content;
}

.dashboard_message_format {
  font-size: 16px;
  width: 280px;
  max-height: 310px;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}

.dashboard_message_format p {
  margin: 0;
}

.author {
  font-size: 16px;
}

.global_messages_form {
  margin: 0.7rem;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.23);
  background-color: #f1f1f1;
}

.stickynotes_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 3rem 0;
}

.stickynote {
  margin-bottom: 2rem;
}

.stickynote_content {
  color: #333;
  position: relative;
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  height: 13rem;
  font-size: 20px;
  box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3);
}
.stickynote_content:hover {
  transform: rotate(0deg);
}

.stickynote_content .author {
  display: block;
  text-align: right;
}

.stickynote_label {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin: 0 !important;
  position: inherit !important;
}

.sticky_yellow {
  background: #eae672;
  transform: rotate(2deg);
}

.sticky_blue {
  background: #72b0ea;
  transform: rotate(2deg);
}

.sticky_red {
  background: #ea9272;
  transform: rotate(2deg);
}

.stickynote_display {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
  margin: 0 1rem;
}

.message_form_textarea textarea {
  margin: 2rem 0 !important;
  height: auto !important;
  font-size: 20px;
}

.message_form_textarea label {
  margin: 0 !important;
}

.message_form_dateinput {
  margin: 2rem 0;
}

/* Ancien Graph Rendement

.rendement {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 320px;
}

.rendement_title {
    margin-bottom: 5px;
}

.rendement_result {
    font-size: 25px;
    margin:0;
}

.rendement_graph {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin: 0 0 1rem 2rem;
}

.rendement_graph_data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: baseline;
}

.rendement_graph_data h4 {
    margin: 0;
}

.rendement_graph_bar {
    width: 3.8em;
    margin: 0.5em;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0.5em;
}

.rendement_graph_data:not(:first-child) .rendement_graph_bar {
    opacity: 0.6;
}

.rendement_graph_data:first-child .rendement_graph_bar {
    background-color:  rgb(57 81 173 / 77%)!important;
}

*/
.widget_box {
  position: relative;
  z-index: 1;
  border-radius: 18px;
  overflow: hidden;
}

.widget_box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 2px;
  pointer-events: none;
  z-index: 2;
  /* Dégradé sur le contour */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.25) 100%);
  /* Pour n'afficher que le contour, on utilise un masque interne */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.isaw_cdc_selection .cdc_section {
  border: 1px solid #ddd;
  margin: 15px 0;
  padding: 20px;
  border-radius: 8px;
  background-color: #fcfcfc;
}
.isaw_cdc_selection .cdc_header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.isaw_cdc_selection .cdc_title {
  font-size: 1.5rem;
  font-weight: bold;
}
.isaw_cdc_selection .grain_selection {
  margin-left: 20px;
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 5px;
  border-left: 3px solid #94674A;
  display: none;
}
.isaw_cdc_selection .cdc_item {
  background-color: #f5f5f5;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  margin: 10px 0;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.isaw_cdc_selection .cdc_item.new {
  background-color: rgba(18, 59, 25, 0.7);
  border-color: #28a745;
}
.isaw_cdc_selection .cdc_item.old {
  background-color: rgba(92, 30, 30, 0.7);
  border-color: #dc3545;
}
.isaw_cdc_selection .grain_selection.active {
  display: block;
}
.isaw_cdc_selection .grains_section {
  margin-top: 10px;
}
.isaw_cdc_selection .grains_section .grains_title {
  font-weight: 600;
  margin-bottom: 8px;
}
.isaw_cdc_selection .grains_section .grain_count {
  font-size: 0.9em;
  font-style: italic;
  margin-top: 5px;
}

.grains_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.grains_list.center {
  justify-content: center;
}
.grains_list .grain_tag {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.9em;
  border: 1px solid #dee2e6;
  font-weight: 600;
}
.grains_list .grain_tag.grain_checkable {
  padding: 15px 25px;
}
.grains_list .grain_tag.GTF\+ {
  background-color: rgba(0, 102, 255, 0.5);
  border-color: #004bcc;
  color: white;
}
.grains_list .grain_tag.GTF {
  background-color: rgba(40, 167, 69, 0.5);
  border-color: #1e7e34;
  color: white;
}
.grains_list .grain_tag.GF\+ {
  background-color: rgba(255, 140, 0, 0.5);
  border-color: #e67e00;
  color: white;
}
.grains_list .grain_tag.GF {
  background-color: rgba(142, 68, 173, 0.5);
  border-color: #7d3c98;
  color: white;
}
.grains_list .grain_tag.GM {
  background-color: rgba(231, 76, 60, 0.5);
  border-color: #c0392b;
  color: white;
}
.grains_list .grain_tag.GG {
  background-color: rgba(23, 162, 184, 0.5);
  border-color: #138496;
  color: white;
}

.cdc_button {
  height: 85px;
  padding: 5px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  margin: 5px;
}
.cdc_button .title {
  font-size: 1.5rem;
  font-weight: bold;
}

.cdc_px_button {
  background-color: #51b4ff;
}

.cdc_stat {
  font-size: 1.8rem;
}

.cdc_operator_table {
  font-size: 1.8rem;
}

.operator_stats_div {
  position: absolute;
  bottom: 2rem;
}
.operator_stats_div .operator_stats {
  font-size: 2rem;
}

.button_technical_services {
  position: absolute;
  bottom: 4rem;
  left: 30rem;
  height: 150px;
  width: 130px;
  display: none;
}

.empty_section {
  color: #6c757d;
  font-style: italic;
  padding: 20px;
  text-align: center;
}

.grain_checkable {
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.grain_checkable:not(.selected) {
  background-color: #6c757d !important;
  border-color: #5a6268 !important;
  color: white !important;
  opacity: 0.7;
}
.grain_checkable:not(.selected):hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.grain_checkable.selected {
  opacity: 1;
  transform: scale(1);
}
.grain_checkable.selected:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.grain_checkable:active {
  transform: scale(0.95);
}

.isaw_production_bloc {
  height: 900px;
  overflow-y: auto;
}

.alert_blink_background {
  animation: alert_background_blink 1.5s infinite alternate;
}

@keyframes alert_background_blink {
  from {
    background-color: #f5f5f5;
  }
  to {
    background-color: #94674A;
  }
}
.grain_all_graph_container {
  flex-wrap: nowrap;
  overflow: auto;
}

.l33.grain_graph_container {
  min-width: 300px;
}

.inventory_operator_chart {
  width: calc(100% - 40px);
  height: 350px;
  margin: 0 20px;
}

.inventory_chart {
  position: relative;
  height: 450px;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 30px 20px 20px;
  box-sizing: border-box;
}
.inventory_chart canvas {
  width: calc(100% - 40px);
  height: 350px;
  max-width: calc(100% - 40px);
  max-height: 350px;
  margin: 0 20px;
}

.no-chart-data {
  padding: 50px;
  text-align: center;
}

.no-staff-data {
  text-align: center;
}

.no-daily-data {
  text-align: center;
  color: #888;
  font-style: italic;
}

.staff-summary-item {
  margin: 10px 0;
}
.staff-summary-item.colored-border {
  border-left-width: 4px;
  border-left-style: solid;
}

.staff-summary-header {
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.staff-daily-breakdown {
  padding: 10px 15px;
}

.staff-daily-item {
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.1);
  font-size: 13px;
}

.inventory-error-message {
  padding: 15px;
  margin: 20px 0;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
}

.zone_managment_box {
  max-height: 600px;
}

.blender_monitoring_layout {
  display: flex;
  gap: 20px;
}
.blender_monitoring_layout .production_col {
  flex: 1;
  min-width: 0;
}
.blender_monitoring_layout .production_col .packaging_photo {
  max-width: 100%;
  max-height: 500px;
  border-radius: 8px;
}
.blender_monitoring_layout .production_col .packaging_placeholder {
  width: 100%;
  height: 300px;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.blender_monitoring_layout .production_col .packaging_information_bloc {
  background-color: #DCDCDC;
  border-radius: 20px;
  padding: 15px;
  margin-top: 5px;
  text-align: center;
}
.blender_monitoring_layout .production_col .packaging_information_bloc h4 {
  margin-top: -10px;
}

.tower_col {
  flex: 0 0 630px;
}

.bagger_tower_bloc {
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  background-color: #DCDCDC;
  margin-bottom: 15px;
  min-width: 290px;
}
.bagger_tower_bloc .tower_pallet {
  font-size: 1.5em;
  font-weight: bold;
}
.bagger_tower_bloc .tower_pallet .tower_pallet_number {
  font-size: 2em;
}
.bagger_tower_bloc .tower_title {
  margin-top: -10px;
  font-size: 1.8em;
  margin-bottom: 30px;
}
.bagger_tower_bloc .tower_text_bloc {
  min-width: 200px;
}
.bagger_tower_bloc .tower_weight_col {
  font-weight: bold;
  min-width: 70px;
}
.bagger_tower_bloc .tower_weight_col .tower_weight {
  border-radius: 5px;
  width: 30px;
  height: 200px;
  background: linear-gradient(to top, #d32f2f 0%, #fd7a00 15%, #529702 30%);
  border: 1px solid #333;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.bagger_tower_bloc .tower_weight_col .tower_weight .tower_weight_lvl {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(102, 102, 102);
  transition: height 0.3s ease;
}
.bagger_tower_bloc .tower_weight_col .out_pallet_weight {
  background: #529702;
}

.dual-listbox {
  display: flex;
  flex-direction: column;
}
.dual-listbox .dual-listbox__container {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.dual-listbox .dual-listbox__search {
  border: none;
  padding: 10px;
  width: 93%;
  border-radius: 0.3em;
}
.dual-listbox .dual-listbox__search:focus {
  background: rgba(148, 104, 74, 0.8509803922);
}
.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  border: 1px solid #ddd;
  border-radius: 0em 0em 0.3em 0.3em;
  height: 300px;
  overflow-y: auto;
  padding: 0;
  width: 300px;
  margin-top: 0;
  -webkit-margin-before: 0;
}
.dual-listbox .dual-listbox__buttons {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.dual-listbox .dual-listbox__button {
  margin-bottom: 5px;
  background-color: #D3D3D3;
  padding: 10px;
  font-size: 1.2em;
  color: #1b1a1a;
  border: 1px solid rgb(234, 214, 203);
  border-radius: 0.3em;
  transition: 0.5s;
  cursor: pointer;
}
.dual-listbox .dual-listbox__button:hover {
  color: #94674A;
  fill: #94674A;
  border: 1px solid #94674A;
  box-shadow: 0 0 10px 0 #94674A;
}
.dual-listbox .dual-listbox__title {
  padding: 15px 10px;
  font-size: 120%;
  font-weight: bold;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-top: 1px solid #efefef;
  margin-top: 1rem;
  border-radius: 0.3em 0.3em 0em 0em;
  -webkit-margin-before: 1rem;
}
.dual-listbox .dual-listbox__item {
  display: block;
  background-color: #D3D3D3;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid #efefef;
  transition: background 0.2s ease;
}
.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: rgba(148, 104, 74, 0.5956862745);
}
.dual-listbox .dragging {
  opacity: 0.5;
  background-color: #ddd;
}
.dual-listbox .drop-in {
  border: 1px solid #aaa;
}
.dual-listbox .drop-above {
  border: 0;
  border-top: 1px solid #D3D3D3;
}

.dual-listbox--litle .dual-listbox__available,
.dual-listbox--litle .dual-listbox__selected {
  width: 200px;
  height: 200px;
}
.dual-listbox--litle .dual-listbox__title {
  font-size: 100%;
}
.dual-listbox--litle .dual-listbox__search {
  width: 90%;
}

.dual-listbox--long .dual-listbox__available,
.dual-listbox--long .dual-listbox__selected {
  width: 450px;
  height: 450px;
}

/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #005F75;
}

.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

/* Custom styles for filter blocks */
.filter_block .choices__inner {
  padding: 8px !important;
  height: 37px !important;
  min-height: 37px !important;
  display: flex !important;
  align-items: center !important;
}
.filter_block .choices__list--single {
  padding: 0px 16px 4px 4px !important;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #D3D3D3;
  padding: 10px;
  border: none;
  border-radius: 0.3em;
  font-size: 1.2em;
  min-height: 52px;
  box-sizing: border-box;
  color: #1b1a1a;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 0.3em 0.3em 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 0.3em 0.3em;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

/* Custom input styling */
.choices__input {
  padding: 1px !important;
  text-align: center;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: rgba(148, 104, 74, 0.8509803922);
  border: 1px solid rgba(131, 92.0540540541, 65.5, 0.8509803922);
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: rgba(131, 92.0540540541, 65.5, 0.8509803922);
  border: 1px solid rgba(114, 80.1081081081, 57, 0.8509803922);
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #DCDCDC;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: rgba(138.1802536232, 97.0996376812, 69.0901268116, 0.8584313725);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #D3D3D3;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.9;
}

/* =====  End of Choices  ====== */
/* =====  End of Choices  ====== */
#id_documentation_editorjs_holder {
  width: calc(100% - 35px);
  background-color: #e6e6e6;
  color: #1b1a1a;
}
#id_documentation_editorjs_holder h2 {
  color: #1b1a1a;
}
#id_documentation_editorjs_holder .ce-header {
  color: #1b1a1a;
}

.multi-select {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  position: relative;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.multi-select .multi-select-header {
  background-color: #D3D3D3;
  border: none;
  border-radius: 0.3em;
  padding: 10px 30px 10px 12px;
  min-height: 52px;
  overflow: hidden;
  gap: 7px;
  color: #1b1a1a;
  position: relative;
}

.multi-select .multi-select-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}

.multi-select .multi-select-header.multi-select-header-active {
  background-color: rgba(148, 104, 74, 0.8509803922);
}

.multi-select .multi-select-header.multi-select-header-active::after {
  transform: translateY(-50%) rotate(180deg);
}

.multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
  display: flex;
}

.multi-select .multi-select-header .multi-select-header-placeholder {
  color: #65727e;
}

.multi-select .multi-select-header .multi-select-header-option {
  display: inline-flex;
  align-items: center;
  background-color: #f3f4f7;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 5px;
}

.multi-select .multi-select-header .multi-select-header-max {
  font-size: 14px;
  color: #65727e;
}

.multi-select .multi-select-options {
  display: none;
  box-sizing: border-box;
  flex-flow: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  margin-top: 5px;
  padding: 5px;
  background-color: #D3D3D3;
  border-radius: 0.3em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.multi-select .multi-select-options::-webkit-scrollbar {
  width: 5px;
}

.multi-select .multi-select-options::-webkit-scrollbar-track {
  background: #f0f1f3;
}

.multi-select .multi-select-options::-webkit-scrollbar-thumb {
  background: #cdcfd1;
}

.multi-select .multi-select-options::-webkit-scrollbar-thumb:hover {
  background: #b2b6b9;
}

.multi-select .multi-select-options .multi-select-option,
.multi-select .multi-select-options .multi-select-all {
  padding: 4px 12px;
  height: 52px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #1b1a1a;
  cursor: pointer;
  border-radius: 0.3em;
}

.filter_block .multi-select .multi-select-options .multi-select-option,
.filter_block .multi-select .multi-select-options .multi-select-all {
  height: 37px;
}

.filter_block .multi-select .multi-select-header {
  min-height: 37px;
}

.multi-select .multi-select-options .multi-select-option .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
  margin-right: 14px;
  height: 16px;
  width: 16px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

.multi-select .multi-select-options .multi-select-option .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all .multi-select-option-text {
  box-sizing: border-box;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
  border-color: #94674A;
  background-color: #94674A;
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
  content: "";
  display: block;
  width: 3px;
  height: 7px;
  margin: 0.12em 0 0 0.27em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}

.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
  color: #94674A;
}

.multi-select .multi-select-options .multi-select-option:hover,
.multi-select .multi-select-options .multi-select-option:active,
.multi-select .multi-select-options .multi-select-all:hover,
.multi-select .multi-select-options .multi-select-all:active {
  background-color: #f3f4f7;
}

.multi-select .multi-select-options .multi-select-all {
  border-bottom: 1px solid #f1f3f5;
  border-radius: 0;
}

.multi-select .multi-select-options .multi-select-search {
  padding: 7px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.3em;
  margin: 10px 10px 5px 10px;
  width: 100%;
  outline: none;
  font-size: 16px;
  background-color: #D3D3D3;
  color: #1b1a1a;
}

.multi-select .multi-select-options .multi-select-search::-moz-placeholder {
  color: #b2b5b9;
}

.multi-select .multi-select-options .multi-select-search::placeholder {
  color: #b2b5b9;
}

.multi-select .multi-select-header,
.multi-select .multi-select-option,
.multi-select .multi-select-all {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #212529;
}

/* map */
.description.active {
  background: rgba(148, 104, 74, 0.8156862745);
}

canvas {
  background-color: rgba(136, 128, 128, 0.5843137255) !important;
  border-radius: 18px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}/*# sourceMappingURL=outlook_style_theme.css.map */