@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

a, a:hover, a:visited {
  cursor: pointer;
  text-decoration: none;
  color: inherit; }

button, a:before, a:after {
  color: inherit; }

figure {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0;
  margin: 0; }

figure > img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

h1, h2 {
  text-align: center; }

select, input, textarea {
  border-color: #a0a0a0 !important;
  border-radius: .3em !important;
  font-size: inherit !important; }
  select:disabled, input:disabled, textarea:disabled {
    color: #3c3c3c !important;
    background-color: #ebebeb !important;
    opacity: 1; }
  select:focus, select:focus-visible, input:focus, input:focus-visible, textarea:focus, textarea:focus-visible {
    outline: none;
    border-width: 1px !important;
    box-shadow: 0 0 0 0.1em black !important; }

input[type=color] {
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  border-width: 2px;
  border-radius: 50%;
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  overflow: hidden; }

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0; }

input[type="color"]::-webkit-color-swatch {
  border: none; }

/* SCROLLBARS */
::-webkit-scrollbar {
  width: .8rem;
  height: .8rem;
  background: transparent; }

::-webkit-scrollbar-button {
  background: transparent;
  height: 0; }

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  transition: background .5s; }

::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, 0.4); }

::-webkit-scrollbar-track:active {
  background: rgba(0, 0, 0, 0.6); }

::-webkit-scrollbar-thumb {
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: .5em;
  transition: background .5s; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6); }

::-webkit-scrollbar-thumb:active {
  border: 1px solid rgba(0, 0, 0, 0.8); }

::-webkit-corner {
  background: transparent; }

::-webkit-resizer {
  background: transparent; }

.alert i {
  margin-right: .4em !important; }

.mg_btn, .mg_btn:active, .mg_btn:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: black; }
.mg_btn:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_green, .mg_btn_green:active, .mg_btn_green:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(60, 200, 60, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_green:hover {
  background-color: rgba(60, 200, 60, 0.8);
  color: black; }
.mg_btn_green:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_green:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_blue, .mg_btn_blue:active, .mg_btn_blue:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(15, 145, 255, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_blue:hover {
  background-color: rgba(15, 145, 255, 0.8);
  color: black; }
.mg_btn_blue:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_blue:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_cyan, .mg_btn_cyan:active, .mg_btn_cyan:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(93, 215, 255, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_cyan:hover {
  background-color: rgba(93, 215, 255, 0.8);
  color: black; }
.mg_btn_cyan:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_cyan:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_red, .mg_btn_red:active, .mg_btn_red:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 60, 60, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_red:hover {
  background-color: rgba(255, 60, 60, 0.8);
  color: black; }
.mg_btn_red:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_red:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_yellow, .mg_btn_yellow:active, .mg_btn_yellow:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(237, 237, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_yellow:hover {
  background-color: rgba(237, 237, 0, 0.8);
  color: black; }
.mg_btn_yellow:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_yellow:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_orange, .mg_btn_orange:active, .mg_btn_orange:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 165, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_orange:hover {
  background-color: rgba(255, 165, 0, 0.8);
  color: black; }
.mg_btn_orange:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_orange:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_purple, .mg_btn_purple:active, .mg_btn_purple:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(175, 74, 255, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_purple:hover {
  background-color: rgba(175, 74, 255, 0.8);
  color: black; }
.mg_btn_purple:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_purple:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_gray, .mg_btn_gray:active, .mg_btn_gray:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(190, 190, 190, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_gray:hover {
  background-color: rgba(190, 190, 190, 0.8);
  color: black; }
.mg_btn_gray:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_gray:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_dark, .mg_btn_dark:active, .mg_btn_dark:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(102, 102, 102, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: .5em;
  outline: none !important;
  transition: .3s;
  padding: 0;
  margin: .3rem; }
.mg_btn_dark:hover {
  background-color: rgba(102, 102, 102, 0.8);
  color: black; }
.mg_btn_dark:disabled {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.6); }
  .mg_btn_dark:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }

.mg_btn_squared, .mg_btn_squared:active, .mg_btn_squared:visited, .mg_btn_squared:hover, .mg_btn_squared:disabled {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 13px; }

.mg_btn_round, .mg_btn_round:active, .mg_btn_round:visited, .mg_btn_round:hover, .mg_btn_round:disabled {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  font-size: 13px; }

.mg_btn_squared_sm, .mg_btn_squared_sm:active, .mg_btn_squared_sm:visited, .mg_btn_squared_sm:hover, .mg_btn_squared_sm:disabled {
  width: 2rem;
  height: 2rem;
  font-size: 13px; }

.mg_btn_round_sm, .mg_btn_round_sm:active, .mg_btn_round_sm:visited, .mg_btn_round_sm:hover, .mg_btn_round_sm:disabled {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 8px; }

.mg_btn_labelled, .mg_btn_labelled:active, .mg_btn_labelled:visited, .mg_btn_labelled:hover, .mg_btn_labelled:disabled {
  width: auto !important;
  font-size: 12px;
  font-weight: bold;
  padding: .3em .6em; }
  .mg_btn_labelled i, .mg_btn_labelled:active i, .mg_btn_labelled:visited i, .mg_btn_labelled:hover i, .mg_btn_labelled:disabled i {
    margin-right: .4em;
    font-size: 13px; }

.mg_btn_checked_green:disabled {
  color: black;
  background-color: rgba(60, 200, 60, 0.7);
  border: 2px solid rgba(60, 200, 60, 0.2); }
  .mg_btn_checked_green:disabled:hover {
    color: black;
    background-color: rgba(60, 200, 60, 0.7); }

.mg_btn_checked_blue:disabled {
  color: black;
  background-color: rgba(15, 145, 255, 0.7);
  border: 2px solid rgba(15, 145, 255, 0.2); }
  .mg_btn_checked_blue:disabled:hover {
    color: black;
    background-color: rgba(15, 145, 255, 0.7); }

.mg_btn_checked_cyan:disabled {
  color: black;
  background-color: rgba(93, 215, 255, 0.7);
  border: 2px solid rgba(93, 215, 255, 0.2); }
  .mg_btn_checked_cyan:disabled:hover {
    color: black;
    background-color: rgba(93, 215, 255, 0.7); }

.mg_btn_checked_red:disabled {
  color: black;
  background-color: rgba(255, 60, 60, 0.7);
  border: 2px solid rgba(255, 60, 60, 0.2); }
  .mg_btn_checked_red:disabled:hover {
    color: black;
    background-color: rgba(255, 60, 60, 0.7); }

.mg_btn_checked_yellow:disabled {
  color: black;
  background-color: rgba(237, 237, 0, 0.7);
  border: 2px solid rgba(237, 237, 0, 0.2); }
  .mg_btn_checked_yellow:disabled:hover {
    color: black;
    background-color: rgba(237, 237, 0, 0.7); }

.mg_btn_checked_orange:disabled {
  color: black;
  background-color: rgba(255, 165, 0, 0.7);
  border: 2px solid rgba(255, 165, 0, 0.2); }
  .mg_btn_checked_orange:disabled:hover {
    color: black;
    background-color: rgba(255, 165, 0, 0.7); }

.mg_btn_checked_purple:disabled {
  color: black;
  background-color: rgba(175, 74, 255, 0.7);
  border: 2px solid rgba(175, 74, 255, 0.2); }
  .mg_btn_checked_purple:disabled:hover {
    color: black;
    background-color: rgba(175, 74, 255, 0.7); }

.mg_btn_checked_gray:disabled {
  color: black;
  background-color: rgba(190, 190, 190, 0.7);
  border: 2px solid rgba(190, 190, 190, 0.2); }
  .mg_btn_checked_gray:disabled:hover {
    color: black;
    background-color: rgba(190, 190, 190, 0.7); }

.mg_check label, .mg_radio label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }
.mg_check input, .mg_radio input {
  display: none; }
  .mg_check input:checked + label, .mg_radio input:checked + label {
    color: #111;
    background-color: rgba(17, 17, 17, 0.2);
    border: 2px solid #111; }

.mg_check_orange label, .mg_radio_orange label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }
.mg_check_orange input, .mg_radio_orange input {
  display: none; }
  .mg_check_orange input:checked + label, .mg_radio_orange input:checked + label {
    color: orange;
    background-color: rgba(255, 165, 0, 0.2);
    border: 2px solid orange; }

.mg_check_red label, .mg_radio_green label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }
.mg_check_red input, .mg_radio_green input {
  display: none; }
  .mg_check_red input:checked + label, .mg_radio_green input:checked + label {
    color: #38c538;
    background-color: rgba(56, 197, 56, 0.2);
    border: 2px solid #38c538; }

.mg_check_gray label, .mg_radio_gray label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }
.mg_check_gray input, .mg_radio_gray input {
  display: none; }
  .mg_check_gray input:checked + label, .mg_radio_gray input:checked + label {
    color: #111;
    background-color: rgba(17, 17, 17, 0.2);
    border: 2px solid #111; }

.mg_check_red label, .mg_radio_red label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }
.mg_check_red input, .mg_radio_red input {
  display: none; }
  .mg_check_red input:checked + label, .mg_radio_red input:checked + label {
    color: #ff3c3c;
    background-color: rgba(255, 60, 60, 0.2);
    border: 2px solid #ff3c3c; }

.mg_dropdown, .mg_dropdown:active, .mg_dropdown:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown i, .mg_dropdown:active i, .mg_dropdown:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_green, .mg_dropdown_green:active, .mg_dropdown_green:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_green i, .mg_dropdown_green:active i, .mg_dropdown_green:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(60, 200, 60, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_green:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_green:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_green:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_blue, .mg_dropdown_blue:active, .mg_dropdown_blue:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_blue i, .mg_dropdown_blue:active i, .mg_dropdown_blue:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(15, 145, 255, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_blue:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_blue:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_blue:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_cyan, .mg_dropdown_cyan:active, .mg_dropdown_cyan:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_cyan i, .mg_dropdown_cyan:active i, .mg_dropdown_cyan:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(93, 215, 255, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_cyan:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_cyan:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_cyan:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_red, .mg_dropdown_red:active, .mg_dropdown_red:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_red i, .mg_dropdown_red:active i, .mg_dropdown_red:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(255, 60, 60, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_red:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_red:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_red:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_yellow, .mg_dropdown_yellow:active, .mg_dropdown_yellow:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_yellow i, .mg_dropdown_yellow:active i, .mg_dropdown_yellow:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(237, 237, 0, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_yellow:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_yellow:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_yellow:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_orange, .mg_dropdown_orange:active, .mg_dropdown_orange:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_orange i, .mg_dropdown_orange:active i, .mg_dropdown_orange:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(255, 165, 0, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_orange:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_orange:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_orange:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_purple, .mg_dropdown_purple:active, .mg_dropdown_purple:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_purple i, .mg_dropdown_purple:active i, .mg_dropdown_purple:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(175, 74, 255, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_purple:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_purple:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_purple:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_gray, .mg_dropdown_gray:active, .mg_dropdown_gray:visited {
  display: flex;
  justify-content: left;
  align-items: center;
  color: black;
  background-color: transparent;
  outline: none !important;
  font-size: 1.1em;
  transition: .3s;
  padding: .2em 1em .2em .6em; }
  .mg_dropdown_gray i, .mg_dropdown_gray:active i, .mg_dropdown_gray:visited i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    font-size: .75em;
    border: 2px solid rgba(190, 190, 190, 0.6);
    border-radius: 50%;
    padding: .5em;
    margin-right: .8em; }
.mg_dropdown_gray:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.mg_dropdown_gray:disabled {
  color: rgba(0, 0, 0, 0.5); }
  .mg_dropdown_gray:disabled i {
    border-color: rgba(0, 0, 0, 0.2); }

.mg_dropdown_squared, .mg_dropdown_squared:active, .mg_dropdown_squared:visited, .mg_dropdown_squared:hover, .mg_dropdown_squared:disabled {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 13px; }

.mg_dropdown_round_sm, .mg_dropdown_round_sm:active, .mg_dropdown_round_sm:visited, .mg_dropdown_round_sm:hover, .mg_dropdown_round_sm:disabled {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 8px; }

.mg_dropdown_labelled, .mg_dropdown_labelled:active, .mg_dropdown_labelled:visited, .mg_dropdown_labelled:hover, .mg_dropdown_labelled:disabled {
  width: auto !important;
  font-size: 12px;
  font-weight: bold;
  padding: .3em .6em; }
  .mg_dropdown_labelled i, .mg_dropdown_labelled:active i, .mg_dropdown_labelled:visited i, .mg_dropdown_labelled:hover i, .mg_dropdown_labelled:disabled i {
    margin-right: .4em;
    font-size: 13px; }

.mg_dyn_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .mg_dyn_list .mg_dyn_list_item {
    display: flex;
    align-items: center;
    border: 2px solid #333;
    border-radius: 2em;
    background-color: #eee;
    padding: .3em;
    margin: .2em; }
    .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_label {
      padding: .3em;
      font-weight: bold;
      user-select: none;
      cursor: pointer; }
    .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_delete, .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_delete:active, .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_delete:visited {
      width: 1.5rem;
      height: 1.5rem;
      font-size: 8px;
      border-radius: 50%; }
    .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_delete:enabled:hover {
      font-size: 9px; }
    .mg_dyn_list .mg_dyn_list_item .mg_dyn_list_delete:disabled:hover {
      font-size: 8px; }
  .mg_dyn_list .mg_dyn_list_new_item_ctn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3em;
    width: 16em; }
    .mg_dyn_list .mg_dyn_list_new_item_ctn .mg_dyn_list_new_item_input {
      width: 12em;
      margin-right: .3em; }
    .mg_dyn_list .mg_dyn_list_new_item_ctn .mg_dyn_list_new_item_btn {
      border-radius: 50%;
      font-size: 11px; }

.mg_form {
  max-width: 26em;
  padding: 2em;
  margin: auto;
  margin-bottom: .8em;
  border: 3px solid rgba(0, 0, 0, 0.08);
  border-radius: 1em;
  background-color: rgba(0, 0, 0, 0.1); }
  .mg_form .form-subgroup {
    padding: 1em;
    margin-bottom: 1em;
    border: 2px solid white;
    border-radius: 1em;
    background-color: rgba(255, 255, 255, 0.2); }
  .mg_form .form-group {
    margin-bottom: 1em; }
  .mg_form input, .mg_form textarea, .mg_form select {
    width: 100%; }
  .mg_form label {
    font-weight: 700;
    font-size: .85em;
    letter-spacing: .1em;
    margin: 0; }
  .mg_form label.custom-file-label:after {
    content: '📁'; }
  .mg_form label:not(.custom-file-label):after {
    content: ' :'; }
  .mg_form label.required:before {
    content: '* ';
    color: #f00; }
  .mg_form .custom-file label {
    text-transform: none;
    overflow: hidden; }
  .mg_form .input-group .input-group-prepend {
    width: 100% !important; }
    .mg_form .input-group .input-group-prepend .input-group-text {
      border-color: #a0a0a0 !important;
      font-size: inherit !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none; }
    .mg_form .input-group .input-group-prepend select, .mg_form .input-group .input-group-prepend input, .mg_form .input-group .input-group-prepend textarea {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-left: none; }
    .mg_form .input-group .input-group-prepend .wrong_field {
      background-color: #f8d7da; }
  .mg_form .form_field {
    font-size: 1em; }
  .mg_form .input-group-text {
    font-size: 1.2em; }
  .mg_form .form-alert {
    font-size: .8em;
    padding: .3em;
    margin: 0; }
  .mg_form textarea {
    display: flex; }
  .mg_form input[type=checkbox]:focus, .mg_form input[type=checkbox]:focus-visible {
    box-shadow: none !important; }
  .mg_form .input_checkbox_field {
    display: flex;
    justify-content: left;
    align-items: center; }
    .mg_form .input_checkbox_field input[type=checkbox] {
      width: auto;
      margin: .3em;
      margin-right: 1em; }
    .mg_form .input_checkbox_field label:after {
      content: none; }
  .mg_form button[type=submit] {
    display: block;
    font-size: 1.05em;
    font-weight: 500;
    padding: .3em .7em;
    margin: auto;
    margin-top: 2.3em;
    margin-bottom: 1.5em;
    background-color: black;
    border: 2px solid white;
    border-radius: .3em;
    color: white;
    transition: .3s; }
  .mg_form button[type=submit]:hover {
    color: black;
    background-color: white;
    border: 2px solid black;
    border-radius: .3em; }
  .mg_form a.form_link {
    display: block;
    font-weight: 600;
    margin-top: 1em;
    text-decoration: underline; }

.mg_slidebox_ctn {
  border: 1px solid #aaa;
  margin: 0;
  margin-bottom: 1em;
  background-color: #eee; }
  .mg_slidebox_ctn .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ddd;
    padding: 1em;
    user-select: none;
    cursor: pointer; }
    .mg_slidebox_ctn .header .head_left {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .mg_slidebox_ctn .header .head_left .caret {
        margin-right: 1em; }
      .mg_slidebox_ctn .header .head_left .title {
        font-weight: bold; }
    .mg_slidebox_ctn .header .head_right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
  .mg_slidebox_ctn .body {
    padding: 1em; }
    .mg_slidebox_ctn .body h4 {
      margin-left: 0;
      padding-left: 0;
      margin-top: 0;
      padding-top: 0; }

.mg_table {
  overflow-x: auto; }
  .mg_table table.center {
    margin: auto; }
  .mg_table table.clickable-row tbody tr:hover, .mg_table table.clickable_rows tbody tr:hover {
    cursor: pointer;
    background-color: #ccc !important;
    text-shadow: 0 0 1px #999;
    transition: .5s; }
  .mg_table table.clickable_cells tbody tr:hover {
    background-color: #ccc !important;
    text-shadow: 0 0 1px #999;
    transition: .5s; }
  .mg_table table.clickable_cells tbody td.clickable_cell:hover {
    cursor: pointer; }
  .mg_table table td, .mg_table table th {
    user-select: none;
    white-space: nowrap; }
    .mg_table table td.align-center, .mg_table table th.align-center {
      text-align: center; }
    .mg_table table td.align-left, .mg_table table th.align-left {
      text-align: left; }
    .mg_table table td.align-right, .mg_table table th.align-right {
      text-align: right; }
  .mg_table table thead {
    border-bottom: 2px solid black; }
    .mg_table table thead tr th {
      border-left: 1px solid black;
      border-right: 1px solid black;
      padding: .4em .6em; }
  .mg_table table tbody {
    background-color: white;
    border-top: 2px solid black;
    border-bottom: 1px solid black; }
    .mg_table table tbody tr:nth-child(odd) {
      background-color: rgba(0, 0, 0, 0.08); }
    .mg_table table tbody tr:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.12); }
    .mg_table table tbody tr td {
      border-top: 1px solid black;
      border-left: 1px solid #bbb;
      border-right: 1px solid #bbb;
      border-bottom: 1px solid black;
      padding: .3em .6em; }
  .mg_table table tfoot tr td {
    font-weight: bold;
    border: 1px solid black;
    padding: .3em .6em; }

.mg_table_new {
  display: inline-block;
  vertical-align: top;
  max-width: 100%; }
  .mg_table_new .table_flex {
    background-color: #666;
    border: 1px solid #666;
    border-radius: 5px;
    max-width: 100%;
    overflow: hidden; }
  .mg_table_new .title_ctn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #888;
    border-bottom: 1px solid #666; }
    .mg_table_new .title_ctn .title_left {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .mg_table_new .title_ctn .title_left .table_title {
        color: #fff;
        font-weight: bold;
        padding: .4em .6em; }
    .mg_table_new .title_ctn .title_right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .mg_table_new .title_ctn .title_right .filters_head_ctn {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .mg_table_new .title_ctn .title_right .filters_head_ctn .filters_btns_ctn {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .mg_table_new .title_ctn .title_right .buttons_head_ctn {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
  .mg_table_new .table_wrapper {
    position: relative;
    overflow-x: auto;
    background-color: #666; }
  .mg_table_new table {
    width: auto;
    background-color: #666; }
    .mg_table_new table thead {
      position: sticky;
      top: 0;
      z-index: 11;
      background-color: #ccc;
      box-shadow: 0 0 0 1px #666;
      border: none;
      vertical-align: center; }
      .mg_table_new table thead tr th {
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        padding: .4em .6em;
        text-align: left; }
    .mg_table_new table tbody {
      background-color: white;
      box-shadow: 0 0 0 2px #666;
      overflow-y: auto;
      z-index: 10; }
      .mg_table_new table tbody tr:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.03); }
      .mg_table_new table tbody tr:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.06); }
      .mg_table_new table tbody tr td {
        border: 1px solid #666;
        padding: .3em .6em; }
      .mg_table_new table tbody tr:first-child td {
        border-top: none; }
      .mg_table_new table tbody tr:last-child td {
        border-bottom: none; }
    .mg_table_new table tfoot td {
      font-weight: bold;
      border: 1px solid black;
      padding: 8px; }
    .mg_table_new table th:first-child, .mg_table_new table td:first-child {
      border-left: none; }
    .mg_table_new table th:last-child, .mg_table_new table td:last-child {
      border-right: none; }
    .mg_table_new table th.align-center, .mg_table_new table td.align-center {
      text-align: center; }
    .mg_table_new table th.align-left, .mg_table_new table td.align-left {
      text-align: left; }
    .mg_table_new table th.align-right, .mg_table_new table td.align-right {
      text-align: right; }
    .mg_table_new table .empty_table_td {
      padding: .6em 1.2em; }
    .mg_table_new table .form_group {
      margin: 0; }
    .mg_table_new table .dropdown_btn {
      margin: 0; }
  .mg_table_new.center {
    justify-content: center; }
  .mg_table_new.draggable_rows .drag_head, .mg_table_new.draggable_rows .drag_row {
    min-width: 1.6em;
    width: 1.6em; }
  .mg_table_new.draggable_rows .drag_row {
    cursor: grab; }
  .mg_table_new.checkable_rows .check_head, .mg_table_new.checkable_rows .check_row {
    min-width: 2.3em;
    width: 2.3em; }
    .mg_table_new.checkable_rows .check_head input[type="checkbox"], .mg_table_new.checkable_rows .check_row input[type="checkbox"] {
      margin: 0 auto; }
  .mg_table_new.clickable-row tbody tr:hover, .mg_table_new.clickable_rows tbody tr:hover {
    cursor: pointer;
    background-color: #ccc !important;
    text-shadow: 0 0 1px #666;
    transition: .5s; }
  .mg_table_new.clickable_cells tbody tr:hover {
    background-color: #ccc !important;
    text-shadow: 0 0 1px #666;
    transition: .5s; }
  .mg_table_new.clickable_cells tbody td.clickable_cell:hover {
    cursor: pointer; }
  .mg_table_new.nowrap th, .mg_table_new.nowrap td {
    white-space: nowrap; }
  .mg_table_new ::-webkit-scrollbar {
    background: black; }
  .mg_table_new ::-webkit-scrollbar-button {
    background: rgba(0, 0, 0, 0.8); }
  .mg_table_new ::-webkit-scrollbar-track {
    background: white; }
  .mg_table_new ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3); }
  .mg_table_new ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4); }
  .mg_table_new ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.6); }

.mg_toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  border: 2px solid rgba(34, 34, 34, 0.2);
  border-radius: 1.2em;
  font-weight: bold;
  user-select: none;
  padding: .3em .7em;
  margin: .1em; }

.mg_toggle_green {
  color: black;
  background-color: rgba(60, 200, 60, 0.4);
  border: 2px solid #3cc83c; }

.mg_toggle_blue {
  color: black;
  background-color: rgba(15, 145, 255, 0.4);
  border: 2px solid #0f91ff; }

.mg_toggle_cyan {
  color: black;
  background-color: rgba(93, 215, 255, 0.4);
  border: 2px solid #5dd7ff; }

.mg_toggle_red {
  color: black;
  background-color: rgba(255, 60, 60, 0.4);
  border: 2px solid #ff3c3c; }

.mg_toggle_yellow {
  color: black;
  background-color: rgba(237, 237, 0, 0.4);
  border: 2px solid #eded00; }

.mg_toggle_orange {
  color: black;
  background-color: rgba(255, 165, 0, 0.4);
  border: 2px solid orange; }

.mg_toggle_purple {
  color: black;
  background-color: rgba(175, 74, 255, 0.4);
  border: 2px solid #af4aff; }

.mg_toggle_gray {
  color: black;
  background-color: rgba(190, 190, 190, 0.4);
  border: 2px solid #bebebe; }

.mg_toggle_light_gray {
  color: black;
  background-color: rgba(170, 170, 170, 0.4);
  border: 2px solid #aaa; }

.mg_toggle_dark_gray {
  color: black;
  background-color: rgba(102, 102, 102, 0.4);
  border: 2px solid #666; }

.mg_toggle_low {
  color: black;
  background-color: rgba(50, 102, 249, 0.4);
  border: 2px solid #3266f9; }

.mg_toggle_med {
  color: black;
  background-color: rgba(251, 179, 16, 0.4);
  border: 2px solid #fbb310; }

.mg_toggle_high {
  color: black;
  background-color: rgba(255, 52, 24, 0.4);
  border: 2px solid #ff3418; }

.mg_toggle_resolved {
  color: black;
  background-color: rgba(56, 197, 56, 0.4);
  border: 2px solid #38c538; }

/* IMB-BTN */
.imb-btn, .imb-btn:active, .imb-btn:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none !important;
  padding: 0;
  margin: .5rem; }
.imb-btn.disabled {
  background-color: #d8d8d8; }
  .imb-btn.disabled:hover {
    cursor: not-allowed; }

.imb-btn-orange, .imb-btn-orange:active, .imb-btn-orange:visited {
  border-radius: .5em;
  color: rgba(15, 15, 15, 0.9);
  background-color: rgba(251, 179, 16, 0.7);
  box-shadow: 0 0 0.3em 0 rgba(150, 150, 150, 0.3);
  transition: .3s; }
.imb-btn-orange:hover {
  color: #0f0f0f;
  background-color: rgba(251, 179, 16, 0.9);
  box-shadow: 0 0 0.5em 0 rgba(150, 150, 150, 0.8); }

.imb-btn-red, .imb-btn-red:active, .imb-btn-red:visited {
  border-radius: .5em;
  color: rgba(15, 15, 15, 0.9);
  background-color: rgba(255, 52, 24, 0.7);
  box-shadow: 0 0 0.3em 0 rgba(150, 150, 150, 0.3);
  transition: .3s; }
.imb-btn-red:hover {
  color: #0f0f0f;
  background-color: rgba(255, 52, 24, 0.9);
  box-shadow: 0 0 0.5em 0 rgba(150, 150, 150, 0.8); }

#select_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #d8d8d8;
  border-radius: .3em;
  padding: .6em .3em;
  margin: 0 auto; }
  #select_container select {
    font-size: 1em;
    margin: 0 .2em !important; }
  #select_container .sub_form_container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3em; }
  #select_container #proj_container #projet {
    width: 18em; }
  #select_container #ref_container {
    display: flex;
    justify-content: center;
    align-items: center; }
    #select_container #ref_container #modele {
      width: 18em; }
    #select_container #ref_container > span {
      font-size: 1em;
      margin: 0 .3em; }
    #select_container #ref_container #produit {
      width: 5em; }
  #select_container #etape_container #etape {
    width: 18em; }
  #select_container #mode_container {
    padding-top: .4em; }
  #select_container #progression_container #progression {
    width: 16em; }
  #select_container #warning_container #warning {
    width: 14em; }
  #select_container #integration_container #integration {
    width: 16em; }

select#projet {
  max-width: 18em; }

select#modele {
  max-width: 18em; }

select#version {
  max-width: 9em; }

select#produit {
  max-width: 5em; }

select#etape {
  max-width: 18em; }

