.img-responsive{
  display:block;
  max-width: 100%;
  height:auto;
}
.d-flex {
  display: flex !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-none{
  display: none;
}
.hidden{
  visibility: hidden;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-grow-0{
  flex-grow: 0;
}
.flex-grow-1{
  flex-grow: 1;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.btn-md{
  font-size: 16px !important;
	padding:0 5px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	text-decoration:none;
	line-height:1.5;
}
.btn-std{
	padding:0 5px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	text-decoration:none;
	line-height:inherit;
}
.cursor-default{
  cursor: default !important;
}
.btn-outline, .btn-label-outline{
	border: 1px solid #0033FF;
	background-color: #fff;
	color: #0033FF !important;
}
.btn-radius{
	border-radius:5px;  
}
.btn-ondark{
	border: 1px solid transparent;
	background-color: #fff;
	color: #0033FF !important;
}
.btn-ondark:hover{
	background-color: #0033FF;
	color: #fff !important;
  border-color: #fff !important;
}

.btn-outline:hover, .btn-outline.btn-current{
	background-color: #0033FF;
	color: #fff !important;
}
.btn-help{
  position:absolute;
  top:0;
  right:255px;
  padding:0 8px !important;
  font-weight:bold;
}
.btn-suppr, .btn-error{
  display: flex;
  align-items: center;
	border-color:transparent !important;
	background-color: #fff;
	color: #DA3032 !important;
}
.btn-suppr:after {
  display: block;
  content: '⨉';
  font-weight: bold;  
  font-size: .857em;
  margin-left: 1em;
}
.btn-suppr:hover, .btn-error:hover{
  background-color: #DA3032;
	color: #fff;
}
.bold{
  font-weight: bold;
}
.lh-15{
  line-height: 1.5 !important;
}
.f-14{
  font-size: 14px !important;
}
.f-16{
  font-size: 16px !important;
}
.f-24{
  font-size: 24px !important;
}
.w-100{
  width: 100% !important;
}
.w-75{
  width: 75% !important;
}
.w-60{
  width: 60% !important;
}
.w-50{
  width: 50% !important;
}
.w-40{
  width: 40% !important;
}
.w-30{
  width: 30% !important;
}
.w-25{
  width: 25% !important;
}
.w-20{
  width: 20% !important;
}
.w-15{
  width: 15% !important;
}
.w-10{
  width: 10% !important;
}
.w-auto{
  width: auto !important;
}
.wpx-50{
  width:50px !important;
}
.wpx-100{
  width:100px !important;
}
.wpx-150{
  width:150px !important;
}
.wpx-175{
  width:175px !important;
}
.wpx-200{
  width:200px !important;
}
.wpx-300{
  width:300px !important;
}
.wpx-350{
  width:350px !important;
}
.h-30{
  min-height: 30px !important;
}
.border-box *{
  box-sizing: border-box;
}
.m-0{
  margin: 0;
}
.mx-20{
  margin-left: 20px !important;
  margin-right:20px !important;
}
.my-5{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mt-0{
  margin-top: 0;
}
.mt-2{
  margin-top: 2px !important;
}
.mt-4{
  margin-top: 4px !important;
}
.mt-8{
  margin-top: 8px !important;
}
.mt-12{
  margin-top: 12px !important;
}
.mt-16{
  margin-top: 16px !important;
}
.mb-0{
  margin-bottom: 0;
}
.mb-2{
  margin-bottom: 2px !important;
}
.mb-4{
  margin-bottom: 4px !important;
}
.mb-8{
  margin-bottom: 8px !important;
}
.mb-12{
  margin-bottom: 12px !important;
}
.mb-16{
  margin-bottom: 16px !important;
}
.mb-32{
  margin-bottom: 32px !important;
}
.mt-32{
  margin-top: 32px !important;
}
.mt-50{
  margin-top: 50px !important;
}
.p-0{
  padding: 0 !important;
}
.p-5{
  padding: 5px !important;;
}
.p-8{
  padding: 8px !important;;
}
.p-16{
  padding: 16px !important;;
}
.p-20{
  padding: 20px !important;
}
.p-32{
  padding: 32px !important;;
}
.pl-0{
  padding-left: 0 !important;
}
.pl-8{
  padding-left: 8px !important;
}
.pl-16{
  padding-left:16px !important;
}
.pl-32{
  padding-left:32px !important;
}
.py-4{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.py-5{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.py-16{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.px-4{
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.px-5{
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.px-8{
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.px-16{
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.px-32{
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.py-5{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pr-8{
  padding-right: 8px !important;
}
.pr-16{
  padding-right:16px !important;
}
.pr-32{
  padding-right:32px !important;
}
.ml-8{
  margin-left: 8px !important;
}
.ml-16{
  margin-left:16px !important;
}
.ml-32{
  margin-left:32px !important;
}
.border-light{
  border: 1px solid #C0C8FE;
}
.site-info{
  /*width: 396px;*/
  background-color: #D6E9FF;
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #C0C8FE;
}
.msg-info {  
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #ff6000;  
}
.lot-head{
  position: sticky;
  top: 106px;
	background-color: #18209d;;
  padding: 5px 10px;
  color: white;
  z-index: +1;
  display: flex;
  align-items: center;
  border-left: 2px solid #18209d;
  min-height: 33px;
  box-sizing: border-box;
}
.lot-nav{
  position: sticky;
  top: 73px;
  background: #8fa4da;
  padding: 5px 10px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 2px solid #8fa4da;
}

.gap-4 {
  gap: 4px;
}
.gap-8 {
  gap: 8px;
}
.gap-16 {
  gap: 16px;
}
.gap-32 {
  gap: 32px;
}
.column-gap-8{
  column-gap: 8px;
}

.wpx-120{
  width: 120px !important;
}

.dropdown {
  position: relative;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  line-height: 1.5;
  box-sizing: border-box;
}
.dropdown-btn {
  display: flex;
  color: #0033FF;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #0033FF;
  box-sizing: border-box;
}
.dropdown-btn:after {
  display: block;
  content: '▼';
  font-size: .857em;
  margin-left: 1em;
}
.dropdown-child {
  display: none;
  position:absolute;
  top:100%;
  width:100%;
  border: 1px solid #0033FF;
  box-sizing: border-box;
  background-color: #fff;
  max-height: 380px;
  overflow-y: auto;
}
.dropdown-item {
  color: #2d2c2b;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 3px 5px 3px 10px;
}
.dropdown-item:hover {
  background-color: #0033FF;
  color: white;
}
.dropdown:hover .dropdown-child {
  display: block;
}
.dropdown:hover .dropdown-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.border-transparent{
  border-color: #fff!important;
}
.lg-head{
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
}
.lg-head td{
	padding: 5px;
}
/*
#resultat{
  background-color: var(--color-primary);
}
*/
/* icones */
.icone{
  background: none;
}
.icone-broken-link{
content:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' fill='rgb(176, 0, 32)' viewBox='131 -131 512 512'%3E %3Cpath d='M266.2,259.3l-79,79c-1.9,1.9-4.6,2.8-7.4,2.8c-2.8,0-4.6-0.9-7.4-2.8c-1.9-1.9-2.8-4.6-2.8-7.4 s0.9-4.6,2.8-7.4l79-79c1.9-1.9,4.6-2.8,7.4-2.8s4.6,0.9,7.4,2.8c1.9,1.9,2.8,4.6,2.8,7.4C269,254.6,268.1,257.4,266.2,259.3z M318.2,272.3v98.5c0,2.8-0.9,5.6-2.8,7.4c-1.9,1.9-4.6,2.8-7.4,2.8s-5.6-0.9-7.4-2.8c-1.9-1.9-2.8-4.6-2.8-7.4v-98.5 c0-2.8,0.9-5.6,2.8-7.4c1.9-1.9,4.6-2.8,7.4-2.8s5.6,0.9,7.4,2.8C317.3,266.7,318.2,269.5,318.2,272.3z M249.5,203.5 c0,2.8-0.9,5.6-2.8,7.4c-1.9,1.9-4.6,2.8-7.4,2.8h-97.6c-2.8,0-5.6-0.9-7.4-2.8c-1.9-1.9-2.8-4.6-2.8-7.4s0.9-5.6,2.8-7.4 c1.9-1.9,4.6-2.8,7.4-2.8h98.5c2.8,0,5.6,0.9,7.4,2.8C248.5,197.9,249.5,200.7,249.5,203.5z M637.9,242.5c0,24.2-8.4,45.5-26,62.3 l-45.5,44.6c-16.7,16.7-38.1,25.1-62.3,25.1c-25.1,0-45.5-8.4-62.3-26L339.6,245.3c-4.6-4.6-8.4-10.2-13-17.7L400,222l83.6,84.6 c5.6,5.6,12.1,8.4,20.4,8.4c8.4,0,15.8-2.8,20.4-8.4l45.5-44.6c5.6-5.6,8.4-13,8.4-20.4c0-8.4-2.8-14.9-8.4-20.4l-84.6-84.6 l5.6-73.4c7.4,4.6,13,8.4,17.7,13l103.1,103.1C628.6,197,637.9,218.4,637.9,242.5z M448.3,20.5l-73.4,5.6l-83.6-84.6 c-5.6-5.6-13-8.4-20.4-8.4c-8.4,0-14.9,2.8-20.4,8.4L205-13.9c-5.6,5.6-8.4,13-8.4,20.4c0,8.4,2.8,14.9,8.4,20.4l84.6,84.6 l-5.6,73.4c-7.4-4.6-13-8.4-17.7-13L162.1,69.7c-16.7-17.7-26-39-26-63.2s8.4-45.5,26-62.3l45.5-44.6 c16.7-16.7,38.1-25.1,62.3-25.1c25.1,0,45.5,8.4,62.3,26L434.4,3.6C440,7.5,443.7,13,448.3,20.5z M642.5,45.6 c0,2.8-0.9,5.6-2.8,7.4c-1.9,1.9-4.6,2.8-7.4,2.8h-97.6c-2.8,0-5.6-0.9-7.4-2.8c-1.9-1.9-2.8-4.6-2.8-7.4c0-2.8,0.9-5.6,2.8-7.4 c1.9-1.9,4.6-2.8,7.4-2.8h98.5c2.8,0,5.6,0.9,7.4,2.8C641.6,40.9,642.5,42.8,642.5,45.6z M475.3-120.8v98.5c0,2.8-0.9,5.6-2.8,7.4 c-1.9,1.9-4.6,2.8-7.4,2.8s-5.6-0.9-7.4-2.8c-1.9-1.9-2.8-4.6-2.8-7.4v-98.5c0-2.8,0.9-5.6,2.8-7.4c1.9-1.9,4.6-2.8,7.4-2.8 s5.6,0.9,7.4,2.8C474.3-126.4,475.3-124.5,475.3-120.8z M600.7-75.2l-79,79c-1.9,1.9-4.6,2.8-7.4,2.8c-2.8,0-4.6-0.9-6.5-2.8 c-1.9-1.9-2.8-4.6-2.8-7.4s0.9-4.6,2.8-7.4l79-79c1.9-1.9,4.6-2.8,7.4-2.8s4.6,0.9,7.4,2.8c1.9,1.9,2.8,4.6,2.8,7.4 S602.6-77.1,600.7-75.2z'/%3E %3C/svg%3E");
}
.wrapper-btn-search{
  padding-right: 40px;
  align-self: flex-end;
}
.error{
  color:#DA3032;
}
.file-upload-dropin {
	width: 100%;
	height: 140px;
	overflow: auto;
	border: 2px dashed #888;
	padding: 8px;
	position: relative;
  background-color: #fff;
}
.file-upload-input{
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
}
.lg-result {
	background: #D6E9FF;
	border-bottom: 1px solid #666;
}
.lg-result td {
	padding: 5px;
}
.dm-block{
  border-left: 2px solid #999;
}
.dm-block-bottom{
  border-bottom: 2px dotted #666;
  padding-bottom: 16px;
}
.dm-block-padding{
  padding: 16px 20px;
}
.row{
	display: flex;
  padding-top: 5px;
  padding-bottom: 5px;  
	border-bottom: 1px solid var(--color-tertiary);
  gap: 5px;
}
.over-rows-border {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-tertiary);;
  margin-bottom: 8px;
}
.over-rows-border .row{
  border-bottom: 0;
}
.row-head1{
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  font-size: 14px;
  font-weight: bold;
}
.row-head2{
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
}
.row-head3{
  background-color: var(--color-tertiary);
  color: var(--color-on-tertiary);
  font-weight: bold;
}
.last-col-right{
  display:flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.no-border{
  border: 0;
}
.open-fancy{
  cursor: pointer;
}
.content-aide{
  font-size: 16px;
}
.content-aide h1{
  color: var(--color-tertiary);
}
.content-aide h1{
  font-size: 22px;
}
.content-aide ol{
  padding-left: 30px;
}
.content-aide ul{
  padding-left: 40px;;
}
.btn-outsize{
  color: #ff6000;
  border-color: #ff6000;
}
.btn-outsize-oversize{
  color: #fff;
  border-color: red;
  background-color :red;
}
.bt_edit-outsize{
  border: 1px solid #ff6000;
  border-radius: 5px;
  background-color: #ffff;
  width: 24px;
}
.bt_edit-outsize-oversize{
  border: 1px solid red;
  border-radius: 5px;
  border-color: red;
  background-color :red;
}
.gotoerror{
  border: 1px solid red;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  color: red;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 1.1;;
}
.gotoerror::before{
  content: '!';
}
.ui-widget-content .ui-state-default.ui-button-text-only{
  background: #fff;
  border-color: #707c9c;
  color: #3a5582;
}
.ui-button-text-only.ui-state-focus.ui-button-text-only{
  color: #fff;
  background: #707c9c;
}