.veryverysmall {
	font-size: 8px!important;
	font-size: 8.8px!important;
}

.verysmall {
	font-size: 8px!important;
	font-size: 9.6px!important;
}

.small {
	font-size: 9.6px!important; 
	font-size: 10.4px!important; 
}

.regularSize {
	font-size: 10.4px!important; 
	font-size: 11.2px!important; 
}

.mediumsmall {
	font-size: 11.2px!important; 
	font-size: 12.8px!important; 
}

.mediumSize {
	font-size: 12.8px!important;
	font-size: 14.4px!important;
}

.big {
	font-size: 14.4px!important;
	font-size: 16px!important;
}

.mediumbig {
	font-size: 17.6px!important;
	font-size: 19.2px!important;
}

.bigbig {
	font-size: 28px!important;
	font-size: 30.4px!important;
}

.giant {
	font-size: 40px!important;
}

.giantgiant {
	font-size: 65px!important;
}

.lineh7 {
	line-height: 7px!important;
}

.lineh10 {
	line-height: 10px!important;
}

.lineh15 {
	line-height: 15px!important;
}

.flex-row {
	display: flex!important;
	flex-direction: row!important;
}

.flex-column {
	display: flex!important;
	flex-direction: column!important;
}

.flex-wrap {
	flex-wrap: wrap;
}

.grid {
	display: grid!important;
	align-content: start;
}

.flex-start {
	justify-content: start!important;
}

.space-around {
	justify-content: space-around!important;
}

.space-between {
	justify-content: space-between!important;
}

.space-evenly {
	justify-content: space-evenly!important;
}

.flex-wrap {
	flex-wrap: wrap!important;
}

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

.flex-end {
	justify-content: flex-end!important;
	align-items: flex-end;
}

.flex-start {
	justify-content: flex-start!important;
}

.align-center {
	align-items: center!important;
}

.align-start {
	align-items: flex-start!important;
}

.align-end {
	align-items: flex-end!important;
}

.vertical-align-top {
vertical-align: text-top;
}

.vertical-middle {
	vertical-align: middle;
}

.material-symbols-outlined {
	align-items: center!important;
}

.outlined {
	font-variation-settings: 'FILL' 0!important;
}

.filled {
	font-variation-settings: 'FILL' 1!important;
}

.uppercase {
	text-transform: uppercase!important;
}

.capitalize {
	text-transform: capitalize!important;
}

.text-transform-none {
	text-transform: none!important;
}

.light {
	font-weight: 300!important;
}	

.regular {
	font-weight: 400!important;
}	

.semibold, .semibold .item {
	font-weight: 600!important;
}

.bold {
	font-weight: 800!important;
}

.underline {
	text-decoration: underline!important;
}

.underline-hover:hover {
	text-decoration: underline!important;
}

.ligne-through {
	text-decoration: line-through!important;
}

.underline-none, .underline-none:hover {
	text-decoration: none!important;
}

.italic {
	font-style: italic!important;
}

.straight {
	font-style: normal!important;
}

.mixDifference {
	mix-blend-mode: difference!important;
}

.explication, .explication a {
	font-size: 8px!important;
	font-size: 10.4px!important;
	font-weight: 500!important;
	font-style: italic!important;
	text-transform: none!important;
	text-align: left!important;
	color: var(--color-medium)!important;
}

.filter.active {
	background-color: var(--color-OPmediumblue)!important;
}


.filter.active p {
	font-weight: 600!important;
}

.nowrap {
	white-space: nowrap!important;
}

.wrap {
	white-space: normal!important;
}

.overflow-hidden {
	overflow: hidden!important;
}

.overflowx-auto {
	overflow-x: auto!important;
	overflow-y: clip;
}

.overflowy-auto {
	overflow-y: auto!important;
	overflow-x: clip;
	padding-right: 3px;
}

.overflow-visible {
	overflow-y: visible!important;
	overflow-x: visible!important;
	overflow: visible!important;
}

.overflowy-scroll {
	overflow-y: scroll!important;
}

.editable .dropdown-toggle.overflow-visible {
	overflow: hidden;
}

.ellipsis {
	text-overflow: ellipsis;
}

.box-shadow {
	box-shadow: 0px 3px 6px #00000029;
}

.box-shadow-inset {
	box-shadow: inset 0px 3px 6px #00000029;
}

.box-shadow-lightprimary {
	box-shadow: 1px 2px 0px 6px var(--color-lightprimary)!important;
}

.shadow-none {
	box-shadow: none!important;
}

.float-right {
	float: right!important;
}

.p-relative {
	position: relative!important;
}

.p-absolute {
	position: absolute!important;
}

.p-fixed {
	position: fixed!important;
}

.z-100 {
	position: relative;
	z-index: 100;
}

.z-200 {
	position: relative;
	z-index: 200;
}

.z-800 {
	position: relative;
	z-index: 800;
}

.z-998 {
	position: relative;
	z-index: 998;
}

.border-radius {
	border-radius: 2px!important;
}

.border-radius-left {
	border-radius: 10px 0 0 10px!important;
}

.border-radius0 {
	border-radius: 0px!important;
}
.border-radius3 {
	border-radius: 3px!important;
}

.border-radius30 {
	border-radius: 30%!important;
}

.border-radius50 {
	border-radius: 50%!important;
}

.border-radius50px {
	border-radius: 50px!important;
}

.cursor-pointer {
	cursor: pointer!important;
}

.cursor-notallowed {
	cursor: not-allowed!important;
}

.cursor-zoom {
	cursor: zoom-in!important;
}

.cursor-default {
	cursor: default!important;
}

.cursor-help {
	cursor: help;
}

.copyPaste > * {
	user-select: text;
}