select#procedure {
  max-width: 18em; }

select#nc {
  max-width: 9em; }

html {
  font-size: 0.625em;
  font-size: calc(1em * 0.625); }

body {
  line-height: 1.4; }

@media (min-device-width: 768px) {
  body {
    font-size: 1.2em !important; } }
@media (max-device-width: 767px) {
  body {
    font-size: 1.3em !important; } }
html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  body header {
    z-index: 1040; }
  body main {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    body main #scroller {
      width: 100%;
      height: 100%;
      overflow: auto; }
      body main #scroller .mobile-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 50em; }
      body main #scroller .full-width-container {
        width: 100%; }
  body footer {
    z-index: 1040; }

body {
  font-family: 'Rubik', sans-serif;
  background-color: white; }

main {
  background-image: url("/assets/img/photocouverturelinkedin.jpg");
  background-position: bottom;
  background-attachment: fixed;
  background-size: cover; }

#scroller > .container,
#scroller > .mobile-container,
#scroller > .full-width-container {
  min-height: 100%;
  margin: 0 auto;
  background-color: whitesmoke;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  padding: .8em .4em .1em .4em; }

h1 {
  text-align: center;
  font-size: 1.5em !important;
  font-weight: bold;
  padding: .2em; }

h2 {
  text-align: center;
  font-size: 1.3em !important;
  padding: .1em; }

h3 {
  text-align: center;
  font-size: 1.1em !important;
  padding: .3em; }

h4 {
  text-align: left;
  font-size: 1.1em !important;
  padding: .2em; }

hr {
  border-top-color: rgba(0, 0, 0, 0.3); }

