*{
    margin: 0;
    /*padding: 0;*/
    box-sizing: border-box;
}

.dataTables_wrapper div.dataTables_processing {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 20px !important;
  background: #fff !important;
  border: 1px solid #cfd8dc !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.16) !important;
  color: #37474f !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  z-index: 9999 !important;
  text-align: center !important;
}

.dataTables_wrapper div.dataTables_processing::before {
  content: '';
    display: block;
  width: 32px;
  height: 32px;
    margin: 0 auto 10px;
  border: 3px solid #dcecea;
  border-top-color: #00897b;
  border-radius: 50%;
  animation: data-tables-loader-spin 0.8s linear infinite;
  vertical-align: middle;
}

.dataTables_wrapper div.dataTables_processing::after {
  content: none;
}

@keyframes data-tables-loader-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .dataTables_wrapper div.dataTables_processing::before {
    animation: none;
  }
}

#container .product-line-actions {
  min-height: 54px;
  margin: 0;
  padding: 0;
}

#container .product-line-actions > .col {
  min-height: 54px;
  padding: 29px 0 0;
  text-align: center;
}

#container .product-line-actions > .product-line-delivery {
  position: relative;
  padding: 0 4px;
  text-align: left;
}

#container .product-line-shipped-indicator {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 14px;
  z-index: 1;
}

#container .product-line-actions a {
  display: inline-flex;
  cursor: pointer;
}

#container .product-line-actions .product-line-action-handle {
  cursor: grab;
  user-select: none;
}

#container > .row {
  position: relative;
}

#container .product-line-reference {
  padding-left: 32px;
}

#container .product-line-comment-editor {
  min-height: 3rem;
  max-height: 5rem;
  padding: 8px 0;
  overflow-y: auto;
  border: 0 !important;
  border-bottom: 1px solid #9e9e9e !important;
  outline: none;
}

#container trix-toolbar {
  display: none;
}

#container .product-line-comment-editor:focus {
  border-bottom-color: #26a69a !important;
  box-shadow: 0 1px 0 0 #26a69a;
}

#container .product-line-comment-editor p {
  margin: 0;
}

#container .product-line-reorder {
  position: absolute;
  left: 4px;
  top: 29px;
  width: 24px;
  padding: 0;
  text-align: center;
}

#container .product-line-reorder .material-icons {
  font-size: 18px;
}

strong { font-weight: bold; }

.trix-button-group.trix-button-group--file-tools {
    /* display:none; */
}

.trix-button--icon.trix-button--icon-bullet-list {
    /* display:none; */
}

trix-editor {
    border: none !important;
}

trix-editor ul,
.trix-content ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
}

trix-editor ul > li,
.trix-content ul > li {
  list-style-type: disc !important;
  display: list-item !important;
}

trix-editor ul ul,
.trix-content ul ul {
  list-style-type: circle !important;
}

trix-editor ul ul > li,
.trix-content ul ul > li {
  list-style-type: circle !important;
}

trix-editor ul ul ul,
.trix-content ul ul ul {
  list-style-type: square !important;
}

trix-editor ul ul ul > li,
.trix-content ul ul ul > li {
  list-style-type: square !important;
}

trix-editor ol,
.trix-content ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
}

trix-editor ol > li,
.trix-content ol > li {
  list-style-type: decimal !important;
  display: list-item !important;
}

trix-editor ol ol,
.trix-content ol ol {
  list-style-type: lower-alpha !important;
}

trix-editor ol ol > li,
.trix-content ol ol > li {
  list-style-type: lower-alpha !important;
}

trix-editor ol ol ol,
.trix-content ol ol ol {
  list-style-type: lower-roman !important;
}

trix-editor ol ol ol > li,
.trix-content ol ol ol > li {
  list-style-type: lower-roman !important;
}

tfoot {
    color: white !important;
    fill: "#ffffff";
    padding-top: 250px;
}

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    g-origin:50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
}
.verticalTableHeader p {
    margin:0 -100% ;
    display:inline-block;
}
.verticalTableHeader p:before{
    content:'';
    width:0;
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
table.sav {
    text-align:center;
    table-layout : fixed;
    width:150px;
    font-size:12px;
}

#moon{
  height: 50px;
  width: 50px;
  background: url('../images/moon.png') no-repeat;
  position:absolute;
  top:100;
  left:-10%;
  animation: sunrise 2s ease;
}

.expand-on-focus:focus {
  width: 200px ! important;
}

.beta {
  display: none;
  position: absolute;
  right: 5rem;
}

.uploader__image {
    display: block;
    margin: 1.875em auto 0.75em;
}

.illustration {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    width: 8rem;
}

@keyframes sunrise {
    0% {top: 100;left:-10%;}
    50% {top: 100;left:0%;}
    100% {top: 100;left:-10%;}
}

html{
	background-color: gray;
  /*overflow-y: hidden;*/
  height: 100%;
}

body{
	font:14px/1.5 Arial, Helvetica, sans-serif;
  overflow-y: scroll;
	margin:0;
  height: 100%;
}