.search {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.spanBG {
	position: absolute;
    opacity: 0.2;
    font-size: 80px!important;
    left: -50px;
}

.objectFitCover {
	object-fit: cover;
}

.translateLeft50 {
    transform: translateX(-50%);
}

/* ICONES */
.fill-none {
	font-variation-settings : 'FILL' 0;
}

.ico-warning {
	/* text-shadow: 0px 0px 3px var(--color-light); */
    font-size: 24px;
}

/* OVERFLOW */
.xclip {
	overflow-x: clip!important;
}
/* ROTATE */

.deg315 {
	transform: rotate(315deg);
	transition: transform .350s linear;
}

.deg270 {
	transform: rotate(270deg);
	transition: transform .350s linear;
}

.deg180 {
	transform: rotate(180deg);
	transition: transform .350s linear;
}

.deg90 {
	transform: rotate(90deg);
	transition: transform .350s linear;
}

.deg50 {
    transform: translateY(-50%);
}

/* COULEURS */
.white, p.white, span.white, label.white {
	color: var(--color-light)!important;
}

.graylight, p.graylight, span.graylight, label.graylight {
	color: var(--color-graylight)!important;
}

.gray, p.gray, span.gray, label.gray {
	color: var(--color-gray)!important;
}

.OPgray, p.OPgray, span.OPgray, label.OPgray {
	color: var(--color-OPgray)!important;
}

.medium, p.medium, label.medium, span.medium {
	color: var(--color-medium)!important;
}

.mediumdark, p.mediumdark, span.mediumdark, label.mediumdark {
	color: var(--color-mediumdark)!important;
}

.black, p.black, span.black, label.black {
	color: var(--color-dark)!important;
}

.green, span.green, p.green, label.green {
	color: var(--color-green)!important;
}

.electricblue, p.electricblue, label.electricblue, span.electricblue, .electricblue .item {
	color: var(--color-electricblue)!important;
}


.aqua, span.aqua, p.aqua, label.aqua {
	color: var(--color-green)!important;
}

.darkgreen, p.darkgreen, label.darkgreen, span.darkgreen {
	color: var(--color-darkgreen)!important;
}

.mediumblue, p.mediumblue, label.mediumblue, span.mediumblue {
	color: var(--color-mediumblue)!important;
}

.blue, p.blue, label.blue, span.blue, .blue .item {
	color: var(--color-blue)!important;
}

.OPelectricblue, p.OPelectricblue, label.OPelectricblue, span.OPelectricblue, .OPelectricblue .item {
	color: var(--color-OPelectricblue)!important;
}

.lightelectricblue, p.lightelectricblue, label.lightelectricblue, span.lightelectricblue, .lightelectricblue .item {
	color: var(--color-lightelectricblue)!important;
}


.gradient-hermes, p.gradient-hermes, label.gradient-hermes, span.gradient-hermes, .gradient-hermes .item {
	background-image: var(--gradient-hermes270)!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
	background-clip: text!important;
}

.valid, p.valid, label.valid, span.valid {
	color: var(--color-valid)!important;
}

.warning, p.warning, label.warning, span.warning {
	color: var(--color-warning)!important;
}

.darkblue, p.darkblue, label.darkblue, span.darkblue {
	color: var(--color-darkblue)!important;
}

.OPdarkblue, p.OPdarkblue, label.OPdarkblue, span.OPdarkblue {
	color: var(--color-OPdarkblue)!important;
}

.yellow, p.yellow, label.yellow, span.yellow {
	color: var(--color-yellow)!important;
}

.darkyellow, p.darkyellow, span.darkyellow, label.darkyellow {
	color: var(--color-darkyellow)!important;
}

.pink, p.pink, label.pink, span.pink {
	color: palevioletred!important;
}

.red, p.red, label.red, span.red {
	color: var(--color-red)!important;
}

.darkred, p.darkred, label.darkred, span.darkred {
	color: var(--color-darkred)!important;
}

.lightprimary, p.lightprimary, span.lightprimary, label.lightprimary {
	color: var(--color-lightprimary)!important;
}

.primary, label.primary, p.primary, span.primary {
	color: var(--color-primary)!important;
}

.mediumprimary, label.mediumprimary, p.darkprimary, span.darkprimary {
	color: var(--color-mediumprimary)!important;
}

.darkprimary, p.darkprimary, label.darkprimary, span.darkprimary {
	color: var(--color-darkprimary)!important;
}

.OPprimary, p.OPprimary, span.OPprimary, label.OPprimary {
	color: var(--color-OPprimary)!important;
}

.OPmediumprimary, label.OPmediumprimary, span.OPmediumprimary, p.OPmediumprimary {
	color: var(--color-OPmediumprimary)!important;
}

.OPdarkprimary, label.OPdarkprimary, p.OPdarkprimary, span.OPdarkprimary {
	color: var(--color-OPdarkprimary)!important;
}

.OPdark, label.OPdark, p.OPdark, span.OPdark {
	color: var(--color-OPdark)!important;
}

.purple, label.purple, p.purple, span.purple {
color: var(--color-purple)!important;
}

.lilac, label.lilac, p.lilac, span.lilac {
	color: var(--color-lilac)!important;
}

.mediumlilac, label.mediumlilac, p.mediumlilac, span.mediumlilac {
	color: var(--color-mediumlilac)!important;
}

.brown, label.brown, p.brown, span.brown {
	color: var(--color-brown)!important;
}

.transparent {
	color: transparent!important;
}

.folder {
	color: var(--color-folder)!important;
}

.blocdetail {
	color: var(--color-blocdetail)!important;
}

.gradient-green, p.gradient-green, label.gradient-green, span.gradient-green, .gradient-green .item {
	background-image: linear-gradient(135deg, var(--color-darkgreen), var(--color-green))!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
	background-clip: text!important;
}

.gradient-yellow {
	background-image: linear-gradient(135deg, var(--color-darkyellow), var(--color-yellow))!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
	background-clip: text!important;
}

.gradient-hermes {
	background-image: linear-gradient(135deg, #7b67ca, #e11cec)!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
	background-clip: text!important;
}

/* BACKGROUND */
.BGtransparent {
	background: none;
	background-color: transparent!important;
}

.BGlight {
	background: none;
	background-color: var(--color-light)!important;
}

.BGOPlight {
	background-image: none!important;
	background-color: var(--color-OPlight)!important;
}

.BGgraylight {
	background-image: none!important;
	background-color: var(--color-graylight)!important;
}

.BGOPgraylight {
	background-image: none!important;
	background-color: var(--color-OPgraylight)!important;
}

.BGgray {
	background-image: none!important;
	background-color: var(--color-gray)!important;
}

.BGOPgray {
	background-image: none!important;
	background-color: var(--color-OPgray)!important;
}

.BGOPmediumblue {
	background-image: none!important;
	background-color: var(--color-OPmediumblue)!important;}

.BGmedium {
	background-image: none!important;
	background-color: var(--color-medium)!important;
}

.BGOPmedium {
	background-image: none!important;
	background-color: var(--color-OPmedium)!important;
}

.BGmediumdark {
	background-image: none!important;
	background-color: var(--color-mediumdark)!important;
}

.BGOPmediumdark {
	background-image: none!important;
	background-color: var(--color-OPmediumdark)!important;
}

.BGblack {
	background: none;
	background-color: var(--color-dark)!important;
}

.BGfullblack {
	background: none;
	background-color: #000!important;
}

.BGOPblack {
	background-image: none!important;
	background-color: var(--color-OPdark)!important;
}
.BGgreen {
	background: none;
	background-image: linear-gradient(135deg, var(--color-green) 15%, var(--color-OPgreen) 100%)!important;
	background-color: var(--color-darkgreen);
}

.BGaqua {
	background: none;
	background-color: var(--color-aqua);
}

.BGmediumaqua {
	background: none;
	background-color: var(--color-mediumaqua);
}

.BGfullgreen {
	background: none;
	background-color: var(--color-green)!important;
}

.BGmediumgreen {
	background: none;
	background-color: var(--color-mediumgreen)!important;
}

.BGdarkgreen {
	background-image: none!important;
	background-color: var(--color-darkgreen)!important;
}

.BGOPgreen {
	background-image: none!important;
	background-color: var(--color-OPgreen)!important;
}

.BGOPdarkgreen {
	background-image: none!important;
	background-color: var(--color-OPdarkgreen)!important;
}

.BGlightgreen {
	background-image: none!important;
	background-color: var(--color-lightgreen)!important;
}

.BGvalid {
	background: none;
	background-color: var(--color-valid)!important;
}

.BGlime {
	background: none;
	background-color: var(--color-lime)!important;
}

.BGframboise {
	background: none;
	background-color: var(--color-framboise)!important;
}

.BGblue {
	background: none;
	background-image: linear-gradient(135deg, var(--color-blue) 15%, var(--color-OPblue) 100%)!important;
	background-color: var(--color-darkblue);
}

.BGfullblue {
	background: none;
	background-color: var(--color-blue)!important;
}

.BGelectricblue {
	background: none;
	background-image: linear-gradient(135deg, var(--color-lightelectricblue) 0%, var(--color-electricblue) 74%)!important;
	background-color: var(--color-electricblue);
}

.BGfullelectricblue {
	background: none;
	background-color: var(--color-electricblue)!important;
}

.BGOPelectricblue {
	background: none;
	background-color: var(--color-OPelectricblue)!important;
}

.BGOPblue {
	background-image: none!important;
	background-color: var(--color-OPblue)!important;
}

.BGOPdarkblue {
	background-image: none!important;
	background-color: var(--color-OPdarkblue)!important;
}

.BGdarkblue {
	background-image: none!important;
	background-color: var(--color-darkblue)!important;
}

.BGmediumblue {
	background-image: none!important;
	background-color: var(--color-mediumblue)!important;
}

.BGlightblue {
	background-image: none!important;
	background-color: var(--color-lightblue)!important;
}

.BGred {
	background: none;
	background-image: linear-gradient(135deg, var(--color-red) 15%, var(--color-OPred) 100%)!important;
	background-color: var(--color-darkred);
}

.BGfullred {
	background: none;
	background-color: var(--color-red)!important;
}

.BGOPred {
	background-image: none!important;
	background-color: var(--color-OPred)!important;
}

.BGOPdarkred {
	background-image: none!important;
	background-color: var(--color-OPdarkred)!important;
}

.BGlightred {
	background-image: none!important;
	background-color: var(--color-lightred)!important;
}

.BGOPlightred {
	background-image: none!important;
	background-color: var(--color-OPlightred)!important;
}

.BGyellow {
	background: none!important;
	background-image: linear-gradient(135deg, var(--color-yellow) 15%, var(--color-OPyellow) 100%)!important;
	background-color: var(--color-darkyellow)!important;
}

.BGfullyellow {
	background: none!important;
	background-color: var(--color-yellow)!important;
}

.BGdarkyellow, .popup > div > .label-categorie.BGdarkyellow {
	background: none!important;
	background-color: var(--color-darkyellow)!important;
}

.BGOPyellow {
	background-image: none!important;
	background-color: var(--color-OPyellow)!important;
}

.BGOPdarkyellow {
	background-image: none!important;
	background-color: var(--color-OPdarkyellow)!important;
}

.BGlightyellow, .ag-header-cell.BGlightyellow {
	background-image: none!important;
	background-color: var(--color-lightyellow)!important;
}

.BGlightprimary, .BGlightprimary.readonly {
	background-image: none!important;
	background-color: var(--color-lightprimary)!important;
}

.BGOPlightprimary {
	background-image: none!important;
	background-color: var(--color-OPlightprimary)!important;
}

.BGprimary {
	background-image: none!important;
	background-image: linear-gradient(135deg, var(--color-lightprimary) 15%, var(--color-primary) 100%)!important;
	background-color: var(--color-primary)!important;
}

.BGfullprimary, .ag-header-cell.BGfullprimary {
	background-image: none!important;
	background-color: var(--color-primary)!important;
}

.BGOPprimary {
	background-image: none!important;
	background-color: var(--color-OPprimary)!important;
}

.BGmediumprimary {
	background-image: none!important;
	background-image: linear-gradient(135deg, var(--color-primary) 15%, var(--color-mediumprimary) 100%)!important;
	background-color: var(--color-mediumprimary)!important;
	color: var(--color-light)!important;
}

.BGfullmediumprimary {
	background-image: none!important;
	background-color: var(--color-mediumprimary)!important;
}

.BGOPmediumprimary {
	background-image: none!important;
	background-color: var(--color-OPmediumprimary)!important;
}

.BGdarkprimary {
	background-image: none!important;
	background-image: linear-gradient(135deg, var(--color-mediumprimary) 15%, var(--color-darkprimary) 100%)!important;
	background-color: var(--color-darkprimary)!important;
	color: var(--color-light)!important;
}

.BGfulldarkprimary {
	background-image: none!important;
	background-color: var(--color-darkprimary)!important;
}

.BGOPdarkprimary {
	background-image: none!important;
	background-color: var(--color-OPdarkprimary)!important;
}

.BGlilac {
	background-image: none!important;
	background-image: linear-gradient(135deg, var(--color-lilac) 15%, var(--color-OPred) 100%)!important;
	background-color: var(--color-darkblue)!important;
	color: var(--color-light)!important;
}

.BGfulllilac {
	background-image: none!important;
	background-color: var(--color-lilac)!important;
}

.BGfullmediumlilac {
	background-image: none!important;
	background-color: var(--color-mediumlilac)!important;
}

.BGpurple {
	background-image: none!important;
	background-image: linear-gradient(135deg, var(--color-lilac) 15%, var(--color-purple) 100%)!important;
	background-color: var(--color-purple)!important;
	color: var(--color-light)!important;
}

.BGfullpurple {
	background-image: none!important;
	background-color: var(--color-purple)!important;
}

.BGfullpink {
	background-image: none!important;
	background-color: var(--color-pink)!important;
}

.BGbrown {
	background-image: none!important;
	background-color: var(--color-brown)!important;
}

.BGgradiantCircular {
	/* background: conic-gradient(var(--color-electricblue) 0%, var(--color-blue) 74%); */
	background: conic-gradient(#2f6bff 0%, #4f67ff 28%, #7a5cff 66%, #b14dff 100%);
}

/* Cercles des vignettes du carrousel dashboard_B03 : une couleur de la palette par vignette. */
.BGgradiantCircularHermes {
	background: conic-gradient(#7b67ca 0%, #e11cec 100%);
}

.BGgradiantCircularBleu {
	background: conic-gradient(var(--color-electricblue) 0%, #2f6bff 100%);
}

.BGgradiantCircularYG {
	/* background: conic-gradient(var(--color-electricblue) 0%, var(--color-blue) 74%); */
	background: conic-gradient(var(--color-green) 0%, var(--color-green) 50%, var(--color-yellow) 100%);
}

.BGgradient90 {
	background: var(--gradient-hermes90);
}

.BGgradient180 {
	background: var(--gradient-hermes180);
}

.BGbluegradient {
	background: var(--gradient-blue0);
}

.BGbluegradient270 {
	background: var(--gradient-blue270);
}

.BGnone {
	background-image: none!important;
	background: none!important;
	background-color: transparent!important;
}

.BGwaves {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
    left: 0;
	transform: scaleY(-1);
    z-index: 1;
    border-radius: 2px;
	overflow: hidden;
}

.waves {
    width: 100%;
    height: 100%;
	transform: scaleX(-1);
    border-radius: 2px;
}

.w25 > .BGwaves > .waves {
	width: 200%;
	margin-left: -90%;
}

.parallax {
	transform: rotate(5deg);
}

.parallax > use:nth-child(odd) {
	fill: #00000035;
	}

.BGfullblue .parallax > use:nth-child(even) {
	fill: var(--color-blue);
	filter: blur(2px);

}

.BGfullred .parallax > use:nth-child(even) {
	fill: var(--color-red);
	filter: blur(2px);
}

.parallax > use:nth-child(1) {
	transform: translate3d(50px,8.5px,0);
}
.parallax > use:nth-child(2) {
	transform: translate3d(50px,8.8px,0);
}
.parallax > use:nth-child(3) {
	transform: translate3d(50px,9px,0);
}
.parallax > use:nth-child(4) {
	transform: translate3d(50px,9.3px,0);
}
.parallax > use:nth-child(5) {
	transform: translate3d(50px,9.5px,0);
}
.parallax > use:nth-child(6) {
	transform: translate3d(50px,9.8px,0);
}

/* HOVER */

.graylightHover {
	background-color: transparent;
	padding: 2px 5px;
	transition: all .15s linear;
}

.graylightHover:hover {
	background-color: var(--color-graylight);
}

.hover-none {
	pointer-events: none!important;
}

/* ALIGNEMENT */

.text-center {
	text-align: center!important;
}

.text-left, .tableGraphique td.text-left {
	text-align: left!important;
}

.text-right {
	text-align: right!important;
}

.editable .dropdown-toggle.text-right {
	padding-right: 20px;
}

/* CURSEUR */
.events-none {
	cursor: not-allowed!important;
}

.pointer-none {
	cursor: initial!important;
}

.pointer-events-none, .events-none > div, .events-none {
	pointer-events: none!important;
}

/* MARGIN */

.m0 {
	margin: auto 0!important;
}

.my0 {
	margin: 0!important;
}

.myauto {
	margin-top: auto!important;
	margin-bottom: auto!important;
}

.mxauto {
	margin-right: auto!important;
	margin-left: auto!important;
}

.mauto {
	margin: auto!important;
}

.mb0 {
	margin-bottom: 0!important;
}

.mb1 {
	margin-bottom: 1px!important;
}

.mb2 {
	margin-bottom: 2px!important;
}

.mb3 {
	margin-bottom: 3px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}

.mb60 {
	margin-bottom: 60px!important;
}

.mt-4 {
	margin-top: -4px!important;
}

.mt-10 {
	margin-top: -10px!important;
}

.mt0 {
	margin-top: 0!important;
}

.mt1 {
	margin-top: 1px!important;
}

.mt2 {
	margin-top: 2px!important;
}

.mt3 {
	margin-top: 3px!important;
}

.mt5 {
	margin-top: 5px!important;
}

.mt7 {
	margin-top: 7px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mt40 {
	margin-top: 40px!important;
}

.mt60 {
	margin-top: 60px!important;
}

.mt100 {
	margin-top: 100px!important;
}

.mt150 {
	margin-top: 150px!important;
}

.rauto {
	right: auto!important;
}

.r0 {
	right: 0!important;
}

.rm30 {
	right: -30px!important;
}

.t0 {
	top: 0;
}

.tm10 {
	top: -10px;
}

.tm45 {
	top: -45px;
}

.t4 {
	top: 4px;
}

.l0 {
	left: 0;
}

.b0 {
	bottom: 0;
}

.l40p {
	left: 40%;
}

.lauto {
	left: auto!important;
}

.mr0 {
	margin-right: 0!important;;
}

.mr1 {
	margin-right: 1px!important;;
}

.mr2 {
	margin-right: 2px!important;;
}

.mr3 {
	margin-right: 3px!important;;
}

.mr5 {
	margin-right: 5px!important;;
}

.mr {
	margin-right: 10px!important;
}

.mr15 {
	margin-right: 15px!important;
}

.mr20 {
	margin-right: 20px!important;
}

.mr25 {
	margin-right: 25px!important;
}

.mr30 {
	margin-right: 30px!important;
}

.mr35 {
	margin-right: 35px!important;
}

.mr40 {
	margin-right: 40px!important;
}

.mr56 {
	margin-right: 56px!important;
}

.mr70 {
	margin-right: 70px!important;
}

.mr100 {
	margin-right: 100px!important;
}

.ml0 {
	margin-left: 0!important;
}

.ml1 {
	margin-left: 1px!important;
}

.ml2 {
	margin-left: 2px!important;
}

.ml3 {
	margin-left: 3px!important;
}

.ml5 {
	margin-left: 5px!important;
}

.ml {
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px!important;
}

.ml20 {
	margin-left: 20px!important;
}

.ml40 {
	margin-left: 40px!important;
}

.ml100 {
	margin-left: 100px!important;
}

.mlauto {
	margin-left: auto!important;
}

/* PADDING */

.p0 {
	padding: 0!important;
}

.p3 {
	padding: 3px!important;
}

.p5 {
	padding: 5px!important;
}

.p10 {
	padding: 10px!important;
}

.p20 {
	padding: 20px!important;
}


.p30 {
	padding: 30px!important;
}

.pt0, td.pt0 {
	padding-top: 0px!important;
}

.pt1 {
	padding-top: 1px!important;
}

.pt2 {
	padding-top: 2px!important;
}

.pt3 {
	padding-top: 3px!important;
}

.pt5 {
	padding-top: 5px!important;
}

.pt10 {
	padding-top: 10px!important;
}

.pt15 {
	padding-top: 15px!important;
}

.pt20 {
	padding-top: 20px!important;
}

.pt22 {
	padding-top: 22px!important;
}

.pt30 {
	padding-top: 30px!important;
}

.pt40 {
	padding-top: 40px!important;
}

.pt42 {
	padding-top: 42px!important;
}

.pt50 {
	padding-top: 50px!important;
}

.pr0 {
	padding-right: 0px!important;
}

.pr3 {
	padding-right: 3px!important;
}

.pr5 {
	padding-right: 5px!important;
}

.pr10 {
	padding-right: 10px!important;
}

.pr12 {
	padding-right: 12px!important;
}

.pr15 {
	padding-right: 15px!important;
}

.pr20 {
	padding-right: 20px!important;
}

.pr25 {
	padding-right: 25px!important;
}

.pr30 {
	padding-right: 30px!important;
}

.pr40 {
	padding-right: 40px!important;
}

.pr50 {
	padding-right: 50px!important;
}

.pb0, td.pb0 {
	padding-bottom: 0px!important;
}

.pb2 {
	padding-bottom: 2px!important;
}

.pb5 {
	padding-bottom: 5px!important;
}

.pb10 {
	padding-bottom: 10px!important;
}

.pb15 {
	padding-bottom: 15px!important;
}

.pb20 {
	padding-bottom: 20px!important;
}

.pb30 {
	padding-bottom: 30px!important;
}

.pb40 {
	padding-bottom: 40px!important;
}

.pb50 {
	padding-bottom: 50px!important;
}

.pb60 {
	padding-bottom: 60px!important;
}

.pl0 {
	padding-left: 0px!important;
}

.pl2 {
	padding-left: 2px!important;
}

.pl5 {
	padding-left: 5px!important;
}

.pl10 {
	padding-left: 10px!important;
}

.pl15 {
	padding-left: 15px!important;
}

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

.pl25 {
	padding-left: 25px!important;
}

.pl30 {
	padding-left: 30px!important;
}

.pl40 {
	padding-left: 40px!important;
}

.pl50 {
	padding-left: 50px!important;
}

.pl60 {
	padding-left: 60px!important;
}

/* BORDER*/
.border {
	border: solid 1px var(--color-dark)!important;
}

.border-transparent {
	border: solid 1px transparent;
}

.border-white {
	border: solid 1px var(--color-light);
	border-radius: 2px;
	padding: 5px;
}

.border-right {
	border-right: solid 1.5px var(--color-graylight)!important;
}

.border-only-right {
	border: none!important;
	border-right: solid 1.5px var(--color-graylight)!important;
}

.border-right-gray {
	border-right: solid 1.5px var(--color-gray)!important;
}

.border-left-gray {
	border-left: solid 1.5px var(--color-gray)!important;
}

.border-bottom {
	border-bottom: solid 1.5px var(--color-medium)!important;
}

.border-left {
	border-left: solid 1.5px var(--color-graylight)!important;
}

.border-top {
	border-top: solid 1.5px var(--color-graylight)!important;
}

.border-left-medium {
	border-left: solid 1.5px var(--color-medium)!important;
}

.border-right.border-black {
	border-right: solid 1px!important;
}

.border-left.border-black {
	border-left: solid 1px!important;
}

.border-darkprimary {
	border-color: var(--color-darkprimary)!important;
}

.border-black {
	border-color: var(--color-dark)!important;
}

.border-mediumdark {
	border-color: var(--color-mediumdark)!important;
}

.border-dark {
	border: solid 1.5px var(--color-dark)!important;
}

.border-medium {
	border: solid 1.5px var(--color-medium)!important;
}

.border-primary {
	border-color: var(--color-primary)!important;
}

.border-mediumprimary {
	border-color: var(--color-mediumprimary)!important;
}

.border-blue {
	border: solid 1px var(--color-blue)!important;
}

.border-darkblue {
	border: solid 1px var(--color-darkblue)!important;
}

.border-red {
	border-color: var(--color-red)!important;
}

.border-gray {
	border: solid 1px var(--color-gray)!important;
}

.border-top-gray {
	border-top: solid 1px var(--color-gray)!important;
}

.border-bottom-gray {
	border-bottom: solid 1px var(--color-gray)!important;
}

.border-bottom-red {
	border-bottom: solid 1px var(--color-red)!important;
}

.border-darkyellow {
	border-color: var(--color-darkyellow)!important;
}

.border-blocdetail {
	border-color: var(--color-blocdetail)!important;
}

.border-OPmediumdark {
	border-color: var(--color-OPmediumdark)!important;
}

.border-OPmedium {
	border-color: var(--color-OPmedium)!important;
}

.border-light {
	border-color: var(--color-light)!important;
}

.border-purple {
	border: solid 1px var(--color-purple);
}

.border-pink {
	border: solid 1px var(--color-pink);
}

.border-green {
	border: solid 1px var(--color-green);
}


.border-electricblue {
	border: solid 1px var(--color-electricblue);
}
.border-darkyellow {
	border: solid 1px var(--color-darkyellow);
}

.border-bottom-none {
	border-bottom: none!important;
}

.border-left-none {
	border-left: none!important;
}

.border-top-none {
	border-top: none!important;
}

.border-right-none {
	border-right: none!important;
}

.border-none {
	border: none!important;
}

.top-blue {
	border-top: solid 2px var(--color-blue)!important;
}

.border-gradient-green {
	border: solid 1px transparent;
	border-image: linear-gradient(135deg, var(--color-darkgreen), var(--color-green)) 1;
}

.border-gradient-yellow {
	border: solid 1px transparent;
	border-image: linear-gradient(135deg, var(--color-darkyellow), var(--color-yellow)) 1;
}

.border-gradient-hermes {
	border: solid 1px transparent;
	border-image: linear-gradient(135deg, #7b67ca, #e11cec) 1;
}

/* Étiquette de température "Performance" (dashboard_B03) : bordure au dégradé Hermès. */
label.statut-performance {
	background-color: var(--color-light)!important;
	color: var(--color-dark)!important;
	/* !important sur les deux : le raccourci border réinitialise border-image. */
	border: solid 1px transparent!important;
	border-image: linear-gradient(135deg, #7b67ca, #e11cec) 1!important;
}

.topGradient, .rightGradient, .bottomGradient {
	overflow: hidden;
	position: relative;
}

.topGradient::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--gradient-hermes90);
	width: 100%;
	height: 3px;
}

.bottomGradient::before {
	content: '';
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--gradient-hermes90);
	width: 100%;
	height: 3px;
}

.rightGradient::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--gradient-hermes90);
	height: 100%;
	width: 3px;
}

/* IMPORTANT */
.BGmedium p, .BGmedium label, .BGmedium input, .BGmedium span {
	color: var(--color-light);
}

.BGmedium .label-categorie {
	background-color: var(--color-medium);
}

.BGmedium .dropdown-toggle, .BGmedium input {
	border-color: var(--color-mediumdark);
}

.BGmedium .bloc-border, .BGmedium .bloc-less-bottom-border, .BGmedium .bloc-less-bottom-border {
	border-color: var(--color-light);
}

.BGmedium input:read-only {
	color: var(--color-light);
}

.non-editable .BGmedium input {
	color: var(--color-light);
}
.BGgraylight p, .BGgraylight label,  .BGgraylight span {
	color: var(--color-darkprimary);
}

.BGgraylight input, .BGgraylight .dropdown-toggle {
	background-color: var(--color-light);
	border-color: var(--color-darkprimary)!important;
}

.BGgraylight .label-categorie {
	background-color: var(--color-light);
}

.BGgraylight .bloc-border, .BGgraylight .bloc-less-bottom-border, .BGgraylight .bloc-less-bottom-border {
	border-color: var(--color-darkblye);
	border-width: 1.5px;
}

.BGgraylight input, .non-editable .BGgraylight input {
	color: var(--color-darkprimary);
}

.non-editable .BGgraylight input, .non-editable .BGgraylight .dropdown-toggle {
	background: none;
}

.bloc-blanc .bloc-border, .bloc-blanc .bloc-less-bottom-border, .bloc-blanc .bloc-less-bottom-border {
	border-color: var(--color-medium);
}

.non-editable-fitc {
	width: fit-content !important;
    min-width: 0;
}

/*ANIMATIONS*/
.parentSlider {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

.slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.childSlider {
	transform: translateX(0);
	transition: transform 0.5s ease;
	min-width: 100%;
	height: fit-content;
}

.pagerSlider.white * {
	color: var(--color-light);
}

.fenetre-item {
	display: none!important;
	height: 100%;
}

.visible {
	/* display: initial!important; sinon les hauteurs ne fonctionnent pas*/
	display: flex!important;
}

/* DROPDOWNS */
/* scoringExtraFinancier */
.scoringExtraFinancier div[data-value="1"], p.scoringExtraFinancier[value="A"] {
	color: #067F43!important;
}

.scoringExtraFinancier div[data-value="2"], p.scoringExtraFinancier[value="B"] {
	color: #53AD6A!important;
}

.scoringExtraFinancier div[data-value="3"], p.scoringExtraFinancier[value="C"] {
	color: #EC9542!important;
}

.scoringExtraFinancier div[data-value="4"], p.scoringExtraFinancier[value="D"] {
	color: #D9717B!important;
}

.scoringExtraFinancier div[data-value="5"], p.scoringExtraFinancier[value="E"] {
	color: #B22830!important;
}

.scoringExtraFinancier .option, .scoringExtraFinancier .item, p.scoringExtraFinancier {
	font-weight: 600!important;
}

.non-editable .scoringExtraFinancier .item {
	font-size: 16px!important;
}

/* priorites */
.prioriteCommande div[data-value="1"]:before, p.prioriteCommande[data-value="1"]:before {
	background-color: var(--color-red) !important;
}

.prioriteCommande div[data-value="2"]:before, p.prioriteCommande[data-value="2"]:before {
	background-color: var(--color-blue) !important;
}

.prioriteCommande div[data-value="3"]:before, p.prioriteCommande[data-value="3"]:before {
	background-color: var(--color-yellow) !important;
}

.prioriteCommande div[data-value="4"]:before, p.prioriteCommande[data-value="4"]:before {
	background-color: var(--color-darkgreen) !important;
}

.prioriteCommande div[data-value="5"]:before, p.prioriteCommande[data-value="5"]:before {
	background-color: var(--color-green) !important;
}

.prioriteCommande div.option:before, .prioriteCommande div.item:before, p.prioriteCommande:before {
	content: '';
    display: inline-block;
	width: 13px;
    height: 13px;
    border-radius: 50%;
	margin-right: 5px;
}

.prioriteCommande {
	text-transform: none!important;
	font-size: 11.2px!important;
	font-weight: 300!important;
}

/* HOVER MODIFY */
.hover-edit input, .hover-edit select, .hover-edit .input, .hover-edit .ts-control, .hover-edit .fileName {
	background-color: transparent!important;
	border-color: transparent!important;
}

.hover-edit .ts-control::after {
	color: transparent!important
}

.hover-edit:hover input, .hover-edit:hover select, .hover-edit:hover .input, .hover-edit:hover .ts-control, .hover-edit:hover .fileName {
    border-color: var(--color-medium)!important;
	background-color: var(--color-graylight)!important;
}

.hover-edit:hover .ts-control::after {
	color: #303030!important
}

/* DATA DEFAULT */
.dataDefault::placeholder, .dataDefault input::placeholder {
	color: var(--color-dark) !important;
    font-weight: 300 !important;
    font-size: 11.2px;
}

/* BTN DATE */
.btnDate {
	width: fit-content!important;
	background-color: var(--color-light);
	border: solid 1px var(--color-blue);
	color: var(--color-blue);
	margin-bottom: 0;
}

.btnDate input {
	margin: 0;
	border: none !important;
	color: var(--color-blue);
	padding: 0 !important;
	width: 146px;
	font-weight: 400;
}

.btnDate input:focus {
	background-color: transparent!important;
}

/* FORMATS */
.formatA4 {
	aspect-ratio: 210 / 297;
	width: 100%;
	padding: 10px;
	/* max-width: 210mm; */
}

/* DOIT RESTER LE DERNIER APPELÉ*/
.option[data-value="Action"] {
	display: none;
}

.option.create {
	color: var(--color-electricblue)!important;
}
.bloc-disabled {
	opacity: 0.5;
	pointer-events: none!important;
}

/* .empty:not(.BGnone), .ts-wrapper > .ts-control.empty {
	background-color: var(--color-graylight)!important;
} */

.blue-box.empty {
	background-color: var(--color-lightblue)!important;
}

.empty.obligatoire, .ts-wrapper.obligatoire > .ts-control.empty {
	background-color: var(--color-OPelectricblue)!important;
	border: solid 1px var(--color-electricblue)!important;
}

.widgetError:not(.dateTimePicker):not(.datePicker):not(.timePicker):not(.ts-wrapper), .widgetError.dateTimePicker .dateTimeInput, .widgetError.datePicker .dateInput, .widgetError.timePicker .timeInput .empty.obligatoire.widgetError, .ts-wrapper.obligatoire.widgetError > .ts-control.empty {
	background-color: var(--color-lightred)!important;
	border: solid 1px var(--color-red)!important;
}

.ts-wrapper.obligatoire.widgetError > .ts-control.empty:after {
	color: var(--color-red)!important;
}

.createPart {
	width: 95%;
    color: var(--color-mediumdark);
	padding: 3px 10px;
	border-radius: 2px;
	font-weight: 500;
	text-transform: uppercase;
	border-top: solid 1px var(--color-gray);
    margin-bottom: 0;
    padding-top: 15px;
}

.comparisonIcon {
	margin-left: 5px;
	font-size: 13.6px;
}

.comparisonIcon.up {
	color: var(--color-green)!important;
}

.comparisonIcon.down {
	color: var(--color-red)!important;
}

/* WIDTH */

.vw20 {
	width: 20vw!important;
}

.vw23 {
	width: 25vw!important;
}

.w1 {
	width: 1%!important;
}

.w4 {
	width: 4%!important;
}

.w5 {
	width: 5%!important;
}

.w6 {
	width: 6%!important;
}

.w7 {
	width: 7%!important;
}

.w8 {
	width: 8%!important;
}

.w9 {
	width: 9%!important;
}

.w10 {
	width: 10%!important;
}

.w11 {
	width: 11%!important;
}

.w12 {
	width: 12%!important;
}

.w13 {
	width: 13%!important;
}

.w14 {
	width: 14%!important;
}

.w15 {
	width: 15%!important;
}

.w16 {
	width: 16%!important;
}

.w17 {
	width: 17%!important;
}

.w19 {
	width: 19%!important;
}

.w20 {
	width: 20%!important;
}

.w21 {
	width: 21%!important;
}

.w22 {
	width: 22%!important;
}

.w23 {
	width: 23%!important;
}

.w24 {
	width: 24%!important;
}

.w25 {
	width: 25%!important;
}

.w27 {
	width: 27%!important;
}

.w28 {
	width: 28%!important;
}

.w29 {
	width: 29%!important;
}

.w30 {
	width: 30%!important;
}

.w32 {
	width: 32%!important;
}

.w33 {
	width: 33%!important;
}

.w35 {
	width: 35%!important;
}

.w39 {
	width: 39%!important;
}

.w40 {
	width: 40%!important;
}

.w41 {
	width: 41%!important;
}

.w45 {
	width: 45%!important;
}

.w47 {
	width: 47%!important;
}

.w48 {
	width: 48%!important;
}

.w49 {
	width: 49%!important;
}

.w50, label.w50 {
	width: 50%!important;
}

.w52 {
	width: 52%!important;
}

.w53 {
	width: 53%!important;
}

.w55 {
	width: 55%!important;
}

.w56 {
	width: 56%!important;
}

.w60 {
	width: 60%!important;
}

.w65 {
	width: 65%!important;
}

.w68 {
	width: 68%!important;
}

.w70 {
	width: 70%!important;
}

.w73 {
	width: 73%!important;
}

.w75 {
	width: 75%!important;
}

.w80 {
	width: 80%!important;
}

.w82 {
	width: 82%!important;
}

.w83 {
	width: 83%!important;
}

.w85 {
	width: 85%!important;
}

.w88 {
	width: 88%!important;
}

.w89 {
	width: 89%!important;
}

.w90 {
	width: 90%!important;
}

.w92 {
	width: 92%!important;
}

.w93 {
	width: 93%!important;
}

.w95 {
	width: 95%!important;
}

.w96 {
	width: 96%!important;
}

.w97 {
	width: 97%!important;
}

.w98 {
	width: 98%!important;
}

.w99 {
	width: 99%!important;
}

.w100, label.w100 {
	width: 100%!important;
}

.w150 {
	width: 150%!important;
}

.w195 {
	width: 195%!important;
}

.w425 {
	width: 425%!important;
}

.w450 {
	width: 450%!important;
}

.wfit {
	width: fit-content!important;
}

.wauto {
	width: auto!important;
}

.w2px {
	width: 2px!important;
}

.w5px {
	width: 5px!important;
}

.w8px {
	width: 8px!important;
}

.w10px {
	width: 10px!important;
}

.w15px {
	width: 15px!important;
}

.w20px {
	width: 20px!important;
}

.w25px {
	width: 25px!important;
}

.w30px {
	width: 30px!important;
}

.w40px {
	width: 40px!important;
}

.w50px {
	width: 50px!important;
}

.w60px, label.w60px {
	width: 60px!important;
}

.w65px {
	width: 65px!important;
}

.w74px {
	width: 74px!important;
}

.w80px {
	width: 80px!important;
}

.w85px, label.w85px {
	width: 85px!important;
}

.w90px, label.w90px {
	width: 90px!important;
}

.w100px {
	width: 100px!important;
}

.w115px {
	width: 115px!important;
}

.w125px {
	width: 125px!important;
}

.w150px {
	width: 150px!important;
}

.w155px {
	width: 155px!important;
}

.w165px {
	width: 165px!important;
}

.w170px {
	width: 170px!important;
}

.w180px {
	width: 180px!important;
}

.w190px {
	width: 190px!important;
}

.w200px {
	width: 200px!important;
}

.w215px {
	width: 215px!important;
}

.w250px {
	width: 250px!important;
}

.w300px {
	width: 300px!important;
}

.w350px {
	width: 350px!important;
}

.w375px {
	width: 375px!important;
}

.w400px {
	width: 400px!important;;
}

.w600px {
	width: 600px!important;;
}

.w900px {
	width: 900px!important;;
}

.minw0, label.minw0, .minw0.blue-box{
	min-width: 0!important;
}

.minw25px {
	min-width: 25px!important;
}

.minw150px {
	min-width: 150px!important;
}

.minwfit {
	min-width: fit-content!important;
}

.minh50 {
	min-height: 50%;
}

.minh50vh {
	min-height: 50vh;
}

.maxh100 {
	max-height: 100%!important;
}

.maxw50 {
	max-width: 50%;
}

.maxw90 {
	max-width: 90%;
}

.maxw100 {
	max-width: 100%;
}

.non-editable .non-editable-wfit {
	width: fit-content;
}

/* HEIGHT */

.hfitc, label.hfitc {
	height: fit-content!important;
}

.h5 {
	height: 5%!important;
}

.h10 {
	height: 10%!important;
}

.h15 {
	height: 15%!important;
}

.h20 {
	height: 20%!important;
}

.h25 {
	height: 25%!important;
}

.h30 {
	height: 30%!important;
}

.h33 {
	height: 33%!important;
}

.h35 {
	height: 35%!important;
}

.h40 {
	height: 40%!important;
}

.h41 {
	height: 41%!important;
}

.h45 {
	height: 45%!important;
}

.h50 {
	height: 50%!important;
}

.h55 {
	height: 55%!important;
}

.h60 {
	height: 60%!important;
}

.h65 {
	height: 65%!important;
}

.h70 {
	height: 70%!important;
}

.h75 {
	height: 75%!important;
}

.h80 {
	height: 80%!important;
}

.h85 {
	height: 85%!important;
}

.h90 {
	height: 90%!important;
}

.h95 {
	height: 95%!important;
}

.h97 {
	height: 97%!important;
}

.h98 {
	height: 98%!important;
}

.h100 {
	height: 100%!important;
}


.h150 {
	height: 150%!important;
}

.hauto {
	height: auto!important
	;
}

.vh20 {
	height: 20vh!important;
}

.vh30 {
	height: 30vh!important;
}


.vh35 {
	height: 35vh!important;
}

.vh40 {
	height: 40vh!important;
}

.vh45 {
	height: 45vh!important;
}

.vh50 {
	height: 50vh!important;
}

.vh55 {
	height: 55vh!important;
}

.vh60 {
	height: 60vh!important;
}

.vh65 {
	height: 65vh!important;
}

.vh70 {
	height: 70vh!important;
}

.vh80 {
	height: 80vh!important;
}

.vh90 {
	height: 90vh!important;
}

.vh100 {
	height: 100vh!important;
}

.h3px {
	height: 3px!important;
}

.h5px {
	height: 5px!important;
}

.h10px {
	height: 10px!important;
}

.h15px {
	height: 15px!important;
}

.h17px {
	height: 17px!important;
}

.h19px {
	height: 19px!important;
}

.h20px {
	height: 20px!important;
}

.h21px {
	height: 21px!important;
}

.h25px {
	height: 25px!important;
}

.h30px {
	height: 30px!important;
}

.h35px {
	height: 35px!important;
}

.h40px {
	height: 40px!important;
}

.h42px {
	height: 42px!important;
}

.h45px {
	height: 45px!important;
}

.h47px {
	height: 47px!important;
}

.h50px {
	height: 50px!important;
}

.h60px {
	height: 60px!important;
}

.h74px {
	height: 74px!important;
}

.h80px {
	height: 80px!important;
}

.h90px {
	height: 90px!important;
}

.h100px {
	height: 100px!important;
}

.h110px {
	height: 110px!important;
}

.h125px {
	height: 125px!important;
}

.h150px {
	height: 150px!important;
}

.h160px {
	height: 150px!important;
}

.h170px {
	height: 170px!important;
}

.h180px {
	height: 180px!important;
}

.h190px {
	height: 190px!important;
}

.h200px {
	height: 200px!important;
}

.h225px {
	height: 225px!important;
}

.h250px {
	height: 250px!important;
}
.h300px {
	height: 300px!important;
}

.h350px {
	height: 350px!important;
}

.h400px {
	height: 400px!important;
}

.h500px {
	height: 500px!important;
}

.minh0 {
	min-height: 0px!important;
}

.min60 {
	min-height: 60px;
}

.minh100px {
	min-height: 100px;
}

.minh150 {
	min-height: 150px;
}

.minh135px {
	min-height: 135px;
}

.minh200px {
	min-height: 200px;
}

.maxh30 {
	max-height: 30%;
}

.maxh80 {
	max-height: 80%;
}

.maxh90 {
	max-height: 90%;
}

.minvh25 {
	min-height: 25vh;
}

.minvh80 {
	min-height: 80vh;
}

.minvh90 {
	min-height: 90vh;
}

.minvh100 {
	min-height: 100vh!important;
}

.minh100 {
	min-height: 100%;
}

.maxh100 {
	max-height: 100%;
}

.max40vh {
	max-height: 40vh;
}

.max80vh {
	max-height: 80vh;
}

.maxw300px {
	max-width: 300px;
}

.maxw500px {
	max-width: 500px;
}

.maxh200px {
	max-height: 200px;
}

.maxh300px {
	max-height: 300px;
}

.maxh400px {
	max-height: 400px;
}

.aspectRatioHeight {
    aspect-ratio: 1 / 1;
    width: auto;
}
.aspectRatioWidth {
    aspect-ratio: 1 / 1;
    height: auto;
}

.aspectRatio3Height {
    aspect-ratio: 3 / 1;
    width: auto;
}

.d-inline {
	display: inline-block!important;
}

.d-none {
	display: none!important;
}

/* .ts-hidden-accessible {
    border: 1px solid #ccc !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    position: relative !important;
    width: 500px !important;
	overflow: auto !important;
} */

/* MOUVEMENT DE STOCK */
.mouvement-stock-editor {
    gap: 18px;
}

.mouvement-stock-editor-top-card,
.mouvement-stock-editor-workspace {
    width: 100%;
    margin-right: 0;
}

.mouvement-stock-editor-top {
    display: grid;
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    gap: 24px;
    align-items: stretch;
}

.mouvement-stock-editor-form-grid {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.mouvement-stock-editor-form-labels {
    border-right: 1px solid var(--color-gray);
    padding-right: 18px;
}

.mouvement-stock-editor-form-labels label,
.mouvement-stock-editor-form-fields > * {
    margin-bottom: 12px;
}

.mouvement-stock-editor-form-fields > *:last-child {
    margin-bottom: 0;
}

.mouvement-stock-editor-form-fields .form-readonly {
    min-height: 19px;
}

.mouvement-stock-editor-message {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mouvement-stock-editor-side-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-dark);
    text-align: center;
}

.mouvement-stock-editor-message .sunEditorContainer {
    min-height: 265px;
}

.mouvement-stock-editor-workspace {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mouvement-stock-editor-tabs {
    padding: 18px 20px 0;
    background-color: var(--color-graylight);
}

.mouvement-stock-editor-tabs .onglet-configuration {
    gap: 8px;
}

.mouvement-stock-editor-tabs .onglet {
    min-width: 92px;
}

.mouvement-stock-editor-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    min-height: 720px;
    background-color: var(--color-light);
    overflow: hidden;
}

.mouvement-stock-editor-main,
.mouvement-stock-editor-summary {
    padding: 22px 20px;
    min-width: 0;
    overflow: hidden;
}

.mouvement-stock-editor-main {
    display: flex;
    flex-direction: column;
}

.mouvement-stock-editor-summary {
    border-left: 1px solid var(--color-gray);
    display: flex;
    flex-direction: column;
}

.mouvement-stock-editor-pane {
    background-color: var(--color-light);
}

.mouvement-stock-editor-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    min-height: 360px;
    overflow: hidden;
}

.mouvement-stock-editor-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mouvement-stock-editor-toolbar {
    justify-content: space-between;
    gap: 16px;
}

.mouvement-stock-editor-toolbar-left {
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

.mouvement-stock-editor-toolbar-center {
    justify-content: center;
    flex: 0 0 auto;
}

.mouvement-stock-editor-toolbar-results {
    margin-left: auto;
    flex: 0 0 auto;
}

.mouvement-stock-editor-toolbar-results p {
    margin: 0;
    white-space: nowrap;
}

.mouvement-stock-editor-toolbar-swap {
    width: 28px;
    min-width: 28px;
    justify-content: center;
}

.mouvement-stock-editor-search {
    width: min(270px, 100%);
    min-width: 180px;
}

.mouvement-stock-editor-summary-toolbar {
    padding: 18px 0 14px;
}

.mouvement-stock-editor-summary-table {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 520px;
    flex: 1 1 auto;
}

.mouvement-stock-editor-main .tableSimple,
.mouvement-stock-editor-main .tableBlue,
.mouvement-stock-editor-summary .tableSimple,
.mouvement-stock-editor-summary .tableBlue {
    max-width: 100% !important;
}

.mouvement-stock-editor-summary-totals {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--color-gray);
    margin-top: 18px;
    padding-top: 14px;
}

.mouvement-stock-editor-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
}

.mouvement-stock-editor-empty-card {
    width: min(100%, 520px);
    padding: 32px 28px;
    border: 1px solid var(--color-gray);
    background-color: #fff;
    text-align: center;
}

.mouvement-stock-editor-empty-card p {
    margin: 0;
}

@media (max-width: 1400px) {
    .mouvement-stock-editor-body {
        grid-template-columns: minmax(0, 1fr) 320px;
    }
}

@media (max-width: 1180px) {
    .mouvement-stock-editor-top,
    .mouvement-stock-editor-body {
        grid-template-columns: 1fr;
    }

    .mouvement-stock-editor-summary {
        border-left: none;
        border-top: 1px solid var(--color-gray);
    }
}

@media (max-width: 768px) {
    .mouvement-stock-editor-tabs,
    .mouvement-stock-editor-main,
    .mouvement-stock-editor-summary {
        padding-left: 14px;
        padding-right: 14px;
    }

    .mouvement-stock-editor-form-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .mouvement-stock-editor-form-labels {
        border-right: none;
        border-bottom: 1px solid var(--color-gray);
        padding-right: 0;
        padding-bottom: 12px;
    }

    .mouvement-stock-editor-section-head,
    .mouvement-stock-editor-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .mouvement-stock-editor-toolbar-results {
        margin-left: 0;
    }

    .mouvement-stock-editor-summary-totals {
        flex-direction: column;
    }
}


/* HEADER STATUT  */
.header-statut .ts-wrapper > .ts-control {
	padding: 0 0 0 40px!important;
    flex-direction: row-reverse!important;
}

.header-statut .ts-control::after {
	left: 3px!important;
}

.header-statut .plugin-clear_button.single .clear-button {
	left: -20px !important;
}

/* WIZARD DE CREATION D'UNE DECLINAISON */
.slide.fullSlide > .produit-declinaison-wizard {
    overflow: hidden;
    padding: 0;
}

.produit-declinaison-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .45s ease-in-out;
    will-change: transform;
}

.produit-declinaison-step {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    padding: 90px 10px 37px 53px;
    overflow: hidden;
    background-color: var(--color-graylight);
}

.produit-declinaison-step > form {
    width: 100%;
    height: 100%;
}

.produit-declinaison-step > .label-categorie,
.produit-declinaison-step > form > .label-categorie {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0 0 0 85px;
    background-image: linear-gradient(135deg, var(--color-lightelectricblue) 0%, var(--color-electricblue) 74%);
}

.produit-declinaison-step > .label-categorie p,
.produit-declinaison-step > form > .label-categorie p,
.produit-declinaison-step > .label-categorie span,
.produit-declinaison-step > form > .label-categorie span {
    color: var(--color-light);
}

.produit-declinaison-step > .bloc-blanc,
.produit-declinaison-step > form > .bloc-blanc {
    height: 100%;
}