select, input, textarea {
  border-color: #a0a0a0 !important;
  border-radius: .3em !important;
  font-size: inherit !important; }
  select:disabled, input:disabled, textarea:disabled {
    color: #3c3c3c !important;
    background-color: #ebebeb !important;
    opacity: 1; }
  select:focus, select:focus-visible, input:focus, input:focus-visible, textarea:focus, textarea:focus-visible {
    outline: none;
    border-width: 1px !important;
    box-shadow: 0 0 0 0.15em #fbb310 !important; }

.head_btns_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .head_btns_wrapper > div {
    display: flex; }

.title_head_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .title_head_wrapper .head_titles_ctn {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .title_head_wrapper .head_left_ctn {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .title_head_wrapper .head_right_ctn {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap-reverse; }

@media screen and (min-width: 720px) {
  .title_head_wrapper {
    justify-content: space-around;
    flex-wrap: none; }
    .title_head_wrapper .head_titles_ctn {
      width: 50%; }
    .title_head_wrapper .head_left_ctn {
      width: 25%;
      order: -1; }
    .title_head_wrapper .head_right_ctn {
      width: 25%; } }
/* HEADER */
header {
  display: flex;
  justify-content: space-between;
  height: 5em;
  padding: .2em 0;
  color: white;
  background-color: black;
  border-bottom: solid 0.2em white;
  box-shadow: 0 0 0.5em #888; }
  header #head-left {
    display: flex;
    align-items: center; }
    header #head-left #head-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 3em; }
      header #head-left #head-nav #nav-collapse-btn {
        color: white;
        background: rgba(0, 0, 0, 0);
        border: none; }
        header #head-left #head-nav #nav-collapse-btn:focus {
          outline-style: none; }
        header #head-left #head-nav #nav-collapse-btn #nav-icon {
          font-size: 1.8em; }
    header #head-left #head-brand {
      display: flex;
      align-items: center;
      width: 12em; }
  header #head-right {
    display: flex;
    align-items: center; }
    header #head-right #head-btns {
      display: flex;
      margin-right: .3em; }
      header #head-right #head-btns #search_btn,
      header #head-right #head-btns #scan_qrcode,
      header #head-right #head-btns #capture_medias,
      header #head-right #head-btns #page_reload,
      header #head-right #head-btns #full_screen_toggle {
        width: 2.5em;
        height: 2.3em;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: .3em; }
        header #head-right #head-btns #search_btn i,
        header #head-right #head-btns #scan_qrcode i,
        header #head-right #head-btns #capture_medias i,
        header #head-right #head-btns #page_reload i,
        header #head-right #head-btns #full_screen_toggle i {
          font-size: 1.4em;
          transition: all .3s; }
        header #head-right #head-btns #search_btn:hover i,
        header #head-right #head-btns #scan_qrcode:hover i,
        header #head-right #head-btns #capture_medias:hover i,
        header #head-right #head-btns #page_reload:hover i,
        header #head-right #head-btns #full_screen_toggle:hover i {
          font-size: 1.3em; }
    header #head-right a {
      font-size: .9em;
      margin-right: .8em;
      text-transform: uppercase; }
    header #head-right #dropdown-online {
      height: 100%; }
      header #head-right #dropdown-online a {
        background: black !important; }
      header #head-right #dropdown-online #avatar-link {
        display: flex;
        align-items: center;
        height: 100%;
        padding: .3em;
        margin: .1em; }
        header #head-right #dropdown-online #avatar-link figure {
          width: 3em;
          height: 3em;
          position: relative;
          background-color: #fbb310;
          border-radius: 50%; }
          header #head-right #dropdown-online #avatar-link figure .initials {
            color: #000;
            font-weight: bold;
            font-size: 1.2em; }
      header #head-right #dropdown-online .dropdown-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.6em;
        margin: 0;
        font-size: 1.3em; }
      header #head-right #dropdown-online #avatar-link,
      header #head-right #dropdown-online .dropdown-toggle {
        transition: text-shadow 1s, background-color .5s;
        background-color: rgba(255, 255, 255, 0); }
        header #head-right #dropdown-online #avatar-link:hover,
        header #head-right #dropdown-online .dropdown-toggle:hover {
          background-color: rgba(255, 255, 255, 0.3); }
      header #head-right #dropdown-online .dropdown-menu {
        background: black !important;
        margin-top: .55em; }
        header #head-right #dropdown-online .dropdown-menu .dropdown-item {
          font-size: 1.3em;
          font-weight: bold; }

#modal_search #search_wrapper {
  display: flex;
  justify-content: center;
  align-items: center; }
  #modal_search #search_wrapper #search_content {
    display: none;
    margin-left: .3em;
    margin-right: 1em; }
    #modal_search #search_wrapper #search_content #search_input {
      min-width: 20em; }
#modal_search #search_autocomplete {
  padding-top: 1em; }
  #modal_search #search_autocomplete .result_item {
    margin-top: .3em;
    border: 2px solid #777;
    border-radius: .6em;
    padding: .5em .8em;
    font-size: 1.1em; }

/* SIDE-NAV */
#nav-collapse-btn {
  transform: rotate(0deg);
  transition: 0.2s; }

#nav-collapse-btn.active {
  transform: rotate(-90deg);
  transition: 1s;
  margin: 0; }

#side-nav {
  height: 100%;
  width: 20em;
  max-width: 60vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: 0.2s;
  z-index: 200031; }

#side-nav.active {
  transform: translateX(0%);
  transition: 1s; }

#nav-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  display: none;
  transition: 0.2s;
  z-index: 200030;
  background: rgba(0, 0, 0, 0.3); }

#nav-overlay.active {
  display: block;
  opacity: 1;
  transition: 1s; }

#side-nav {
  background: rgba(60, 60, 60, 0.9); }
  #side-nav ul {
    padding: 0;
    margin: 0; }
  #side-nav li {
    list-style: none; }

#main-nav {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
  font-size: 1em; }
  #main-nav .nav-item > a {
    display: block;
    font-weight: bold;
    color: #fff;
    border-radius: .3em .9em;
    margin: .3em;
    padding: .8em 1em;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background 0.5s; }
    #main-nav .nav-item > a:hover {
      background-color: black; }
  #main-nav .nav-cat .nav-sub-title {
    color: #000;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.7);
    padding: .3em .3em .3em .6em;
    margin: .6em 0 .6em 0; }
  #main-nav .nav-cat > ul {
    display: block;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: .3em .9em;
    padding: .6em .3em .3em .3em;
    margin: .2em .4em; }
    #main-nav .nav-cat > ul .nav-sub-item > a {
      display: block;
      font-weight: bold;
      color: #fff;
      border-radius: .3em .9em;
      background-color: rgba(0, 0, 0, 0.5);
      transition: background 0.5s;
      padding: .6em .9em;
      margin-bottom: .4em; }
      #main-nav .nav-cat > ul .nav-sub-item > a:hover {
        background-color: black; }

/* FOOTER */
footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #888;
  background-color: black;
  border-top: solid 0.2em white;
  box-shadow: 0 0 0.5em #888;
  text-align: center;
  padding: .5em; }
  footer #footer-toggle {
    cursor: pointer; }
  footer #footer-content {
    display: none; }
    footer #footer-content #copyright_imb {
      color: #ccc;
      padding: .5em; }
    footer #footer-content #social_links {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: .2em; }
      footer #footer-content #social_links .link_ctn {
        padding: 0 .5em; }
        footer #footer-content #social_links .link_ctn a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 2.5em;
          height: 2.5em;
          color: #777;
          border: 2px solid #777;
          border-radius: 50%;
          transition: .5s; }
          footer #footer-content #social_links .link_ctn a:hover {
            color: #bbb;
            border: 2px solid #aaa;
            transition: .5s; }
    footer #footer-content #inner_links {
      padding-top: 1.2em;
      padding-bottom: 1.6em; }
      footer #footer-content #inner_links a {
        color: #ddd;
        text-decoration: underline; }
    footer #footer-content #footer_info {
      font-size: .6em;
      color: #888;
      margin: 1em; }

#home-content {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #home-content h1, #home-content h2 {
    display: block; }

#home-gif {
  margin-top: 3em;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #home-gif #gif-fig {
    margin: 0;
    width: 18em; }
  #home-gif .home-line {
    width: 100%;
    height: .3em;
    background-color: black !important;
    height: .8em;
    border-radius: .8em;
    margin: 1em;
    box-shadow: 0 0 8px 0 #ccc; }
  #home-gif #home-top {
    background: linear-gradient(-90deg, #141414 0%, #ffb610 25%, white 75%, white 100%); }
  #home-gif #home-bot {
    background: linear-gradient(90deg, #141414 0%, #ffb610 25%, white 75%, white 100%); }

#fig-ctn {
  display: flex;
  height: 100%;
  padding: 1em; }
  #fig-ctn #fig-bg {
    max-width: 70rem;
    width: 100%;
    border-radius: 2em;
    box-shadow: 0 0 25px 0 #999;
    margin: 1em auto;
    overflow: hidden;
    background-image: url("/assets/img/Immoblade-83_bg.jpg");
    background-position: top;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #fig-ctn #fig-bg #fig-logo {
      width: 60vw;
      max-width: 28em;
      margin: 2em 0; }
    #fig-ctn #fig-bg #fig-link {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 3em;
      padding: 1.2em;
      background: rgba(255, 255, 255, 0.7);
      border: 2px solid black;
      border-radius: 1.1em;
      font-weight: bold;
      font-size: 1.2em;
      text-align: center;
      transition: .5s; }
      #fig-ctn #fig-bg #fig-link:hover {
        background: white; }

.module-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 60em;
  margin: auto; }

.module-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 9em;
  width: 11em;
  font-weight: bold;
  text-align: center;
  padding: .4em;
  margin: .5em;
  font-size: .9em;
  border: 2px solid rgba(30, 30, 30, 0.3); }
  .module-link, .module-link:active, .module-link:visited {
    border-radius: .5em;
    color: rgba(15, 15, 15, 0.9);
    background-color: rgba(251, 179, 16, 0.7);
    box-shadow: 0 0 0.3em 0 rgba(150, 150, 150, 0.3);
    transition: .3s; }
  .module-link:hover {
    color: #0f0f0f;
    background-color: rgba(251, 179, 16, 0.9);
    box-shadow: 0 0 0.5em 0 rgba(150, 150, 150, 0.8); }
  .module-link > div {
    text-align: center; }
  .module-link > div:first-child {
    margin: .8em; }
    .module-link > div:first-child i {
      font-size: 1.9em; }
  .module-link > div:last-child {
    height: 4.2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

#cgu_ctn .cgu_section {
  padding: 1em; }
  #cgu_ctn .cgu_section h2 {
    text-align: left;
    text-decoration: none; }
  #cgu_ctn .cgu_section .section_content {
    font-size: 1.1em;
    padding: 1em; }
    #cgu_ctn .cgu_section .section_content p {
      margin: .5em 0; }
  #cgu_ctn .cgu_section a {
    color: #cd8e00;
    text-decoration: underline; }

.statut_cell[data-statut="En cours d'édition"],
.statut_cell[data-statut="En préparation"],
.statut_cell[data-statut="Brouillon"],
.statut_cell[data-statut="Non intégré"],
.statut_cell[data-statut="Non"] {
  background-color: rgba(190, 190, 190, 0.5); }

.statut_cell[data-statut="Demande en attente"],
.statut_cell[data-statut="Commande en attente"],
.statut_cell[data-statut="En attente"] {
  background-color: rgba(230, 230, 50, 0.5); }

.statut_cell[data-statut="En production"],
.statut_cell[data-statut="Demande de devis envoyée"],
.statut_cell[data-statut="Fiche d'intégration envoyée"],
.statut_cell[data-statut="Intégration confirmée"],
.statut_cell[data-statut="Livraison en cours"] {
  background-color: rgba(50, 130, 230, 0.5); }

.statut_cell[data-statut="Réponse envoyée"],
.statut_cell[data-statut="Commande validée"],
.statut_cell[data-statut="Projet livré"],
.statut_cell[data-statut="Actif"],
.statut_cell[data-statut="Validé"],
.statut_cell[data-statut="Terminé"],
.statut_cell[data-statut="Oui"] {
  background-color: rgba(80, 230, 50, 0.5); }

.statut_cell[data-statut="Archivé"] {
  background-color: rgba(255, 170, 0, 0.5); }

.statut_cell[data-statut="Email non vérifié"],
.statut_cell[data-statut="Désactivé"] {
  background-color: rgba(255, 170, 0, 0.5); }

.statut_cell[data-statut="Suspendu"] {
  background-color: rgba(240, 100, 100, 0.5); }

.ministore_v3 {
  background-color: #5ecfff20 !important; }

.ministore_v4 {
  background-color: #001fcc20 !important; }

.ministore_v5 {
  background-color: #fa4b0020 !important; }

.serigraphie_v1,
.serigraphie_v2,
.serigraphie_v3 {
  background-color: #f8ff3b20 !important; }

.lang-grp {
  overflow: hidden;
  margin-bottom: .5em;
  display: flex;
  justify-content: flex-end; }

.lang-grp .btn-group {
  padding: 0;
  margin: 0;
  overflow: hidden; }

.lang-grp .lang-btn {
  border: 2px solid black;
  border-radius: 50%;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  padding: 0;
  margin: 0;
  margin-left: .2em;
  overflow: hidden; }

.add_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: bold;
  margin-top: .3em;
  padding: 1em !important; }
  .add_btn, .add_btn:active, .add_btn:visited {
    border-radius: .5em;
    color: rgba(15, 15, 15, 0.9);
    background-color: rgba(251, 179, 16, 0.7);
    box-shadow: 0 0 0.3em 0 rgba(150, 150, 150, 0.3);
    transition: .3s; }
  .add_btn:hover {
    color: #0f0f0f;
    background-color: rgba(251, 179, 16, 0.9);
    box-shadow: 0 0 0.5em 0 rgba(150, 150, 150, 0.8); }
  .add_btn i {
    font-size: 1.3em;
    margin-right: 1em; }

#fiches_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(216, 216, 216, 0.5);
  border-radius: .3em;
  padding: .1em .3em;
  margin: 1em auto; }
  #fiches_container .fiche {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background-color: rgba(216, 216, 216, 0.9);
    border: 0.2em solid rgba(0, 0, 0, 0.3);
    border-radius: .3em;
    padding: .3em;
    margin: .3em auto; }

#fiche_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: .3em;
  margin-top: 1em;
  margin-bottom: .3em; }
  #fiche_header > div {
    display: flex;
    align-items: center; }
  #fiche_header #fiche_title {
    display: block;
    margin-left: .5em;
    font-weight: bold; }
  #fiche_header .fiche_head_right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start; }
  #fiche_header .info_badge {
    font-size: 1.3em;
    cursor: pointer;
    margin: 0 .5em;
    transition: .3s; }
    #fiche_header .info_badge:hover {
      text-shadow: 0 0 .8em #4597a5; }

#info_content .info_subtitle {
  text-decoration: underline;
  font-size: 1.3em;
  margin-bottom: .4em;
  font-weight: bold; }
#info_content .mg_slidebox_ctn {
  margin-bottom: .4em; }
  #info_content .mg_slidebox_ctn .header {
    padding: .4em .8em; }
    #info_content .mg_slidebox_ctn .header i {
      margin: 0;
      margin-right: .8em; }
    #info_content .mg_slidebox_ctn .header .title {
      font-weight: normal; }
  #info_content .mg_slidebox_ctn .body {
    display: none;
    padding: .3em; }
    #info_content .mg_slidebox_ctn .body .fig_plaque {
      margin-bottom: .3em;
      background-color: #C1E5F5;
      overflow: hidden;
      padding: -3px; }
#info_content #reg_fig {
  width: 100%;
  overflow: hidden;
  border: 2px solid black;
  border-radius: .8em; }