nav {
  margin-bottom: 20px;
}

#main {
	/* overflow:auto; */
  /* overflow:-webkit-paged-x !important;*/
  max-width: 1750px;
  min-height: calc(100% - 100px);
  margin: auto;
  margin-top:20px;
  border-radius: 2px;
  background-color: WhiteSmoke;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	position: relative;
}

#main0 {
  max-width: 1750px;
  min-height: 0px;
  margin: auto;
  margin-top:20px;
  border-radius: 2px;
  background-color: WhiteSmoke;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	position: relative;
}

#printed_div {
	/* overflow:auto; */
  /* overflow:-webkit-paged-x !important;*/
  width: 210mm;
  min-height: 297mm;
  margin: 0 auto;
  padding: 15mm 10mm 15mm 10mm;
  box-sizing: border-box;
  background: white;
  box-shadow: none;
  position: relative;
}

#printed_div.tarifs-print-sheet {
  width: min(210mm, 100%);
  min-height: 297mm;
  padding: 12mm 12mm 15mm;
  box-sizing: border-box;
  background: white;
  box-shadow: 0 0 8px #ccc;
  flex: 1;
}

#main_title {
  color: Gray;
  background-color: WhiteSmoke;
  padding: 5px;
  display: inline-flex;
  width: 100%;
  min-height: 111px;
}

#main_title h1, #main_content h1 {
  padding-left: 35px;
  font-size: 2em;
}

#main_content {
  /*position: absolute;*/
  /*top: 100px;
  bottom: 0;
  left: 0;*/
  width: 100%;
  background-color: White;
  padding: 15px;
  margin-bottom: 50px;
  min-height: fit-content;
}

#main0 #main_content {
  margin-bottom: 0px;
}

#main_content h2 {
  font-size: 1.5em;
}

#main_content h3 {
  font-size: 1em;
}

.mes_chips {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 8px;
}

.mes_chips .chip {
  background-color: antiquewhite;
}

.chip.client {
  background-color: ghostwhite;
}

.chip.client.active {
  background-color: whitesmoke;
}

#footer-content {
	position: absolute;
	bottom: 50px;
  max-width: 720px;
	width: 95%;
	font-size: 11px;
}

table.container {
  min-width: 100%;
}

table.container td.liste {
  padding: 3px;
  font-size: 11px;
}

#left_col {
   float:none;
   width:100%;
   padding-right:5px;
}

#right_col {
   float:none;
   width:100%;
   padding-left:5px;
}

.clear {
  clear: both;
}

i.empty_logo {
  color:DimGrey;
  /*top: 50%;
  position: absolute;
  left: 50%;*/
  padding-top: 20%;
  padding-bottom: 20%;
  width: 100%;
  text-align: center;
}

div#container input[type="text"] {
  margin-right:10px;
}

.s1 {
  min-width: 50px;
}

.s2 {
  min-width: 100px;
}

.s3 {
  min-width: 200px;
}

.print ul {
	display: none;
}

div.print td, div.print th {
    font-size: 12px !important;
    padding: 6px 5px !important;
}

div.print h1 {
  font-size: 1.4 rem !important;
  margin-bottom: 0px !important;
  margin-top: 2px !important;
}

.dataTables_length select {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media only screen and (min-width: 993px) {
  img.correct_icon_menu {
    margin-top: 12px !important;
  }
  .beta {
      display: block;
  }
}

@media only screen and (min-width: 700px) {
  #right_col {
     float:right !important;
     width:50% !important;
  }
  #left_col {
     float:left !important;
     width:50% !important;
  }
}

.scroll {
  width: 100%;
  float: left;
  margin: 0 5px;
  margin-left: 0px;
}

.scroll1::-webkit-scrollbar {
  width: 5px;
}

.scroll1::-webkit-scrollbar-track {
  background: #ddd;
}

.scroll1::-webkit-scrollbar-thumb {
  background: #666;
}

.content {
  height: 100%;
}

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

.link_button {
     background:none!important;
     border:none;
     padding:0!important;
     vertical-align: middle;
     margin-left: 10px;
     /*border is optional*/
     cursor: pointer;
}

div.drag-sort-active {
    background: transparent;
    color: transparent;
    border: 1px solid #4ca1af;
}

span.drag-sort-active {
    background: transparent;
    color: transparent;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}

.readonly-style {
    background-color: #e0e0e0; /* Couleur grisée */
    pointer-events: none; /* Empêche les interactions */
    opacity: 0.6; /* Rend visuellement désactivé */
}

/* Animation de fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

/* Animation de fade-out */
@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

/* Classe pour l'animation */
.fade-out {
    animation: fadeOut 0.5s ease-in-out;
    pointer-events: none; /* Empêche les interactions pendant l'animation */
}

/* Animation de bounce */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Classe pour l'animation */
.bounce {
    animation: bounce 0.5s ease-in-out;
}

#id_produit + .select2-container--default .select2-selection--single {
    background-color: transparent;
}