#info_content #reg_legend {
  background-color: #eee;
  padding: .3em .6em;
  margin: .3em 0; }
  #info_content #reg_legend > div {
    display: flex;
    align-items: center; }
    #info_content #reg_legend > div i {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 2.3rem;
      height: 2.3rem;
      margin-right: 1rem; }
      #info_content #reg_legend > div i.fa-long-arrow-alt-right {
        font-size: 1.5rem; }
      #info_content #reg_legend > div i.fa-circle {
        font-size: .8rem; }
    #info_content #reg_legend > div span {
      font-size: 1.2rem;
      font-weight: bold; }
    #info_content #reg_legend > div#sens_reg i {
      color: #00f; }
    #info_content #reg_legend > div#trans_vc i {
      color: #0f0; }
    #info_content #reg_legend > div#trans_cv i {
      color: #f00; }
#info_content .content {
  margin-top: .4em;
  margin-bottom: .8em; }

#mesures_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: rgba(216, 216, 216, 0.8);
  border-radius: .3em;
  padding: .1em .3em;
  margin: .5em auto; }
  #mesures_container .mesure_container {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: .3em;
    margin: .3em auto;
    margin-bottom: .7em;
    overflow: hidden; }
    #mesures_container .mesure_container .mesure_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.7);
      color: white;
      padding-left: .6em;
      width: 100%;
      height: 3em; }
    #mesures_container .mesure_container .mesure_form {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      padding: 0 .3em; }
      #mesures_container .mesure_container .mesure_form .mesure_group {
        width: 100%;
        margin: .3em 0; }
        #mesures_container .mesure_container .mesure_form .mesure_group.corner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: .3em; }
          #mesures_container .mesure_container .mesure_form .mesure_group.corner select {
            width: 20em;
            margin-bottom: .3em;
            font-size: 1em;
            font-weight: bold; }
        #mesures_container .mesure_container .mesure_form .mesure_group.feuille {
          max-width: 30em;
          padding: .3em;
          border-radius: .3em;
          border: 2px solid transparent; }
          #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_header {
            padding: .2em; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_header .layer_title {
              font-weight: bold; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_header .reglette .reg_letter {
              font-weight: bold;
              font-size: 130%; }
          #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1em 0; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content label {
              margin: 0;
              margin-right: .3em; }
              #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content label:after {
                content: ' :'; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content select, #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content input, #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content span {
              font-weight: bold; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content select, #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content input {
              font-size: 1em; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content select {
              width: 13em; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content input {
              width: 7em;
              margin: 0 .3em;
              text-align: right; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content .mesure_transition {
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 2em; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille .mesure_group_content .mesure_value {
              display: flex;
              justify-content: center;
              align-items: center; }
          #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille1 {
            background-color: rgba(0, 40, 77, 0.3);
            box-shadow: 0 0 0.5em 0 rgba(0, 40, 77, 0.1);
            border-color: #00284d; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille1 select, #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille1 input {
              border-color: #00284d;
              outline-color: #00284d; }
              #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille1 select:focus, #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille1 input:focus {
                border-color: #00284d;
                outline-color: #00284d;
                box-shadow: 0 0 0 0.1em rgba(0, 40, 77, 0.2); }
          #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille2 {
            background-color: rgba(128, 43, 0, 0.3);
            box-shadow: 0 0 0.5em 0 rgba(128, 43, 0, 0.1);
            border-color: #802b00; }
            #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille2 select, #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille2 input {
              border-color: #802b00;
              outline-color: #802b00; }
              #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille2 select:focus, #mesures_container .mesure_container .mesure_form .mesure_group.feuille.feuille2 input:focus {
                border-color: #802b00;
                outline-color: #802b00;
                box-shadow: 0 0 0 0.1em rgba(128, 43, 0, 0.2); }
        #mesures_container .mesure_container .mesure_form .mesure_group.validation {
          text-align: center; }
          #mesures_container .mesure_container .mesure_form .mesure_group.validation .status {
            width: 20em;
            margin: .2em auto; }
            #mesures_container .mesure_container .mesure_form .mesure_group.validation .status .alert {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              margin: 0;
              margin: 0.6em 0; }

#comment_container {
  background-color: rgba(216, 216, 216, 0.5);
  border-radius: .3em;
  padding: .1em .3em;
  margin: .5em auto; }
  #comment_container label {
    display: block; }
    #comment_container label:after {
      content: ' :'; }
  #comment_container textarea {
    width: 100%; }

#medias_container {
  background-color: rgba(216, 216, 216, 0.5);
  border-radius: .3em;
  padding: .1em .3em;
  margin: .5em auto; }

#fiches {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .1em .3em;
  margin: 1em auto; }
  #fiches .fiche {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background-color: rgba(216, 216, 216, 0.9);
    border: 0.2em solid rgba(0, 0, 0, 0.3);
    border-radius: .3em;
    padding: .3em;
    margin: .3em auto;
    user-select: none;
    cursor: pointer;
    transition: .2s; }
    #fiches .fiche:hover {
      box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3); }

#bands_view_ctn {
  position: relative; }
  #bands_view_ctn #bands_view_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: white;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    padding: 2px; }
    #bands_view_ctn #bands_view_arrow i {
      display: flex;
      font-size: 1.6em;
      border-radius: 50%; }

#mesures .plaque_ctn {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(0, 0, 0, 0.8);
  margin: .2em 0; }
  #mesures .plaque_ctn .plaque_content {
    padding: .3em; }
    #mesures .plaque_ctn .plaque_content #plaque select {
      width: 20em; }
#mesures .couche {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(0, 0, 0, 0.8);
  margin: .2em 0; }
  #mesures .couche .couche_title {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.8);
    text-align: center;
    padding: .2em;
    font-weight: bold;
    font-style: italic; }
  #mesures .couche .couche_content {
    padding: .3em; }
    #mesures .couche .couche_content .series_container .serie {
      border: 2px solid rgba(0, 0, 0, 0.2);
      border-radius: .5em;
      margin: .3em 0; }
      #mesures .couche .couche_content .series_container .serie.reference {
        border: 2px solid #00284d;
        background-color: rgba(0, 40, 77, 0.4); }
        #mesures .couche .couche_content .series_container .serie.reference .coin {
          border: 2px solid #00284d; }
        #mesures .couche .couche_content .series_container .serie.reference select, #mesures .couche .couche_content .series_container .serie.reference input {
          border-color: #00284d;
          outline-color: #00284d; }
          #mesures .couche .couche_content .series_container .serie.reference select:focus, #mesures .couche .couche_content .series_container .serie.reference input:focus {
            border-color: #00284d;
            outline-color: #00284d;
            box-shadow: 0 0 0 0.1em rgba(0, 40, 77, 0.2); }
      #mesures .couche .couche_content .series_container .serie.validation {
        border: 2px solid #802b00;
        background-color: rgba(128, 43, 0, 0.4); }
        #mesures .couche .couche_content .series_container .serie.validation .coin {
          border: 2px solid #802b00; }
        #mesures .couche .couche_content .series_container .serie.validation select, #mesures .couche .couche_content .series_container .serie.validation input {
          border-color: #802b00;
          outline-color: #802b00; }
          #mesures .couche .couche_content .series_container .serie.validation select:focus, #mesures .couche .couche_content .series_container .serie.validation input:focus {
            border-color: #802b00;
            outline-color: #802b00;
            box-shadow: 0 0 0 0.1em rgba(128, 43, 0, 0.2); }
      #mesures .couche .couche_content .series_container .serie .serie_title {
        font-weight: bold;
        padding: .2em .5em;
        user-select: none;
        cursor: pointer; }
      #mesures .couche .couche_content .series_container .serie .serie_content {
        padding: .1em; }
        #mesures .couche .couche_content .series_container .serie .serie_content .serie_form {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container {
            width: 100%; }
            #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container {
              padding: .2em; }
              #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin {
                display: flex;
                flex-direction: column;
                align-items: center;
                border-radius: .5em;
                padding: .3em;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.6); }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin.false {
                  background-color: rgba(0, 0, 0, 0.2); }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .schema {
                  text-align: center;
                  font-size: 2em; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .reglette {
                  cursor: help;
                  user-select: none;
                  text-align: center;
                  margin-bottom: .6em; }
                  #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .reglette .lettre {
                    font-size: 1.2em;
                    font-weight: bold; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin select, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin input {
                  display: block;
                  font-size: .95em;
                  font-weight: bold;
                  margin: .3em 0; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin select:disabled, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin input:disabled {
                  background-color: transparent !important; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin select {
                  width: 90%;
                  max-width: 13em; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin input {
                  width: 7.4em;
                  text-align: center;
                  margin-right: .3em; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .mesures_bis_ctn {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .mesure_container, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .mesure_bis_ctn {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 90%;
                  max-width: 13em; }
                  #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .mesure_container span, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .mesure_bis_ctn span {
                    font-weight: bold; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .erreur {
                  text-align: center;
                  margin-top: .5em; }
                  #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .erreur .status {
                    font-weight: bold;
                    font-style: italic;
                    margin-bottom: 0.3em; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .debug_reglettes_ctn,
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .debug_post_ctn {
                  width: 100%; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .debug_ctn {
                  border: 1px solid rgba(30, 30, 30, 0.5);
                  background-color: rgba(120, 120, 120, 0.5);
                  padding: 3px;
                  margin: 5px; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .return_coin_ctn {
                  width: 100%;
                  cursor: help;
                  user-select: none; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .erreur_mesure_ctn {
                  width: 100%; }
                #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .coins_container .coin_container .coin .erreur_label {
                  font-size: .8em; }
          #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .info_ref,
          #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .sub_error .error {
            display: flex;
            align-items: center;
            margin: .3em; }
            #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .info_ref i,
            #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .sub_error .error i {
              font-size: 1.3em;
              margin-right: .6em; }
          #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_ajust_msg {
            display: flex;
            align-items: center;
            margin: .3em; }
            #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_ajust_msg i {
              font-size: 1.3em;
              margin: 0 .3em;
              margin-top: .2em; }
          #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_sub_btn, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_ajust_btn {
            display: block;
            padding: .2em .5em;
            margin: .3em 0;
            font-size: 1.1em;
            font-weight: bold; }
            #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_sub_btn i, #mesures .couche .couche_content .series_container .serie .serie_content .serie_form .serie_ajust_btn i {
              margin-right: .5em; }

.adds_container {
  margin: .3em 0;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: .3em; }
  .adds_container > .title {
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    font-style: italic;
    padding: .3em;
    user-select: none;
    cursor: pointer; }
  .adds_container > .content {
    display: none;
    padding: .5em; }

#comment_container_new textarea {
  width: 100%;
  height: 10em; }

.modal_data_matlab h4 {
  margin-top: 1em; }
.modal_data_matlab .fig_store {
  width: 100%; }
  .modal_data_matlab .fig_store > .img_store {
    object-fit: contain; }
.modal_data_matlab .fig_rfx {
  width: 100%; }
  .modal_data_matlab .fig_rfx > .img_rfx {
    object-fit: contain; }
.modal_data_matlab .img_bati {
  width: 100%; }
.modal_data_matlab .data_table_ctn {
  padding: .4em 1.2em;
  padding-right: 0; }
  .modal_data_matlab .data_table_ctn .data_table .data_thead .data_th {
    font-weight: normal !important;
    text-align: center;
    padding: .3em .8em; }
  .modal_data_matlab .data_table_ctn .data_table .data_tbody .data_td {
    border: 1px solid black;
    background-color: rgba(251, 179, 16, 0.3);
    font-weight: bold !important;
    text-align: center;
    padding: .3em .8em; }
.modal_data_matlab .dist_sm_tab_ctn {
  background-color: white;
  border: 1px solid #bbb;
  border-radius: .8em;
  padding: .8em 0;
  margin: .8em auto; }
  .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab {
    margin: auto; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab td {
      text-align: center; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .vert_cell {
      min-width: 1em;
      background: #777 !important; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .sm_cell {
      height: .5em !important;
      background: #999 !important; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .dot_cell i {
      font-size: .6em; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .empty_cell {
      background: white !important; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .sep_cell {
      height: 3em; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .vdist_ctn {
      width: 5.6em;
      background-color: rgba(255, 209, 0, 0.4);
      border-radius: .8em;
      padding: .2em;
      margin: .2em; }
      .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .vdist_ctn .vdist {
        font-weight: bold; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .hdist_ctn {
      width: 5.6em;
      background-color: rgba(56, 197, 56, 0.4);
      border-radius: .8em;
      padding: .2em;
      margin: .2em; }
      .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .hdist_ctn .hdist {
        font-weight: bold; }
    .modal_data_matlab .dist_sm_tab_ctn .dist_sm_tab .rack_ctn {
      background-color: white;
      border: 1px solid #bbb;
      border-radius: .8em;
      padding: .2em;
      margin: .2em; }

#modal_export[data-export="export_data_doe"] .modal-dialog {
  max-width: 400px; }
#modal_export[data-export="export_data_doe"] .mg_form {
  max-width: none; }
#modal_export[data-export="export_data_doe"] .mg_table_new thead {
  font-size: .9em; }
#modal_export[data-export="export_data_doe"] .facades_content {
  padding: .8em 1.6em;
  background-color: rgba(255, 209, 0, 0.3);
  border-radius: 1em; }
  #modal_export[data-export="export_data_doe"] .facades_content .title_facade {
    font-size: 1.2em;
    margin-bottom: 1em; }
  #modal_export[data-export="export_data_doe"] .facades_content .form-group {
    display: flex;
    align-items: center; }
  #modal_export[data-export="export_data_doe"] .facades_content label {
    font-weight: bold;
    width: 10em;
    margin: 0;
    margin-right: .6em;
    text-align: right; }
  #modal_export[data-export="export_data_doe"] .facades_content input[type=number] {
    width: 8em;
    text-align: right;
    font-weight: bold; }
#modal_export[data-export="export_data_doe"] .params_default_ctn .params_content {
  padding: .8em 1.6em;
  background-color: #eee;
  border-radius: 1em; }
  #modal_export[data-export="export_data_doe"] .params_default_ctn .params_content label {
    font-weight: bold; }
  #modal_export[data-export="export_data_doe"] .params_default_ctn .params_content input[type=text] {
    width: 30em; }
  #modal_export[data-export="export_data_doe"] .params_default_ctn .params_content input[type=number] {
    width: 14em; }

#suivi_fab_lames_ctn .creation,
#modal_lot_lames .creation {
  background-color: rgba(255, 230, 20, 0.3); }
#suivi_fab_lames_ctn .nettoyage,
#modal_lot_lames .nettoyage {
  background-color: rgba(200, 120, 255, 0.3); }
#suivi_fab_lames_ctn .redressage,
#modal_lot_lames .redressage {
  background-color: rgba(50, 255, 50, 0.3); }
#suivi_fab_lames_ctn .sortie_stock,
#modal_lot_lames .sortie_stock {
  background-color: rgba(120, 230, 255, 0.3); }
#suivi_fab_lames_ctn .mesure,
#modal_lot_lames .mesure {
  background-color: rgba(150, 150, 150, 0.3); }

#suivi_fab_lames_ctn {
  /* HEADER  */
  /* COMPTEUR BAIN UV */
  /* COLOR LIST INTERFACE V2 */ }
  #suivi_fab_lames_ctn .flex-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #suivi_fab_lames_ctn .flex-btns {
    display: flex;
    justify-content: center;
    align-items: center; }
  #suivi_fab_lames_ctn #bain_uv_ctn {
    display: flex;
    align-items: center; }
  #suivi_fab_lames_ctn #bain_uv_compteur {
    margin: 0 .8em;
    font-weight: bold;
    font-size: 1.1em; }
  #suivi_fab_lames_ctn #bain_uv_compteur_input {
    width: 4.2em;
    text-align: right;
    margin: .2em; }
  #suivi_fab_lames_ctn #lots_ctn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #suivi_fab_lames_ctn .lot_item {
    width: 100%;
    max-width: 30em;
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(100, 100, 100, 0.5);
    padding: .5em; }
  #suivi_fab_lames_ctn .lot_item:hover {
    cursor: pointer;
    border-color: black; }
  #suivi_fab_lames_ctn .lot_label {
    font-size: 1.2em;
    font-weight: bold;
    padding: .3em 0; }
  #suivi_fab_lames_ctn .lot_statut {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8em;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 1em;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: .9em;
    font-weight: bold;
    padding: .8em .5em;
    margin: .5em; }

/* MODAL LOT */
#modal_lot_lames #ll_title_ctn {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  #modal_lot_lames #ll_title_ctn #ll_title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em; }
#modal_lot_lames .ref_lot {
  font-size: 1.2em;
  margin-bottom: .8em; }
#modal_lot_lames .quantite_item {
  display: flex;
  align-items: center; }
#modal_lot_lames .quantite_item input {
  max-width: 5em;
  margin-left: .3em;
  text-align: right; }
#modal_lot_lames .quantite_item label {
  margin: 0; }
#modal_lot_lames .step_item {
  border: 1px solid #555;
  border-radius: 1em;
  padding: .6em 1em;
  margin: .5em 0; }
#modal_lot_lames .step_title_ctn {
  display: flex;
  justify-content: space-between; }
#modal_lot_lames .step_title {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: .3em; }
#modal_lot_lames .ll_cancel_step_btn,
#modal_lot_lames .ll_cancel_step_btn:active,
#modal_lot_lames .ll_cancel_step_btn:visited {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 8px !important;
  border-radius: 50% !important; }
#modal_lot_lames .ll_cancel_step_btn:enabled:hover {
  font-size: 9px !important; }
#modal_lot_lames .ll_cancel_step_btn:disabled:hover {
  font-size: 8px !important; }
#modal_lot_lames .ll_step_btn {
  background-color: rgba(255, 255, 255, 0.2);
  border: 2px solid #555;
  border-radius: 1em;
  padding: .3em .6em;
  font-weight: bold;
  margin: 0 .2em;
  transition: .3s; }
#modal_lot_lames .ll_step_btn:hover {
  background-color: rgba(255, 255, 255, 0.9); }

.int_view_tab a {
  font-weight: 500;
  text-decoration: underline; }
.int_view_tab .form_group {
  margin: 0; }
.int_view_tab .nbe_vitrages {
  max-width: 5em; }
.int_view_tab tfoot .colspan_offset {
  border: none; }
.int_view_tab tfoot .total_cell {
  background-color: white;
  height: 3em; }

.int_warning_badge {
  display: flex;
  justify-content: center;
  align-items: center; }
  .int_warning_badge i {
    margin-left: .5em; }

#int_form #source_fi {
  max-width: 28em; }
#int_form #surface_fi {
  max-width: 10em;
  text-align: right; }

#add_refs_int_form {
  max-width: none; }
  #add_refs_int_form .form_group {
    margin: 0; }
  #add_refs_int_form .projet_int_ctn {
    border: 2px solid #aaa;
    border-radius: .1em;
    margin: .3em 0; }
    #add_refs_int_form .projet_int_ctn .projet_head_ctn {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #555;
      color: #eee;
      padding: .2em .4em; }
      #add_refs_int_form .projet_int_ctn .projet_head_ctn .projet_head_left {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        #add_refs_int_form .projet_int_ctn .projet_head_ctn .projet_head_left .check_projet {
          margin: 0;
          margin-left: .4em;
          margin-right: .8em; }
      #add_refs_int_form .projet_int_ctn .projet_head_ctn .projet_head_right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-width: 4em; }
        #add_refs_int_form .projet_int_ctn .projet_head_ctn .projet_head_right .projet_toggle_btn {
          margin-left: .8em; }
    #add_refs_int_form .projet_int_ctn .projet_core_ctn {
      padding: .3em; }
      #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn {
        border: 1px solid black;
        margin-left: .2em;
        padding: .2em .4em; }
        #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_head_ctn {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_head_ctn .modele_head_left {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_head_ctn .modele_head_left .check_modele {
              margin: 0;
              margin-left: .4em;
              margin-right: .8em; }
          #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_head_ctn .modele_head_right {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            min-width: 4em; }
            #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_head_ctn .modele_head_right .modele_toggle_btn {
              margin-left: .8em; }
        #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_core_ctn .ministore_int_ctn {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          background-color: #ddd;
          margin-left: .4em;
          padding: .1em .3em; }
          #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_core_ctn .ministore_int_ctn .check_ministore {
            margin: 0;
            margin-left: .4em;
            margin-right: .8em; }
          #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_core_ctn .ministore_int_ctn .ref_ms {
            min-width: 8em; }
          #add_refs_int_form .projet_int_ctn .projet_core_ctn .modele_int_ctn .modele_core_ctn .ministore_int_ctn .statut_int {
            font-style: italic;
            margin-left: 1em; }

.bg_nc_statut {
  background-color: #e6e6e6 !important; }

.bg_nc_reporting {
  background-color: #ffffb4 !important; }

.bg_nc_traitement {
  background-color: #b4d2ff !important; }

.nc_section_modal {
  border: 1px solid #aaa;
  border-radius: .3em;
  padding: .5em;
  margin: .5em 0; }

.nc_section_view {
  border: 1px solid #aaa;
  border-radius: .5em;
  box-shadow: 0 0 .2em 0 #aaa;
  padding: .8em;
  margin-bottom: 1em; }
  .nc_section_view h3 {
    border: 1px solid #aaa;
    border-radius: .5em;
    background-color: rgba(100, 100, 100, 0.1);
    box-shadow: 0 0 .2em 0 #aaa;
    padding: .2em;
    margin-bottom: .8em; }

.nc-bg-green {
  color: black;
  background-color: rgba(50, 230, 50, 0.5); }

.nc-bg-green-dark {
  color: black;
  background-color: rgba(70, 165, 0, 0.5); }

.nc-bg-orange {
  color: black;
  background-color: rgba(255, 170, 0, 0.5); }

.nc-bg-yellow {
  color: black;
  background-color: rgba(240, 255, 0, 0.5); }

.nc-bg-red {
  color: black;
  background-color: rgba(240, 20, 20, 0.6); }

.nc-bg-blue {
  color: black;
  background-color: rgba(0, 106, 217, 0.6); }

.nc-bg-gray {
  color: black;
  background-color: rgba(140, 140, 140, 0.6); }

.nc-bg-dark {
  color: white;
  background-color: #323232; }

.nc-bg-white-n-red {
  color: #f01414;
  background-color: white; }

.article_associe_item {
  border: 1px solid #555;
  border-radius: .3em;
  padding: .3em;
  margin: .1em 0; }

#nc_view_ctn {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #nc_view_ctn .row {
    width: 100%; }

.nc_form label {
  display: block; }

#statut_form #statut {
  max-width: 12em; }
#statut_form #urgent + label {
  display: flex !important;
  justify-content: center;
  align-items: center;
  max-width: 8em !important; }

#reporting_form #numerotation {
  max-width: 9em; }
#reporting_form #link_nc_view {
  float: right;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  font-size: .9em; }
#reporting_form #titre {
  max-width: 30em; }
#reporting_form #defaut_type {
  max-width: 24em; }
#reporting_form #type {
  max-width: 12em; }
#reporting_form #article_associe {
  max-width: 28em; }
#reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn {
  border-radius: .3em;
  padding: .2em;
  margin-bottom: .3em; }
  #reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn .ncp_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    #reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn .ncp_head .ncp_label {
      display: flex;
      align-items: center;
      color: black;
      border: 2px solid #333;
      border-radius: 2em;
      background-color: #eee;
      padding: .3em .6em;
      font-weight: bold;
      user-select: none;
      margin: .2em; }
  #reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn .ncp_statut .form-group {
    margin: .3em; }
    #reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn .ncp_statut .form-group #statut_prod {
      max-width: 20em; }
  #reporting_form #ncps_ctn #ncps_items_ctn .ncp_ctn .ncp_assets .ncp_media_btns_wrapper {
    display: flex; }
#reporting_form #ncps_ctn #ncps_form_ctn .ncps_form_sub_ctn {
  margin-bottom: .3em; }
#reporting_form #ncps_ctn #ncps_form_ctn #ref_ctn {
  display: flex;
  align-items: center; }
  #reporting_form #ncps_ctn #ncps_form_ctn #ref_ctn > span {
    font-size: 1em;
    margin: 0 .3em; }
#reporting_form #ncps_ctn #ncps_form_ctn #ncps_form_info {
  margin-bottom: .3em; }

#traitement_form #type_cause {
  max-width: 12em; }
#traitement_form #decision_finale {
  max-width: 20em; }

.ncp {
  display: flex;
  align-items: center;
  border: 2px solid #333;
  border-radius: 2em;
  background-color: #eee;
  padding: .3em;
  margin: .2em; }

.del_ncp, .del_ncp:active, .del_ncp:visited {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 8px;
  border-radius: 50%; }
.del_ncp:enabled:hover {
  font-size: 9px; }
.del_ncp:disabled:hover {
  font-size: 8px; }

.nc_item {
  display: block;
  background-color: #fff;
  border: 1px solid rgba(100, 100, 100, 0.5);
  border-radius: .5em;
  user-select: none;
  margin: .6em .2em;
  padding: .6em;
  transition: .3s; }
  .nc_item .nc_title {
    display: inline-block;
    margin-bottom: .3em;
    cursor: pointer;
    transition: .3s; }
    .nc_item .nc_title:hover {
      text-shadow: 0 0 1px #888; }
  .nc_item.ncp_item {
    border-width: 3px; }
    .nc_item.ncp_item .nc_title {
      font-size: 1.1em; }
  .nc_item .ncp_statut .form-group {
    margin: 0;
    margin-top: .3em; }
    .nc_item .ncp_statut .form-group #statut_prod {
      max-width: 20em; }

.nc-style-green {
  color: #323232 !important;
  background-color: rgba(50, 230, 50, 0.4) !important;
  border: 2px solid #323232 !important; }

.nc-style-green-dark {
  color: #323232 !important;
  background-color: rgba(70, 165, 0, 0.4) !important;
  border: 2px solid #323232 !important; }

.nc-style-orange {
  color: #323232 !important;
  background-color: rgba(255, 170, 0, 0.4) !important;
  border: 2px solid #323232 !important; }

.nc-style-yellow {
  color: #323232 !important;
  background-color: rgba(240, 255, 0, 0.4) !important;
  border: 2px solid #323232 !important; }

.nc-style-red {
  color: white !important;
  background-color: rgba(240, 20, 20, 0.4) !important;
  border: 2px solid #323232 !important; }

.nc-style-blue {
  color: white !important;
  background-color: rgba(0, 106, 217, 0.4) !important;
  border: 2px solid #006ad9 !important; }

.nc-style-gray {
  color: white !important;
  background-color: #8c8c8c !important;
  border: 2px solid #323232 !important; }

.nc-style-dark {
  color: white !important;
  background-color: #323232 !important;
  border: 2px solid black !important; }

.nc-style-white-n-red {
  color: #f01414 !important;
  background-color: white !important;
  border: 2px solid #f01414 !important; }

.badges_ctn {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.nc_badge:hover {
  cursor: pointer; }

.defaut_badge:hover {
  cursor: pointer; }

.nc-badge-green {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #32e632;
  border: 2px solid #32e632;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-green-dark {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #46a500;
  border: 2px solid #46a500;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-orange {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: #323232;
  background-color: #ffaa00;
  border: 2px solid #323232;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-yellow {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: #323232;
  background-color: #f0ff00;
  border: 2px solid #323232;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-red {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #f01414;
  border: 2px solid #323232;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-blue {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #006ad9;
  border: 2px solid #006ad9;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-gray {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #8c8c8c;
  border: 2px solid #323232;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-dark {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #323232;
  border: 2px solid black;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

.nc-badge-white-n-red {
  display: inline-block;
  justify-content: center;
  align-items: center;
  color: #f01414;
  background-color: white;
  border: 2px solid #f01414;
  border-radius: .5em;
  font-size: .8em;
  font-weight: bold;
  user-select: none;
  padding: .05em .4em;
  margin: 0;
  margin-top: .2em;
  margin-right: .2em; }

/* Popovers */
.popover {
  font-size: inherit !important; }

.popover-body {
  font-weight: bold;
  padding: .6em;
  user-select: none; }

#modal_photo #select_ctn {
  background-color: #d8d8d8;
  border-radius: .3em;
  padding: .8em .6em;
  margin: 0 auto; }
  #modal_photo #select_ctn .select_sub_ctn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3em; }
  #modal_photo #select_ctn #ref_ctn > span {
    font-size: 1em;
    margin: 0 .3em; }
  #modal_photo #select_ctn #mode_ctn #mode_label {
    margin-right: 1em; }
  #modal_photo #select_ctn #nc_ctn #nc_label {
    display: block;
    margin-right: 1em; }
#modal_photo #status .status-sub .status-head {
  font-weight: 400; }

#form_export_etiquettes_lots_composants .form_sub_ctn {
  margin-bottom: .3em; }
#form_export_etiquettes_lots_composants .type_prepa_ctn .form-group {
  display: flex;
  align-items: center;
  margin: 0;
  margin: .5em; }
  #form_export_etiquettes_lots_composants .type_prepa_ctn .form-group label {
    width: 6em;
    margin: 0;
    margin-right: 1em; }
  #form_export_etiquettes_lots_composants .type_prepa_ctn .form-group .prepa_field {
    width: 5em;
    text-align: right; }
  #form_export_etiquettes_lots_composants .type_prepa_ctn .form-group .prepa_result {
    font-weight: bold; }
  #form_export_etiquettes_lots_composants .type_prepa_ctn .form-group .alpha_ctn {
    font-weight: bold;
    padding: 0 1em; }

#prepa_lot_composants_ctn #lc_title_ctn {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  #prepa_lot_composants_ctn #lc_title_ctn #lc_title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em; }
#prepa_lot_composants_ctn .prepa_subtitle {
  font-size: 1.1em;
  margin-bottom: .5em; }
#prepa_lot_composants_ctn #infos_prepa_ctn .design_modele {
  font-size: 1.2em;
  font-weight: bold; }
#prepa_lot_composants_ctn #infos_prepa_ctn .flex_ctn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
#prepa_lot_composants_ctn #infos_prepa_ctn .schema_cordes {
  height: 15em; }
#prepa_lot_composants_ctn #infos_prepa_ctn .schema_montant_suspension,
#prepa_lot_composants_ctn #infos_prepa_ctn .schema_montant_tension {
  height: 12em;
  margin: .5em; }
#prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 25em;
  margin: auto;
  padding: .3em;
  border: 2px solid rgba(170, 170, 170, 0.5);
  border-radius: .8em;
  margin: .3em 0; }
  #prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress .data_status {
    font-weight: bold;
    text-align: center; }
    #prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress .data_status .dt_status {
      user-select: none;
      cursor: pointer; }
    #prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress .data_status .user_status {
      user-select: none;
      cursor: pointer; }
    #prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress .data_status .dt_status_input {
      margin: .3em 0;
      margin-bottom: .6em; }
    #prepa_lot_composants_ctn #progress_prepa_ctn .lc_progress .data_status .user_status_select {
      margin: .3em 0;
      margin-top: .6em; }
#prepa_lot_composants_ctn #required_lots_prepa_ctn .req_lot_ctn {
  margin-top: .8em; }
#prepa_lot_composants_ctn #quantite_item {
  display: flex;
  align-items: center; }
  #prepa_lot_composants_ctn #quantite_item label {
    margin: 0;
    margin-right: .5em; }
  #prepa_lot_composants_ctn #quantite_item #quantite {
    max-width: 5em;
    text-align: right; }
#prepa_lot_composants_ctn #pds_ctn .scan_pd_btn {
  font-size: .9em;
  margin: 0;
  padding-top: .1em !important;
  padding-bottom: .1em !important; }
#prepa_lot_composants_ctn #pds_ctn .code_plat_td {
  width: 13em;
  text-align: center; }

#prepa_composants_ctn #suivi_composants_ctn {
  max-width: 60em;
  margin: 0 auto; }
  #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn {
    width: 100%;
    border: 2px solid black;
    border-radius: .5em;
    background-color: #fff;
    overflow: hidden;
    padding: -1px;
    margin-bottom: .5em; }
    #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_item_row {
      padding: 0 1em; }
    #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_header {
      width: 100%;
      border: 1px solid #555;
      font-size: 1.3em;
      text-align: center;
      padding: .3em;
      padding-top: .4em;
      padding-bottom: .8em;
      user-select: none;
      cursor: pointer; }
      #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_header .demi_store_str {
        font-weight: bold;
        font-size: .6em; }
    #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content {
      padding: 0; }
      #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_header {
        background-color: rgba(0, 0, 0, 0.7);
        border: 1px solid #ddd;
        color: #eee;
        padding: .3em;
        user-select: none;
        cursor: pointer; }
        #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_header .tc_head_flex {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_header .tc_head_flex .titre {
            padding: 0 .3em;
            padding-right: .6em;
            font-weight: bold; }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_header .tc_head_flex .stats {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 6em;
            height: 2em;
            border: 2px solid rgba(238, 238, 238, 0.7);
            border-radius: 1.2em; }
      #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content {
        padding: 0 .3em 0 .2em; }
        #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item {
          background-color: white;
          border: 1px solid rgba(85, 85, 85, 0.5);
          border-radius: .5em;
          margin: .3em;
          user-select: none;
          cursor: pointer;
          overflow: hidden;
          transition: .3s; }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item.rebut {
            background-color: rgba(255, 52, 24, 0.3); }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item.valide {
            background-color: rgba(56, 197, 56, 0.3); }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item:hover {
            border-color: #000;
            box-shadow: 0 0 8px #999; }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item .lc_header {
            background-color: rgba(0, 0, 0, 0.1);
            padding: .3em; }
            #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item .lc_header .lc_head_flex {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item .lc_header .lc_head_flex .reference {
                padding: 0 .3em;
                padding-right: 5em;
                font-weight: bold; }
              #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item .lc_header .lc_head_flex .quantite {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 5em;
                height: 2em;
                border: 2px solid rgba(100, 100, 100, 0.5);
                border-radius: 1.2em; }
          #prepa_composants_ctn #suivi_composants_ctn .version_item_ctn .version_content .type_composants_ctn .tc_content .lc_item .lc_content {
            font-size: .8em;
            padding: .3em .6em; }

#more_btn {
  margin: 1em auto;
  font-weight: bold;
  padding: .6em; }

#suivi-procedures {
  display: flex;
  flex-direction: column; }
  #suivi-procedures #process-ctn {
    width: 100%;
    height: 100%;
    /*background-color: yellow;*/
    position: relative; }
    #suivi-procedures #process-ctn .synop {
      padding: 1.4em;
      margin: 1.6em .8em;
      background-color: #eee;
      border: 2px solid #bbb;
      border-radius: 1.2em;
      overflow: hidden;
      z-index: 13; }
      #suivi-procedures #process-ctn .synop .synop-title {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: .3em; }
      #suivi-procedures #process-ctn .synop .synop-scroller {
        width: 100%;
        height: 100%;
        overflow-x: auto; }
      #suivi-procedures #process-ctn .synop .synop-ctn {
        display: inline-block;
        position: relative; }
      #suivi-procedures #process-ctn .synop .synop-svg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
        #suivi-procedures #process-ctn .synop .synop-svg .svg-layer {
          width: 100%;
          height: 100%;
          z-index: 11; }
      #suivi-procedures #process-ctn .synop .synop-content {
        display: flex;
        /*justify-content: center;*/ }
        #suivi-procedures #process-ctn .synop .synop-content > .left-1, #suivi-procedures #process-ctn .synop .synop-content > .left-2, #suivi-procedures #process-ctn .synop .synop-content > .right {
          padding: 0 1em; }
        #suivi-procedures #process-ctn .synop .synop-content .right-top {
          display: flex;
          align-items: center;
          margin-bottom: 3em; }
        #suivi-procedures #process-ctn .synop .synop-content .right-bot {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
        #suivi-procedures #process-ctn .synop .synop-content .proc-ctn {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 8em;
          height: 5em;
          margin: 1.2em 0; }
          #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: .3s;
            position: relative;
            z-index: 101;
            padding: .5em; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc .proc-bg {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              border: 2px solid black;
              transition: .3s;
              z-index: 100; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc:hover {
              cursor: pointer;
              transform: scale(1.1); }
              #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc:hover .proc-bg {
                box-shadow: 0 0 .8em #aaa; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.production {
              width: 100%;
              height: 100%; }
              #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.production .proc-bg {
                border-radius: 1em; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.controle {
              width: 4em;
              height: 4em; }
              #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.controle .proc-bg {
                transform: rotate(45deg); }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.brown .proc-bg {
              border-color: #c55a11;
              background-color: #fbe1d0; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.gray .proc-bg {
              border-color: #7f7f7f;
              background-color: #e6e6e6; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.blue-sky .proc-bg {
              border-color: #00b0f0;
              background-color: #ccf1ff; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.blue-dark .proc-bg {
              border-color: #2f5597;
              background-color: #d8e2f3; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc.green .proc-bg {
              border-color: #00b050;
              background-color: #ccffe3; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc .proc-code {
              font-weight: bold;
              z-index: 110; }
            #suivi-procedures #process-ctn .synop .synop-content .proc-ctn .proc .proc-title {
              text-align: center;
              font-size: .8em;
              z-index: 111; }
          #suivi-procedures #process-ctn .synop .synop-content .proc-ctn.P100 {
            margin-right: 1.2em; }
          #suivi-procedures #process-ctn .synop .synop-content .proc-ctn.P140 {
            margin-left: 1.8em; }

.module_projet_ctn h3 {
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
  padding-left: .5em !important;
  margin-bottom: .8em !important;
  text-align: left !important;
  font-size: 1.1em; }
.module_projet_ctn .mg_form {
  max-width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0; }
  .module_projet_ctn .mg_form .form-group {
    margin: 0 1em 1em 1em; }
  .module_projet_ctn .mg_form label {
    display: block; }
  .module_projet_ctn .mg_form label:after {
    content: '' !important; }
.module_projet_ctn table .btn-head-float-right {
  border-right: none !important; }
.module_projet_ctn table th, .module_projet_ctn table td:not(.clickable_cell) {
  user-select: text !important; }
.module_projet_ctn .status_bg[data-status="Brouillon"] {
  background-color: rgba(200, 200, 200, 0.5); }
.module_projet_ctn .status_bg[data-status="En attente"] {
  background-color: rgba(240, 255, 0, 0.4); }
.module_projet_ctn .status_bg[data-status="Validé"] {
  background-color: rgba(116, 0, 255, 0.3); }
.module_projet_ctn .status_bg[data-status="En cours"],
.module_projet_ctn .status_bg[data-status="En production"],
.module_projet_ctn .status_bg[data-status="SAV en production"] {
  background-color: rgba(0, 173, 255, 0.4); }
.module_projet_ctn .status_bg[data-status="Terminé"],
.module_projet_ctn .status_bg[data-status="Livré"],
.module_projet_ctn .status_bg[data-status="SAV livré"] {
  background-color: rgba(50, 230, 50, 0.5); }
.module_projet_ctn .status_bg[data-status="SAV"],
.module_projet_ctn .status_bg[data-status="SAV ouvert"] {
  background-color: rgba(255, 170, 0, 0.5); }
.module_projet_ctn .status_bg[data-status="Abandonné"] {
  background-color: rgba(120, 120, 120, 0.5); }
.module_projet_ctn .status_bg {
  font-weight: bold; }

#index_projets_ctn #projets_tab_ctn #projets_tab .projet {
  width: 22em; }
#index_projets_ctn #projets_tab_ctn #projets_tab .type {
  width: 6em; }
#index_projets_ctn #projets_tab_ctn #projets_tab .client, #index_projets_ctn #projets_tab_ctn #projets_tab .autres_infos {
  width: 22em; }

#projet_view_ctn #projet_form_ctn #num_projet {
  max-width: 5em;
  text-align: right; }
#projet_view_ctn #projet_form_ctn #nom {
  width: 18em; }
#projet_view_ctn #projet_form_ctn #client, #projet_view_ctn #projet_form_ctn #maitre_oeuvre, #projet_view_ctn #projet_form_ctn #maitre_ouvrage, #projet_view_ctn #projet_form_ctn #verrier, #projet_view_ctn #projet_form_ctn #ref_bdc {
  max-width: 14em; }
#projet_view_ctn #projet_form_ctn #surnom {
  max-width: 12em; }
#projet_view_ctn #projet_form_ctn #latitude, #projet_view_ctn #projet_form_ctn #longitude {
  max-width: 7em;
  text-align: right; }
#projet_view_ctn #projet_form_ctn #zone_meteo, #projet_view_ctn #projet_form_ctn #zone_tmax {
  max-width: 7em; }
#projet_view_ctn #projet_form_ctn #status {
  min-width: 14em;
  max-width: 18em;
  font-size: inherit; }
#projet_view_ctn #projet_form_ctn #date_livraison {
  min-width: 10em;
  max-width: 14em; }
#projet_view_ctn #modeles_vitrage_ctn .refs_ext_ctn {
  max-height: 4.2em;
  overflow-y: auto; }
  #projet_view_ctn #modeles_vitrage_ctn .refs_ext_ctn .ref_ext_item {
    margin-right: 1em; }
#projet_view_ctn #modeles_vitrage_ctn .commentaire_overview {
  width: 20em;
  max-height: 5.8em;
  overflow-y: auto;
  white-space: pre-wrap; }

#modal_export[data-export="export_pre_etude_matlab"] .facades_content,
#modal_export[data-export="export_arbo_matlab"] .facades_content {
  padding: .8em 1.6em;
  background-color: rgba(255, 209, 0, 0.3);
  border-radius: 1em; }
  #modal_export[data-export="export_pre_etude_matlab"] .facades_content .title_facade,
  #modal_export[data-export="export_arbo_matlab"] .facades_content .title_facade {
    font-size: 1.2em;
    margin-bottom: 1em; }
  #modal_export[data-export="export_pre_etude_matlab"] .facades_content .form-group,
  #modal_export[data-export="export_arbo_matlab"] .facades_content .form-group {
    display: flex;
    align-items: center; }
  #modal_export[data-export="export_pre_etude_matlab"] .facades_content label,
  #modal_export[data-export="export_arbo_matlab"] .facades_content label {
    font-weight: bold;
    width: 10em;
    margin: 0;
    margin-right: .6em;
    text-align: right; }
  #modal_export[data-export="export_pre_etude_matlab"] .facades_content input[type=number],
  #modal_export[data-export="export_arbo_matlab"] .facades_content input[type=number] {
    width: 8em;
    text-align: right;
    font-weight: bold; }
#modal_export[data-export="export_pre_etude_matlab"] .params_default_ctn .params_content,
#modal_export[data-export="export_arbo_matlab"] .params_default_ctn .params_content {
  padding: .8em 1.6em;
  background-color: #eee;
  border-radius: 1em; }
  #modal_export[data-export="export_pre_etude_matlab"] .params_default_ctn .params_content label,
  #modal_export[data-export="export_arbo_matlab"] .params_default_ctn .params_content label {
    font-weight: bold; }
  #modal_export[data-export="export_pre_etude_matlab"] .params_default_ctn .params_content input[type=text],
  #modal_export[data-export="export_arbo_matlab"] .params_default_ctn .params_content input[type=text] {
    width: 30em; }
  #modal_export[data-export="export_pre_etude_matlab"] .params_default_ctn .params_content input[type=number],
  #modal_export[data-export="export_arbo_matlab"] .params_default_ctn .params_content input[type=number] {
    width: 14em; }

#modele_view_ctn #modele_form_ctn #type, #modele_view_ctn #modele_form_ctn #quadrant, #modele_view_ctn #modele_form_ctn #composition, #modele_view_ctn #modele_form_ctn .ref_externe {
  font-size: inherit; }
#modele_view_ctn #modele_form_ctn #num_prod, #modele_view_ctn #modele_form_ctn #num_modele, #modele_view_ctn #modele_form_ctn #type_version, #modele_view_ctn #modele_form_ctn #num_facade, #modele_view_ctn #modele_form_ctn #nbe_vitrages, #modele_view_ctn #modele_form_ctn #nbe_vitrages_prod {
  max-width: 5em;
  text-align: right; }
#modele_view_ctn #modele_form_ctn #type {
  width: 10em; }
#modele_view_ctn #modele_form_ctn #latitude, #modele_view_ctn #modele_form_ctn #longitude {
  max-width: 8em;
  text-align: right; }
#modele_view_ctn #modele_form_ctn #azimuth {
  max-width: 8em;
  text-align: right; }
#modele_view_ctn #modele_form_ctn #quadrant {
  width: 6em; }
#modele_view_ctn #modele_form_ctn #str_facade {
  width: 6em; }
#modele_view_ctn #modele_form_ctn #largeur_v, #modele_view_ctn #modele_form_ctn #hauteur_v {
  width: 8em;
  text-align: right; }
#modele_view_ctn #modele_form_ctn #composition {
  width: 20em; }
#modele_view_ctn #modele_form_ctn #vitrage_rectangulaire,
#modele_view_ctn #modele_form_ctn #fenetre_verticale,
#modele_view_ctn #modele_form_ctn #option_warm_edge {
  width: 2em; }
#modele_view_ctn #modele_form_ctn .check-group .form-group {
  display: flex;
  align-items: center; }
#modele_view_ctn #modele_form_ctn .check-group input[type=checkbox] {
  margin: .3em .6em; }
#modele_view_ctn #modele_form_ctn #options_vitrage,
#modele_view_ctn #modele_form_ctn #specs_vitrage {
  border: 1px solid #a0a0a0;
  padding: 3.75px 7.5px;
  border-radius: 3.9px;
  width: 180px;
  height: 117.5px; }
#modele_view_ctn #versions_ctn .add_exemplaire_nbe {
  width: 4em;
  text-align: right; }
#modele_view_ctn #refs_ext_ctn .ref_ext_ctn {
  width: 100%; }
#modele_view_ctn #refs_ext_ctn .ref_ext_label {
  user-select: auto !important;
  cursor: auto !important; }
#modele_view_ctn #produits_ctn .btns-head-tab {
  border-right: none !important; }
#modele_view_ctn #produits_ctn .select_version {
  min-width: 5em; }
#modele_view_ctn #produits_ctn .select_ref_ext {
  min-width: 12em; }
#modele_view_ctn #produits_ctn .wrong_ref_ext {
  border: 2px solid red !important; }
#modele_view_ctn #produits_ctn .status_bg .status {
  width: 12em; }
#modele_view_ctn #produits_ctn .status_bg .dt_status {
  padding-top: .3em;
  text-align: center;
  font-weight: 500;
  font-size: .8em; }
#modele_view_ctn #produits_ctn .logo_bpi {
  color: #3232d2 !important; }
#modele_view_ctn #produits_ctn .logo_bpl {
  color: #32be32 !important; }
#modele_view_ctn #produits_ctn .logo_rebut {
  color: #ff3232 !important; }

#modal_qrcode_scanner .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #modal_qrcode_scanner .modal-body #scanner_ctn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
    #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_tools {
      display: flex;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      margin-bottom: .6em; }
      #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_tools #toggle_flash {
        width: 2.5em;
        font-size: 1.1em;
        padding: .2em;
        border: 2px solid black;
        border-radius: .7em;
        color: #ddd;
        background: #555;
        border-color: #ddd; }
        #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_tools #toggle_flash.active {
          color: black;
          background: #fdff6b;
          border-color: black; }
      #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_tools #select_camera {
        margin-left: .6em; }
    #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_video {
      display: none;
      width: 10em;
      height: 10em; }
    #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_canvas {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #modal_qrcode_scanner .modal-body #scanner_ctn #scanner_canvas canvas {
        display: inline-block;
        border-radius: 30px;
        border: 3px solid black;
        background-color: black;
        width: 18em;
        height: 18em; }
  #modal_qrcode_scanner .modal-body #scanner_result {
    font-weight: bold;
    font-size: 1.2em; }

#suivi_appro_ctn .nav_items_ctn,
.modal_appro_ctn .nav_items_ctn {
  display: flex; }
  #suivi_appro_ctn .nav_items_ctn .nav_item,
  .modal_appro_ctn .nav_items_ctn .nav_item {
    display: block;
    padding: .4em .8em;
    border: 2px solid #aaa;
    border-radius: .5em;
    margin-right: .5em;
    font-size: .9em;
    font-weight: bold;
    text-align: center; }
    #suivi_appro_ctn .nav_items_ctn .nav_item.active,
    .modal_appro_ctn .nav_items_ctn .nav_item.active {
      border: 2px solid gray;
      background: #fbb310; }

#suivi_appro_ctn #table_lots_mat_ctn {
  padding-top: 1em;
  padding-bottom: 2em; }
  #suivi_appro_ctn #table_lots_mat_ctn thead .title_head_ctn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17em; }
    #suivi_appro_ctn #table_lots_mat_ctn thead .title_head_ctn .title_head {
      margin-right: 1em; }
  #suivi_appro_ctn #table_lots_mat_ctn thead .code_matiere_title h2 {
    width: 12em; }
  #suivi_appro_ctn #table_lots_mat_ctn thead .unite_th {
    width: 9em; }
  #suivi_appro_ctn #table_lots_mat_ctn thead .lm_reception_cmd_th {
    width: 9em; }
  #suivi_appro_ctn #table_lots_mat_ctn thead .lm_user_creation_th {
    width: 9em; }
  #suivi_appro_ctn #table_lots_mat_ctn tbody .fini {
    background-color: rgba(0, 0, 0, 0.28); }
    #suivi_appro_ctn #table_lots_mat_ctn tbody .fini td {
      border-left-color: rgba(0, 0, 0, 0.28) !important;
      border-right-color: rgba(0, 0, 0, 0.28) !important; }
  #suivi_appro_ctn #table_lots_mat_ctn tfoot .td_total {
    background-color: none;
    border: none; }
#suivi_appro_ctn #table_commandes_ctn tbody td {
  background-color: #e9e9e9; }
#suivi_appro_ctn #table_commandes_ctn tbody .reception_ok td {
  background-color: rgba(160, 255, 160, 0.28); }
#suivi_appro_ctn #table_commandes_ctn tbody .cmd_canceled td {
  background-color: rgba(50, 50, 50, 0.7);
  color: #ddd; }
#suivi_appro_ctn .drp_alert,
#suivi_appro_ctn .dp_alert {
  animation-duration: 3s;
  animation-name: bg_flash_alert_red;
  animation-iteration-count: infinite;
  transition: none;
  font-weight: bold; }
@keyframes bg_flash_alert_red {
  0% {
    background-color: none; }
  40% {
    background-color: rgba(255, 52, 24, 0.5); }
  60% {
    background-color: rgba(255, 52, 24, 0.5); }
  100% {
    background-color: none; } }
.modal_appro_ctn .modal_title_ctn {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .modal_appro_ctn .modal_title_ctn .title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em; }
.modal_appro_ctn .section_ctn {
  border: 2px solid #888;
  border-radius: .5em;
  margin: .5em 0;
  background-color: #eee;
  overflow: hidden; }
  .modal_appro_ctn .section_ctn .section_head {
    font-weight: bold;
    padding: .5em;
    background-color: #ddd;
    user-select: none;
    cursor: pointer; }
  .modal_appro_ctn .section_ctn .section_content {
    padding: .5em; }
    .modal_appro_ctn .section_ctn .section_content #select_new_matiere {
      display: block;
      width: 20em; }
    .modal_appro_ctn .section_ctn .section_content .select_code_matiere {
      display: block;
      width: 12em; }
    .modal_appro_ctn .section_ctn .section_content .select_ratio_unitaire {
      display: block;
      width: 14em; }
    .modal_appro_ctn .section_ctn .section_content .select_largeur {
      display: block;
      width: 10em; }
    .modal_appro_ctn .section_ctn .section_content .input_rev_fourn {
      width: 18em; }
    .modal_appro_ctn .section_ctn .section_content .input_label {
      width: 14em; }
    .modal_appro_ctn .section_ctn .section_content .input_ref {
      width: 18em; }
    .modal_appro_ctn .section_ctn .section_content .input_ref_coc {
      width: 22em; }
    .modal_appro_ctn .section_ctn .section_content .input_date {
      width: 12em; }
    .modal_appro_ctn .section_ctn .section_content .input_unite {
      width: 10em; }
    .modal_appro_ctn .section_ctn .section_content .input_delai,
    .modal_appro_ctn .section_ctn .section_content .input_quantite,
    .modal_appro_ctn .section_ctn .section_content .input_prix,
    .modal_appro_ctn .section_ctn .section_content .input_masse,
    .modal_appro_ctn .section_ctn .section_content .input_masse_unitaire,
    .modal_appro_ctn .section_ctn .section_content .input_pesee {
      width: 8em;
      text-align: right; }
    .modal_appro_ctn .section_ctn .section_content .input_commentaire {
      display: block;
      width: 100%;
      height: 100%; }

#modal_cmd_ctn .mcs_ctn .mcs_head {
  text-decoration: underline; }
#modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn {
  border: 2px solid #999;
  border-radius: .3em;
  background-color: rgba(255, 255, 255, 0.5);
  padding: .3em .6em;
  margin-top: .6em; }
  #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_head {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_head .mc_title {
      padding: .2em .4em; }
      #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_head .mc_title .mc_title_label {
        font-style: italic; }
      #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_head .mc_title .mc_title_code {
        font-weight: bold;
        font-size: 1.2em; }
  #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: .5em; }
    #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_content .form-group {
      padding: .3em;
      margin: 0; }
      #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_content .form-group label {
        margin-bottom: 0; }
  #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn {
    margin-top: .6em; }
    #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_head {
      font-weight: bold;
      text-decoration: underline;
      padding: 0 .5em;
      margin-bottom: .5em; }
    #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn {
      border: 1px solid #333;
      border-radius: .5em;
      background-color: white;
      padding: .4em;
      margin-bottom: .8em; }
      #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex .mc_lm_inputs {
          display: flex;
          justify-content: flex-start;
          align-items: flex-end;
          flex-wrap: wrap; }
          #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex .mc_lm_inputs .form-group {
            padding: .3em;
            margin: 0; }
            #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex .mc_lm_inputs .form-group label {
              margin-bottom: 0; }
          #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex .mc_lm_inputs #reference {
            font-weight: bold; }
        #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_content .mc_lm_flex .mc_lm_btns {
          display: flex;
          justify-content: flex-end;
          align-items: flex-start;
          height: 100%; }
      #modal_cmd_ctn .mcs_ctn .mcs_content .mc_ctn .mc_lms_ctn .mc_lms_content .mc_lm_ctn .mc_lm_foot {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-top: .4em; }
#modal_cmd_ctn .new_mc_ctn {
  padding-top: .5em; }

#modal_lm_ctn #new_inv_ctn .submit_inv_ctn {
  display: inline-block;
  border: 3px solid #888;
  border-radius: .8em;
  padding: .6em;
  background-color: rgba(204, 204, 204, 0.5); }
#modal_lm_ctn .lmi_ctn {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#modal_mat_ctn .masse_contenant_ctn .masse_contenant_content .masse_contenant_table thead th {
  font-weight: normal !important;
  font-style: italic !important; }

.bpi_true {
  background-color: rgba(100, 100, 255, 0.7) !important; }

.bpi_false {
  background-color: rgba(255, 175, 50, 0.7) !important; }

.bpl_true {
  background-color: rgba(100, 255, 100, 0.7) !important; }

.bpl_false {
  /*background-color: rgba(255,100,100,.7) !important;*/
  background-color: rgba(10, 10, 10, 0.7) !important;
  color: white; }

#legend_tsp_btn {
  width: 1.8em;
  height: 1.8em;
  font-size: .8em;
  float: right;
  cursor: pointer;
  transition: .3s; }
  #legend_tsp_btn:hover {
    border-color: black; }

#modal_legend_tsp .legend {
  width: 3.4em;
  height: 1.6em;
  border: 1px solid #333;
  border-radius: .3em;
  margin: .3em .6em .3em .1em; }

#tab_suivi_prod_ctn {
  /* TABLE LAYOUT */
  /* TABLE HEAD */
  /* Name */
  /* EP */
  /* Disabled cell */
  /* Sarcophage */ }
  #tab_suivi_prod_ctn.mg_table {
    position: relative;
    overflow-y: auto;
    padding-bottom: 3em; }
    #tab_suivi_prod_ctn.mg_table table {
      border-collapse: separate;
      /* Don't collapse */
      border-spacing: 0; }
      #tab_suivi_prod_ctn.mg_table table thead tr th {
        border-left: 1px solid #555;
        border-right: 1px solid #555;
        border-bottom: 2px solid #555;
        vertical-align: top;
        position: sticky;
        top: 0;
        background-color: whitesmoke;
        padding: 0; }
      #tab_suivi_prod_ctn.mg_table table thead tr th:first-child {
        border-left: 2px solid #555; }
      #tab_suivi_prod_ctn.mg_table table thead tr th:last-child {
        border-right: 2px solid #555; }
      #tab_suivi_prod_ctn.mg_table table tbody tr td {
        border-top: none; }
  #tab_suivi_prod_ctn .icon_header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding-bottom: .5em; }
  #tab_suivi_prod_ctn .icon_header i {
    display: block;
    font-size: 1.4em;
    margin: .3em auto; }
  #tab_suivi_prod_ctn .tsp_head .head_ctn {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #tab_suivi_prod_ctn .tsp_head .head_ctn .head_icon {
      height: 2.4em;
      display: flex;
      justify-content: center;
      align-items: center; }
      #tab_suivi_prod_ctn .tsp_head .head_ctn .head_icon i {
        display: block;
        font-size: 1.6em; }
      #tab_suivi_prod_ctn .tsp_head .head_ctn .head_icon img {
        width: 2.4em;
        height: 2.4em; }
    #tab_suivi_prod_ctn .tsp_head .head_ctn .head_title {
      padding: .4em 0; }
    #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 5em;
      background-color: white;
      border: 1px solid #bbb;
      border-radius: .5em;
      overflow: hidden;
      margin-bottom: .3em; }
      #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_ctn {
        width: 100%; }
        #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_ctn .head_progress_bar {
          height: .39em; }
          #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_ctn .head_progress_bar.head_progress_bar_1 {
            background-color: rgba(50, 102, 249, 0.5); }
          #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_ctn .head_progress_bar.head_progress_bar_2 {
            background-color: rgba(251, 179, 16, 0.8); }
          #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_ctn .head_progress_bar.complete {
            background-color: rgba(56, 197, 56, 0.8); }
      #tab_suivi_prod_ctn .tsp_head .head_ctn .head_stats .head_progress_item .head_progress_separator {
        width: 100%;
        height: 0;
        overflow: visible; }
  #tab_suivi_prod_ctn .ministore_name {
    min-width: 14em; }
    #tab_suivi_prod_ctn .ministore_name .label_store {
      font-size: 1.1em;
      font-weight: bold; }
      #tab_suivi_prod_ctn .ministore_name .label_store i {
        font-style: italic;
        margin-left: .6em; }
      #tab_suivi_prod_ctn .ministore_name .label_store span {
        font-size: .7em;
        font-style: italic;
        margin-left: .6em; }
    #tab_suivi_prod_ctn .ministore_name .label_facade {
      font-style: italic; }
  #tab_suivi_prod_ctn .ministore_etape {
    width: 8.5em;
    min-width: 8.5em; }
  #tab_suivi_prod_ctn .ep_container {
    min-height: 3.5em;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #tab_suivi_prod_ctn .etape_prod {
    height: 2em; }
    #tab_suivi_prod_ctn .etape_prod .date_valid {
      padding-right: .2em; }
    #tab_suivi_prod_ctn .etape_prod .warning_badge {
      width: 1.8em;
      height: 1.8em;
      font-size: .8em; }
    #tab_suivi_prod_ctn .etape_prod .ep_date_item .date2_year {
      font-size: .7em; }
    #tab_suivi_prod_ctn .etape_prod .ep_progress_item {
      width: 5em;
      background-color: white;
      border: 1px solid #bbb;
      border-radius: .5em;
      overflow: hidden; }
      #tab_suivi_prod_ctn .etape_prod .ep_progress_item .ep_progress_bar {
        background-color: rgba(251, 179, 16, 0.8);
        height: .6em; }
  #tab_suivi_prod_ctn .disabled_etape_cell {
    background: linear-gradient(-45deg, #666 5%, transparent 5%, transparent 45%, #666 45%, #666 55%, transparent 55%, transparent 95%, #666 95%);
    background-size: 5px 5px;
    background-position: 50px 50px; }
  #tab_suivi_prod_ctn .ministore_sarco {
    min-width: 7.5em;
    text-align: center; }
    #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn {
      display: flex;
      justify-content: space-around;
      align-items: center; }
      #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_demi_ctn {
        min-width: 2.5em; }
        #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_demi_ctn .sarco_sup_ctn {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 2em; }
        #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_demi_ctn hr {
          margin-top: .5rem;
          margin-bottom: .5rem; }
        #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_demi_ctn .sarco_inf_ctn {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 2em; }
      #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_vr {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        margin-left: .5rem;
        margin-right: .5rem;
        height: 5em;
        overflow: visible; }
      #tab_suivi_prod_ctn .ministore_sarco .sarco_ctn .sarco_complet_ctn {
        min-width: 2.5em; }
  #tab_suivi_prod_ctn .sarco_input {
    display: inline-block;
    width: 100%;
    height: 100%; }
  #tab_suivi_prod_ctn .ministore_validation_process {
    width: 6em; }
  #tab_suivi_prod_ctn .ministore_comment {
    width: 18em;
    min-width: 18em;
    padding: 4px 4px 0 4px !important; }
    #tab_suivi_prod_ctn .ministore_comment .commentaire {
      width: 100% !important;
      height: 100% !important; }

#fiche_suivi_prod_header #fiche_suivi_prod_titles {
  cursor: pointer; }
#fiche_suivi_prod_header #qr_code_ctn {
  display: flex;
  justify-content: center;
  cursor: pointer; }
  #fiche_suivi_prod_header #qr_code_ctn #qr_code_ms {
    margin-top: .5em;
    margin-bottom: -2.5em; }

#fiche_suivi_prod_ctn #nav_ctn_old {
  width: 60em;
  max-width: 60em;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden; }
  #fiche_suivi_prod_ctn #nav_ctn_old .row {
    width: 100%;
    margin: 0; }
    #fiche_suivi_prod_ctn #nav_ctn_old .row .col-12 {
      display: flex;
      justify-content: center; }
    #fiche_suivi_prod_ctn #nav_ctn_old .row .col_ctn {
      width: 100%; }
      #fiche_suivi_prod_ctn #nav_ctn_old .row .col_ctn.col_ctn_1 {
        max-width: 35em;
        margin-bottom: 1.5em; }
      #fiche_suivi_prod_ctn #nav_ctn_old .row .col_ctn.col_ctn_2 {
        width: 10em;
        margin-bottom: .5em; }
      #fiche_suivi_prod_ctn #nav_ctn_old .row .col_ctn .col_items {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%; }
  #fiche_suivi_prod_ctn #nav_ctn_old li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center; }
  #fiche_suivi_prod_ctn #nav_ctn_old a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: .2em;
    margin: .1em; }
    #fiche_suivi_prod_ctn #nav_ctn_old a .label {
      font-size: .85em;
      text-align: center;
      padding-bottom: .6em; }
    #fiche_suivi_prod_ctn #nav_ctn_old a.active .label {
      font-weight: bold; }
    #fiche_suivi_prod_ctn #nav_ctn_old a .round {
      width: 1.4em;
      height: 1.4em;
      border: 2px solid gray;
      border-radius: 50%;
      background: white; }
    #fiche_suivi_prod_ctn #nav_ctn_old a.active .round {
      background: #fbb310; }
  #fiche_suivi_prod_ctn #nav_ctn_old .line {
    width: 100%;
    height: .2em;
    background: gray;
    margin-top: -1.1em;
    z-index: -1; }
#fiche_suivi_prod_ctn #nav_ctn {
  overflow-x: scroll; }
  #fiche_suivi_prod_ctn #nav_ctn::-webkit-scrollbar {
    display: none; }
  #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn li {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; }
      #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn li a.nav_item {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 3.5em;
        width: 10em;
        border: 2px solid #888;
        border-radius: 1em;
        padding: .5em;
        margin: 0 .3em;
        font-size: 1em;
        text-align: center; }
        #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn li a.nav_item.valide {
          background-color: rgba(56, 197, 56, 0.2);
          border-color: #38c538; }
        #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn li a.nav_item.active {
          background-color: rgba(251, 179, 16, 0.6);
          font-weight: bold; }
      #fiche_suivi_prod_ctn #nav_ctn #nav_items_ctn li #nav_nc {
        margin-left: 3em; }
#fiche_suivi_prod_ctn #tabs_ctn .tab_item {
  padding-bottom: 2em; }
#fiche_suivi_prod_ctn .eps_ctn .ep_ctn {
  border: 2px solid black;
  border-radius: .5em;
  background-color: #ccc;
  padding-bottom: .5em;
  margin-bottom: .8em;
  overflow: hidden; }
  #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.4em;
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #444;
    padding: .3em; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_title .ep_title_left .ep_title_carret {
      display: inline-block;
      width: 1em;
      text-align: center;
      user-select: none;
      cursor: pointer;
      margin-left: .5em;
      margin-right: 1em; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_title .ep_title_left .ep_title_name {
      user-select: none;
      cursor: pointer; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_title.ep_title_E7 {
      background-color: #323282; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_title.ep_title_E8 {
      background-color: #328232; }
  #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content {
    padding: .8em; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_status_ctn {
      margin-bottom: 1em; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_status_ctn .ep_status {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.2em; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_status_ctn .ep_data_validation_ctn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .3em 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_status_ctn .ep_data_validation_ctn .data_validation {
          padding: .3em;
          margin: auto; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_warning_ctn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: .3em; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_warning_ctn .warning_label {
        margin-bottom: .5em;
        font-weight: bold; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_warning_ctn .warning_toggle {
        width: 2.3em;
        height: 2.3em; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .ep_content .ep_comment_ctn {
      padding-bottom: .5em; }
  #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn {
    padding: .3em;
    margin-top: 0; }
    #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn {
      border: 3px solid #333;
      background-color: #fff;
      border-radius: .5em;
      margin: .8em .3em 0 .3em;
      overflow: hidden; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn.type_production {
        border-color: #358cfd; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn.type_production .pp_content {
          border-top: 2px solid rgba(53, 140, 253, 0.3); }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn.type_controle {
        border-color: #13b913; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn.type_controle .pp_content {
          border-top: 2px solid rgba(19, 185, 19, 0.3); }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn.valide .pp_title {
        background-color: rgba(56, 197, 56, 0.2); }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #eee;
        padding: .5em;
        padding-left: 1em;
        font-size: 1.1em;
        font-weight: bold;
        user-select: none;
        cursor: pointer; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_content .pp_proc_content {
        padding: .8em; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_content .pp_repa_ctn {
        border-top: 2px solid #ddd;
        background-color: rgba(251, 179, 16, 0.1); }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_content .pp_repa_ctn .pp_repa_title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          background-color: rgba(251, 179, 16, 0.3);
          padding: .2em;
          padding-left: .6em;
          font-weight: bold; }
          #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_content .pp_repa_ctn .pp_repa_title i {
            margin-right: .3em;
            font-size: 1em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_content .pp_repa_ctn .pp_repa_content {
          padding: .8em; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_status_ctn {
        margin-bottom: 1em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_status_ctn .pp_status {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 1.2em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_status_ctn .pp_progress_ctn {
          max-width: 25em;
          margin: auto; }
          #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_status_ctn .pp_progress_ctn .pp_progress {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: .3em;
            border: 2px solid rgba(170, 170, 170, 0.5);
            border-radius: .8em;
            margin: .3em 0; }
      #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn {
        margin-bottom: 1em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:active, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:visited, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:hover, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:disabled {
          width: auto !important;
          font-size: 1em;
          font-weight: bold;
          padding: .3em .6em; }
          #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn i, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:active i, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:visited i, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:hover i, #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .scan_lot_btn:disabled i {
            margin-right: .3em;
            font-size: 1.3em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_req_lots_ctn .pp_req_lot_ctn {
          margin-top: .8em; }
        #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_fields_ctn .pp_field_ctn {
          display: flex;
          align-items: center;
          margin: .3em 0; }
          #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_fields_ctn .pp_field_ctn label {
            width: 70%;
            margin: 0; }
          #fiche_suivi_prod_ctn .eps_ctn .ep_ctn .pps_ctn .pp_ctn .pp_req_data_ctn .pp_fields_ctn .pp_field_ctn .number_field {
            width: 30%;
            text-align: right; }
#fiche_suivi_prod_ctn .btn_status {
  border-radius: 1em; }
#fiche_suivi_prod_ctn .btn_status_true {
  width: 5.2rem; }
#fiche_suivi_prod_ctn .btn_status_null,
#fiche_suivi_prod_ctn .btn_status_false {
  width: 3.4rem; }
#fiche_suivi_prod_ctn .data_status {
  font-weight: bold;
  text-align: center; }
  #fiche_suivi_prod_ctn .data_status .dt_status {
    user-select: none;
    cursor: pointer; }
  #fiche_suivi_prod_ctn .data_status .user_status {
    user-select: none;
    cursor: pointer; }
  #fiche_suivi_prod_ctn .data_status .dt_status_input {
    margin: .3em 0;
    margin-bottom: .6em; }
  #fiche_suivi_prod_ctn .data_status .user_status_select {
    margin: .3em 0;
    margin-top: .6em; }
#fiche_suivi_prod_ctn .comment_ctn {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
#fiche_suivi_prod_ctn .sarco {
  width: 7em;
  font-weight: bold;
  text-align: center; }
#fiche_suivi_prod_ctn .assoc_vitrage_ctn {
  margin-bottom: 1em; }
  #fiche_suivi_prod_ctn .assoc_vitrage_ctn .mg_btn_round_sm {
    width: 2.3rem;
    height: 2.3rem;
    font-size: 9px; }
  #fiche_suivi_prod_ctn .assoc_vitrage_ctn .select_new_assoc {
    width: 15em; }
  #fiche_suivi_prod_ctn .assoc_vitrage_ctn .vue_ctn {
    font-weight: bold;
    padding: .2em 0; }
  #fiche_suivi_prod_ctn .assoc_vitrage_ctn .head_ctn {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
    padding: .2em 0; }
    #fiche_suivi_prod_ctn .assoc_vitrage_ctn .head_ctn .head_G, #fiche_suivi_prod_ctn .assoc_vitrage_ctn .head_ctn .head_D {
      font-size: 1em; }
  #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: bold; }
    #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item {
      border: 2px solid black;
      border-radius: .6em;
      padding: .2em;
      margin: 0 .2em; }
      #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .core_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .5em; }
        #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .core_head .core_title {
          width: 75%;
          text-align: center;
          font-size: 1.2em; }
        #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .core_head .core_btn {
          margin-left: 1em; }
      #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .mesures_head {
        text-align: center;
        font-weight: 400;
        font-style: italic;
        font-size: 1em;
        margin-bottom: .2em; }
      #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .mesures_ctn {
        display: flex; }
        #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .mesures_ctn .mesure_ctn {
          padding: .1em; }
          #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .mesures_ctn .mesure_ctn .mesure_label {
            font-size: 1em;
            text-align: center; }
          #fiche_suivi_prod_ctn .assoc_vitrage_ctn .core_ctn .core_item .mesures_ctn .mesure_ctn .mesure_input {
            text-align: right; }
#fiche_suivi_prod_ctn .hauteurs_ctn {
  border: 2px solid rgba(170, 170, 170, 0.5);
  border-radius: .8em;
  padding: .4em;
  margin: 0 auto;
  max-width: 25em;
  background-color: rgba(238, 238, 238, 0.5); }
  #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_title {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding-bottom: .4em; }
  #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_core {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: .5em; }
    #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_core .hauteur_ctn {
      padding: .1em; }
      #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_core .hauteur_ctn .hauteur_label {
        font-size: .8em;
        font-weight: bold;
        text-align: center; }
      #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_core .hauteur_ctn .hauteur_input {
        max-width: 10em;
        text-align: right; }
  #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_info {
    margin: 0;
    margin-top: .4em; }
  #fiche_suivi_prod_ctn .hauteurs_ctn .hauteurs_ref {
    margin: 0;
    margin-top: .4em; }
#fiche_suivi_prod_ctn .tree_traca_ctn {
  width: 100%;
  height: 100%;
  /*background-color: yellow;*/
  position: relative; }
  #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn {
    background-color: #eee;
    border: 2px solid #bbb;
    border-radius: 1.2em;
    overflow: hidden; }
    #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_title {
      font-weight: bold;
      font-size: 1.2em;
      margin-bottom: .3em; }
    #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_scroller {
      width: 100%;
      height: 100%;
      overflow-x: auto; }
    #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_ctn {
      display: inline-block;
      position: relative; }
    #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_svg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 11;
      pointer-events: none; }
      #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_svg .svg_layer {
        width: 100%;
        height: 100%;
        pointer-events: none; }
    #fiche_suivi_prod_ctn .tree_traca_ctn .tree_ctn .traca_content {
      display: flex;
      /*justify-content: center;*/
      z-index: 12; }

#media_btn_wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 95%;
  padding: .6em 1.2em;
  margin: 0 auto; }
  #media_btn_wrapper .media_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5em;
    height: 5em;
    border: 2px solid black !important;
    border-radius: 50% !important; }
    #media_btn_wrapper .media_btn i {
      font-size: 2em; }

#form_capture {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  z-index: -99; }

#progress {
  /*background-color: rgb(50,50,50);*/
  width: 100%;
  padding: .8em 2em; }

#progress .progress {
  width: 100%;
  height: 2.5em;
  background-color: rgba(15, 15, 15, 0.1);
  box-shadow: 0 0 0.5em 0 rgba(15, 15, 15, 0.3); }

#progress .progress-bar {
  background-size: 2em 2em; }

#progress .percent {
  text-align: center;
  padding: .5em; }

#status {
  width: 100%; }
  #status .status-sub {
    width: 100%; }
  #status .status-head {
    font-weight: bold; }
    #status .status-head i {
      margin-right: 1em; }

#medias {
  width: 100%; }

.slbArrow:focus {
  outline: none; }

#quagga-modal .modal-body #quagga-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  width: 30em;
  height: 20em;
  border: 3px solid black;
  margin: auto; }
  #quagga-modal .modal-body #quagga-container #quagga-target {
    min-width: 100%;
    min-height: 100%;
    width: max-content;
    height: max-content;
    /*margin: 0 -3px;*/
    position: relative; }
    #quagga-modal .modal-body #quagga-container #quagga-target video {
      display: block;
      width: 100%;
      object-fit: contain;
      /*overflow: hidden;*/ }
    #quagga-modal .modal-body #quagga-container #quagga-target canvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*overflow: hidden;*/ }
#quagga-modal .modal-body #quagga-result {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center; }
#quagga-modal .modal-footer {
  display: flex;
  justify-content: center; }
  #quagga-modal .modal-footer #footer-btns {
    width: 100%;
    display: flex;
    justify-content: center; }

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