:root,
::after,
::before
{
	--background: #F0F3F3;

	--primary: #E6B70A;
	--primary-light: #F8CD30;
	--primary-lighter: #F4DB84;
	--primary-dark: #BD970C;
	--primary-darker: #867537;
	--green-row: #D6F6D4;
	--yellow-row: #FDF3CE;
	--blue-row: #DDF4F9;
	--grey-row: #EFEFEF;
	--red-row: #FFEBEB;
	--text: #464747;
	--red: #D87060;
	--orange: #EE9902;
	--orange-light: #FDFAF7;
	--orange-white: #FDFAF7;
	--soft-grey: #F8F9FA;
	--paper: 0 3px 6px 2px rgb(0 0 0 / 4%);
	--input-height: 32px;
	--medium-input-height: 38px;
	--input-background: #F3F3F3;
	--input-radius: 4px;
	--error-background: #F7E7E7;
	--options-shadow: 0 6px 6px 2px rgb(0 0 0 / 10%);
	--green: #63998D;
	--green-light: #D7ECE6;
	--blue: #0E7DD5;
	--blue-light: #DBF2FE;
}

body[sofrana="true"],
body[sofrana="true"] ::after,
body[sofrana="true"] ::before
{
	--primary: #5BD7A1;
	--primary-light: hsl(154deg 61% 75%);
	--primary-lighter: hsl(154deg 61% 85%);
	--primary-dark: hsl(154deg 61% 50%);
	--primary-darker: #1A6A47;
}

body[dev="true"],
body[dev="true"] ::after,
body[dev="true"] ::before
{
	--primary: #86CDEA;
	--primary-light: #98CFE5;
	--primary-lighter: #C7E2EC;
	--primary-dark: #4AAED6;
	--primary-darker: #0F86B6;
}

body[sofrana="true"][dev="true"],
body[sofrana="true"][dev="true"] ::after,
body[sofrana="true"][dev="true"] ::before
{
	--primary: #EA86C7;
	--primary-light: #E598CD;
	--primary-lighter: #EBC7EC;
	--primary-dark: #D64ACA;
	--primary-darker: #B60FB6;
}

html
{
	    overflow-x: hidden;

	-ms-overflow-x: hidden;
}

body,
body > [id="app"],
.front-page,
.auth-page,
.back-page,
.simple-page
{
	position: absolute;
	display: flex;

	flex-direction: column;

	line-height: 1.3em;
	min-height: 100%;
	width: 100%;

	margin: 0;
	top: 0;
	right: auto;
	left: 0;
	bottom: auto;

	font-family: "Noto Sans", sans-serif;
	font-weight: 400;
	font-size: 1em;

	letter-spacing: .015em;
}

:focus
{
	outline: none;
}

.front-page
{
	padding-top: 183px;
}

.back-page
{
	background-color: #F5F5F5;
}

.auth-page
{
	display: flex;

	flex-direction: revert;

	flex-grow: 1;
	align-items: stretch;
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.front-page
	{
		        flex-wrap: wrap;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
	}

	.auth-page
	{
		        flex-wrap: wrap;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.front-page
	{
		padding-top: 80px;
	}
}

.page-content
{
	display: flex;

	flex-direction: column;

	padding-top: 12px;
	padding-bottom: 12px;

	flex-grow: 1;
}

table
{
	border-collapse: collapse;
}

html
{
	box-sizing: border-box;
}

*,
:before,
:after
{
	box-sizing: inherit;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

button
{
	line-height: 1em;

	padding: 0;

	background: none;

	font-family: inherit;
	font-size: inherit;

	cursor: pointer;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	letter-spacing: inherit;

	border: none;

	-webkit-box-shadow: none;
	        box-shadow: none;

	overflow: visible;

	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

button:focus
{
	outline: none;
}

img
{
	display: block;
}
a:not([class]),
.c-link
{
	position: relative;
	display: inline-flex;

	line-height: 1em;

	padding: 2px 3px;

	color: inherit;
	text-decoration: none;

	overflow: hidden;

	transition: color 240ms;

	box-sizing: content-box;

	z-index: 0;
}

a:not([class]):focus,
a:not([class]):active,
a:not([class]):hover,
.c-link:hover,
.c-link:focus,
.c-link:active
{
	color: #FFF;

	outline: none;

	transition: color 220ms ease 20ms;
}

a:not([class]):before,
.c-link:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #BA7913;

	content: '';

	transition: -webkit-transform 220ms ease 20ms;
	transition:         transform 220ms ease 20ms;
	transition:         transform 220ms ease 20ms, -webkit-transform 220ms ease 20ms;
	-webkit-transform: scaleY(0) scaleX(1.2);
	        transform: scaleY(0) scaleX(1.2);
	-webkit-transform-origin: bottom;
	        transform-origin: bottom;

	z-index: -1;
}

a:not([class]):focus:before,
a:not([class]):active:before,
a:not([class]):hover:before,
.c-link:hover:before,
.c-link:focus:before,
.c-link:active:before
{
	transition: -webkit-transform 240ms ease;
	transition:         transform 240ms ease;
	transition:         transform 240ms ease, -webkit-transform 240ms ease;
	-webkit-transform: scaleY(1) scaleX(1.2);
	        transform: scaleY(1) scaleX(1.2);
}

a:not([class]):after,
.c-link:after
{
	position: absolute;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: -1px;

	background-color: #BA7913;

	content: '';

	z-index: -1;
}

select
{
	padding-left: 8px;
}

strong
{
	font-weight: 700;
}

input
{
	font-family: 'inherit';
}

select
{
	font-family: 'inherit';
}

ul
{
	margin: 0;
	padding-left: 0;

	list-style: none;
}

ul:not([class])
{
	margin: 10px 0;
	padding-left: 40px;

	list-style: disc;
}

.o-content
{
	padding: 0 12px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.o-content
	{
		padding: 0 10px;
	}
}

.o-front-header
{
	position: absolute;
	display: flex;

	width: 100%;

	top: 0;
	left: 0;
	padding: 30px 25px 25px;

	background-color: #FFF;

	border: 8px solid #BA7913;
	border-width: 8px 0 0 0;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1400px)
{
	.o-front-header
	{
		margin: auto;

		justify-content: center;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header
	{
		position: fixed;

		width: 100%;

		top: 0;
		left: 0;
		padding: 4px 10px 6px;

		border-width: 0 0 4px 0;

		z-index: 10;

		align-items: center;
		justify-content: space-between;
	}
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-front-header--fixed
	{
		position: fixed;

		width: 100%;

		top: 0;
		padding: 13px 25px 15px;

		border-bottom: 1px solid #BA7913;

		-webkit-animation-name: header-appear;
		        animation-name: header-appear;
		-webkit-animation-duration: 320ms;
		        animation-duration: 320ms;

		z-index: 100;
	}
}

.o-front-header--simple
{
	position: relative;

	padding: 15px 0;

	justify-content: center;
}

.o-front-header__logo-link:focus,
.o-front-header__logo-link:visited
{
	text-decoration: none;

	outline: none;
}

.o-front-header__logo
{
	display: block;

	height: 120px;
	width: auto;

	transition: height 320ms ease;

	flex-shrink: 0;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-front-header--fixed .o-front-header__logo
	{
		height: 100px;
	}
}

.o-front-header__logo-link
{
	display: flex;

	flex-direction: column;

	margin-right: 180px;

	align-items: center;
}

.o-front-header__logo-baseline
{
	font-size: .8em;
	color: #BA7913;

	text-align: center;
	text-transform: uppercase;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1326px) and (max-width: 1399px)
{
	.o-front-header__logo-link
	{
		margin-right: 80px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header__logo-link
	{
		margin-right: 12px;
	}

	.o-front-header__logo
	{
		height: 66px;
	}
}

.o-front-header--simple .o-front-header__logo
{
	height: 60px;
	width: auto;

	margin: 0 auto;
}

.o-front-header__content
{
	max-width: 1200px;

	flex-grow: 1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header__content
	{
		position: absolute;
		visibility: hidden;

		width: 100%;

		top: 100%;
		margin-top: 15px;
		left: 0;

		border-bottom: 2px solid #BA7913;

		transition: margin 420ms ease, opacity 320ms ease;
	}

	.o-front-header--open .o-front-header__content
	{
		visibility: visible;

		margin-top: 4px;

		background-color: #FFF;
	}
}

.o-front-header__top
{
	display: flex;

	padding-right: 0;
	padding-bottom: 25px;

	border-bottom: 1px solid #E3CEA9;

	transition: padding 320ms ease;

	justify-content: flex-end;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-front-header--fixed .o-front-header__top
	{
		padding-bottom: 15px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header__top
	{
		flex-direction: column;

		padding-top: 0;
		padding-bottom: 0;
	}
}

.o-front-header__bottom
{
	display: flex;

	padding-top: 20px;

	justify-content: flex-end;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header__bottom
	{
		padding-top: 0;
		padding-bottom: 0;
	}
}

.o-front-header__navbar
{
	display: block;

	width: auto;

	margin: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-front-header__navbar
	{
		width: 100%;
	}
}

.o-front-header__actions
{
	display: flex;

	margin: 0;
}

.o-front-header__toggle
{
	position: relative;
	display: flex;

	margin-right: 10px;

	color: #BA7913;

	align-items: stretch;
	align-items: center;
}

.o-front-header__toggle-label
{
	display: flex;

	height: 36px;

	margin-right: 6px;
	padding: 0 5px;

	font-weight: 700;

	align-items: center;
}

.o-front-header__toggle-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-front-header__toggle
	{
		display: none;
	}
}

@keyframes header-appear
{
	0%
	{
		-webkit-transform: translate3d(0, -100%, 0);
		        transform: translate3d(0, -100%, 0);
	}

	100%
	{
		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes header-appear
{
	0%
	{
		-webkit-transform: translate3d(0, -100%, 0);
		        transform: translate3d(0, -100%, 0);
	}

	100%
	{
		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.o-header
{
	position: relative;
	display: flex;

	background-color: var(--primary);

	font-size: 1em;

	z-index: 100;

	justify-content: space-between;
}

.o-header__menu-actions
{
	display: flex;

	-webkit-align-items: center;
	        align-items: center;
	justify-content: flex-start;
	flex-basis: 100px;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-header__menu-actions
	{
		display: none;
	}
}

.o-header__toggle-btn
{
	width: 100%;

	padding: 0 12px;

	border-radius: 0;

	align-self: stretch;
	justify-content: flex-end;
}

.o-header__toggle-title
{
	position: absolute;

	top: 50%;
	left: 10px;

	font-size: 1em;

	transform: translateY(-50%);

	z-index: -1;
}

.o-header__logo
{
	display: flex;

	height: 43px;
	width: auto;

	margin: 6px 0 6px 15px;

	background-color: #FFF;
}

.o-header__logo-img
{
	display: block;

	height: 64px;
	width: 140px;

	font-family: 'object-fit: contain;';

	object-fit: contain;
}

.o-header__logout
{
	cursor: pointer;
}

.o-header__action-btn
{
	position: relative;
	display: flex;

	padding: 0 15px;

	color: #FFF;

	-webkit-align-items: center;
	        align-items: center;
}

.o-header__action-btn:before
{
	position: absolute;
	display: block;

	height: 30px;
	width: 2px;

	left: -1px;

	background-color: currentColor;

	content: '';
}

.o-header-brand
{
	display: flex;

	font-size: 1.6em;

	align-items: center;
	flex-shrink: 0;
}

.o-header__navbar
{
	display: flex;

	flex-grow: 1;
	justify-content: center;
}

.o-header__menu
{
	display: flex;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-header__menu
	{
		position: absolute;
		visibility: hidden;
		opacity: 0;

		flex-direction: column;

		width: 400px;
		max-width: 100%;

		top: 100%;
		left: 0;

		background-color: #FFF;

		transition: opacity 240ms ease, visibility 240ms ease;
	}

	.o-header--open .o-header__menu
	{
		visibility: visible;
		opacity: 1;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1325px)
{
	.o-header__menu
	{
		box-shadow: 1px 3px 6px 2px rgb(128 128 128 / 18%);
	}
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.o-sidebar
{
	position: fixed;
	display: inline-flex;

	height: calc(100% - 64px);
	width: auto;
	width: 265px;

	top: auto;
	right: 100%;
	left: auto;
	bottom: 0;

	background-color: #FFF;

	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14),
	0 1px 10px 0 rgba(0, 0, 0, .12);
	        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14),
	0 1px 10px 0 rgba(0, 0, 0, .12);

	z-index: 15;
}

.o-sidebar > ul
{
	width: 100%;
}

.o-sidebar--open
{
	right: auto;
	left: 0;
}

.o-sidebar--open + .page-content
{
	padding-left: 265px;
}

.o-wrapper-link
{
	text-decoration: none;
}
.c-action-row
{
	display: table-row;
}

.c-action-row--head
{
	font-size: .95em;

	text-align: center;
}

.c-action-row--credit-note
{
	font-size: .85em;
}

.c-action-row--credit-note.c-action-row--head
{
	font-size: .75em;

	text-transform: uppercase;
}

.c-action-row__cell
{
	position: relative;
	display: table-cell;

	vertical-align: middle;

	padding: 3px 12px;

	font-size: 1em;

	border: 1px solid var(--primary);
}

.c-action-row__cell:empty
{
	background-color: #F2F2F3;
}

.c-action-row__cell.CreditNote-pallet_count,
.c-action-row__cell.CreditNote-unit_qty,
.c-action-row__cell.CreditNote-unit_price,
.c-action-row__cell.CreditNote-qty,
.c-action-row__cell.CreditNote-on
{
	width: 45px;
}

.c-action-row__cell.CreditNote-credited_unit_qty,
.c-action-row__cell.CreditNote-price,
.c-action-row__cell.CreditNote-credited_price
{
	width: 80px;
}

.c-action-row__cell.CreditNote-credited_unit_price
{
	width: 100px;
}

.c-action-row__cell.CreditNote-credited_qty
{
	width: 170px;
}

.c-action-row__cell.CreditNote-freezer_ref
{
	width: 100px;
}

.c-action-row--additional-bill .c-action-row__cell
{
	width: 35px;

	white-space: nowrap;
}

.c-action-row--additional-bill .c-action-row__cell:first-child
{
	width: 30%;

	white-space: normal;
}

.c-action-row--head .c-action-row__cell
{
	padding-top: 6px;
	padding-bottom: 6px;

	font-weight: 600;

	white-space: nowrap;
}

.c-action-row--total .c-action-row__cell
{
	padding-top: 6px;
	padding-bottom: 6px;

	font-weight: 600;

	text-align: right;
}

.c-action-row--credit-note .c-action-row__cell
{
	padding-right: 5px;
	padding-left: 5px;
}

.c-autocompleted-field
{
	position: relative;

	width: 100%;

	z-index: 1;
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:before,
.c-autocompleted-field .react-autosuggest__container > div:first-child:after
{
	position: absolute;

	top: 0;
	left: 8px;

	font-size: 16px;
	color: #C3C3C3;

	content: '';
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:before
{
	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.6em;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid currentColor;
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:after
{
	height: 2px;
	width: .7em;

	top: 50%;
	margin-top: .45em;
	margin-left: .75em;

	background-color: currentColor;

	transform: rotateZ(45deg);
}

.c-autocompleted-field__input
{
	height: 28px;
	line-height: 28px;

	padding: 8px 12px 6px 36px;
}

.c-autocompleted-field__input-container:before,
.c-autocompleted-field__input-container:after
{
	display: none;
}

.c-autocompleted-field__results
{
	position: absolute;

	width: 100%;

	top: 100%;
	margin-top: 0;

	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);

	z-index: -1;
}

.c-autocompleted-field__results > ul
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.c-batch-action
{
	margin-top: 15px;
}

.c-batch-action--analysis
{
	margin-top: 30px;
}

.c-batch-action__infos
{
	display: flex;

	margin-top: 8px;

	border: 1px solid #E0E0E0;
}

.c-batch-action__infos-name
{
	display: flex;

	min-width: 175px;

	padding: 6px 8px;

	font-weight: 700;
	font-size: .95em;

	align-items: center;
}

.c-batch-action__infos-value
{
	display: flex;

	margin-left: 5px;
	padding: 6px 8px;

	border-left: 1px solid #E0E0E0;

	align-items: center;
}

.c-batch-actions
{
	position: relative;
	display: inline-flex;

	width: auto;

	padding: 2px 0 6px;

	flex-shrink: 0;
}

.c-batch-history
{
	position: relative;

	width: 100%;
	min-width: 1850px;

	font-size: .9em;
}

.c-batch-history__row
{
	position: relative;

	height: 40px;
	width: 100%;
}

.c-batch-history__row:nth-child(2n+2)
{
	background-color: #F5F5FF;
}

.c-batch-history__cell
{
	width: 40px;

	padding: 3px 6px;

	white-space: nowrap;
	text-transform: uppercase;

	border: 1px solid #E0E0E0;
}

.c-batch-history__cell.is-history-total
{
	padding-top: 11px;
	padding-bottom: 11px;

	font-weight: 600;
}

.c-batch-history__cell.History-client,
.c-batch-history__cell.History-provider,
.c-batch-history__cell.History-product,
.c-batch-history__cell.History-carriers
{
	width: auto;

	white-space: normal;
}

.c-batch-history__cell.History-record_number,
.c-batch-history__cell.History-freezer_ref,
.c-batch-history__cell.History-unit,
.c-batch-history__cell.History-expiration_date
{
	text-align: center;

	justify-content: center;
}

.c-batch-history__cell.History-qty,
.c-batch-history__cell.History-unit_qty
{
	text-align: right;

	justify-content: flex-end;
}

.c-batch-history__cell.is-header
{
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: 600;

	white-space: nowrap;
}

.c-batch-history__red-txt
{
	color: #DA2223;
}

.c-batch-status
{
	position: relative;
}

.c-batch-status__icon
{
	font-size: 22px;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-card
{
	position: relative;
	display: flex;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	width: 100%;

	padding: 0;
}

.c-card__title
{
	position: relative;
	display: flex;

	width: 100%;

	padding: 15px 25px 19px;

	font-size: 1.25em;

	-webkit-align-items: center;
	        align-items: center;
	flex-shrink: 0;
}

.c-card__title-icon
{
	margin-right: 12px;

	font-size: 23px !important;
}

.c-card__title:after
{
	position: absolute;
	display: block;

	height: 4px;
	width: 100%;

	left: 0;
	bottom: 0;

	content: '';
}

.c-card--blue .c-card__title:after
{
	background: rgba(81,178,202,1);
	background:    -moz-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(81,178,202,1)), color-stop(50%, rgba(0,110,178,1)), color-stop(100%, rgba(0,73,141,1)));
	background: -webkit-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:      -o-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:     -ms-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:         linear-gradient(to right, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b2ca', endColorstr='#00498d', GradientType=1 );
}

.c-card--green .c-card__title:after
{
	background: rgba(66,163,67,1);
	background:    -moz-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,163,67,1)), color-stop(100%, rgba(189,210,97,1)));
	background: -webkit-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:      -o-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:     -ms-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:         linear-gradient(to right, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a343', endColorstr='#bdd261', GradientType=1 );
}

.c-card--red .c-card__title:after
{
	background: rgba(227,62,134,1);
	background:    -moz-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,62,134,1)), color-stop(100%, rgba(233,79,44,1)));
	background: -webkit-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:      -o-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:     -ms-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:         linear-gradient(to right, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33e86', endColorstr='#e94f2c', GradientType=1 );
}

.c-card__body
{
	display: flex;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	padding: 15px 25px;

	text-align: center;

	flex-grow: 1;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.c-carrier-icon
{
	font-size: 23px;
	color: #C2C2C2;
}

.c-carrier-icon--selected
{
	color: #000;
}

.c-chart-legend
{
	position: relative;
	display: flex;

	padding: 8px 12px;

	color: #757575;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
	-webkit-align-items: center;
	        align-items: center;
}

.c-chart-legend--inline
{
	padding: 0;
}

.c-chart-legend--pickable
{
	width: 100%;

	padding: 6px 10px;

	border-radius: 0;

	justify-content: left;
}

.c-chart-legend--selected
{
	font-weight: 600;
	color: #FFF;
}

.c-chart-legend--project-status-filter
{
	min-width: 120px;
}

.c-chart-legend--gray.c-chart-legend--selected
{
	color: #1F1F1F;
}

.c-chart-legend--carbon .c-chart-legend__txt:before
{
	color: #1F1F1F;
}

.c-chart-legend--carbon.c-chart-legend--selected
{
	background-color: #1F1F1F;
}

.c-chart-legend--red .c-chart-legend__txt:before
{
	color: #E93339;
}

.c-chart-legend--red.c-chart-legend--selected
{
	background-color: #E93339;
}

.c-chart-legend--orange .c-chart-legend__txt:before
{
	color: #E98F33;
}

.c-chart-legend--orange.c-chart-legend--selected
{
	background-color: #E98F33;
}

.c-chart-legend--blue .c-chart-legend__txt:before
{
	color: #3480EA;
}

.c-chart-legend--blue.c-chart-legend--selected
{
	background-color: #3480EA;
}

.c-chart-legend--cyan .c-chart-legend__txt:before
{
	color: #33E9E9;
}

.c-chart-legend--cyan.c-chart-legend--selected
{
	background-color: #33E9E9;
}

.c-chart-legend--purple .c-chart-legend__txt:before
{
	color: #B580D8;
}

.c-chart-legend--purple.c-chart-legend--selected
{
	background-color: #B580D8;
}

.c-chart-legend--green .c-chart-legend__txt:before
{
	color: #5BD84B;
}

.c-chart-legend--green.c-chart-legend--selected
{
	background-color: #42A343;
}

.c-chart-legend--gray .c-chart-legend__txt:before
{
	color: #E0E0E0;
}

.c-chart-legend--gray.c-chart-legend--selected
{
	background-color: #E0E0E0;
}

.c-chart-legend--light-red .c-chart-legend__txt:before
{
	color: #F9A3A3;
}

.c-chart-legend--light-red.c-chart-legend--selected
{
	background-color: #F9A3A3;
}

.c-chart-legend--light-brown .c-chart-legend__txt:before
{
	color: #ECD8C4;
}

.c-chart-legend--light-brown.c-chart-legend--selected
{
	background-color: #ECD8C4;
}

.c-chart-legend--light-cyan .c-chart-legend__txt:before
{
	color: #00C8C8;
}

.c-chart-legend--light-cyan.c-chart-legend--selected
{
	background-color: #ECD8C4;
}

.c-chart-legend--pink .c-chart-legend__txt:before
{
	color: #F48BDE;
}

.c-chart-legend--pink.c-chart-legend--selected
{
	background-color: #F48BDE;
}

.c-chart-legend--selected .c-chart-legend__txt:before
{
	color: #FFF;
}

.c-chart-legend__icon
{
	margin-right: 10px;

	font-size: 32px !important;
	color: inherit;
}

.c-chart-legend__txt
{
	display: flex;

	color: inherit;

	align-items: center;
}

.c-chart-legend__txt:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: currentColor;

	font-size: 10px;

	content: '';

	border-radius: 50%;
}

.c-client-due-icon
{
	position: relative;

	font-size: 24px;
}

.c-client-due-icon--warning
{
	color: #FFF;

	fill: #E93339;
}

.c-client-due-icon--damage
{
	color: #000;
}

.c-collapse-toggle
{
	position: relative;
	display: flex;

	width: 100%;
	min-width: 0;

	margin: 5px 0;
	padding: 8px 15px;

	background-color: #FFF;

	color: rgb(31, 31, 31);

	cursor: pointer;

	border-radius: 0;
	border: 2px solid hsl(0, 0%, 81%);

	transition: border-color 240ms ease;

	align-items: center;
	justify-content: flex-start;
}

.c-collapse-toggle--form
{
	padding: 0 15px;
}

.c-collapse-toggle--open
{
	border-color: var(--primary);
}

.c-collapse-toggle--open.c-collapse-toggle--form
{
	border-color: #A9B9C7;
}

.c-collapse-toggle--temp
{
	border-color: #8CBCEB;
}

.c-collapse-toggle--variation
{
	padding: 5px 12px;

	border-color: #E0E0E0;
}

.c-collapse-toggle--update.c-collapse-toggle--variation
{
	border-radius: 5px;
}

.c-collapse-toggle__txt
{
	margin: 0;
	padding: 0;

	font-size: 1em;

	text-align: left;
}

.c-collapse-toggle--form .c-collapse-toggle__txt
{
	line-height: 1.5em;

	padding: 5px 8px;

	font-weight: 600;
	font-size: 1.3em;
	color: var(--primary);

	text-transform: uppercase;
}

.c-collapse-toggle:before
{
	position: relative;

	height: 10px;
	width: 10px;

	top: -3px;
	margin-right: 10px;

	content: '';

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: currentColor;

	transform: rotate(-45deg);
}

.c-collapse-toggle--open:before
{
	top: 2px;

	transform: rotate(135deg);
}

.c-collapse
{
	display: block;
}

.c-collapse__collapsed
{
	position: relative;

	margin-top: -5px;
	padding: 0;

	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: var(--primary);
}

.c-collapse--form .c-collapse__collapsed
{
	border-color: #A9B9C7;
}

.c-collapse--variation .c-collapse__collapsed
{
	margin: 0;

	border: none;
}

.c-collapse__content
{
	padding-right: 8px;
	padding-bottom: 15px;
}

.c-collapse--form .c-collapse__content
{
	padding: 10px 6px;
}

.c-collapse--update .c-collapse__content
{
	padding-right: 12px;
	padding-left: 12px;
}

.c-collapse--variation.c-collapse--update .c-collapse__content
{
	padding-right: 8px;
	padding-left: 0;
}

.c-color-chip
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	background-color: grey;

	font-size: 8px;

	border-radius: 50%;
}

.c-color-chip + .c-color-chip
{
	margin-left: 10px;
}

.c-color-chip--red
{
	background-color: #E93339;
}

.c-color-chip--orange
{
	background-color: var(--primary);
}

.c-color-chip--green
{
	background-color: #63998D;
}

.c-color-chip--yellow
{
	background-color: #EFE939;
}

.c-comparison
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-bottom: -6px;
}

.c-comparison--simple
{
	margin-bottom: 0;
}

.c-comparison__row,
.c-comparison:after
{
	display: flex;

	width: 35%;

	margin-left: 15px;
	margin-bottom: 6px;

	border: 1px solid var(--primary);

	flex-grow: 1;
	flex-basis: 600px;
}

.c-comparison--header .c-comparison__row
{
	margin-bottom: 5px;

	font-weight: 600;
}

.c-comparison--simple:after
{
	margin-bottom: -2px;
}

.c-comparison--simple .c-comparison__row
{
	margin-bottom: -1px;
}

.c-comparison:after
{
	content: '';

	border-color: transparent;
}

.c-comparison__item
{
	display: flex;

	padding: 4px 10px;

	font-size: .9em;

	align-items: center;
}

.c-comparison__item:empty
{
	background-color: #F2F2F3;
}

.c-comparison__item.edited
{
	background-color: #EBFAE6;
}

.c-comparison__item:first-child
{
	border-right: 1px solid var(--primary);

	flex-basis: 205px;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-comparison__item:nth-child(2)
{
	border-right: 1px solid var(--primary);

	flex-basis: 240px;
	flex-shrink: initial;
	flex-grow: 1;
}

.c-comparison__item:nth-child(3)
{
	flex-basis: 240px;
	flex-shrink: 0;
	flex-grow: 1;
}

.c-contract-row
{
	display: flex;
}

.c-contract-row--head
{
	font-weight: 700;
}

.c-contract-row__comment
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-contract-row__load-date,
.c-contract-row__confirmation-date
{
	display: flex;

	width: 195px;

	padding: 4px 8px;

	align-items: center;
	flex-shrink: 0;
	justify-content: left;
}

.c-contract-row__actions
{
	display: flex;

	width: 32px;

	flex-shrink: 1;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard-carrier
{
	display: flex;

	align-items: center;
}

.c-dashboard-carrier + .c-dashboard-carrier
{
	margin-top: 2px;
}

.c-dashboard-carrier--inline + .c-dashboard-carrier--inline
{
	margin-top: 0;
	margin-left: 8px;
	padding-left: 8px;

	border-left: 2px solid #1F1F1F;
}

.c-dashboard-carrier__icon
{
	margin-right: 4px;

	font-size: 20px;
}

.c-dashboard-model
{
	position: relative;

	line-height: 1.2em;
	min-height: 0;
	min-width: 0;

	padding: 4px 10px;

	background-color: #E0E0E0;

	text-overflow: ellipsis;

	border-radius: 0;

	overflow: hidden;

	transition: background-color 320ms ease;
}

.c-dashboard-model + .c-dashboard-model
{
	margin-left: 6px;
}

.c-dashboard-model,
.c-dashboard-model:hover,
.c-dashboard-model:focus,
.c-dashboard-model:active
{
	color: #000;
	text-decoration: none;
}

.c-dashboard-model:hover,
.c-dashboard-model:focus,
.c-dashboard-model:active
{
	background-color: var(--primary);

	transition: background-color 320ms ease;
}

.c-dashboard-model--purchase-dashboard:hover,
.c-dashboard-model--purchase-dashboard:focus,
.c-dashboard-model--purchase-dashboard:active
{
	background-color: #D4D4D4;
}

.c-dashboard-model__txt
{
	min-width: 0;
	max-width: 120px;

	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-dashboard-model--provider.c-dashboard-model--purchase-dashboard .c-dashboard-model__txt
{
	max-width: none;
}

.c-dashboard-model--purchase-dashboard,
.c-dashboard-model--purchase-dashboard:hover,
.c-dashboard-model--sale-dashboard,
.c-dashboard-model--sale-dashboard:hover
{
	background-color: var(--primary);

	cursor: default;
}

.dashboard-wrapper
{
	overflow-x: auto;
	overflow-y: hidden;

	--Article-buy_price_size: 100px;
	--Article-cost_price_size: 130px;
	--SaleBatch-buy_price_width: 110px;
	--SaleBatch-cost_price_width: 135px;
	--SaleBatch-selling_price_width: 110px;
}

.dashboard-wrapper--auto
{
	background-color: #FFF;

	overflow: inherit;
}

.dashboard-only-cell
{
	padding: 0;
}

.batches-dashboard .dashboard-wrapper
{
	width: auto;

	overflow-x: visible;
	overflow-y: visible;
}

.dashboard-wrapper + .dashboard-wrapper
{
	margin-top: 15px;
}

.dashboard-table-wrapper
{
	display: table;

	width: 100%;
	max-width: 100%;

	border-collapse: collapse;
}

.c-dashboard__thead,
.c-dashboard__tbody
{
	width: 100%;
}

.c-dashboard--stock .dashboard-table-wrapper,
.batches-dashboard .dashboard-table-wrapper
{
	margin-bottom: 12px;
}

.simple-batches-dashboard .dashboard-table-wrapper
{
	width: 2500px;

	margin-bottom: 12px;
}

.c-dashboard--stock
{
	min-width: 3534px;
}

.c-dashboard
{
	position: relative;
	display: block;

	min-height: 0;
	min-width: var(--dashboard-min-w);

	font-size: .95em;

	--dashboard-min-w: 0;
}

.c-dashboard--simple-table:last-child
{
	margin-bottom: 20px;
}

.c-dashboard--head
{
	min-height: 0;

	font-weight: 700;
	font-size: .9em;

	text-transform: uppercase;
}

.c-dashboard--sale
{
	width: auto;
	max-width: none;

	--dashboard-min-w: 2755px;
}

.sales-dashboard[data-roles]:not([data-roles*="admin"]) .c-dashboard--sale
{
	--dashboard-min-w: calc(2755px - var(--SaleBatch-buy_price_width) - var(--SaleBatch-cost_price_width) - var(--SaleBatch-selling_price_width));
}

.c-dashboard--bill
{
	width: auto;
	min-width: 1780px;
	max-width: none;
}

.c-dashboard--boarding
{
	width: auto;
	min-width: 1980px;
	max-width: none;

	font-size: .9em;
}

.c-dashboard--boarding ~ .c-dashboard__row
{
	min-width: 1980px;

	background-color: #FFF;
}

.c-dashboard--boarding.c-dashboard--head
{
	position: sticky;

	top: 0;

	background-color: #FFF;

	z-index: 2;

	flex-shrink: 0;
}

.c-dashboard--commerce
{
	width: auto;
	min-width: 2290px;
	max-width: none;

	font-size: .9em;
}

.c-dashboard--commerce.c-dashboard--head
{
	position: sticky;

	top: 0;

	background-color: #FFF;

	z-index: 2;
}

.c-dashboard--bill.c-dashboard--head,
.c-dashboard--clientdue.c-dashboard--head
{
	font-size: .78em;
}

.c-dashboard--stock-batches
{
	display: table-header-group;
}

.c-dashboard--stock-batches
{
	display: table-row-group;
}

.c-dashboard--stock-batches.c-dashboard--head
{
	position: sticky;

	top: 60px;

	z-index: 3;
}

.c-dashboard--provider
{
	min-width: 1260px;
}

.c-dashboard--stock.c-dashboard--head
{
	position: sticky;

	width: 100%;

	top: 0;
	margin-bottom: 0;

	z-index: 3;

	flex-shrink: 0;
}

.c-dashboard--batch
{
	min-width: 1800px;
}

.c-dashboard--purchase
{
	--dashboard-min-w: 2584px;
}

.purchases-dashboard .c-dashboard--purchase
{
	--dashboard-min-w: 2584px;
}

.purchases-dashboard[data-roles]:not([data-roles*="admin"]) .c-dashboard--purchase
{
	--dashboard-min-w: calc(2584px - var(--Article-buy_price_size) - var(--Article-cost_price_size));
}

.c-dashboard--clientdue
{
	display: table;

	width: 100%;

	border-collapse: collapse;

	font-size: .9em;
}

.c-dashboard--sub
{
	padding-left: 13px;
	padding-left: 0;

	background-color: #FFF;
}

.c-dashboard--sub:not(.c-dashboard--head)
{
	margin-bottom: 14px;
}

.c-dashboard--stock-batches:not(.c-dashboard--head)
{
	margin-bottom: 0;
}

.c-dashboard--purchase.c-dashboard--head,
.c-dashboard--stock.c-dashboard--head,
.c-dashboard--sale.c-dashboard--head
{
	background-color: #FFF;
}

.c-dashboard__row
{
	position: relative;
	display: flex;

	width: 100%;

	border-bottom: 1px solid #E0E0E0;
}

.c-dashboard__row.is-header
{
	font-weight: 700;
	font-size: .9em;

	text-transform: uppercase;
}

.c-dashboard--clientdue .clients-due-client-row
{
	font-size: 1rem;
}

.c-dashboard--history .c-dashboard__row
{
	border-bottom: none;
}

.c-dashboard--boarding .c-dashboard__row.is-sold
{
	background-color: var(--red-row);
}

.c-dashboard__row:hover
{
	background-color: var(--grey-row);
}

.c-dashboard--history .c-dashboard__row:hover
{
	background-color: transparent;
}

.c-dashboard__row.product-totals
{
	background-color: #FDF3CE;
}

.c-dashboard__row.is-commerce-total
{
	background-color: #FDF3CE;
}

.c-dashboard__row.is-trading-total
{
	background-color: #FDF3CE;
}

.c-dashboard__row.is-boarding-total
{
	background-color: #FDF3CE;
}

.c-dashboard__row.is-received
{
	background-color: var(--green-row);
}

.c-dashboard__row.article-totals,
.c-dashboard__row.sale-batches-totals
{
	background-color: var(--yellow-row);
}

.c-dashboard__row.family-totals,
.c-dashboard__row.purchase-totals,
.c-dashboard__row.sale-totals
{
	background-color: var(--blue-row);
}

.c-batch-action.c-batch-action--transfer .c-dashboard__row
{
	border: 1px solid #E0E0E0;
}

.c-batch-action.c-batch-action--transfer .c-dashboard__row:first-child
{
	border-bottom: none;
}

.c-dashboard--sub:not(.c-dashboard--head) .c-dashboard__row:last-child
{
	border-bottom: 2px solid #E0E0E0;
}

.c-dashboard--purchase:not(.c-dashboard--head) > .c-dashboard__row,
.c-dashboard--stock:not(.c-dashboard--head) > .c-dashboard__row,
.c-dashboard--sale:not(.c-dashboard--head) > .c-dashboard__row
{
	background-color: #E0E0E0;
}

.c-dashboard--purchase:not(.c-dashboard--head) > .c-dashboard__row:hover,
.c-dashboard--stock:not(.c-dashboard--head) > .c-dashboard__row:hover,
.c-dashboard--sale:not(.c-dashboard--head) > .c-dashboard__row:hover
{
	background-color: #E9E7E0;
}

.c-dashboard__row.sortable
{
	font-weight: 700;
}

.c-dashboard--head .c-dashboard__row:hover
{
	background-color: transparent;
}

.c-dashboard__row-background
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #EAEAEA;

	z-index: 0;
}

.c-dashboard__row-background.red
{
	background-color: #FFEBEB;
}

.c-dashboard__row-background.green
{
	background-color: #EFFFDD;
}

.c-dashboard__row-background.gray
{
	background-color: #EAEAEA;
}

.c-dashboard__row-background.orange
{
	background-color: #ECD8C4;
}

.c-dashboard__row-link
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	border-radius: 0;

	z-index: 1;
}

.c-dashboard__cell
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	line-height: 1.2em;
	width: auto;

	font-size: .9em;

	flex-basis: 20px;
	flex-grow: 1;
	align-items: center;
}

.c-dashboard__cell.light-red
{
	background-color: #FFF3F3;
}

.c-dashboard--table .c-dashboard__cell
{
	display: table-cell;

	vertical-align: middle;

	text-align: center;

	z-index: 0;
}

.c-dashboard--stock > .c-dashboard__row > .c-dashboard__cell
{
	display: flex;
}

.c-dashboard__row.bold .c-dashboard__cell
{
	font-weight: 700;
}

.c-dashboard__row.disabled .c-dashboard__cell
{
	filter: opacity(.4);
}

.c-dashboard--head .c-dashboard__cell
{
	vertical-align: middle;
}

.c-dashboard--stock-batches .c-dashboard__cell
{
	flex-grow: 0;
}

.c-dashboard--stock-batches.c-dashboard--head .c-dashboard__cell::before
{
	position: absolute;
	display: block;

	height: 1px;
	width: 100%;

	top: 100%;
	left: 0;

	background-color: #E0E0E0;

	content: "";
}

.c-dashboard--table .c-dashboard__cell
{
	border: 1px solid #E0E0E0;
	border-right: none;
}

.c-dashboard--table .c-dashboard__cell + .c-dashboard__cell
{
	border-left: none;
}

.c-dashboard--simple-table.c-dashboard--head .c-dashboard__cell
{
	border-bottom: none;
}

.c-dashboard__cell-content
{
	display: flex;

	flex-grow: 1;
}

.c-dashboard__sort
{
	width: 100%;
	min-width: 0;

	padding: 0;

	font-weight: inherit;
	font-size: 1em;

	border-radius: 0;

	justify-content: inherit;
}

.c-dashboard__sort span
{
	display: flex;

	align-items: center;
}

.c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard__sort
{
	min-height: 30px;

	padding: 0 4px;
}

.c-dashboard--sale .c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard--sale .c-dashboard__sort
{
	padding-right: 10px;
	padding-left: 10px;
}

.c-dashboard--table .c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard--table .c-dashboard__sort
{
	height: 30px;
}

.c-dashboard--sub .c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard--sub .c-dashboard__sort
{
	min-height: 20px;

	padding: 4px 6px;
}

.c-dashboard__cell:not(:last-child):after
{
	position: absolute;

	height: 100%;
	width: 1px;

	top: 0;
	right: 0;

	background-color: #E0E0E0;

	content: "";
}

.c-dashboard--purchase:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after,
.c-dashboard--stock:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after,
.c-dashboard--sale:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after
{
	right: 3px;

	background-color: #A5A5A5;
}

.c-dashboard--purchase-articles:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after,
.c-dashboard--purchase-articles.c-dashboard--head .c-dashboard__cell:not(:last-child):after,
.c-dashboard--sale-batches:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after,
.c-dashboard--sale-batches.c-dashboard--head .c-dashboard__cell:not(:last-child):after,
.c-dashboard--stock-batches:not(.c-dashboard--head) .c-dashboard__cell:not(:last-child):after,
.c-dashboard--stock-batches.c-dashboard--head .c-dashboard__cell:not(:last-child):after
{
	background-color: #E0E0E0;
}

.c-dashboard--head .c-dashboard__cell:not(:last-child):after
{
	display: none;
}

.c-dashboard__sort-icon
{
	margin-left: 6px;
	margin-bottom: -1px;

	font-size: 14px;

	transform: scaleY(-1);
}

.c-dashboard__sort-arrow
{
	position: relative;
	opacity: 1;

	height: .8em;
	width: .7em;

	top: 0;
	margin-bottom: 0;

	font-size: 16px;
	color: #1F1F1F;

	content: "";

	transform: scaleY(-1);
}

.c-dashboard__sort-arrow:before
{
	position: absolute;

	height: .35em;
	width: 2px;

	top: 50%;
	margin-top: -.35em;
	left: 50%;
	margin-left: -2px;

	background-color: currentColor;

	color: inherit;

	content: "";
}

.c-dashboard__sort-arrow:after
{
	position: absolute;

	height: .3em;
	width: .3em;

	top: .35em;
	left: 50%;
	margin-left: -3px;

	color: inherit;

	content: "";

	border: 1px solid currentColor;
	border-width: 0 1px 1px 0;

	transform: rotate(45deg);
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow:after
{
	margin-left: -1px;
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow,
.c-dashboard__cell.desc .c-dashboard__sort-icon
{
	transform: scaleY(1);
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow
{
	top: 1px;
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow:before
{
	margin-left: 0;
}

.c-dashboard__cell.selection
{
	position: relative;

	width: 46px;
	min-width: 0;

	padding: 0;

	border-radius: 0;

	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard--head .c-dashboard__cell.selection:before,
.c-dashboard__cell.selection.invisible:before
{
	display: none;
}

.c-dashboard__cell.selection:before
{
	position: absolute;

	height: 100%;
	height: 1em;
	width: 100%;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;

	font-size: 22px;

	content: "";

	border: 1px solid #BCBCBC;
}

.c-dashboard--sub:not(.c-dashboard--head) .c-dashboard__row:last-child .c-dashboard__cell
{
	padding-bottom: 4px !important;
}

.c-dashboard--sub .c-dashboard__row
{
	padding-left: 0;

	border-right: 2px solid #E0E0E0;
	border-left: 2px solid #E0E0E0;
}

.c-dashboard--table .c-dashboard__row
{
	display: table-row;

	border: none;
}

.c-dashboard--stock > .c-dashboard__row
{
	display: flex;
}

.c-dashboard--purchase-articles.c-dashboard--head .c-dashboard__cell:not(:last-child):after,
.c-dashboard--stock-batches.c-dashboard--head .c-dashboard__cell:not(:last-child):after,
.c-dashboard--sale-batches.c-dashboard--head .c-dashboard__cell:not(:last-child):after
{
	display: block;
}

.c-dashboard__button
{
	min-width: 0;

	border-radius: 0;
}

.c-dashboard__checked-cell
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;
	padding: 3px;

	font-size: 26px;
	color: #4CC732;

	border-radius: 50%;
	border: 2px solid currentColor;
}

.c-dashboard__selected
{
	font-size: 16px;
	color: #E93339;
}

.c-dashboard__long-text
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-dashboard__more
{
	min-width: 0;

	padding: 0;

	border-radius: 50%;

	overflow: visible;
}

.c-dashboard__more-icon
{
	font-size: 24px;
	color: #867437;
}

.c-dashboard__cell-alinea
{
	width: 20px;
}

.c-dashboard__icon-link
{
	min-width: 0;

	border-radius: 0;
}

.c-dashboard__cell-background
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #EAEAEA;

	z-index: -1;
}

.c-dashboard__cell-background.green
{
	background-color: #EFFFDD;
}

.c-dashboard__cell-background.red
{
	background-color: #FFEBEB;
}

.c-dashboard__cell-background.gray
{
	background-color: #EAEAEA;
}

.c-dashboard__cell-background.orange
{
	background-color: #ECD8C4;
}

.c-dashboard__cell-background.purple
{
	background-color: #F7E8FA;
}

.c-dashboard__cell-background.blue
{
	background-color: #DDF4F9;
}

.c-dashboard__cell.Product-name,
.c-dashboard__cell.Product-family,
.c-dashboard__cell.Product-variations,
.c-dashboard__cell.ExpirationDate-name,
.c-dashboard__cell.ExpirationDate-days,
.c-dashboard__cell.PrimaryPackaging-name,
.c-dashboard__cell.SecondaryPackaging-name,
.c-dashboard__cell.Batch-freezer_name,
.c-dashboard__cell.Batch-product_family_name,
.c-dashboard__cell.Batch-product_name,
.c-dashboard__cell.Brand-name,
.c-dashboard__cell.Provider-name,
.c-dashboard__cell.Client-company_name
{
	display: flex;

	flex-basis: 170px;
	flex-grow: 10;
	align-items: center;
}


/* ------------------------------------ */
/* ---------- Product fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell.Product-code
{
	flex-basis: 175px;
	flex-grow: 0;
}

.c-dashboard__cell.Product-name
{
	flex-grow: 8;
}

.c-dashboard__cell.Product-provider
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Product-client
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Product-family
{
	flex-grow: 6;
	flex-basis: 180px;
}

.c-dashboard__cell.Product-packagings
{
	flex-grow: 4;
	flex-basis: 180px;
}

.c-dashboard__cell.Product-expiration_date
{
	flex-grow: 0;
	flex-basis: 150px;
}

.c-dashboard__cell.Product-halal
{
	flex-grow: 0;
	flex-basis: 60px;
	justify-content: center;
}

.c-dashboard__cell.Product-organic
{
	flex-grow: 0;
	flex-basis: 50px;
	justify-content: center;
}


/* ------------------------------------ */
/* ---------- Purchase fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Purchase-more
{
	padding: 0 !important;

	flex-basis: 60px;
	flex-grow: 0;
	justify-content: center;
	align-items: stretch;
}

.c-dashboard__cell.Purchase-confirmation_date,
.c-dashboard__cell.Purchase-delivery_date,
.c-dashboard__cell.Purchase-load_date
{
	flex-basis: 170px;
	flex-grow: 0;
}

.c-dashboard__cell.Purchase-provider
{
	flex-basis: 400px;
	flex-grow: 0;
}

.c-dashboard__cell.Purchase-shipping_address_title,
.c-dashboard__cell.Purchase-load_address_title
{
	flex-basis: 180px;
	flex-grow: 6;
}

.c-dashboard__cell.Purchase-record_number
{
	flex-grow: 0;
	flex-basis: 105px;
}

.c-dashboard__cell.Purchase-text_number
{
	flex-grow: 0;
	flex-basis: 120px;
}

.c-dashboard__cell.Purchase-incoterms
{
	justify-content: center;
	flex-grow: 0;
	flex-basis: 120px;
}

.c-dashboard__cell.Purchase-status
{
	flex-basis: 160px;
	flex-grow: 1;
}

.c-dashboard__cell.Purchase-carriers
{
	flex-basis: 170px;
	flex-grow: 15;
}

.c-dashboard__cell.Purchase-batches_pdf-files
{
	flex-basis: 50px;
	flex-grow: 0;
	align-items: center;
	justify-content: center;
}

.c-dashboard__cell.Purchase-articles
{
	flex-basis: 100%;
	flex-grow: 0;
}




/* ------------------------------------ */
/* ----------- Unit fields ------------ */
/* ------------------------------------ */

.c-dashboard__cell.Unit-name
{
	flex-basis: 100%;
	flex-grow: 1;
}




/* ------------------------------------ */
/* ------ ServiceProvider fields ------ */
/* ------------------------------------ */

.c-dashboard__cell.ServiceProvider-name
{
	flex-basis: 100%;
	flex-grow: 1;
}




/* ------------------------------------ */
/* ----- TerciaryPackaging fields ----- */
/* ------------------------------------ */

.c-dashboard__cell.TerciaryPackaging-name
{
	flex-basis: 100%;
	flex-grow: 1;
}



/* ------------------------------------ */
/* ---------- Article fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell[class*="Article-"]
{
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell[class*="Article-"].total
{
	font-weight: 700;
}

.c-dashboard__cell.Article-name
{
	flex-grow: 1;
}

.c-dashboard__cell.total.Article-name
{
	font-weight: 700;

	flex-basis: 570px;
}

.c-dashboard__cell.Article-batch_ref
{
	flex-basis: 120px;
}

.c-dashboard__cell.Article-weight
{
	flex-basis: 110px;
	justify-content: flex-end;
}

.c-dashboard__cell.total.Article-weight
{
	font-weight: 700;

	flex-grow: 0;
}

.c-dashboard__cell.Article-confirmed_weight
{
	flex-basis: 130px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.copy-of.Article-confirmed_weight
{
	font-style: italic;
}

.c-dashboard__cell.total.Article-confirmed_weight
{
	font-weight: 700;

	flex-grow: 0;
}

.c-dashboard__cell.Article-packagings
{
	flex-basis: 250px;
	flex-grow: 0;
}

.c-dashboard__cell.Article-buy_price
{
	flex-basis: var(--Article-buy_price_size);
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.Article-carrier_price
{
	flex-basis: 100px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.Article-cost_price
{
	flex-basis: var(--Article-cost_price_size);
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.Article-stock_value
{
	flex-basis: 115px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.total.Article-stock_value
{
	flex-grow: 0;
}

.c-dashboard__cell.Article-unit
{
	flex-basis: 150px;
	flex-grow: 0;
}

.c-dashboard__cell.Article-carriers
{
	flex-basis: 200px;
	flex-grow: 0;
}

.c-dashboard__cell.Article-load_address
{
	flex-basis: 200px;
	flex-grow: 0;
}

.c-dashboard__cell.Article-load_date
{
	flex-basis: 150px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Article-shipping_address
{
	flex-basis: 200px;
	flex-grow: 0;
}

.c-dashboard__cell.Article-delivery_date
{
	flex-basis: 130px;
	justify-content: center;
	flex-grow: 0;
}

.c-dashboard__cell.Article-organic
{
	flex-basis: 65px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Article-halal
{
	flex-basis: 65px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Article-more
{
	flex-basis: 65px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard--sub .Article-more:not(.sortable):not(.selection)
{
	padding-top: 2px;
	padding-bottom: 2px;
}


/* ------------------------------------ */
/* --------- StockBatch fields -------- */
/* ------------------------------------ */

.c-dashboard__cell.StockBatch-purchase_record_number
{
	min-width: 110px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-purchase_number
{
	min-width: 115px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-status:before
{
	display: none;
}

.c-dashboard__cell.total.StockBatch-product_name
{
	font-weight: 700;

	text-align: left;
}

.c-dashboard__cell.StockBatch-is_contract
{
	min-width: 80px;

	text-align: center;
}

.c-dashboard__cell.StockBatch-freezer_name
{
	min-width: 100px;

	text-align: center;
}

.c-dashboard__cell.StockBatch-freezer_ref
{
	min-width: 85px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-confirmation_date
{
	min-width: 120px;
}

.c-dashboard__cell.StockBatch-load_date
{
	min-width: 110px;
}

.c-dashboard__cell.StockBatch-delivery_date
{
	min-width: 90px;
}

.c-dashboard__cell.StockBatch-product_name
{
	min-width: 280px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-freezer_code
{
	flex-basis: 100px;
}

.c-dashboard__cell.StockBatch-freezer_entry_date
{
	min-width: 125px;
}

.c-dashboard__cell.StockBatch-expiration_date
{
	min-width: 170px;
}

.c-dashboard__cell.StockBatch-provider
{
	min-width: 160px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-brand_name
{
	min-width: 160px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-provider span > span
{
	display: block;

	width: 100%;
}

.c-dashboard__cell.StockBatch-origin
{
	min-width: 75px;
}

.c-dashboard__cell.StockBatch-comments
{
	min-width: 60px;

	justify-content: center;
}

.c-dashboard__cell.StockBatch-blocked
{
	min-width: 70px;

	z-index: 2;

	justify-content: center;
}

.c-dashboard__cell.StockBatch-blocked .mui-switch
{
	position: relative;

	top: -4px;
}

.c-dashboard__cell.StockBatch-batch_ref
{
	min-width: 115px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-sales
{
	min-width: 70px;

	text-align: center;
}

.c-dashboard__cell.StockBatch-buy_currency
{
	flex-basis: 55px;
}

.c-dashboard__cell.StockBatch-unit
{
	min-width: 105px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-unit .c-dashboard__long-text
{
	text-align: center;
}

.c-dashboard__cell.StockBatch-unit_qty
{
	min-width: 85px;

	text-align: right;
}

.c-dashboard__cell.total.StockBatch-unit_qty
{
	font-weight: 700;
}

.c-dashboard__cell.StockBatch-qty
{
	min-width: 115px;
}

.c-dashboard__cell.StockBatch-pallet_count
{
	min-width: 70px;
}

.c-dashboard__cell.StockBatch-qty_per_box
{
	min-width: 130px;

	text-align: right;
}

.c-dashboard__cell.StockBatch-packagings
{
	min-width: 225px;

	text-align: left;
}

.c-dashboard__cell.StockBatch-qty.total
{
	font-weight: 700;
}

.c-dashboard__cell.StockBatch-organic,
.c-dashboard__cell.StockBatch-halal,
.c-dashboard__cell.StockBatch-pdfs
{
	min-width: 55px;

	text-align: center;
}

.c-dashboard__cell.StockBatch-pdfs
{
	z-index: 2;
}

.c-dashboard__cell.StockBatch-qty
{
	text-align: right;
}

.c-dashboard__cell.StockBatch-prices_cost_price
{
	min-width: 105px;

	z-index: 2;
}

.c-dashboard__cell.StockBatch-carriers
{
	min-width: 200px;

	text-align: left;
}

.c-dashboard__cell.total.StockBatch-prices_cost_price
{
	font-weight: 700;
}

.c-dashboard__cell.StockBatch-prices_price
{
	min-width: 90px;
}

.c-dashboard__cell.StockBatch-stock_value
{
	min-width: 115px;

	text-align: right;
}

.c-dashboard__cell.StockBatch-stock_value.total
{
	font-weight: 700;
}

.c-dashboard__cell.StockBatch-prices_price,
.c-dashboard__cell.StockBatch-prices_price .c-dashboard__sort
{
	text-align: right;
}

.c-dashboard__cell.StockBatch-actions
{
	min-width: 135px;

	text-align: left;

	z-index: 2;
}

.c-dashboard__cell.StockBatch-actions:before
{
	display: none;
}

.c-dashboard__cell.StockBatch-selection
{
	min-width: 60px;

	text-align: center;

	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.StockBatch-status
{
	min-width: 140px;

	justify-content: center;
}

.c-dashboard__cell.StockBatch-currency
{
	min-width: 125px;

	text-align: right;
}

.c-dashboard__cell.StockBatch-purchase_currency_rate
{
	flex-basis: 55px;
	justify-content: center;
}

.c-dashboard__cell.StockBatch-product_totals
{
	font-weight: 700;

	text-align: left;
}

.c-dashboard__cell.StockBatch-family_name
{
	flex-basis: 110px;
	justify-content: flex-start;
}

.c-dashboard__cell.StockBatch-code
{
	flex-basis: 110px;
	justify-content: flex-start;
}

.c-dashboard__cell.StockBatch-type
{
	flex-basis: 120px;
	justify-content: flex-start;
}

.c-dashboard__cell.StockBatch-more
{
	min-width: 65px;

	text-align: center;
}

.c-dashboard__row.StockBatch-header-row
{
	display: table-row;

	border: none;
}

.c-dashboard__row.StockBatch-sales
{
	text-align: center;
}




/* ------------------------------------ */
/* ----------- Stock fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Stock-family_name
{
	flex-basis: 35vw;
	flex-grow: 0;
}

.c-dashboard__cell.Stock-code
{
	flex-basis: 35vw;
	flex-grow: 0;
}

.c-dashboard__cell.Stock-type
{
	flex-grow: 1;
}




/* ------------------------------------ */
/* ----------- Batch fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Batch-status:before
{
	display: none;
}

.c-dashboard__cell.Batch-product_name
{
	flex-basis: 100px;
}

.c-dashboard__cell.Batch-product_family_name
{
	flex-basis: 100px;
}

.c-dashboard__cell.Batch-freezer_name
{
	flex-basis: 100px;
}

.c-dashboard__cell.Batch-freezer_code
{
	flex-basis: 100px;
}

.c-dashboard__cell.Batch-expiration_date,
.c-dashboard__cell.Batch-freezer_entry_date
{
	flex-basis: 85px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-provider
{
	flex-basis: 125px;
	flex-grow: 4;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Batch-provider span > span
{
	display: block;

	width: 100%;
}

.c-dashboard__cell.Batch-origin
{
	flex-basis: 55px;
	justify-content: center;
}

.c-dashboard__cell.Batch-blocked
{
	flex-basis: 70px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Batch-blocked .mui-switch
{
	position: relative;

	top: -4px;
}

.c-dashboard__cell.Batch-batch_ref
{
	flex-basis: 115px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-buy_currency
{
	flex-basis: 55px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-purchase_record_number
{
	flex-basis: 90px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-purchase_number
{
	flex-basis: 90px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-unit
{
	flex-basis: 100px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-qty
{
	flex-basis: 90px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-organic,
.c-dashboard__cell.Batch-halal,
.c-dashboard__cell.Batch-pdfs
{
	flex-basis: 55px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Batch-qty,
.c-dashboard__cell.Batch-qty .c-dashboard__sort
{
	justify-content: flex-end;
}

.c-dashboard__cell.Batch-prices_cost_price
{
	flex-basis: 95px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Batch-prices_fees
{
	flex-basis: 85px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_brokerage,
.c-dashboard__cell.Batch-prices_carrier
{
	flex-basis: 120px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_price
{
	flex-basis: 80px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_brokerage
{
	flex-basis: 110px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_interbev
{
	flex-basis: 108px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_raw_price
{
	flex-basis: 120px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-prices_fees,
.c-dashboard__cell.Batch-prices_price,
.c-dashboard__cell.Batch-prices_price .c-dashboard__sort,
.c-dashboard__cell.Batch-prices_brokerage,
.c-dashboard__cell.Batch-prices_brokerage .c-dashboard__sort,
.c-dashboard__cell.Batch-prices_carrier,
.c-dashboard__cell.Batch-prices_carrier .c-dashboard__sort,
.c-dashboard__cell.Batch-prices_interbev,
.c-dashboard__cell.Batch-prices_interbev .c-dashboard__sort,
.c-dashboard__cell.Batch-prices_raw_price,
.c-dashboard__cell.Batch-prices_raw_price .c-dashboard__sort
{
	justify-content: flex-end;
}

.c-dashboard__cell.Batch-actions
{
	flex-basis: 125px;
	flex-grow: 0;
}

.c-dashboard__cell.Batch-actions:before
{
	display: none;
}

.c-dashboard__cell.Batch-status
{
	flex-basis: 60px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Batch-currency
{
	flex-basis: 115px;
	flex-grow: 0;
	justify-content: flex-end;
}


/* ------------------------------------ */
/* --------- Transport fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Transport-label
{
	flex-basis: 120px;
	flex-grow: 2;
}

.c-dashboard__cell.Transport-purchases
{
	flex-basis: 200px;
	flex-grow: 6;
}



/* ------------------------------------ */
/* ---------- Provider fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Provider-accounting_code
{
	flex-basis: 165px;
	flex-grow: 0;
}

.c-dashboard__cell.Provider-phone
{
	flex-basis: 145px;
	flex-grow: 0;
}

.c-dashboard__cell.Provider-email
{
	flex-basis: 170px;
	flex-grow: 3;
}

.c-dashboard__cell.Provider-country
{
	flex-basis: 170px;
	flex-grow: 4;
}

.c-dashboard__cell.Provider-city
{
	flex-basis: 170px;
	flex-grow: 4;
}

.c-dashboard__cell.Provider-contact
{
	flex-basis: 150px;
	flex-grow: 6;
}

.c-dashboard__cell.Provider-commercial_tracked
{
	flex-basis: 150px;
	flex-grow: 0;
	align-items: center;
	justify-content: center;
}

.c-dashboard__cell.Provider-tracked
{
	flex-basis: 55px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Provider-activated
{
	flex-basis: 100px;
	flex-grow: 0;
	justify-content: center;
}




/* ------------------------------------ */
/* ----------- Client fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell.Client-accounting_code
{
	flex-basis: 165px;
	flex-grow: 0;
}

.c-dashboard__cell.Client-phone
{
	flex-basis: 145px;
	flex-grow: 0;
}

.c-dashboard__cell.Client-email
{
	flex-basis: 170px;
	flex-grow: 3;
}

.c-dashboard__cell.Client-country
{
	flex-basis: 170px;
	flex-grow: 4;
}

.c-dashboard__cell.Client-city
{
	flex-basis: 170px;
	flex-grow: 4;
}

.c-dashboard__cell.Client-contact
{
	flex-basis: 150px;
	flex-grow: 6;
}

.c-dashboard__cell.Client-commercial_tracked
{
	flex-basis: 150px;
	flex-grow: 0;
	align-items: center;
	justify-content: center;
}

.c-dashboard__cell.Client-tracked
{
	flex-basis: 55px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Client-activated
{
	flex-basis: 100px;
	flex-grow: 0;
	justify-content: center;
}




/* ------------------------------------ */
/* --------- SaleBatch fields --------- */
/* ------------------------------------ */

.c-dashboard__cell[class*="SaleBatch-"]
{
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell[class*="SaleBatch-"].total
{
	font-weight: 700;
}

.c-dashboard__cell.SaleBatch-name
{
	flex-grow: 1;
}

.c-dashboard__cell.SaleBatch-client
{
	flex-basis: 200px;
}

.c-dashboard__cell.SaleBatch-unit_qty
{
	flex-basis: 110px;
}

.c-dashboard__cell.SaleBatch-unit
{
	flex-basis: 200px;
}

.c-dashboard__cell.SaleBatch-selling_price
{
	flex-basis: var(--SaleBatch-selling_price_width);
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-packagings
{
	flex-basis: 260px;
	justify-content: flex-start;
}

.c-dashboard__cell.SaleBatch-batch_ref
{
	flex-basis: 80px;
}

.c-dashboard__cell.SaleBatch-qty
{
	flex-basis: 105px;
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-buy_price
{
	flex-basis: var(--SaleBatch-buy_price_width);
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-carriers_cost
{
	flex-basis: 100px;
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-cost_price
{
	flex-basis: var(--SaleBatch-cost_price_width);
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-stock_value
{
	flex-basis: 130px;
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-profits_value
{
	flex-basis: 105px;
	justify-content: flex-end;
}

.c-dashboard__cell.SaleBatch-carriers
{
	flex-basis: 200px;
}

.c-dashboard__cell.SaleBatch-load_date,
.c-dashboard__cell.SaleBatch-delivery_date
{
	flex-basis: 160px;
}

.c-dashboard__cell.SaleBatch-shipping_address,
.c-dashboard__cell.SaleBatch-load_address
{
	flex-basis: 240px;
}

.c-dashboard__cell.SaleBatch-organic,
.c-dashboard__cell.SaleBatch-halal
{
	flex-basis: 55px;
	justify-content: center;
}




/* ------------------------------------ */
/* ----------- Sale fields ------------ */
/* ------------------------------------ */

.c-dashboard__cell.Sale-more
{
	flex-basis: 80px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-record_number
{
	flex-basis: 150px;
	flex-grow: 0;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-number
{
	flex-basis: 190px;
	flex-grow: 0;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-incoterms
{
	flex-basis: 140px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-confirmation_date,
.c-dashboard__cell.Sale-load_date,
.c-dashboard__cell.Sale-delivery_date
{
	flex-basis: 140px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-client
{
	width: 10px;
	max-width: 20%;

	flex-basis: 300px;
	flex-grow: 0;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-pdfs
{
	flex-basis: 60px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-paid
{
	flex-basis: 70px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-status
{
	flex-basis: 180px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-actions
{
	flex-basis: 150px;
	flex-grow: 0;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Sale-more
{
	text-align: center;

	flex-basis: 80px;
}

.c-dashboard__cell.Sale-total_price
{
	flex-basis: 130px;
	flex-grow: 0;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}




/* ------------------------------------ */
/* ------------ Bill fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Bill-reception_sale__client_company_name
{
	text-align: left;

	justify-content: flex-start;
	flex-basis: 225px;
	flex-grow: 1;
}

.c-dashboard__cell.Bill-reception_bill_date
{
	justify-content: center;
	flex-basis: 125px;
}

.c-dashboard__cell.Bill-due_date
{
	justify-content: center;
	flex-basis: 170px;
}

.c-dashboard__cell.Bill-number
{
	flex-basis: 130px;
}

.c-dashboard__cell.Bill-reception_sale_record_number
{
	flex-basis: 140px;
}

.c-dashboard__cell.Bill-client_due_name
{
	font-weight: 600;
	font-size: .9em;

	flex-basis: 555px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-insurances
{
	flex-basis: 140px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Bill-overflow
{
	font-weight: 700;

	flex-basis: 125px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Bill-client_due_trader
{
	flex-basis: 200px;
	flex-grow: 3;
	flex-shrink: 1;
}

.c-dashboard__cell.Bill-overflow.red
{
	color: #E00;
}

.c-dashboard__cell.Bill-overflow.green
{
	color: #09D419;
}
.c-dashboard__cell.Bill-PDF
{
	flex-basis: 80px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-delay_days,
.c-dashboard__cell.Bill-elapsed_days
{
	flex-basis: 65px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-amount,
.c-dashboard__cell.Bill-remaining_amount,
.c-dashboard__cell.Bill-pre_paid
{
	flex-basis: 125px;
	justify-content: flex-end;
}

.c-dashboard__cell.Bill-pre_paid.red
{
	color: #E00;
}

.c-dashboard__cell.Bill-DIC,
.c-dashboard__cell.Bill-DMC
{
	flex-basis: 120px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-insured
{
	flex-basis: 120px;
	flex-grow: 0;
	justify-content: flex-end;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-paid
{
	min-width: 260px;

	justify-content: flex-end;
	flex-basis: 385px;
	flex-grow: 1;
	flex-shrink: 1;
}

.c-dashboard--head .c-dashboard__cell.Bill-paid
{
	justify-content: center;
}

.c-dashboard__cell.Bill-actions
{
	flex-basis: 165px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Bill-client_due_totals
{
	background-color: #FDF3CE;

	font-weight: 700;

	text-transform: uppercase;
}

.c-dashboard__cell.Bill-client_due_totals,
.c-dashboard__cell.Bill-client_due_bill_header
{
	flex-wrap: nowrap;

	width: 100%;
	max-width: none;

	padding: 0 !important;

	flex-grow: 1;
	flex-basis: 100%;
}




/* ------------------------------------ */
/* ---------- Proforma fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Proforma-sale__client_company_name
{
	text-align: left;

	justify-content: flex-start;
	flex-basis: 225px;
	flex-grow: 1;
}

.c-dashboard__cell.Proforma-reception_bill_date
{
	justify-content: center;
	flex-basis: 125px;
}

.c-dashboard__cell.Proforma-due_date
{
	justify-content: center;
	flex-basis: 170px;
}

.c-dashboard__cell.Proforma-text_number
{
	text-align: center;

	flex-basis: 130px;
	justify-content: center;
}

.c-dashboard__cell.Proforma-reception_sale_record_number
{
	text-align: center;

	flex-basis: 140px;
	justify-content: center;
}

.c-dashboard__cell.Proforma-client_due_name
{
	font-weight: 600;
	font-size: .9em;

	flex-basis: 552px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-insurances
{
	flex-basis: 145px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Proforma-overflow
{
	font-weight: 700;

	flex-basis: 145px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Proforma-client_due_trader
{
	flex-basis: 200px;
	flex-grow: 3;
	flex-shrink: 1;
}

.c-dashboard__cell.Proforma-overflow.red
{
	color: #E00;
}

.c-dashboard__cell.Proforma-overflow.green
{
	color: #09D419;
}
.c-dashboard__cell.Proforma-PDF
{
	flex-basis: 80px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-delay_days,
.c-dashboard__cell.Proforma-elapsed_days
{
	flex-basis: 65px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-amount,
.c-dashboard__cell.Proforma-remaining_amount
{
	flex-basis: 145px;
	justify-content: flex-end;
}

.c-dashboard__cell.Proforma-DIC,
.c-dashboard__cell.Proforma-DMC
{
	flex-basis: 120px;
	flex-grow: 0;
	justify-content: center;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-insured
{
	flex-basis: 120px;
	flex-grow: 0;
	justify-content: flex-end;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-paid
{
	min-width: 260px;

	justify-content: flex-end;
	flex-basis: 385px;
	flex-grow: 1;
	flex-shrink: 1;
}

.c-dashboard--head .c-dashboard__cell.Proforma-paid
{
	justify-content: center;
}

.c-dashboard__cell.Proforma-actions
{
	flex-basis: 165px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Proforma-client_due_totals
{
	background-color: #FDF3CE;

	font-weight: 700;

	text-transform: uppercase;
}

.c-dashboard__cell.Proforma-client_due_totals,
.c-dashboard__cell.Proforma-client_due_bill_header
{
	flex-wrap: nowrap;

	width: 100%;
	max-width: none;

	padding: 0 !important;

	flex-grow: 1;
	flex-basis: 100%;
}




/* ------------------------------------ */
/* ----------- History fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.History-more
{
	padding: 0 !important;

	flex-basis: 60px;
	flex-grow: 0;
	justify-content: center;
	align-items: stretch;
}

.c-dashboard__cell.History-batch_ref
{
	flex-basis: 150px;
	flex-shrink: 0;
	flex-grow: 1;
}

.c-dashboard__cell.History-history
{
	padding: 0 !important;

	flex-basis: 100%;
	flex-grow: 0;
}



/* ------------------------------------ */
/* ----------- Country fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Country-ISO
{
	text-align: center;

	flex-basis: 110px;
	flex-grow: 0;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Country-name
{
	flex-grow: 1;
}

.c-dashboard__cell.Country-CEE_status
{
	flex-grow: 4;
}




/* ------------------------------------ */
/* ------------- Modifiers ------------ */
/* ------------------------------------ */

.c-dashboard__cell
{
	flex-grow: 0;
	flex-shrink: 0;
}




/* ------------------------------------ */
/* ---------- Boarding fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Boarding-_provider_name
{
	flex-basis: 180px;
	flex-grow: 1;
	justify-content: flex-start;
	align-items: center;
}

.c-dashboard__cell.Boarding-_product_name
{
	flex-basis: 110px;
	flex-grow: 3;
	justify-content: flex-start;
	align-items: center;
}

.c-dashboard__cell.Boarding-state
{
	flex-basis: 128px;
	flex-grow: 0;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-qty
{
	text-align: center;

	flex-basis: 110px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Boarding-unit_qty
{
	text-align: center;

	flex-basis: 70px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Boarding-load_date,
.c-dashboard__cell.Boarding-delivery_date
{
	text-align: center;

	flex-basis: 140px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-currency_rate
{
	text-align: center;

	flex-basis: 100px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-buy_price
{
	text-align: center;

	flex-basis: 150px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-prices_price
{
	text-align: center;

	flex-basis: 90px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-selling_price
{
	text-align: center;

	flex-basis: 90px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-prices_cost_price
{
	text-align: center;

	flex-basis: 100px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Boarding-client
{
	text-align: center;

	flex-basis: 140px;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
}

.c-dashboard__cell.Boarding-sold_qty
{
	flex-basis: 110px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Boarding-available_qty
{
	font-weight: 600;

	flex-basis: 110px;
	justify-content: flex-end;
	align-items: center;
}

.c-dashboard__cell.Boarding-purchase-text
{
	font-weight: 600;
	font-size: .95em;

	flex-basis: calc(260px + 110px);
}




/* ------------------------------------ */
/* -------- FinancialBill fields ------ */
/* ------------------------------------ */

.c-dashboard__cell.FinancialBill-reception_bill_date
{
	font-weight: 600;

	flex-basis: 125px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.FinancialBill-number,
.c-dashboard__cell.FinancialBill-text_number,
.c-dashboard__cell.FinancialBill-reception_sale_record_number,
.c-dashboard__cell.FinancialBill-amount,
.c-dashboard__cell.FinancialBill-profits
{
	font-weight: 600;

	text-align: center;

	flex-basis: 150px;
	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.FinancialBill-profits_percent
{
	font-weight: 600;

	text-align: center;

	flex-basis: 110px;
	justify-content: center;
}

.c-dashboard__cell.FinancialBill-sale
{
	font-weight: 600;

	text-align: center;

	flex-basis: 145px;
	justify-content: center;
}

.c-dashboard__cell.FinancialBill-reception_sale_client_company_name
{
	flex-grow: 1;
}

.c-dashboard__cell.FinancialBill-actions
{
	flex-grow: 1;
}




/* ------------------------------------ */
/* ---------- Commerce fields --------- */
/* ------------------------------------ */

.c-dashboard__cell[class*="Commerce-"]
{
	text-align: center;

	justify-content: center;
	align-items: center;
}

.c-dashboard__cell.Commerce-_provider_name,
.c-dashboard__cell.Commerce-_freezer_name,
.c-dashboard__cell.Commerce-_product__family_name,
.c-dashboard__cell.Commerce-_product_name,
.c-dashboard__cell.Commerce-_client_company_name
{
	text-align: left;

	justify-content: flex-start;
}

.c-dashboard__cell.Commerce-date
{
	flex-basis: 110px;
}

.c-dashboard__cell.Commerce-_provider_name,
.c-dashboard__cell.Commerce-_client_company_name,
.c-dashboard__cell.Commerce-_product_name
{
	flex-grow: 4;
}

.c-dashboard__cell.Commerce-_freezer_name,
.c-dashboard__cell.Commerce-_product__family_name,
.c-dashboard__cell.Commerce-_primary_packaging_name
{
	flex-grow: 3;
}

.c-dashboard__cell.Commerce-origin
{
	flex-basis: 130px;
}

.c-dashboard__cell.Commerce-unit_qty
{
	flex-basis: 60px;
}

.c-dashboard__cell.Commerce-_unit_name
{
	flex-basis: 85px;
}

.c-dashboard__cell.Commerce-batch_ref
{
	flex-basis: 70px;
}

.c-dashboard__cell.Commerce-qty
{
	text-align: right;

	flex-basis: 120px;
	justify-content: flex-end;
}

.c-dashboard__cell.Commerce-euro_buy_price
{
	flex-basis: 115px;
}

.c-dashboard__cell.Commerce-selling_price
{
	flex-basis: 100px;
}

.c-dashboard__cell.Commerce-buy_price
{
	flex-basis: 115px;
}

.c-dashboard__cell.Commerce-buy_currency
{
	flex-basis: 110px;
}

.c-dashboard__cell.Commerce-cost_price
{
	flex-basis: 110px;
}

.c-dashboard__cell.Commerce-profits
{
	flex-basis: 105px;
}

.c-dashboard__cell.is-commerce-total
{
	font-weight: 600;
}




/* ------------------------------------ */
/* ---------- Trading fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell[class*="Trading-"]
{
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.is-trading-total
{
	font-weight: 600;
}

.c-dashboard__cell.Trading-trader_name,
.c-dashboard__cell.Trading-client_company_name
{
	flex-grow: 1;
	flex-shrink: 1;
}

.c-dashboard__cell.Trading-type
{
	text-align: center;

	flex-basis: 175px;
	justify-content: center;
}

.c-dashboard__cell.Trading-date
{
	text-align: center;

	flex-basis: 105px;
	justify-content: center;
}

.c-dashboard__cell.Trading-bill_text_number
{
	text-align: center;

	flex-basis: 140px;
	justify-content: center;
}

.c-dashboard__cell.Trading-cost
{
	text-align: right;

	justify-content: flex-end;
	flex-basis: 185px;
}

.c-dashboard__cell.Trading-commission
{
	text-align: right;

	flex-basis: 140px;
	justify-content: flex-end;
}

.c-dashboard__cell.Trading-trader_cost
{
	text-align: right;

	justify-content: flex-end;
	flex-basis: 145px;
}

.c-dashboard__cell.Trading-PDF
{
	text-align: right;

	justify-content: center;
	flex-basis: 50px;
}

.c-dashboard__cell.Trading-payment_status
{
	flex-wrap: nowrap;

	text-align: center;

	flex-basis: 285px;
	justify-content: center;
}

.c-dashboard__cell.Trading-payments
{
	text-align: right;

	justify-content: flex-end;
	flex-basis: 155px;
}

.c-dashboard__row.clients-due-total-row
{
	background-color: var(--yellow-row);

	font-weight: 700;
}

.clients-due-client-row .c-dashboard__cell.ClientDue-bill_date
{
	width: 35%;

	font-weight: 700;

	text-align: left;
}

.c-dashboard__cell.ClientDue-warning_date.red,
.c-dashboard__cell.ClientDue-grand_total.red
{
	font-weight: 700;
	color: #E00;
}

.c-dashboard__cell.ClientDue-warning_date.green,
.c-dashboard__cell.ClientDue-grand_total.green
{
	font-weight: 700;
	color: #09D419;
}

.c-dashboard__row.clients-due-client-row .c-dashboard__cell.ClientDue-paid
{
	text-align: left;
}

.c-dashboard__row.page-totals
{
	font-size: 1rem;
}

.c-dashboard__row.page-totals .ClientDue-warning_date.bg-red
{
	background-color: #FFEBEB;
}

.c-dashboard__cell[class*="SimpleBill-"]
{
	flex-grow: 1;
	flex-basis: 60px;
	flex-shrink: 0;
}

.c-dashboard__cell.SimpleBill-client_name
{
	text-align: left;

	flex-grow: 3;
	justify-content: flex-start;
}

.c-dashboard__cell.SimpleBill-bill_number
{
	text-align: center;

	flex-grow: 0;
	flex-basis: 160px;
	justify-content: center;
}

.c-dashboard__cell.SimpleBill-record_number
{
	text-align: center;

	justify-content: center;
}

.c-dashboard__cell.SimpleBill-bill_date,
.c-dashboard__cell.SimpleBill-due_date
{
	text-align: center;

	flex-grow: 0;
	flex-basis: 140px;
	justify-content: center;
}

.c-dashboard__cell.SimpleBill-raw_amount,
.c-dashboard__cell.SimpleBill-interbev,
.c-dashboard__cell.SimpleBill-VAT,
.c-dashboard__cell.SimpleBill-grand_total
{
	text-align: right;

	flex-grow: 0;
	flex-basis: 150px;
	justify-content: flex-end;
}

.c-dashboard__cell.SimpleBill-PDF
{
	flex-grow: 0;
	flex-basis: 60px;
	justify-content: center;
}

.c-data-row
{
	display: flex;

	width: 100%;

	border: 2px solid #DDD;
}

.c-data-row + .c-data-row
{
	border-top: none;
}

.c-data-row--sale_action
{
	padding-right: 0;
}

[class*='c-data-row__']
{
	display: flex;

	padding: 5px 8px;

	font-size: .95em;

	letter-spacing: -.2px;

	border-right: 2px solid #DDD;

	flex-grow: 0;
	flex-basis: 190px;
	flex-shrink: 0;
	align-items: center;
}

.c-data-row--transformation .c-data-row__date,
.c-data-row--stock_out .c-data-row__date
{
	flex-basis: 100px;
}

.c-data-row--transformation .c-data-row__cost,
.c-data-row--stock_out .c-data-row__cost
{
	flex-basis: 110px;
}

.c-data-row--transformation .c-data-row__cost
{
	flex-direction: column;

	justify-content: center;
}

.c-data-row__trsf-cost.overrided
{
	font-style: italic;
	font-size: .9em;
	color: #9A9A9A;
	text-decoration: line-through;
}

.c-data-row__lost_qty
{
	flex-basis: 120px;
}

.c-data-row__returned_qty
{
	flex-basis: 105px;
}

.c-data-row__returned_unit_qty
{
	flex-basis: 100px;
}

.c-data-row__transformed_qty
{
	flex-basis: 150px;
}

.c-data-row__comment
{
	flex-grow: 4;
}

.c-data-row__action-modification
{
	border-right: none;

	flex-grow: 0;
	flex-basis: 160px;
	justify-content: center;
}

.c-data-row--stock_out .c-data-row__comment
{
	flex-grow: 2;
}

.c-data-row__comment:last-child
{
	border-right: none;
}

.c-data-row__action
{
	flex-basis: 160px;
	justify-content: center;
	align-items: center;
}

.c-data-row__action:last-child
{
	border-right: none;
}

.c-data-row__address
{
	flex-direction: column;

	align-items: flex-start;
	flex-grow: 1;
	justify-content: center;
}

.c-data-row__carrier
{
	flex-direction: column;

	align-items: center;
	flex-grow: 1;
	justify-content: center;
}

.c-data-row--head
{
	font-weight: 600;
}

.c-data-row__type
{
	flex-basis: 140px;
}

.c-data-row__destroyed-qty
{
	flex-basis: 125px;
	justify-content: flex-end;
}

.c-data-row__destroyed-unit_qty
{
	flex-basis: 155px;
	justify-content: center;
}

.c-data-row__files,
.c-data-row__pdf-files
{
	display: flex;

	flex-wrap: wrap;

	padding-top: 3px;
	padding-left: 12px;
	padding-bottom: 3px;

	overflow: hidden;

	flex-grow: 4;
	align-items: center;
}

.c-data-row--stock_out .c-data-row__files
{
	flex-grow: 2;
}

.c-data-row--head .c-data-row__files,
.c-data-row--head .c-data-row__pdf-files
{
	margin-top: 0;
	margin-bottom: 0;
}

.c-data-row__files:last-child,
.c-data-row__comment:last-child
{
	border-right: none;
}

.c-data-row--batch-pdfs .c-data-row__pdf-files
{
	margin-top: 0;
	margin-bottom: 0;

	border-right: none;
}

.c-data-row--sale_action .c-data-row__pdf-files
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;

	flex-grow: 0;
	flex-basis: 215px;
	flex-shrink: 0;
	align-items: center;
}

.c-data-row__credit-note-on
{
	display: flex;

	flex-basis: 195px;
	align-items: center;
	justify-content: flex-start;
}

[class*='c-data-row__']:last-child
{
	border-right: none;
}

.c-delete-btn
{
	position: relative;

	height: 1em;
	width: 1em;
	min-width: 0;

	background-color: #E93339;

	font-size: 32px;
	color: #FFF;

	cursor: pointer;
	text-indent: 100px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #E93339;

	overflow: hidden;

	transition: background-color 240ms ease, border-color 240ms ease, color 240ms ease;

	flex-shrink: 0;
}

.c-delete-btn--variation
{
	position: absolute;

	top: 50%;
	margin-top: -.5em;
	right: 10px;
}

.c-delete-btn--drive-link
{
	font-size: 26px;
}

.c-delete-btn--contract
{
	font-size: 28px;
}

.c-delete-btn:hover
{
	background-color: transparent;

	color: #E93339;
}

.c-delete-btn:before,
.c-delete-btn:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-delete-btn:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-delete-btn:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.c-dispatch-table
{
	width: 100%;
}

.c-dispatch
{
	background-color: transparent;
}

.c-dispatch--help
{
	font-weight: 700;
}

.c-dispatch__cell
{
	padding: 3px 6px;

	font-size: .85em;

	border: 1px solid #E0E0E0;
}

.c-dispatch__cell.help-label
{
	font-weight: 700;
	font-size: .8em;

	text-align: right;
	white-space: nowrap;
	text-transform: uppercase;
}

.c-dispatch__cell.unit_qty
{
	width: 160px;

	text-align: right;
}

.c-dispatch__cell.qty
{
	width: 160px;

	text-align: right;
}

.c-dispatch__cell.load_date,
.c-dispatch__cell.delivery_date
{
	width: 120px;

	text-align: center;
}

.c-dispatch__cell.editable-unit_qty,
.c-dispatch__cell.editable-qty
{
	text-align: right;
}

.c-dispatch__cell.error
{
	color: #EC323B;
}

.c-dispatch__cell.green
{
	color: #3CBB62;
}

.c-dispatch__cell.primary
{
	color: var(--primary);
}

.c-dispatch--header .c-dispatch__cell
{
	background-color: #EFEFEF;

	font-weight: 700;
	font-size: .8em;
	color: #212121;

	white-space: nowrap;
	text-transform: uppercase;
}

.c-dispatch--sale .c-dispatch__cell
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.c-dispatch__cell.sale-text_number
{
	font-weight: 700;
	font-size: .8em;
	color: #212121;

	white-space: nowrap;
	text-transform: uppercase;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-donut
{
	position: relative;

	width: 100%;

	background-color: #FFF;

	color: #757575;
}

.c-donut--primary
{
	color: #19803D;
}

.c-donut--secondary
{
	color: #42A343;
}

.c-donut--terciary
{
	color: #E94F2C;
}

.c-donut__title
{
	display: flex;

	padding: 20px 25px;

	font-weight: 700;
	font-size: 1.2em;
	color: inherit;

	border-bottom: 2px solid #E6E6E6;

	align-items: center;
}

.c-donut__title-icon
{
	margin-right: 10px;
}

.c-donut__body
{
	position: relative;

	padding: 15px 20px;
}

.c-donut__chart
{
	position: relative;

	height: 180px;
	width: 180px;

	margin: auto;
}

.c-donut--circle .c-donut__chart
{
	height: 115px;
	width: 115px;
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.c-donut__chart
	{
		height: 110px;
		width: 110px;
	}

	.c-donut--circle .c-donut__chart
	{
		height: 90px;
		width: 90px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-donut__chart
	{
		height: 100px;
		width: 100px;
	}

	.c-donut--circle .c-donut__chart
	{
		height: 80px;
		width: 80px;
	}
}

.c-donut__top-txt
{
	margin-bottom: 12px;

	font-weight: 700;
	font-size: 1.1em;
	color: #757575;

	text-align: center;
}

.c-donut__center-value
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 700;
	font-size: 1.6em;
	color: #404040;

	align-items: center;
	justify-content: center;
}

.c-donut--circle .c-donut__center-value
{
	font-size: 1.4em;
}

.c-donut__bottom-txt
{
	margin-top: 12px;

	font-size: 1.1em;
	color: #757575;

	text-align: center;
}

.c-donut__legend
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin-top: 20px;

	-webkit-justify-content: center;
	        justify-content: center;
}

.c-donut__circle
{
	position: relative;

	height: 0;
	width: 100%;

	padding-top: 100%;

	background: #51B2CA;
	background: -webkit-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:    -moz-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:         linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	border-radius: 1000px;
}

.c-donut--green .c-donut__circle
{
	background: #42A343;
	background: -webkit-linear-gradient(left top, #42A343 0%, #BDD261 100%);
	background:    -moz-linear-gradient(left top, #42A343 0%, #BDD261 100%);
	background:         linear-gradient(left top, #42A343 0%, #BDD261 100%);
}

.c-donut--red .c-donut__circle
{
	background: #E33E86;
	background: -webkit-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background:    -moz-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background:         linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
}

.c-donut__circle:before
{
	position: absolute;

	height: calc(100% - 1em);
	width: calc(100% - 1em);

	top: .5em;
	left: .5em;

	background-color: #FFF;

	font-size: 16px;

	content: '';

	border-radius: 50%;

	box-sizing: content-box;
}

.c-expand
{
	width: 100%;
	min-width: 0;
	max-width: none;

	border-radius: 0;
}

.c-expand__icon
{
	font-size: 18px;

	transition: transform 240ms ease;
	transform: rotate(0deg);
}

.c-expand--expanded .c-expand__icon
{
	transform: rotate(180deg);
}

.c-fee-row
{
	display: flex;
}

.c-fee-row--head
{
	font-weight: 700;
}

.c-fee-row__amount
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 10;
	align-items: center;
	flex-shrink: 0;
}

.c-fee-row--head .c-fee-row__amount
{
	justify-content: flex-start;
}

.c-fee-row__date
{
	display: flex;

	width: 180px;

	padding: 4px 8px;

	align-items: center;
	flex-shrink: 0;
	justify-content: center;
}

.c-fee-row__actions
{
	display: flex;

	width: 130px;

	flex-shrink: 1;
	justify-content: flex-end;
	align-items: center;
}

.c-field-error
{
	display: flex;

	gap: 4px;

	width: 100%;

	padding: 2px 0;

	font-size: .95rem;
	color: #C00506;

	align-items: center;
	flex-shrink: 0;
}

.c-field-error--week-day-picker
{
	margin-top: 1rem;
}

.c-field-error--checkbox
{
	margin-top: 2px;
}

.c-field-error--fileinput
{
	position: relative;

	margin-top: 0;
	left: 0;
	margin-bottom: 10px;
	padding: 6px 12px;

	background-color: var(--error-background);

	font-weight: 400;
	font-size: 1.05rem;

	border-radius: 4px;
}

.c-field-error--fileinput .c-field-error__icon
{
	font-size: 20px;
}

.c-field-error--fileinput-row
{
	padding: 6px 12px;

	background-color: #F8E7E7;

	font-weight: 400;
	font-size: 1rem;

	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	border-top: 2px solid currentColor;
}

.c-field-error__icon
{
	font-size: 18px;
	color: inherit;

	flex-shrink: 0;
}

.c-field-msg
{
	width: 100%;

	margin: 8px 0 10px;
	padding-left: 8px;

	border-left: 3px solid currentColor;
}

.c-field-msg--cb
{
	margin-left: 11px;
}

.c-field-msg--red
{
	color: #E93339;
}

.c-field-msg--green
{
	color: #4A736A;
}

.c-field-msg--orange
{
	color: #99650B;
}

.c-file-infos
{
	display: flex;

	margin-top: 4px;
	margin-bottom: 4px;

	align-items: center;
}

.c-file-infos--destruction,
.c-file-infos--analysis,
.c-file-infos--transformation,
.c-file-infos--stock-out,
.c-file-infos--transfer,
.c-file-infos--blocked,
.c-file-infos--stock_out
{
	margin-right: 15px;
}

.c-file-infos + .c-file-infos
{
	margin-left: 15px;
}

.c-file-infos__thumbnail
{
	display: block;

	height: 1em;
	width: 1em;

	font-family: 'object-fit: cover; object-position: left';

	object-fit: cover;
	object-position: left;
}

.c-file-infos__thumbnail-link
{
	display: flex;

	height: 1em;
	width: 1em;

	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;

	font-size: 26px;

	align-items: center;
	flex-shrink: 0;
}

.c-file-infos__thumbnail-icon
{
	font-size: 1em;
}

/* -------------------------------------- *\
|* -------- # c-file-thumbnail # -------- *|
\* -------------------------------------- */

.c-file-thumbnail
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0 1em;

	background-color: #FDFAF7;

	font-size: 10px;

	border: 2px solid #DDD;

	z-index: 1;

	justify-content: space-between;
	flex-grow: 1;
}

.c-file-thumbnail:first-child
{
	margin-top: -6px;
}

.c-file-thumbnail:last-child
{
	margin-bottom: 12px;
}

.c-file-thumbnail__preview
{
	height: 32px;
	width: 64px;

	margin: .6em 0 .6em;
	margin-right: 12px;

	font-family: 'object-fit: contain;';

	z-index: 1;

	object-fit: contain;
	flex-shrink: 0;
}

/* -------- file-thumbnail__icon -------- */

.c-file-thumbnail__icon
{
	position: relative;
	display: block;

	margin: 6px 0;
	margin-right: 12px;

	font-size: 36px;
	color: #000;

	z-index: 1;

	flex-shrink: 0;
	fill: #EAEAE4;
}

/* -------- file-thumbnail_title -------- */

.c-file-thumbnail__title
{
	display: flex;

	min-width: 100px;

	margin-right: 15px;

	font-size: 14px;

	z-index: 1;

	align-items: center;
	flex-shrink: 0;
	flex-grow: 1;
}

.c-file-thumbnail__file-name
{
	display: flex;

	white-space: nowrap;

	align-items: center;
}

.c-file-thumbnail__file-name:after
{
	display: block;

	height: 36px;
	width: 2px;

	margin-right: 10px;
	margin-left: 10px;

	background: currentColor;

	color: #1F1F1F;

	content: '';
}

.c-file-thumbnail__file-size
{
	display: flex;

	margin-right: 8px;
	margin-left: 0;

	font-weight: 500;

	white-space: nowrap;

	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-file-thumbnail__file-size:after
{
	display: block;

	height: 2px;
	width: 12px;

	margin-right: 4px;
	margin-left: 8px;

	background-color: currentcolor;

	content: '';
}

.c-file-thumbnail__delete
{
	position: relative;

	height: 44px;
	width: 46px;
	min-width: 0;

	color: #E74A41;

	transition: background-color 240ms ease;

	flex-shrink: 0;
}

.c-file-thumbnail__delete:hover,
.c-file-thumbnail__delete:focus
{
	background-color: #E0E0E0;
}

.c-file-thumbnail__delete-icon
{
	position: relative;

	height: 1em;
	width: 1em;

	margin: auto;

	font-size: 22px;

	cursor: pointer;

	border-radius: 50%;
	border: 2px solid currentColor;
}

.c-file-thumbnail__delete-icon:before,
.c-file-thumbnail__delete-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: '';

	border-radius: 4px;

	transform-origin: center;
}

.c-file-thumbnail__delete-icon:before
{
	transform: rotate(-45deg);
}

.c-file-thumbnail__delete-icon:after
{
	transform: rotate(45deg);
}

.c-file-thumbnail__link
{
	display: flex;

	z-index: 1;

	align-items: center;
	justify-content: center;
}

.c-file-thumbnail__content
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	align-items: center;
}

.c-file-thumbnail__warning,
.c-file-thumbnail__error
{
	display: flex;

	line-height: 1.5em;
	width: 100%;

	margin-bottom: 4px;
	padding: 9px 8px;

	background-color: #FAE0B3;

	font-weight: 400;
	font-size: .8rem;
	color: #DB8C00;

	flex-shrink: 0;
	align-items: center;
	justify-content: flex-start;
}

.c-file-thumbnail__error
{
	background-color: #F2CBCB;

	color: #C00506;
}

.c-file-thumbnail__warning-icon,
.c-file-thumbnail__error-icon
{
	display: block;

	margin-right: 10px;

	font-size: 18px;
	color: #FAD271;

	fill: #000;
}

.c-file-thumbnail__error-icon
{
	color: #F24646;
}

.c-file-thumbnail__progress
{
	display: flex;

	width: 100%;

	align-items: center;
}

.c-file-thumbnail__progress-label
{
	margin-left: 12px;

	font-weight: 600;
	font-size: 16px;
	color: #000;
}

.c-file-thumbnail__status-icon
{
	display: block;

	margin-right: 8px;

	font-size: 26px;

	fill: #000;
}

.c-file-thumbnail__status-icon[data-status='uploaded']
{
	color: #6DDDBF;
}

.c-file-thumbnail__status-icon[data-status='uploading']
{
	color: #6DDDBF;
}

.c-file-thumbnail__status-icon[data-status='upload_failed']
{
	color: #F24646;
}

.c-file-thumbnail__status-label
{
	display: flex;

	margin-right: 12px;

	font-weight: 500;

	white-space: nowrap;

	align-items: center;
}

.c-file-thumbnail__status-label:after
{
	display: block;

	height: 2px;
	width: 12px;

	margin-right: 4px;
	margin-left: 12px;

	background-color: currentcolor;

	content: '';
}

.c-file-thumbnail__retry
{
	display: flex;

	min-width: 0;

	margin-right: 12px;
	margin-left: 0;

	flex-shrink: 0;
	align-items: center;
}

.c-file-thumbnail__retry-icon
{
	margin-right: 8px;

	font-size: 24px;
	color: #6DDDBF;

	fill: #000;
}

.c-file-thumbnail__retry-label
{
	line-height: 1em;
}

.c-file-thumbnail__img
{
	height: .65em;
	width: 1em;

	margin: 4px 10px 4px 0;

	font-family: 'object-fit: cover; object-position: center;';
	font-size: 55px;

	object-fit: cover;
	object-position: center;
}

.c-fillable-indicator
{
	position: relative;
	display: inline-flex;

	height: 4px;
	width: 100px;

	border-radius: 16px;
	border: 2px solid #E0E0E0;

	flex-grow: 1;
}

.c-fillable-indicator--empty
{
	border-color: transparent;
}

.c-fillable-indicator__bar
{
	position: absolute;

	height: calc(100% + 4px);

	top: -2px;
	left: -2px;

	background-color: #2EB619;

	content: '';

	border-radius: 20px;
}

.c-fillable-indicator--yellow .c-fillable-indicator__bar
{
	background-color: #F5EB6A;
}

.c-fillable-indicator--orange .c-fillable-indicator__bar
{
	background-color: #F58049;
}

.c-fillable-indicator--red .c-fillable-indicator__bar
{
	background-color: #E93339;
}



/* ------------------------------------- *\
|* ---- # c-additional-indicator # ----- *|
\* ------------------------------------- */
.c-additional-indicator
{
	position: absolute;

	height: calc(100% + 4px);

	top: -2px;
	left: -2px;

	background-color: #DC82E2;

	content: '';

	border-radius: 20px;
}

.c-filters
{
	display: inline-flex;

	width: auto;

	margin-bottom: 20px;
	padding: 12px 15px;

	background-color: #FFF;

	border-radius: 0;

	box-shadow: 10px 10px 0 -3px #E0E0E0;

	z-index: 4;

	align-items: center;
	flex-grow: 0;
	align-self: flex-start;
}

.dashboard-top-container .c-filters
{
	width: 100%;
}

.c-filters--boarding
{
	flex-wrap: wrap;
}

.c-filters--no-paper
{
	padding-right: 0;
	padding-left: 0;

	box-shadow: none;
}

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

.c-filters--full-width
{
	width: 100%;

	margin-right: 0;
	margin-left: 0;

	flex-grow: 0;
}

.c-filters--financial-bills
{
	position: relative;
}

.c-filters--financial-bills,
.c-filters--commerce,
.c-filters--quotes,
.c-filters--providers
{
	gap: 15px 15px;
}

.c-filters--batches,
.c-filters--purchases,
.c-filters--sales
{
	flex-direction: column;
}

.c-filters__row
{
	display: flex;

	flex-wrap: nowrap;
	gap: 15px;

	width: 100%;

	align-items: flex-end;
}

/* --------- Mobile, Tablet & Laptop ---------- */
@media (max-width: 1799px)
{
	.c-filters__row
	{
		flex-wrap: wrap;
	}
}

.c-filters--wrap .c-filters__row
{
	flex-wrap: wrap;
}

.c-filters__row + .c-filters__row
{
	margin-top: 7px;
}

.c-filters--sales .c-filters__row:first-child
{
	justify-content: flex-start;
	align-items: stretch;
}

.c-filters--sales .c-filters__row:first-child .c-filters__element
{
	flex-grow: 0;
}

.c-filters__element
{
	position: relative;

	min-width: 180px;

	z-index: 0;

	flex-shrink: 0;
}

.c-filters__element.multi-select
{
	width: auto;

	z-index: auto;

	flex-shrink: 0;
}

.c-filters--financial-bills .c-filters__element
{
	width: 210px;
}

.c-filters--bill .c-filters__element
{
	width: 230px;
}

.c-filters--countries .c-filters__element
{
	width: 400px;
	max-width: 100%;
}

.c-filters--batches .c-filters__element.text,
.c-filters__row:not(:last-child) .c-filters__element:not(.date-picker):not(.btn)
{
	flex-grow: 1;
}

.c-filters__element.btn
{
	display: inline-flex;

	flex-direction: column;

	min-width: 0;

	padding-bottom: 7px;

	justify-content: space-between;
}

.c-filters__element.export
{
	padding: 0 8px;

	align-self: flex-end;
}

.c-filters--history .c-filters__element.btn
{
	padding-bottom: 0;
}

.c-filters--batches .c-filters__element.btn
{
	flex-grow: 0;
	flex-shrink: 0;
}

.c-filters__element.search
{
	min-width: 320px;
}

.c-filters__element.picker
{
	min-width: 240px;
}

.c-filters--batches .c-filters__element.picker
{
	min-width: 240px;

	flex-grow: 1;
}

.c-filters__element.large
{
	min-width: 330px;
}

.c-filters__element.date-picker
{
	min-width: 230px;
}

.c-filters__element.date-picker.auto-width
{
	min-width: 0;
}

.c-filters__element.double-date-picker
{
	width: auto;

	flex-grow: 0;
	flex-shrink: 0;
}

.c-filters__element.date-picker:before
{
	position: absolute;

	height: 70%;
	width: 10px;

	top: 0;
	left: 2px;

	content: "";

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #434343;

	z-index: -1;
}

.c-filters__element.switch
{
	top: 2px;

	align-self: flex-end;
}

.c-filters__btn
{
	line-height: .9em;

	padding: 5px 8px 5px;

	background-color: var(--primary);

	font-size: .8em;

	border-radius: 0;
}

.c-filters__dates-row
{
	display: inline-flex;

	padding-left: 15px;

	color: var(--primary-darker);

	align-items: center;
}

/* --------- Mobile, Tablet & Laptop ---------- */
@media (max-width: 1399px)
{
	.c-filters__dates-row
	{
		flex-wrap: wrap;
	}
}

.c-filters__dates-from
{
	margin-right: 6px;
	margin-left: 15px;

	font-size: .95em;
}

.c-filters__dates-to
{
	margin-right: 6px;
	margin-left: 5px;

	font-size: .95em;
}

.c-filters__element-label
{
	line-height: 1em;

	padding-bottom: 4px;

	background-color: #FFF;

	font-weight: 700;
	font-size: .9em;
	color: #434343;

	letter-spacing: .02em;
	text-transform: uppercase;
}

/* ------------------------------------------------ *\
|* ---------------- # c-flat-btn # ---------------- *|
\* ------------------------------------------------ */

.c-flat-btn
{
	height: auto;
	line-height: 1em;
	min-height: 0;
	min-width: 115px;

	padding: 9px 10px;

	background-color: #1F1F1F;

	font-size: .9em;
	color: #FFF;

	text-transform: uppercase;

	border-radius: 0;
	border: 0;

	box-shadow: 6px 6px 0 -2px hsla(0, 0%, 75%, 1);

	transition: all 240ms ease;

	flex-shrink: 0;
}

.c-flat-btn--primary
{
	background-color: var(--primary);

	color: #000;
}

.c-flat-btn--green
{
	background-color: #3CBB62;

	color: #FFF;
}

.c-flat-btn--gray
{
	background-color: #F1F1F1;

	color: #000;
}

.c-flat-btn:hover
{
	background-color: #1F1F1F;

	color: #FFF;

	box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);

	transform: translate3d(3px, 3px, 0);
}

.c-flat-btn--gray:hover
{
	background-color: #F1F1F1;

	color: #000;
}

.c-flat-btn--primary:hover
{
	background-color: var(--primary);

	color: #000;
}

.c-flat-btn--green:hover
{
	background-color: #3CBB62;
}

.c-simple-button
{
	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 6px 10px;

	        border-radius: 0;
	border: 0;

	-webkit-border-radius: 0;
}


/* ------------------------------------ */
/* ---------- flat-btn--red ----------- */
/* ------------------------------------ */

.c-flat-btn--red
{
	background-color: #E93339;
}

.c-flat-btn--red:hover
{
	background-color: #E93339;
}


/* ------------------------------------ */
/* --------- flat-btn--white ---------- */
/* ------------------------------------ */

.c-flat-btn--white
{
	background-color: #FFF;

	color: #000;
}

.c-flat-btn--white:hover
{
	background-color: #FFF;

	color: #000;
}


/* ------------------------------------ */
/* ---------- flat-btn--blue ---------- */
/* ------------------------------------ */

.c-flat-btn--blue
{
	background-color: #0E7DD5;

	color: #FFF;
}

.c-flat-btn--blue:hover
{
	background-color: #0E7DD5;

	color: #FFF;
}




/* ------------------------------------ */
/* -------- flat-btn--disabled -------- */
/* ------------------------------------ */

.c-flat-btn--disabled
{
	background-color: #D0D0D0;
}


/* ---------------------------------- */
/* -------- flat-btn--small --------- */
/* ---------------------------------- */

.c-flat-btn--small
{
	line-height: .9em;
	min-width: 0;

	padding: 8px 15px;

	font-size: 1em;
}


/* ---------------------------------- */
/* -------- flat-btn--medium -------- */
/* ---------------------------------- */

.c-flat-btn--medium
{
	padding: 8px 16px;
}


/* --------------------------------- */
/* --------- flat-btn--big --------- */
/* --------------------------------- */

.c-flat-btn--big
{
	padding: 10px 20px;
}


/* --------------------------------- */
/* ---- flat-btn--strong-shadow ---- */
/* --------------------------------- */

.c-flat-btn--strong-shadow
{
	box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, .6);
}

.c-flat-btn--strong-shadow:hover
{
	box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);
}



/* --------------------------------- */
/* --------- flat-btn--icon --------- */
/* --------------------------------- */

.c-flat-btn--icon .c-flat-btn__icon
{
	margin-right: 8px;
}

.c-form-element-label
{
	display: flex;

	gap: 0 8px;

	line-height: 1.4em;
	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	letter-spacing: .02em;
	text-transform: uppercase;

	align-items: center;
	order: -1;
}

.c-form-element-label--checkbox
{
	position: relative;

	width: 60%;

	top: 1px;
	padding: 0;

	font-size: 1rem;

	text-transform: none;

	order: initial;
	flex-grow: 1;
}

.c-form-element-label--in-row
{
	padding-left: 6px;
	padding-bottom: 0;

	font-size: .8rem;
	color: #9D9D9D;
}

.c-form-element-label--checkbox:empty
{
	display: none;
}

.c-form-element-label--checkbox.c-form-element-label--column
{
	width: 100%;

	padding-bottom: 6px;

	font-size: .9rem;

	text-transform: uppercase;

	order: -1;
}

.c-form-element-label--required::after
{
	position: relative;
	display: flex;

	left: -.4em;

	font-size: .9rem;
	color: var(--secondary);

	content: "*";

	transform: scale(1.3);

	align-items: center;
}

.c-form-element-label--disabled
{
	color: #A6A6A6;

	cursor: default;
}

.c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;
}

.c-form-element-label--model-picker .c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;

	transform: scale(1.2);
}

.c-form-field
{
	position: relative;

	padding: 12px 15px;

	z-index: 0;

	flex-basis: 25%;
	flex-shrink: 0;
}

.c-form-field--form-history:before
{
	position: absolute;

	height: calc(100% - 35px);
	width: 2px;

	top: 15px;
	left: 19px;

	background-color: var(--primary);

	content: '';

	z-index: -1;
}

.c-form-field__label
{
	line-height: 1.1em;

	margin-bottom: 5px;
	padding-left: 0;

	font-weight: 400;
	font-size: .85em;
	color: #9D9D9D;
}

.c-form-field--form-history .c-form-field__label
{
	background-color: #FFF;
}

.c-form-field--form-history .c-form-field__value:before
{
	content: 'Avant :';
}

.c-form-field--form-history .c-form-field__new-value:before
{
	content: 'Après :';
}

.c-form-field--form-history .c-form-field__value:before,
.c-form-field--form-history .c-form-field__new-value:before
{
	margin-right: 8px;

	font-weight: 600;
	font-size: .9em;
	color: #ABABAB;
}

.c-form-field--form-history .c-form-field__value:after,
.c-form-field--form-history .c-form-field__new-value:after
{
	position: absolute;

	height: 2px;
	width: 15px;

	top: 50%;
	margin-top: -1px;
	left: 4px;

	background-color: var(--primary);

	content: '';
}

.c-form-field__value,
.c-form-field__new-value
{
	position: relative;

	font-weight: 400;
	font-size: 1em;
	color: #303030;
}

.c-form-field--form-history .c-form-field__value,
.c-form-field--form-history .c-form-field__new-value
{
	padding-left: 25px;
}

.c-form-grid-element
{
	padding-top: 0;
}

.c-form-grid-element--switch
{
	display: flex;

	height: 24px;

	padding-bottom: 0;

	align-items: center;
}

.c-form-grid-element--editor
{
	display: flex;

	padding-bottom: 0;
}

.c-form-grid-element--date
{
	padding-top: 12px;
}

.c-form-section
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 0 15px;

	margin: 20px 0 0 0;
	padding: 18px 10px 8px 10px;

	z-index: 0;

	align-items: flex-start;
}

.c-form-section--PDF
{
	gap: 20px 15px;
}

.c-form-section:before
{
	position: absolute;

	height: 100%;
	width: calc(100%);

	top: 0;
	left: 0;

	content: '';

	border: 2px solid #A9B9C7;

	z-index: -1;
}

.c-form-section--PDF:before
{
	width: calc(100%);
}

.c-form-section--sub
{
	margin-top: 25px;
	margin-bottom: -5px;
}

.c-form-section--nested
{
	display: flex;

	flex-wrap: wrap;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;

	align-items: center;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 25%;
}

.c-form-section--nested:nth-child(2),
.c-form-section--nested:nth-child(3),
.c-form-section--nested:nth-child(4)
{
	margin-top: 12px;
}

.c-form-section--nested:last-child
{
	margin-bottom: 5px;
}

.c-form-section--nested:after
{
	display: block;

	width: 100%;

	content: '';

	order: -1;
}

.c-form-section--nested:before
{
	width: 100%;

	border-color: var(--primary);
}

.c-form-section--nested:empty
{
	visibility: hidden;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;

	border: none !important;
}

.c-form-section--allergens
{
	position: relative;

	padding-bottom: 18px;
}

.c-form-section--allergens:after
{
	position: absolute;

	line-height: 1em;

	right: 4px;
	bottom: 4px;

	font-weight: 400;
	font-size: .85em;
	color: #808080;

	content: 'A: Absence, P: Présence, T: Traces';
}

.c-form-section__title
{
	position: absolute;

	line-height: 1em;

	top: 0;
	margin-top: -.5em;
	left: 15px;
	padding: 0 8px;

	background-color: #FFF;

	font-weight: 400;
	font-size: 1.35em;
	color: var(--primary);

	text-transform: uppercase;
}

.c-form-section--red .c-form-section__title
{
	font-weight: 600;
	color: #C00506;
}

.c-form-section--blue .c-form-section__title
{
	color: #0E7DD5;
}

.c-form-section--nested .c-form-section__title
{
	position: relative;
	display: inline-flex;

	width: auto;

	left: 0;
	margin-bottom: 0;

	font-weight: 600;
	font-size: 1em;
	color: #1F1F1F;

	white-space: nowrap;

	order: -2;
}

.c-form-section__table-container
{
	width: 100%;

	overflow: auto;
}

.c-form-section__table
{
	display: table;

	width: 100%;

	margin-top: 20px;

	border-collapse: collapse;
}

.c-form-section__fields
{
	display: flex;

	flex-wrap: wrap;
}

/* -------------------------------------- *\
|* --------- # c-form-element # --------- *|
\* -------------------------------------- */

.c-form-element
{
	position: relative;

	width: 100%;

	margin-bottom: 12px;

	text-align: left;
}

.c-form-element:last-child
{
	margin-bottom: 0;
}

.c-form-element--inline
{
	display: flex;

	margin-right: 15px;
	margin-bottom: 0;

	align-items: center;
	justify-content: flex-start;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline
	{
		flex-wrap: wrap;

		width: 100%;

		margin-right: 0;
	}

	.c-form-element--inline.c-form-element--radio
	{
		flex-wrap: nowrap;

		width: auto;

		margin-right: 0;
	}

	.c-form-element--inline.c-form-element--radio
	{
		margin-right: 20px;
	}
}

.c-form-element--info:before
{
	position: absolute;

	height: calc(100% + 8px);
	width: calc(100% + 16px);

	top: -4px;
	left: -8px;

	background-color: #EAF7EB;

	content: '';

	z-index: 0;
}

.c-form-element--error
{
	position: relative;
}

.c-form-element--error:before
{
	position: absolute;

	height: calc(100% + 8px);
	width: calc(100% + 16px);

	top: -4px;
	left: -8px;

	background-color: #FAEBE9;

	content: '';

	z-index: 0;
}

.c-form-element--column
{
	flex-direction: column;

	width: 100%;

	margin-top: 0;

	align-items: flex-start;
}

.c-form-element--date
{
	position: relative;

	margin-bottom: 0;

	text-align: center;
}

.c-form-element--short-date
{
	min-width: 60px;
}

.c-form-element--auto
{
	display: inline-flex;

	flex-direction: column;

	width: auto;
}

.c-form-element--centered
{
	text-align: center;

	justify-content: center;
}

.c-form-element--inline
{
	display: inline-flex;

	flex-direction: column;

	width: auto;

	align-items: center;
}

/* ----------------------------------- */
/* ---------- form__submit ----------- */
/* ----------------------------------- */

.c-form__submit
{
	position: relative;
	display: inline-block;

	line-height: 1em;

	margin-top: 20px;
	padding: 8px 18px;

	background-color: #A7D9C9;

	font-size: 16px;
	color: #FFF;

	cursor: pointer;

	border: 2px solid #A7D9C9;

	box-shadow: none;

	transition: background-color 400ms ease 40ms, color 320ms ease;
}

.c-form__submit:hover,
.c-form__submit:focus,
.c-form__submit:active
{
	background-color: transparent;

	color: #A7D9C9;

	outline: none;

	transition: background-color 300ms ease 20ms, color 320ms ease;
}

.c-form__submit:focus
{
	box-shadow: 0 0 0 3px rgba(179, 219, 205, .6);
}

.c-form__submit + .c-form__submit
{
	margin-left: 20px;
}

.c-form__submit.file
{
	margin-top: 0;
}


/* ---------------------------------------- *\
|* ----------- # c-form-label # ----------- *|
\* ---------------------------------------- */

.c-form-label
{
	position: relative;
	display: flex;

	line-height: 1.1em;
	width: 100%;

	padding-left: 0;

	font-weight: normal;
	font-size: .8em;
	color: #9D9D9D;

	cursor: pointer;
	text-align: left;

	z-index: 1;

	align-items: center;
}

.c-form-label--file
{
	margin-bottom: 8px;
}

.c-form-label--error,
.c-form-label--warning,
.c-form-label--info
{
	display: block;

	padding-left: 6px;

	cursor: default;

	border-left: 2px solid currentColor;
}

.c-form-label--error
{
	margin-top: 5px;

	color: #CC2B17;
}

.c-form-label--warning
{
	margin-top: 5px;

	font-size: 16px;
	color: #86AADA;
}

.c-form-label--info
{
	margin-top: 6px;

	color: #2EB619;
}

/* ------------------------------------ */
/* -------- form-element__file -------- */
/* ------------------------------------ */
.c-form-element__file
{
	position: absolute;

	height: 0;
	width: 0;

	font-size: 0;

	overflow: hidden;

	z-index: 1;
}

/* ------- form-element__file-content ------- */
.c-form-element__file-content
{
	display: block;

	padding-bottom: 4px;
}

/* ------- form-element__file-name ------- */

.c-file-thumbnail__file-name
{
	position: relative;

	margin-right: 20px;

	flex-shrink: 0;
}

.c-file-thumbnail__file-name:after
{
	position: absolute;

	height: 100%;
	width: 2px;

	top: 0;
	right: -20px;

	background-color: #23803D;

	content: '';
}

/* ------- form-element__file-loader ------- */

.c-form-element__file-loader
{
	position: relative;

	height: 34px;
	width: 50px;

	margin-left: 15px;
}

/* ---------- form-element__date ---------- */
.c-form-element__date
{
	min-width: 0;

	margin-left: -2px;
	padding: 2px 2px;

	font-size: .95em;
	color: inherit;

	text-align: center;
}

.c-form-element--short-date .c-form-element__date
{
	width: 100%;

	font-size: .85em;
}

.c-form-element--inline .c-form-element__date
{
	justify-content: center;
}

/* -------- form-element__date-icon -------- */
.c-form-element__date-icon
{
	position: relative;

	margin-right: 2px;
}

.c-form-element--short-date .c-form-element__date-icon
{
	margin-right: 0;
}

/* ---------- form-element__label ---------- */
.c-form-element__label
{
	font-size: .9em;
}

.c-form-element--date .c-form-element__label
{
	line-height: 1.1em;

	margin-bottom: 3px;
	padding-left: 0;

	font-size: .8em;
	color: #9D9D9D;
}

.c-history-event
{
	position: relative;
	display: flex;

	max-width: 100%;

	margin-top: 0;
	margin-bottom: 5px;

	font-size: .9em;
}

.c-history-event--outgoing
{
	padding-left: 80px;
}

.c-history-event--source-batch
{
	padding-left: 113px;
}

.c-history-event__date
{
	position: relative;
	display: flex;

	flex-direction: column;

	margin-right: 12px;
	padding: 0;
	padding: 4px 10px;

	background-color: #FFF;

	font-weight: 400;
	font-size: 14px;
	color: #000;

	border: 2px solid var(--primary);

	z-index: 3;

	align-items: center;
	justify-content: center;
	align-self: center;
}

.c-history-event__date-part
{
	display: block;
}

.c-history-event__date-part:nth-child(2)
{
	margin: 4px 0;

	font-size: 1.2em;
}

.c-history-event__title
{
	position: absolute;
	display: flex;

	height: 28px;

	left: 8px;
	bottom: 100%;
	padding: 0 12px;

	background-color: var(--primary);

	font-weight: 600;
	font-size: 14px;
	color: #000;

	text-transform: uppercase;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	align-items: center;
}

.c-history-event--transfer .c-history-event__title,
.c-history-event--transfered-batch .c-history-event__title,
.c-history-event--partial-transfer .c-history-event__title
{
	background-color: #B580D8;

	color: #FFF;
}

.c-history-event--destroyed-batch .c-history-event__title,
.c-history-event--partial-destruction .c-history-event__title
{
	background-color: #E93339;

	color: #FFF;
}

.c-history-event--source-batch .c-history-event__title
{
	background-color: #000;

	color: #FFF;
}

.c-history-event--stock-out .c-history-event__title,
.c-history-event--partial-stock-out .c-history-event__title,
.c-history-event--returned-batch .c-history-event__title
{
	background-color: #E0E0E0;

	color: #000;
}

.c-history-event--bill .c-history-event__title
{
	background-color: #56CE7B;

	color: #FFF;
}

.c-history-event__content
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-width: 450px;

	padding: 0;

	background-color: #FFF;

	z-index: 3;

	flex-basis: 10px;
	flex-grow: 1;
}

.c-history-event__fields
{
	display: flex;

	flex-wrap: wrap;
}

.c-history-event__outgoing-link
{
	display: flex;

	height: 28px;
	line-height: 1.2em;
	width: 100%;
	min-width: 0;

	padding: 0 14px;

	background-color: rgba(100, 100, 100, .07);

	font-weight: 600;
	color: #DA2223;

	text-transform: none;

	border-radius: 0;

	align-items: center;
}

.c-history-event__outgoing-link:hover
{
	background-color: rgba(100, 100, 100, .15);
}

.c-history-event__batch-details
{
	position: relative;

	font-size: 20px;
}

.c-history-field
{
	position: relative;

	line-height: 1.3em;

	margin-right: 10px;
	padding: 2px 0;
}

.c-history-field--row
{
	width: 100%;
}

.c-history-field--event-number
{
	margin-bottom: 8px;
}

.c-history-field--freezer-date
{
	margin-top: 10px;
}

.c-history-field__separation
{
	height: 0;
	width: 100%;
}

.c-history-field--comment
{
	display: flex;
}
.c-history-table
{
	display: table;

	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;

	overflow: hidden;
}

.c-history-table__cell
{
	padding: 3px 6px;

	border: 2px solid #E0E0E0;
}

.c-history-table__cell.is-header
{
	font-weight: 600;
	font-size: .95em;

	white-space: nowrap;
	text-transform: uppercase;
}

.c-history-table__cell.number
{
	white-space: nowrap;
}

.c-history-table__cell.product,
.c-history-table__cell.provider
{
	min-width: 220px;
}

.c-history-table__cell.dlc_ddm
{
	min-width: 170px;
}

.c-history-table__cell[data-action]
{
	background-color: currentColor;

	border-color: currentColor;
	border-top-color: currentColor;
	border-bottom-color: currentColor;
	border-left-color: currentColor;
}

.c-history-table__cell[data-action='reception'],
.c-history-table__cell[data-action='purchase-sale']
{
	color: var(--primary);
}

.c-history-table__cell[data-action='transformation']
{
	color: #E98F33;
}

.c-history-table__cell[data-action='destruction']
{
	color: #E93339;
}

.c-history-table__cell[data-action='bill']
{
	color: #56CE7B;
}

.c-history-table__cell[data-action='transfer']
{
	color: #B580D8;
}

.c-history-table__cell[data-action='modification']
{
	color: #F48BDE;
}

.c-history-table__cell[data-action='stock_out']
{
	color: #E0E0E0;
}

.c-history-table__cell[data-action='source']
{
	color: #000;
}

.c-history-table__cell[data-action='credit_note']
{
	color: #3480EA;
}

.c-history-table__cell[data-action='devaluation']
{
	color: #33E9E9;
}

.c-history-table__action-name
{
	color: #000;
}

.c-history-table__cell[data-action='destruction'] .c-history-table__action-name,
.c-history-table__cell[data-action='transfer'] .c-history-table__action-name,
.c-history-table__cell[data-action='source'] .c-history-table__action-name,
.c-history-table__cell[data-action='bill'] .c-history-table__action-name,
.c-history-table__cell[data-action='transformation'] .c-history-table__action-name,
.c-history-table__cell[data-action='modification'] .c-history-table__action-name,
.c-history-table__cell[data-action='credit_note'] .c-history-table__action-name
{
	color: #FFF;
}

.c-input
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;

	flex-shrink: 0;
}

.c-input--in-cell
{
	flex-basis: 160px;
	flex-grow: 0;
}

.c-input--75\%
{
	flex-basis: 50.1%;
	flex-grow: 1;
}

.c-input--50\%
{
	flex-basis: 33.1%;
	flex-grow: 1;
}

.c-input--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.c-input--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-input--75\%
{
	flex-basis: 51.1%;
	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-input--25\%
	{
		flex-basis: 100%;
	}

	.c-input--75\%
	{
		flex-basis: 100%;
	}
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.c-input
	{
		flex-basis: 100%;
	}
}

.c-input__label
{
	display: flex;

	gap: 0 8px;

	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	letter-spacing: .02em;
	text-transform: uppercase;

	align-items: center;
	order: -1;
	flex-shrink: 0;
}

.c-input--nowrap .c-input__label
{
	white-space: nowrap;
}

.c-input--required .c-input__label::after
{
	position: relative;
	display: flex;

	left: -.4em;

	font-size: .9rem;
	color: var(--red);

	content: "*";

	align-items: center;
}

.c-input--disabled .c-input__label
{
	color: #A6A6A6;

	cursor: default;
}

.c-input__label-icon
{
	font-size: 16px;
	color: inherit;

	transform: scale(1.2);
}

.c-input__tel-wrapper
{
	position: relative;
	display: flex;

	gap: 0 6px;

	align-items: flex-start;
	flex-grow: 1;
}

.c-input__tel-content
{
	display: block;

	width: 100%;
}

.c-input__input-wrapper
{
	position: relative;

	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);
}

.c-input--model-picker .c-input__input-wrapper
{
	display: flex;

	align-items: stretch;
}

.c-input__tel-placeholder
{
	position: absolute;
	display: flex;
	opacity: 1;

	height: 100%;
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-size: 1em;
	color: inherit;
	color: #908DB8;

	z-index: 0;

	align-items: center;
}

.c-input__input
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 10px;

	background-color: transparent;

	font-family: inherit;
	font-size: 1em;

	text-align: left;

	border-radius: 0;
	border: none;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.c-input--align-right .c-input__input
{
	text-align: right;
}

.c-input--medium .c-input__input
{
	height: var(--medium-input-height);
}

.c-input--tel .c-input__input
{
	padding-left: calc(8px + 2.25em);
}

.c-input--tel-prefix--4 .c-input__input
{
	padding-left: calc(8px + 2.75em);
}

.c-input__input:focus
{
	outline: none;
}

.c-input__input ~ .c-input__border
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: calc(100% + 8px);
	width: calc(100% + 8px);

	top: -4px;
	left: -4px;

	border-radius: 4px;
	border: 2px solid #000;

	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: height, width, opacity, visibility, top, left;

	z-index: 1;
}

.c-input__input:focus ~ .c-input__border
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-input--error .c-input__input-wrapper
{
	background-color: var(--error-background);
}

.c-input--disabled .c-input__input-wrapper
{
	background-color: #EBEBEB;
}

.c-input--disabled .c-input__input
{
	color: #ABABAB;
}

.c-insurance-status
{
	position: relative;
	display: inline-flex;

	flex-direction: column;

	width: 100%;
	max-width: 340px;

	margin: 8px 0;
	padding: 0 12px;

	font-size: .8em;
}

.c-insurance-status__label
{
	margin-bottom: 4px;

	font-weight: 600;
	font-size: 1.1em;
}

.c-insurance-status__content
{
	display: flex;

	align-items: center;
}

.c-insurance-status__insured
{
	margin-top: 7px;
	margin-left: 0;

	font-size: 1.1em;
}

.c-insurance-status__pending
{
	margin-right: 12px;
}

.c-insurance-status__remaining
{
	text-align: center;
}

.c-legend
{
	display: inline-flex;

	flex-wrap: wrap;
	gap: 12px 15px;

	margin: 0;
}

.c-legend__item
{
	display: flex;

	padding-top: 5px;
	padding-bottom: 5px;

	align-items: center;
}

.c-legend__chip
{
	position: relative;
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	font-size: 15px;

	border-radius: 4px;
}

.c-legend__chip:not([style]):before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';

	border-radius: 4px;
	border: 1px solid #353535;
}

.c-legend__label
{
	font-weight: 600;
	font-size: .9em;
	color: #353535;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-loader
{
	position: absolute;
	display: flex;

	height: 100%;
	min-height: 31px;
	width: 100%;

	top: 0;
	left: 0;

	background-color: transparent;

	font-size: 20px;
	color: inherit;

	cursor: default;

	z-index: 2;

	align-items: center;
	justify-content: center;
}

.c-loader--big
{
	display: flex;

	flex-direction: column;

	font-size: 42px;

	align-items: center;
	justify-content: center;
}

.c-loader--medium
{
	display: flex;

	flex-direction: column;

	font-size: 26px;

	justify-content: center;
	align-items: center;
}

.c-loader--page
{
	display: flex;

	flex-direction: column;

	font-size: 64px;

	align-items: center;
	justify-content: center;
}

.c-loader--header
{
	padding-left: 50px;

	justify-content: flex-start;
}

.c-loader--medium.c-loader--header
{
	align-items: flex-start;
	justify-content: center;
}

.c-loader--DataList
{
	position: static;

	padding-top: 15px;
	padding-bottom: 15px;
}

.c-loader--standalone
{
	position: relative;

	height: 320px;

	margin: 0;
	top: 0;
	right: auto;
	left: 0;
	bottom: auto;
}

/* ---------- Couleur du loader ---------- */

.c-loader--white
{
	color: #FFF;
}

.c-loader--primary
{
	color: var(--primary);
}

.c-loader--secondary
{
	color: #42A343;
}

.c-loader--green
{
	color: #3CBB62;
}

.c-loader--red
{
	color: #E93339;
}

.c-loader--black
{
	color: #000;
}

.c-loader--blue
{
	color: #0E7DD5;
}

/* ---------- Couleur du fond ---------- */

.c-loader--bg-white
{
	background-color: #FFF;
}

.c-loader--bg-input
{
	background-color: #F3F3F3;
}

.c-loader--bg-primary
{
	background-color: var(--primary);
}

.c-loader--bg-secondary
{
	background-color: #42A343;
}

.c-loader--bg-green
{
	background-color: #3CBB62;
}

.c-loader--bg-light
{
	background-color: #BDD261;
}

.c-loader--bg-red
{
	background-color: #E93339;
}

.c-loader--bg-black
{
	background-color: #000;
}

.c-loader--bg-blue
{
	background-color: #0E7DD5;
}

.c-loader--big .c-loader__txt
{
	margin-top: 5px;

	font-size: .85em;
}

.c-loader--medium .c-loader__txt
{
	margin-top: 4px;

	font-size: .8em;
}

.c-loader__svg
{
	position: relative;
	display: block;

	height: 1em;
	width: 2em;

	margin-right: 8px;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-loader--big .c-loader__svg,
.c-loader--medium .c-loader__svg
{
	top: 0;
	margin-right: 0;
}

.c-loader__txt
{
	font-size: .95rem;

	text-transform: initial;
}

.c-menu-item
{
	position: relative;
	display: flex;

	padding: 0;

	font-weight: 600;
	font-size: .95em;

	text-transform: uppercase;

	transition: color 240ms ease;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item--dropdown
	{
		flex-wrap: wrap;
	}
}

.c-menu-item:not(:last-child)
{
	margin-right: 8px;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item:not(:last-child)
	{
		margin-right: 0;
	}
}

.c-menu-item:not(:last-child):after
{
	position: absolute;

	height: 30%;
	width: 2px;

	top: 37%;
	right: -4px;

	background-color: #000;

	content: '';
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item:not(:last-child):after
	{
		display: none;
	}
}

.c-menu-item--active:before
{
	position: absolute;

	height: 3px;
	width: 100%;

	left: 0;
	bottom: 0;

	background-color: currentColor;

	content: '';
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item--active:before
	{
		height: 100%;
		width: 4px;
	}
}

.c-menu-item__link,
.c-menu-item__link:hover,
.c-menu-item__link:active,
.c-menu-item__link:focus,
.c-menu-item__link:visited
{
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.c-menu-item__link
{
	display: flex;

	min-width: 0;

	padding: 0 8px;

	font-size: .95em;

	border-radius: 0;

	transition: color 240ms ease;

	align-items: center;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1326px) and (max-width: 1399px)
{
	.c-menu-item__link
	{
		padding: 0 4px;

		font-size: .9em;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__link
	{
		min-height: 38px;
		width: 100%;

		padding: 0 11px;

		font-size: 1em;

		text-align: left;

		justify-content: flex-start;
	}
}

.c-menu-item--active .c-menu-item__link:hover
{
	color: inherit;
}

.c-menu-item--dropdown .c-menu-item__link:after
{
	position: relative;

	height: 1em;
	width: 1em;

	top: -2px;
	margin-left: 8px;

	font-size: 10px;

	content: '';

	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: currentColor;

	transition: transform 240ms ease;
	transform: rotate(45deg);
}

.c-menu-item--open.c-menu-item--dropdown .c-menu-item__link:after
{
	transform: rotate(-135deg) translate3d(-4px, -2px, 0);
}

.c-menu-item__menu
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	flex-direction: column;

	top: 100%;
	left: 0;

	background-color: #FFF;

	color: #000;

	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #BFBFBF;

	transition: opacity 240ms ease, transform 320ms ease, visibility 240ms ease;
	transform: translateY(8px);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__menu
	{
		position: relative;
		display: none;

		width: 100%;

		border: none;
	}
}

.c-menu-item--open .c-menu-item__menu
{
	visibility: visible;
	opacity: 1;

	transform: translateY(0);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item--open .c-menu-item__menu
	{
		display: flex;
	}
}

.c-menu-item__subitem
{
	position: relative;
}

.c-menu-item__subitem:before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 4px;

	top: 0;
	left: 0;

	background-color: currentColor;

	content: '';
}

.c-menu-item__subitem.active:before,
.c-menu-item__subitem:hover:before
{
	opacity: 1;
}

.c-menu-item__subitem-link,
.c-menu-item__subitem-link:hover,
.c-menu-item__subitem-link:active,
.c-menu-item__subitem-link:focus,
.c-menu-item__subitem-link:visited
{
	color: inherit;
	text-decoration: none;
}

.c-menu-item__subitem-link
{
	display: block;

	width: 100%;

	padding: 8px 12px;

	white-space: nowrap;

	transition: transform 240ms ease;
	transform: translateX(0);
}

.c-menu-item__subitem-link:hover
{
	transform: translateX(5px);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__subitem-link
	{
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-message
{
	display: flex;

	flex-wrap: wrap;

	line-height: 1.4em;
	width: 100%;

	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 12px;

	background-color: #FDFAF7;

	text-align: left;

	align-items: center;
}

.c-message--icon
{
	padding: 8px 12px;
}

.c-message--green
{
	background-color: #D7ECE6;

	color: #63998D;
}

.c-message--yellow
{
	background-color: #E6B7091C;

	color: #E6B709;
}

.c-message--red
{
	background-color: #F2CBCB;

	color: #C00506;
}

.c-message--orange
{
	background-color: #FDEFD9;

	color: #E49201;
}

.c-message--blue
{
	background-color: #DBF2FE;

	color: #0D6EBB;
}

.c-message__link
{
	position: relative;
	display: inline-flex;

	line-height: 1em;

	margin-left: 4px;
	padding: 1px 3px 3px;

	color: inherit;
	text-decoration: none;

/* overflow: hidden; */

	transition: color 240ms;

	box-sizing: content-box;

	z-index: 0;
}

.c-message__link:hover,
.c-message__link:active
{
	color: #FFF;

	outline: none;

	transition: color 220ms ease 20ms;
}

.c-message__link:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: red;

	content: "";

	transition: transform 220ms ease 20ms, -webkit-transform 220ms ease 20ms;
	transform: scaleY(0) scaleX(1);
	transform-origin: bottom;

	z-index: -1;
}

.c-message--green .c-message__link:before
{
	background-color: #63998D;
}

.c-message--blue .c-message__link:before
{
	background-color: #0E7DD5;
}

.c-message--red .c-message__link:before
{
	background-color: #C00506;
}

.c-message--orange .c-message__link:before
{
	background-color: #E49201;
}

.c-message__link:hover:before,
.c-message__link:active:before,
.c-message__link:visited:before
{
	transition: transform 240ms ease;
	transform: scaleY(1) scaleX(1);
}

.c-message__link:after
{
	position: absolute;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: -2px;

	background-color: currentColor;

	content: "";

	z-index: -1;
}

.c-message__content
{
	font-weight: 400;
}

.c-message__content
{
	color: inherit;
}

.c-message__icon
{
	margin-right: 12px;

	font-size: 26px;
}

.c-modal-cover
{
	position: fixed;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 200;

	justify-content: center;
	align-items: center;
}

.c-modal-cover:before
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	right: 0;
	left: 0;

	background-color: rgba(154, 140, 140, .75);

	content: '';

	transition: opacity 200ms ease 140ms;
	transform: translateZ(0);
	animation: cover-animation 320ms ease;

	z-index: 0;
}

.c-modal-cover--fade:before
{
	opacity: 0;
}

.c-modal
{
	position: relative;
	display: flex;

	flex-direction: column;

	height: auto;
	max-height: 100%;
	width: 35vw;

	top: 0;
	left: 0;

	background-color: #FFF;

	box-shadow: 12px 12px 0 -3px #DFDFE2;

	z-index: 1;

	-webkit-overflow-scrolling: touch;
}

.c-modal--history-modal
{
	width: 1650px;
	max-width: 95vw;
}

.c-modal--simple
{
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .35);
}

.c-modal--large
{
	width: 1700px;
	max-width: 100%;
}

.c-modal--medium
{
	width: 650px;
	max-width: 100%;
}

.c-modal--insurances-details
{
	width: 1050px;
	max-width: 100%;
}

.c-modal--fullscreen
{
	width: 100%;
}

.c-modal--full-width
{
	width: calc(100% - 30px);
}

.c-modal--fullscreen
{
	min-height: 100vh;
}

.c-modal--dispatch
{
	width: 1050px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-modal
	{
		max-width: 100%;
	}

	.c-modal--full-width,
	.c-modal--dispatch
	{
		width: 100%;
	}
}

@media screen and (min-width: 767px)
{
	.c-modal
	{
		max-height: calc(100% - 1em);

		animation: box-animation 440ms ease;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: transform 320ms ease, opacity 320ms ease;
		transform: translate3d(-10px, -6px, 0);
	}
}

@media screen and (max-width: 639px)
{
	.c-modal
	{
		animation: mobile-box-animation 440ms ease;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, transform 320ms ease;
		transform: scale(.9);
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.c-modal--large
	{
		max-width: 90%;
	}

	.c-modal--medium
	{
		max-width: 80%;
	}
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 1024px) and (max-width: 1325px)
{
	.c-modal--large
	{
		max-width: 80%;
	}

	.c-modal--medium
	{
		max-width: 75%;
	}
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1326px) and (max-width: 1399px)
{
	.c-modal--large
	{
		max-width: 85%;
	}

	.c-modal--medium
	{
		max-width: 70%;
	}
}

.c-modal__header
{
	position: relative;
	display: flex;

	min-height: 45px;
	width: 100%;

	margin-bottom: 0;
	padding: 12px 20px;
	padding-right: 46px;

	background-color: hsla(240, 5%, 95%, 1);

	font-weight: 700;
	color: #000;

	text-transform: uppercase;

	flex-shrink: 0;
	align-items: center;
}

.c-modal__close
{
	position: absolute;

	height: 45px;
	width: 46px;

	top: 0;
	right: 1px;

	background: #F1F1F3;

	color: #E93339;

	cursor: pointer;

	transition: background-color 320ms ease;
}

.c-modal__close:hover
{
	background-color: #E4E4E7;
}

.c-modal__close-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;

	fill: transparent;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	width: 100%;

	padding: 20px 20px 10px;

	overflow-y: auto;

	flex-grow: 1;
}

.c-modal--center .c-modal__body
{
	text-align: center;

	justify-content: center;
	align-items: center;
}

.c-modal--fullscreen .c-modal__body
{
	display: flex;

	flex-direction: column;

	padding-bottom: 15px;
}

@media screen and (min-width: 640px)
{
	.c-modal--image .c-modal__body
	{
		display: flex;

		flex-direction: column;

		height: 100%;

		overflow-y: auto;
	}
}

@media screen and (max-width: 639px)
{
	.c-modal__body
	{
		padding: 10px 10px 15px;
	}
}

.c-modal__img
{
	display: block;

	height: 100%;
	max-height: 100%;
	width: 100%;

	font-family: 'object-fit: contain; object-position: center';

	object-fit: contain;
	object-position: center;
}

.c-modal__controls
{
	display: flex;

	flex-wrap: wrap;

	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 20px;

	text-align: right;

	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

@media screen and (max-width: 639px)
{
	.c-modal__controls
	{
		padding: 0 10px;
	}
}

.c-modal__controls-close
{
	order: -1;
}

@keyframes box-animation
{
	0%
	{
		opacity: 0;

		transform: translate3d(0, 0, 0);
	}

	20%
	{
		opacity: 0;

		transform: translate3d(-10px, -6px, 0);
	}

	100%
	{
		opacity: 1;

		transform: translate3d(0, 0, 0);
	}
}

@keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

@keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

.c-model-infos
{
	position: relative;

	width: 100%;

	margin-top: 12px;
}

.c-model-infos__name
{
	display: inline-flex;

	padding: 2px 8px;

	background-color: var(--primary);

	color: #FFF;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.c-model-infos__row,
.c-model-infos__header
{
	display: flex;
}

.c-model-infos__header
{
	background-color: #F2F2F3;

	font-weight: 700;
}

.c-model-infos__cell
{
	display: flex;

	width: 100px;

	padding: 4px 12px;

	border: 1px solid #F2F2F3;

	align-items: center;
	flex-grow: 1;
}

.c-model-picker
{
	position: relative;

	width: 100%;
}

.c-model-picker--multiple
{
	width: auto;

	flex-grow: 1;
}

.c-multiple-model--filters .c-model-picker--multiple
{
	width: 220px;

	margin-right: 8px;

	flex-grow: 0;
}

.c-multi-select
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;

	--input-height: 32px;
	--multi-select-radius: 4px;
	--input-background: #F3F3F3;
	--error-background: #F7E7E7;
	--options-shadow: 0 6px 6px 2px rgb(0 0 0 / 10%);
	--reset-btn-size: 38px;
}

.c-multi-select--with-reset
{
	padding-right: var(--reset-btn-size);
}

.c-multi-select--model-manager
{
	width: 320px;
}

.c-multi-select--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

.c-multi-select__wrapper
{
	position: relative;

	min-height: var(--input-height);
	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--multi-select-radius);
}

.c-multi-select--error .c-multi-select__wrapper
{
	background-color: var(--error-background);
}

.c-multi-select__content
{
	position: relative;
	display: flex;

	padding: 4px 8px;

	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}

.c-multi-select__placeholder
{
	position: relative;
}

.c-multi-select__toggle
{
	display: flex;

	width: 32px;

	overflow: hidden;

	z-index: 1;

	flex-shrink: 0;
	flex-grow: 0;
	align-items: center;
	justify-content: center;
}

.c-multi-select__toggle::before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	border-radius: var(--multi-select-radius);

	transition: opacity 240ms ease;

	z-index: -1;
}

.c-multi-select__toggle:hover::before,
.c-multi-select__toggle:focus::before,
.c-multi-select__toggle:active::before
{
	opacity: .08;
}

.c-multi-select__toggle-icon
{
	font-size: 16px;
	color: inherit;

	transition: transform 240ms ease;
	transform: rotate(0deg);
}

.c-multi-select--open .c-multi-select__toggle-icon
{
	transform: rotate(180deg);
}

.c-multi-select__wrapper
{
	position: relative;
	display: flex;

	justify-content: space-between;
	align-items: stretch;
}

.c-multi-select__placeholder
{
	opacity: .5;

	font-weight: 400;
	font-size: .96rem;
}

.c-multi-select__values
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-multi-select__options
{
	position: absolute;
	display: block;
	visibility: visible;

	height: auto;
	max-height: 60vh;
	width: 100%;

	margin: 0;
	top: 100%;
	right: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);

	box-shadow: var(--options-shadow);

	overflow: auto;

	z-index: 10;
}

.c-multi-select__options[aria-hidden="true"]
{
	display: none;
	visibility: hidden;
}

.c-multi-select__option
{
	position: relative;
	display: flex;

	gap: 0 6px;

	line-height: 1.1rem;
	width: 100%;

	padding: 5px 10px;

	font-size: .9rem;

	text-align: left;

	align-items: center;
	justify-content: flex-start;
}

.c-multi-select__option.is-search-option
{
	display: flex;

	padding: 0;

	align-items: stretch;
}

.c-multi-select__option.is-no-results-option
{
	padding-top: 10px;
	padding-bottom: 10px;

	background-color: #DBF2FE;

	font-weight: 400;
	font-size: 1rem;
	color: #0D6EBB;
}

.c-multi-select--model-manager .c-multi-select__option.is-search-option
{
	position: sticky;

	top: 0;
	left: 0;

	z-index: 1;
}

.c-multi-select__option:disabled
{
	cursor: default;
}

.c-multi-select__option::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: "";

	z-index: -2;
}

.c-multi-select__option:not(:disabled):hover::before,
.c-multi-select__option:focus::before
{
	background-color: var(--input-background);
}

.c-multi-select__cb
{
	height: 1em;
	width: 1em;

	font-size: 24px;
	color: transparent;

	border: 2px solid #E3E3E3;

	z-index: -1;

	flex-shrink: 0;
}

.c-multi-select__cb.is-visible
{
	color: inherit;
}

.c-multi-select__label
{
	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	text-align: left;
	letter-spacing: .02em;
	text-transform: uppercase;

	order: -1;
}

.c-multi-select--disabled .c-multi-select__label
{
	color: #A6A6A6;

	cursor: default;
}

.c-multi-select__search
{
	height: 34px;
	width: 100%;
	min-width: 0;

	padding: 6px 15px;

	background-color: #FAF8F1;

	font-family: inherit;
	font-size: .9rem;
	color: #000;

	border: none;

	outline: none;
}

.c-multi-select__search::placeholder
{
	font-family: inherit;
	font-size: 1em;
	color: inherit;
}

.c-multi-select__reset
{
	position: absolute;
	display: flex;

	height: 100%;
	width: var(--reset-btn-size);

	top: 0;
	left: 100%;

	text-align: center;

	align-items: center;
	justify-content: flex-end;
}

.c-multi-select__reset-btn
{
	display: flex;

	width: auto;

	padding: 6px;

	background-color: #E96C63;

	font-family: inherit;
	color: #FFF;

	text-align: center;

	border-radius: 50%;

	transition: background-color 240ms ease;

	align-items: center;
	justify-content: center;
}

.c-multi-select__reset-btn:hover,
.c-multi-select__reset-btn:focus
{
	background-color: var(--primary);
}

.c-multi-select__reset-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 18px;
}

.c-multiple-model
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	align-items: flex-end;
}

.c-multiple-model__icon
{
	margin-right: 15px;

	font-size: 32px;
}

.c-multiple-model__items-container
{
	position: relative;

	width: 100%;
}

.c-multiple-model__items
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-top: 8px;
}

.c-multiple-model__items:after,
.c-multiple-model__items:before
{
	content: '';

	order: 10;
}

.c-multiple-model__picked,
.c-multiple-model__items:after,
.c-multiple-model__items:before
{
	position: relative;
	display: flex;

	min-width: 200px;

	padding: 8px 12px;

	flex-basis: 25%;
	flex-grow: 1;
	align-items: center;
}

.c-multiple-model--filters .c-multiple-model__picked
{
	min-width: 0;

	margin: 2px 0;
	padding: 2px 6px;

	font-size: .75em;

	flex-basis: auto;
	flex-grow: 0;
}


.c-multiple-model--filters .c-multiple-model__items:after,
.c-multiple-model--filters .c-multiple-model__items:before
{
	display: none;
}

.c-multiple-model--sale-trader .c-multiple-model__picked,
.c-multiple-model--sale-trader .c-multiple-model__items:after,
.c-multiple-model--sale-trader .c-multiple-model__items:before
{
	min-width: 400px;
}

.c-multiple-model__items:after,
.c-multiple-model__items:before
{
	padding-top: 0;
	padding-bottom: 0;
}

.c-multiple-model--purchase-carrier .c-multiple-model__picked,
.c-multiple-model--sale-carrier .c-multiple-model__picked
{
	align-items: center;
}

.c-multiple-model__picked:before
{
	position: absolute;

	top: 4px;
	right: 4px;
	left: 4px;
	bottom: 4px;

	content: '';

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 2px solid #E0E0E0;
}

.c-multiple-model--filters .c-multiple-model__picked:before
{
	top: 0;
	right: 5px;
	left: 0;
	bottom: 0;

	border-radius: 0;
}

.c-multiple-model__item
{
	flex-grow: 1;
}

.c-multiple-model__remove
{
	min-width: 0;

	margin-left: 8px;
	padding: 4px;

	background-color: var(--primary);

	font-size: 20px;
	color: #FFF;

	border-radius: 50%;

	flex-shrink: 0;
}

.c-multiple-model__remove.Mui-disabled
{
	background-color: #CDCDCD;

	cursor: default;
}

.c-multiple-model--filters .c-multiple-model__remove
{
	margin-right: 4px;
	margin-left: 4px;

	font-size: 18px;
}

.c-multiple-model__remove:hover,
.c-multiple-model__remove:focus
{
	background-color: #E93339;
}

.c-multiple-model__remove-icon
{
	font-size: 1em;
}

.c-number-row
{
	display: flex;
}

.c-number-row--head
{
	font-weight: 700;
}

.c-number-row__date
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-number-row__title
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 10;
	align-items: center;
	flex-shrink: 0;
}

.c-number-row--head .c-number-row__title
{
	justify-content: flex-start;
}

.c-number-row__number
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 2;
	align-items: center;
	flex-shrink: 0;
}

.c-number-row--head .c-number-row__number
{
	justify-content: flex-start;
}

.c-number-row__comment
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-number-row--head .c-number-row__comment
{
	justify-content: center;
}

.c-number-row__notif-date
{
	display: flex;

	width: 160px;

	padding: 4px 8px;

	align-items: center;
	flex-shrink: 0;
	justify-content: center;
}

.c-number-row__actions
{
	display: flex;

	width: 60px;

	flex-shrink: 1;
	justify-content: center;
	align-items: center;
}

.c-packaging-icon
{
	display: flex;

	font-size: 16px;
	color: #C2C2C2;

	align-items: center;
}

.c-packaging-icon--selected
{
	color: #000;
}

.c-packaging-icon:nth-child(1):before,
.c-packaging-icon:nth-child(2):before,
.c-packaging-icon:nth-child(3):before
{
	display: block;

	line-height: 1em;

	margin-right: 2px;

	font-weight: 100;
	font-size: .8em;

	align-items: center;
}

.c-packaging-icon:nth-child(1):before
{
	content: '1.';
}

.c-packaging-icon:nth-child(2):before
{
	content: '2.';
}

.c-packaging-icon:nth-child(3):before
{
	content: '3.';
}

.c-packaging-icon__icon
{
	font-size: 1em;
}

.c-pagination
{
	position: relative;
	display: flex;

	height: auto;
	width: 100%;

	margin-top: 15px;
	padding: 0 15px;

	justify-content: space-between;
	align-items: center;
	flex-grow: 0;
	flex-basis: 10px;
}

.c-pagination--no-results
{
	padding-left: 0;
}

.c-pagination__left
{
	flex-basis: 130px;
}

.c-pagination--no-results .c-pagination__left
{
	display: none;
}

.c-pagination__infos
{
	margin-left: 15px;

	font-weight: 400;
	font-size: .95em;

	text-align: right;

	flex-basis: 130px;
}

.c-pagination--no-results .c-pagination__infos
{
	margin-left: 0;

	text-align: left;
}

.c-pagination__pages
{
	display: flex;

	gap: 6px 6px;

	margin: 0;

	justify-content: center;
	flex-basis: 10px;
	flex-grow: 1;
}

.c-pagination__page
{
	position: relative;

	margin: 0;
}

.c-pagination__page:last-child
{
	margin-right: 0;
}

.c-pagination__page-btn
{
	position: relative;

	min-width: 0;
	min-width: 32px;

	padding: 4px 0;

	background-color: #EBEBEB;

	border-radius: 50%;
}

.c-pagination__page-btn.active
{
	background-color: var(--primary);

	color: #FFF;
}

.c-pagination__suspension
{
	display: flex;

	margin: 6px 0 0;

	align-items: center;
}

.c-pagination__suspension:nth-child(2)
{
	margin-right: 8px;
}

.c-pagination__suspension:nth-child(n-2)
{
	margin-right: 6px;
}

.c-paper
{
	padding: 12px 15px;

	background-color: #FFF;

	        border-radius: 0;

	box-shadow: 10px 10px 0 -3px hsla(0, 0%, 88%, 1);

	-webkit-border-radius: 0;
}

.c-paper--small
{
	padding: 5px 12px;
}

.c-paper--front
{
	line-height: 2em;
}

.c-paper--dashboard
{
	padding: 0;
}

.c-pdf-rows
{
	width: 100%;

	margin-top: 15px;
	margin-bottom: 12px;

	border-collapse: collapse;
}

.c-pdf-row
{
	position: relative;
}

.c-pdf-row__cell
{
	vertical-align: middle;

	padding: 6px 10px;

	font-size: .8em;

	white-space: nowrap;

	border: 1px solid #E0E0E0;
}

.c-pdf-row--header .c-pdf-row__cell
{
	padding-top: 8px;
	padding-bottom: 8px;

	background-color: #EFEFEF;

	font-weight: 700;
	font-size: .8em;
	color: #212121;

	white-space: nowrap;
	text-transform: uppercase;
}

.c-pdf-row__cell.product
{
	width: 60%;
}

.c-pdf-row__cell.unit
{
	min-width: 200px;
}

.c-pdf-row__cell.accounting_code
{
	min-width: 280px;
}

.c-pdf-row__cell.loaded_unit_qty
{
	min-width: 180px;
}

.c-pdf-row__cell.loaded_qty
{
	min-width: 180px;
}

.c-pdf-row__cell.selling_price
{
	min-width: 180px;
}

.c-pdf-row__cell.amount
{
	min-width: 180px;
}

.c-pdf-row__cell.VAT
{
	min-width: 100px;
}

.c-product-contract
{
	position: relative;

	margin: 15px 0;
}

.c-product-contract__inputs
{
	display: flex;

	width: 100%;

	margin-bottom: 25px;

	align-items: flex-end;
	justify-content: flex-start;
}

.c-product-contract__inputs .c-flat-btn:last-child
{
	margin-left: 20px;
}

.c-product-contract__inputs > .c-form-element
{
	width: auto;

	margin-right: 15px;

	flex-grow: 0;
}

.c-product-contract__steps
{
	display: flex;

	flex-wrap: wrap;

	margin-bottom: 15px;
}

.c-contract-step
{
	position: relative;
	display: flex;

	flex-direction: column;
	flex-wrap: wrap;

	width: 250px;

	margin: 5px 8px;
	padding: 0;

	text-align: center;

	align-items: center;
	justify-content: flex-start;
}

.c-contract-step--selectable
{
	padding: 0 12px 15px 12px;
}

.c-contract-step--selectable
{
	margin-bottom: 15px;
}

.c-contract-step--selectable:before
{
	position: absolute;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: '';
	cursor: pointer;

	border: 2px solid #B6B6B6;

	transition: border-color 320ms ease;
}

.c-contract-step--selectable:hover:before
{
	border-color: #E6B708;
}

.c-contract-step--selected:before
{
	border-color: #8CCA5C;
}

.c-contract-step--selected:hover:before
{
	border-color: #E6B708;
}

.c-contract-step .c-form-element--date
{
	display: flex;

	width: auto;

	border-right: 2px solid black;

	align-self: stretch;
}

.c-contract-step .c-form-element__date
{
	padding: 5px 7px 5px 8px;

	border-radius: 0;
}

.c-contract-step .c-form-element__date-icon
{
	margin-right: 0;
	left: 0;
}

.c-contract-step__content
{
	display: flex;

	width: 100%;

	margin: 0;
	padding: 0;

	border: 2px solid black;

	align-items: center;
	justify-content: space-between;
}

.c-contract-step--not-editable .c-contract-step__content
{
	padding: 8px 6px;
}

.c-contract-step__number
{
	display: inline-flex;

	min-width: 60px;

	margin: 0 auto;
	padding: 2px 8px;

	background-color: #E6B709;

	font-weight: 700;
	font-size: 38px;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
}

.c-contract-step__number-txt
{
	position: relative;

	top: 0;

	font-size: 13px;

	white-space: nowrap;
	letter-spacing: -.15px;
}

.c-contract-step__percent-input
{
	width: auto;

	margin-left: 6px;

	flex-grow: 1;
}

.c-contract-step__percent-input input
{
	padding: 4px 0;
}

.c-contract-step__percent
{
	font-weight: 700;
}

.c-contract-step--not-editable .c-contract-step__percent
{
	text-align: center;

	flex-grow: 1;
}

.c-contract-step__delete
{
	margin-right: 2px;
	margin-left: 10px;
}

.c-contract-step__date
{
	width: 100%;

	margin-top: 4px;

	font-weight: 700;
	font-size: .9em;
}

.c-contract-step__infos
{
	display: flex;

	width: 100%;
}

.c-contract-step__weight-infos
{
	display: inline-flex;

	flex-direction: column;

	width: 50%;

	margin-bottom: 8px;

	flex-grow: 1;
	align-items: center;
	justify-content: center;
}

.c-contract-step__weight
{
	margin-top: 4px;

	font-size: .9em;

	text-align: center;

	flex-grow: 1;
}

.c-contract-step__received-qty
{
	position: relative;

	margin-top: 10px;
	margin-bottom: 6px;
	padding-bottom: 12px;

	font-size: .9em;
}

.c-contract-step__received-qty:before
{
	position: absolute;

	height: 3px;
	width: 1em;

	left: 50%;
	margin-left: -.5em;
	bottom: 0;

	background-color: #E6B708;

	font-size: 66px;

	content: '';
}

.c-contract-step__received-qty:after
{
	position: absolute;
	display: flex;

	top: 100%;
	margin-top: -2px;
	left: 50%;
	padding: 2px 4px;

	background-color: #FFF;

	font-family: inherit;
	font-size: .9em;

	content: 'sur';

	transform: translateX(-50%) translateY(-50%);

	align-items: center;
}

.c-contract-step__completed
{
	display: flex;

	margin-top: 6px;
	margin-bottom: 8px;

	font-size: .9em;
	color: #8CCA5C;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 30%;
}

.c-contract-step__select-icon
{
	position: absolute;
	display: none;

	height: 1em;
	width: 1em;

	left: 50%;
	margin-left: -.5em;
	bottom: 2px;
	margin-bottom: -.5em;
	padding: 0 5px;

	background-color: white;

	font-size: 30px;
	color: #E0E0E0;

	border-radius: 50%;
	border: 2px solid currentColor;

	transition: color 320ms ease;
	-webkit-animation-name: checked-appear;
	        animation-name: checked-appear;
	-webkit-animation-duration: 320ms;
	        animation-duration: 320ms;

	z-index: 2;
}

.c-contract-step--selectable .c-contract-step__select-icon
{
	cursor: pointer;
}

.c-contract-step--completed .c-contract-step__select-icon
{
	position: static;
	display: block;

	margin: 0 4px 0 0;
	padding: 0 3px;

	font-size: 22px;
	color: inherit;
}

.c-contract-step--selected .c-contract-step__select-icon
{
	display: block;

	color: #8CCA5C;
}

.c-contract-step--selected:hover .c-contract-step__select-icon
{
	color: #E6B708;
}

@keyframes checked-appear
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

@-webkit-keyframes checked-appear
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

.c-purchase-carriers
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;
}

.c-purchase-carriers--inline
{
	margin-top: 10px;
}

.c-purchase-carriers--fees
{
	margin-top: 8px;
	margin-right: -12px;
	margin-left: -12px;
}

.c-purchase-carriers__carrier
{
	display: flex;

	width: 100%;

	margin-bottom: 12px;
	padding: 0 15px;

	align-items: flex-start;
}

.c-purchase-carriers--inline .c-purchase-carriers__carrier
{
	padding-left: 0;
}

.c-purchase-carriers__field
{
	display: flex;

	width: 35%;
	max-width: 50%;

	margin-bottom: 12px;
	padding: 0 15px;

	align-items: flex-end;
	flex-grow: 1;
}

.c-purchase-carriers__field.switch
{
	flex-direction: column;

	width: auto;

	flex-grow: 0;
	flex-shrink: 0;
	align-items: flex-start;
}

.c-purchase-carriers--inline .c-purchase-carriers__field
{
	padding-left: 0;
}
.c-purchase-carriers__carrier-icon
{
	margin-top: 16px;
	margin-right: 15px;

	font-size: 32px;
}

.c-purchase-carriers__field
{
	position: relative;
}

.c-purchase-fields
{
	display: flex;

	flex-wrap: wrap;

	margin-right: -15px;
	margin-left: -15px;
}

.c-purchase-fields__field
{
	display: flex;

	flex-direction: column;

	padding: 12px 15px;

	flex-basis: 20%;
	flex-grow: 1;
	justify-content: flex-start;
}

.c-purchase-fields__field-name
{
	line-height: 1.1em;

	margin-bottom: 5px;
	padding-left: 0;

	font-size: .85em;
	color: #9D9D9D;
}

.c-purchase-item
{
	line-height: 1em;

	font-size: .85em;
	color: #9E9E9E;
}

.c-purchase-item--carrier
{
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.c-purchase-item--trader
{
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.c-purchase-item__cost
{
	margin-bottom: 2px;
}

.c-purchase-item--carrier .c-purchase-item__cost
{
	width: 75px;

	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 2px;

	flex-grow: 0;
}

.c-purchase-item__truck_ref
{
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 2px;

	flex-grow: 1;
}

.c-purchase-item__CMR
{
	margin-top: 8px;
	margin-bottom: 2px;

	flex-grow: 1;
}

.c-multiple-model--sale-carrier .c-purchase-item__truck_ref
{
	margin-top: 6px;
}

.c-purchase-item__label
{
	width: 100%;

	font-weight: 400;
	font-size: 1em;
	color: inherit;
}

.c-purchase-item--carrier .c-purchase-item__label
{
	margin-right: 5px;
}

.c-purchase-item input
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.c-purchase-item__infos
{
	width: 100%;

	margin-top: 4px;
}

.c-purchase-item__fixed
{
	width: 50%;

	margin-bottom: 2px;
	padding-right: 5px;
}

.c-purchase-item__percent
{
	width: 50%;

	margin-bottom: 2px;
	padding-left: 5px;
}

.c-purchase-packagings
{
	display: flex;

	flex-wrap: wrap;
}

.c-purchase-packagings--fees
{
	margin-top: 8px;
	margin-right: -12px;
	margin-left: -12px;
}

.c-purchase-packagings__packaging
{
	display: flex;

	width: 30%;

	margin-bottom: 12px;
	padding: 0 15px;

	align-items: flex-end;
	flex-grow: 1;
}

.c-purchase-packagings__packaging:before
{
	line-height: 1em;

	margin-right: 8px;
	margin-bottom: 6px;

	font-family: inherit;
	font-size: 1.3em;
}

.c-purchase-packagings__packaging:nth-child(1):before
{
	content: '1.';
}

.c-purchase-packagings__packaging:nth-child(2):before
{
	content: '2.';
}

.c-purchase-packagings__packaging:nth-child(3):before
{
	content: '3.';
}

.c-purchase-packagings__packaging-icon
{
	margin-right: 15px;

	font-size: 32px;
}

.c-purchase-prices
{
	display: block;

	width: 295px;
	max-width: 100%;

	margin: auto;

	border: 2px solid #E6B705;
}

.c-purchase-prices__row
{
	display: flex;

	border-bottom: 2px solid #DFDFE2;
}

.c-purchase-prices__row:last-child
{
	border: none;
}

.c-purchase-prices__label
{
	display: flex;

	line-height: 1.2em;
	width: 170px;

	padding: 4px 6px;

	font-size: .9em;
	color: #6D6D6D;

	border-right: 2px solid #DFDFE2;

	align-items: center;
	flex-grow: 1;
}

.c-purchase-prices__value
{
	display: flex;

	line-height: 1em;
	width: 80px;

	padding: 4px 6px;

	font-weight: 700;
	font-size: .9em;
	color: #000;

	border-right: 2px solid #DFDFE2;

	align-items: center;
	justify-content: flex-end;
}

.c-purchase-prices__unit
{
	display: flex;

	line-height: 1em;
	width: 50px;

	padding: 4px 6px;

	font-size: .9em;
	color: #000;

	align-items: center;
	flex-grow: 0;
}

.c-purchase-product
{
	display: table-row;
}

.c-purchase-product--stored
{
	background-color: #D1EFD5;
}

.c-purchase-product--delivered
{
	background-color: #D0EFF4;
}

.c-purchase-product--sold
{
	background-color: #FFDAFA;
}

.c-purchase-product--destroyed
{
	background-color: #FBB5B1;
}

.c-purchase-product--disabled
{
	background-color: #BCBCBC;
}

.c-purchase-product--stock_out
{
	background-color: #D5C8EB;
}

.c-purchase-product__cell
{
	display: table-cell;

	vertical-align: middle;

	padding: 4px 6px;

	white-space: nowrap;

	border: 1px solid #E0E0E0;

	overflow: hidden;
}

.c-purchase-product__cell.carriers,
.c-purchase-product__cell.packagings
{
	min-width: 110px;

	padding-right: 0;
	padding-left: 0;

	text-align: center;
}

.c-purchase-product__cell.copy
{
	min-width: 40px;
}

.c-purchase-product__cell.remaining
{
	min-width: 130px;

	text-align: center;
}

.c-purchase-product__cell.product-name
{
	min-width: 220px;
}

.c-purchase-product__cell.load-address
{
	min-width: 180px;
}

.c-purchase-product__cell.shipping-address
{
	min-width: 180px;
}

.c-purchase-product__cell.discretion
{
	min-width: 130px;
}

.c-purchase-product__cell.VAT
{
	min-width: 80px;
}

.c-purchase-product__cell.qty
{
	min-width: 85px;

	text-align: center;
}

.c-purchase-product__cell.remaining_qty
{
	min-width: 120px;

	text-align: center;
}

.c-purchase-product__cell.confirmed_unit_qty
{
	min-width: 199px;
}

.c-purchase-product__cell.lost_qty
{
	min-width: 105px;

	text-align: center;
}

.c-purchase-product__cell.unit
{
	min-width: 140px;

	text-align: center;
}

.c-purchase-product__cell.unit_qty
{
	min-width: 100px;

	text-align: center;
}

.c-purchase-product__cell.loaded_unit
{
	min-width: 170px;

	text-align: center;
}

.c-purchase-product__cell.loaded_qty
{
	min-width: 145px;
}

.c-purchase-product__cell.loaded_unit_qty
{
	min-width: 175px;

	text-align: center;
}

.c-purchase-product__cell.brand
{
	min-width: 240px;
}

.c-purchase-product__cell.origin
{
	min-width: 80px;
}

.c-purchase-product__cell.freezer_ref
{
	min-width: 80px;

	text-align: center;
}

.c-purchase-product__cell.comment,
.c-purchase-product__cell.confirmation_comment,
.c-purchase-product__cell.reception_comment,
.c-purchase-product__cell.transport_comment,
.c-purchase-product__cell.custom_approval_number
{
	min-width: 112px;

	text-align: center;
}

.c-purchase-product__cell.pallet_count
{
	width: 85px;

	text-align: center;
}

.c-purchase-product__cell.brokerage_costs
{
	min-width: 135px;
}

.c-purchase-product__cell.transformation_cost
{
	min-width: 90px;

	text-align: center;
}

.c-purchase-product__cell.files
{
	min-width: 100px;

	text-align: center;
}

.c-purchase-product__cell.contract
{
	min-width: 65px;
}

.c-purchase-product__cell.analyze
{
	min-width: 155px;

	text-align: center;
}

.c-purchase-product__cell.fixed_unit
{
	min-width: 180px;

	text-align: center;
}

.c-purchase-product__cell.trader
{
	min-width: 300px;

	text-align: center;
}

.c-purchase-product__cell.buy_price
{
	min-width: 90px;

	text-align: center;
}

.c-purchase-product__cell.currency_buy_price
{
	min-width: 80px;

	text-align: center;
}

.c-purchase-product__cell.cost_price,
.c-purchase-product__cell.carrier_price,
.c-purchase-product__cell.brokerage_price,
.c-purchase-product__cell.fees_price
{
	min-width: 85px;

	text-align: center;
}

.c-purchase-product__cell.reception-infos
{
	min-width: 115px;
}

.c-purchase-product__cell.organic
{
	min-width: 46px;

	text-align: center;
}

.c-purchase-product__cell.halal
{
	min-width: 46px;

	text-align: center;
}

.c-purchase-product__cell.pdfs
{
	min-width: 46px;

	text-align: center;
}

.c-purchase-product__cell.actions
{
	min-width: 46px;
}

.c-purchase-product__cell.delivery_date,
.c-purchase-product__cell.confirmation_date,
.c-purchase-product__cell.load_date
{
	min-width: 155px;

	text-align: center;
}

.c-purchase-product__cell.production_date,
.c-purchase-product__cell.dlc-ddm
{
	min-width: 285px;

	text-align: center;
}

.c-purchase-product__cell.dates_confirmation
{
	text-align: center;
}

.c-purchase-product__cell.born,
.c-purchase-product__cell.raised,
.c-purchase-product__cell.slaughtered,
.c-purchase-product__cell.cutting
{
	width: 100%;

	padding: 0;

	border: none;
}

.c-purchase-product__cell.hide_in_pdf
{
	text-align: center;
}

.c-purchase-product--row:hover .c-purchase-product__cell
{
	background-color: #EFEFEF;
}

.c-purchase-product--header .c-purchase-product__cell
{
	padding-top: 4px;
	padding-bottom: 4px;

	background-color: #EFEFEF;

	font-weight: 700;
	font-size: .8em;
	color: #212121;

	text-transform: uppercase;
}

.c-purchase-product__remove
{
	display: flex;

	height: 1em;
	width: 1em;
	min-width: 0;

	font-size: 30px;
	color: #C00506;

	border-radius: 50%;
	border: 1px solid transparent;

	transition: border-color 240ms ease;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.c-purchase-product__remove.is-disabled
{
	color: #D2D2D2;

	cursor: not-allowed;
}

.c-purchase-product__remove-icon
{
	font-size: .75em;
}

.c-purchase-product__remove:hover
{
	border-color: #C0060F;
}

.c-purchase-product__remove.is-disabled:hover
{
	border-color: transparent;
}

.c-purchase-product__icon
{
	font-size: 18px;
}

.c-purchase-product__mask
{
	max-width: 200px;

	text-overflow: ellipsis;

	overflow: hidden;
}

.c-purchase-product__cell-btn
{
	width: 40px;
	min-width: 0;

	flex-grow: 1;
}

.c-purchase-product__trader-fields
{
	display: flex;
}

.c-purchase-product__trader-item:first-child
{
	flex-grow: 3;
}

.c-purchase-product__trader-item:nth-child(2)
{
	width: 75px;

	margin-right: 8px;
	margin-left: 8px;
}

.c-purchase-product__trader-item:last-child
{
	width: 135px;

	flex-grow: 3;
}

.c-rendered-editor-txt
{
	position: relative;

	line-height: 1.3em;

	font-size: 1em;
}

.c-sale-action__rows
{
	display: table;

	margin-top: 20px;

	border-collapse: collapse;
}

.c-shippings
{
	position: relative;

	width: 100%;

	margin: 15px 0;
	padding: 12px 15px;
}

.c-shippings__country
{
	position: relative;
	display: flex;

	width: 20%;

	padding-right: 25px;

	align-items: center;
}

.c-shippings__country:after
{
	display: flex;

	height: 2px;
	width: 10px;

	margin-left: 8px;

	background-color: #D6D6D6;

	content: '';

	order: 1;
	flex-grow: 1;
}

.c-shippings__country:nth-child(5n)
{
	padding-right: 0;
}

.c-shippings__title
{
	position: relative;

	margin-top: 0;
	margin-bottom: 12px;

	font-weight: 400;
	color: #BA7913;

	text-transform: uppercase;
}

.c-shippings__add-area
{
	position: relative;
	display: flex;

	max-width: 600px;

	align-items: flex-end;
}

.c-shippings__input
{
	position: relative;

	margin-right: 15px;
}

.c-shippings__add
{
	flex-shrink: 0;
}

.c-shippings__countries
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	margin-top: 15px;

	align-items: center;
}

.c-shippings__remove
{
	display: flex;

	margin-left: 12px;
	padding: 2px;

	border-radius: 50%;

	transition: background-color 320ms ease;

	align-items: center;
	justify-content: center;
	order: 2;
}

.c-shippings__remove:hover
{
	background-color: #E1E1E1;
}

.c-shippings__remove-icon
{
	height: 1em;
	width: 1em;

	font-size: 26px;
	color: #EA3E3E;
}



/* ------------------------------------- *\
|* ------- # c-shipping-prices # ------- *|
\* ------------------------------------- */

.c-shippings-prices
{
	width: 33.33%;

	padding: 12px 5px;
}

.c-shippings-prices__title
{
	margin-top: 0;
	margin-bottom: 12px;

	font-weight: 400;
	color: #BA7913;

	text-align: center;
	text-transform: uppercase;
}

.c-shippings-prices__list
{
	display: table;

	width: 100%;
}

.c-shippings-prices__row
{
	display: table-row;

	align-items: center;
}

.c-shippings-prices__row.editable
{
	background-color: #DAF1E6;
}

.c-shippings-prices__row.edited
{
	background-color: hsla(37, 81%, 90%, 1);
}

.c-shippings-prices__start
{
	display: table-cell;

	width: 80px;

	vertical-align: middle;

	margin-right: 8px;
	padding: 4px 10px 4px 15px;

	text-align: right;
}

.c-shippings-prices__to
{
	display: table-cell;

	width: 1em;

	vertical-align: middle;

	padding: 4px 10px 4px 0;
}

.c-shippings-prices__end
{
	display: table-cell;

	width: 80px;

	vertical-align: middle;

	margin-right: 10px;
	padding: 4px 10px 4px 0;
}

.c-shippings-prices__end label + div
{
	margin-top: 0;
}

.c-shippings-prices__next
{
	display: table-cell;

	width: 50px;

	vertical-align: middle;

	text-align: center;
}

.c-shippings-prices__next-icon
{
	display: block;

	height: 1em;
	width: 1em;

	margin: auto;

	font-size: 24px;
}

.c-shippings-prices__price
{
	display: table-cell;

	vertical-align: middle;

	padding: 4px 20px 4px 0;
}

.c-shippings-prices__price label + div
{
	margin-top: 0;
}

.c-shippings-prices__actions
{
	display: table-cell;

	vertical-align: middle;

	padding: 4px 0 4px 0;

	text-align: left;
}

.c-shippings-prices__actions-content
{
	display: flex;
}

.c-shippings-prices__edit
{
	margin-right: 10px;
}

.c-shippings-prices__remove,
.c-shippings-prices__edit,
.c-shippings-prices__validate
{
	position: relative;
	display: flex;

	padding: 2px;

	z-index: 0;

	align-items: center;
	justify-content: center;
}

.c-shippings-prices__remove:before,
.c-shippings-prices__edit:before,
.c-shippings-prices__validate:before
{
	position: absolute;
	opacity: 0;

	height: calc(100% + 6px);
	width: calc(100% + 6px);

	top: -3px;
	left: -3px;

	background-color: #EBEBEB;

	content: '';

	border-radius: 50%;

	transition: opacity 320ms ease;

	z-index: -1;
}

.c-shippings-prices__remove:hover:before,
.c-shippings-prices__edit:hover:before,
.c-shippings-prices__validate:hover:before
{
	opacity: 1;
}

.c-shippings-prices__remove-icon,
.c-shippings-prices__edit-icon,
.c-shippings-prices__validate-icon
{
	height: 1em;
	width: 1em;

	font-size: 26px;
	color: inherit;
}

.c-shippings-prices__remove-icon
{
	color: #EA3E3E;
}

.c-shippings-prices__edit-icon
{
	color: #009651;
}

.c-shippings-prices__validate-icon
{
	color: #009651;
}

.c-shippings-prices__add-row
{
	padding-left: 25px;

	text-align: left;
}

.c-shippings__add
{
	margin-top: 15px;
}
.c-simple-btn
{
	position: relative;

	line-height: 1.2em;
	min-height: 0;
	min-width: 0;

	padding: 4px 10px;

	background-color: #E6B709;

	font-size: .8em;
	color: #000;

	border-radius: 0;

	transition: background-color 320ms ease;
}

.c-simple-btn--small
{
	padding: 2px 4px;
}

.c-simple-btn:hover,
.c-simple-btn:focus,
.c-simple-btn:active
{
	background-color: #E0E0E0;

	transition: background-color 320ms ease;
}

.c-split
{
	display: flex;
}

.c-split__number
{
	display: flex;

	width: 80px;

	padding: 4px 8px;

	align-items: center;
	justify-content: center;
}

.c-split__qty
{
	display: flex;

	width: 150px;

	padding: 4px 8px;

	align-items: center;
}

.c-split__new-qty
{
	display: flex;

	width: 240px;

	padding: 4px 8px;

	align-items: center;
}

.c-split--head .c-split__number,
.c-split--head .c-split__qty,
.c-split--head .c-split__new-qty
{
	font-weight: 700;
}

.c-status
{
	position: relative;
	display: flex;

	color: #454545;

	align-items: center;
}

.c-status--preparation
{
	color: #4B8FDE;
}

.c-status--loaded
{
	color: #9153CD;
}

.c-status--receiving
{
	color: #E68528;
}

.c-status--received,
.c-status--billed
{
	color: #53CD53;
}

.c-status--closed
{
	color: #CD5353;
}

.c-status:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: currentColor;

	font-size: 8px;

	content: '';

	border-radius: 50%;

	flex-shrink: 0;
}

.c-status--big:before
{
	font-size: 10px;
}

.c-status__label
{
	line-height: 1em;

	font-size: .9em;
	color: #454545;
}

.c-status--big .c-status__label
{
	font-weight: 600;
	font-size: 1em;
}

.c-tab-content
{
	position: relative;
}

.c-tab-content__fields
{
	display: flex;

	flex-wrap: wrap;
}

.c-tab-content__fields:not(:first-child)
{
	margin-top: 12px;
}

.tabs-bar
{
	display: inline-flex;

	max-width: 100%;

	margin: 0;
	left: 0;
	bottom: 100%;
	padding: 0;

	list-style: none;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	overflow: auto;
}

.tabs-container
{
	position: relative;

	width: 100%;
}




/* ------------------------------------- *\
|* ------------- # c-tab # ------------- *|
\* ------------------------------------- */

.c-tab
{
	position: relative;

	margin: 0;
	padding: 0;

	background-color: #E0E0E0;

	color: #6B6B6B;

	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
}

.c-tab--error
{
	background-color: #F2CACA;

	color: #C00506;

	border-color: #F2CACA;
}

.c-tab--active
{
	background-color: #FFF;

	color: #1F1F1F;

	border-color: var(--primary);
}

.c-tab--colored.c-tab--active
{
	background-color: var(--primary);

	color: #000;

	border-color: #000;
}

.c-tab__button
{
	display: flex;

	line-height: 1em;
	min-width: 0;

	padding: 9px 12px;

	font-family: inherit;
	font-weight: 700;
	font-size: .95em;
	color: inherit;

	white-space: nowrap;
	text-transform: uppercase;

	border-radius: 0;

	align-items: center;
}

.c-tab__icon
{
	margin-right: 8px;
}

.c-table-item
{
	display: table-row;
}

.c-table-item--total
{
	font-weight: 700;
}

.c-table-item__cell
{
	display: table-cell;

	vertical-align: middle;

	padding: 6px 10px;

	font-size: .8em;

	white-space: nowrap;

	border: 1px solid #E0E0E0;
}

.c-table-item--stock_out .c-table-item__cell.address
{
	width: 15%;
}

.c-table-item--header .c-table-item__cell
{
	padding-top: 8px;
	padding-bottom: 8px;

	background-color: #EFEFEF;

	font-weight: 700;
	font-size: .8em;
	color: #212121;

	white-space: nowrap;
	text-transform: uppercase;
}

.c-table-item--no-wrap .c-table-item__cell
{
	white-space: nowrap;
}

.c-table-item__cell.nowrap
{
	white-space: nowrap;
}

.c-table-item__cell.title
{
	min-width: 330px;
}

.c-table-item__cell.qty,
.c-table-item__cell.Sale-qty
{
	min-width: 180px;
}

.c-table-item__cell.trader_infos
{
	min-width: 350px;
}

.c-table-item__cell.Sale-qty,
.c-table-item__cell.Sale-unit,
.c-table-item__cell.Sale-taxes,
.c-table-item__cell.Sale-confirmed_qty,
.c-table-item__cell.Sale-loaded_qty,
.c-table-item__cell.Sale-remaining
{
	text-align: center;
}

.c-table-item__cell.Sale-unit
{
	min-width: 80px;
}

.c-table-item__cell.Sale-unit_qty
{
	min-width: 110px;

	text-align: center;
}

.c-table-item__cell.Sale-loaded_qty,
.c-table-item__cell.Sale-confirmed_qty
{
	width: 160px;
	min-width: 160px;
}

.c-table-item__cell.Sale-received_qty
{
	width: 165px;
	min-width: 165px;
}

.c-table-item__cell.Sale-unit
{
	width: 165px;
	min-width: 165px;
}

.c-table-item__cell.Sale-received_unit_qty
{
	width: 200px;
	min-width: 200px;
}

.c-table-item__cell.Sale-loaded_unit_qty
{
	width: 165px;
	min-width: 165px;
}

.c-table-item__cell.batch-infos
{
	text-align: center;
}

.c-table-item__cell.Payment-bank
{
	width: 350px;
	min-width: 350px;

	text-align: left;
}

.c-table-item__cell.Payment-amount
{
	width: 200px;
	min-width: 200px;
}

.c-table-item__cell.Payment-comment
{
	min-width: 440px;

	text-align: left;
}




/* ------------------------------------ */
/* ---------- SaleBill fields --------- */
/* ------------------------------------ */

.c-table-item__cell.SaleBill-title
{
	min-width: 380px;

	text-align: left;
}

.c-table-item__cell.SaleBill-unit
{
	min-width: 200px;

	text-align: center;
}

.c-table-item__cell.SaleBill-confirmed_unit_qty,
.c-table-item__cell.SaleBill-prepared_unit_qty,
.c-table-item__cell.SaleBill-loaded_unit_qty
{
	text-align: center;
}

.c-table-item__cell.SaleBill-loaded_unit_qty,
.c-table-item__cell.SaleBill-loaded_qty
{
	font-weight: 700;
}

.c-table-item__cell.SaleBill-comment
{
	width: 40%;

	text-align: center;
}

.c-table-item__cell.SaleBill-remaining
{
	text-align: center;
}

.c-table-item__cell.SaleBill-VAT
{
	min-width: 100px;

	text-align: center;
}

.c-table-item__cell.StockOutConfirmation-internal_comment
{
	white-space: normal;
}

.c-table-item__cell.StockOut-internal_comment
{
	white-space: normal;
}

.c-table
{
	width: 100%;
	max-width: 100%;

	padding-bottom: 15px;

	border-collapse: collapse;

	overflow-x: auto;
}

.c-table--sale-batches .c-table__content
{
	min-width: 2300px;
}

.c-table--financial
{
	width: auto;
}

.c-table--financial-custom-total
{
	width: auto;
	max-width: 100%;
}

.c-table--bill-rows
{
	margin-top: 20px;
	margin-bottom: 30px;

	text-align: right;
}

.c-table__content
{
	display: table;

	width: auto;
}

.c-table__row
{
	position: relative;

	width: 100%;
}

.c-table__row:nth-child(2n+2)
{
	background-color: #F5F5FF;
}

.c-table__row.is-total
{
	background-color: #FDF3CE;
}

.c-table__cell
{
	padding: 3px 6px;

	border: 2px solid #E0E0E0;
}

.c-table__cell.is-header
{
	font-weight: 600;
	font-size: .95em;

	white-space: nowrap;
	text-transform: uppercase;
}

.c-table__cell.Financial-date
{
	width: 120px;

	text-align: right;
}

.c-table__cell.Financial-cost
{
	width: 140px;

	text-align: center;
}

.c-text-editor-msg
{
	position: relative;

	margin-top: 6px;

	font-weight: 500;
	font-size: .9em;
}

.c-text-editor-msg--red
{
	color: #F44336;
}

.c-text-editor
{
	width: 100%;

	margin-top: 0;
}

.c-text-editor__container
{
	position: relative;
	display: block;

	line-height: 1.5em;

	font-size: .9em;

	cursor: text;
}

.c-text-editor__label
{
	position: relative;

	width: 100%;

	margin-top: 0;
	padding-left: 2px;
	padding-bottom: 6px;

	font-size: .9em;
	color: #757575;

	cursor: pointer;

	order: 1;
}

.c-text-editor__label.is-empty
{
	height: 0;

	margin: 0;

	cursor: default;
}

.c-text-editor.has-error .c-text-editor__label
{
	color: #F44336;
}

.c-text-editor.is-read-only .c-text-editor__label
{
	color: hsl(0 0% 68% / 1);
}

.c-text-editor__wrapper
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 100%;

	margin: 0;

	font-family: inherit;
	font-weight: 400;
	color: inherit;
}

.c-text-editor__content-root
{
	position: relative;
	display: block;

	min-height: 80px;
	width: 100%;

	padding: 6px 10px;

	background-color: #FFF;

	resize: vertical;
	cursor: text;
	tab-size: 1;

	border: 2px solid #EEE;

	outline: 0;

	overflow: auto;

	order: 3;
}

.c-text-editor--text-only .c-text-editor__content-root
{
	border-radius: 10px;
	border: 2px solid #EEE;
}

.c-text-editor__content-root:focus
{
	border-color: #E6B708;
}

.c-text-editor.has-error .c-text-editor__content-root
{
	color: #F44336;

	border-color: currentColor;
}

.c-text-editor.is-read-only .c-text-editor__content-root
{
	background-color: #F0F0F0;

	color: #808080;

	resize: none;
}

.c-text-editor.is-uppercase .c-text-editor__content-root
{
	text-transform: uppercase;
}

.c-text-editor__content-root br
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.c-text-editor__theme__ltr
{
	text-align: left;
}

.c-text-editor__theme__rtl
{
	text-align: right;
}

.c-text-editor__theme__paragraph
{
	position: relative;

	margin: 0;
	margin-bottom: 10px;
}

.c-text-editor__theme__paragraph:last-child
{
	margin-bottom: 0;
}

.c-text-editor__theme__paragraph span
{
	white-space: normal;
}

.c-text-editor__theme__quote
{
	margin: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 16px;

	font-size: 1em;
	color: rgb(101, 103, 107);

	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: rgb(206, 208, 212);
}

.c-text-editor__theme__h1
{
	line-height: 1.2em;

	margin: 0;
	margin-bottom: 15px;
	padding: 0;

	font-weight: 600;
	font-size: 2.2rem;
	color: inherit;
}

.c-text-editor__theme__h1 > *
{
	font-weight: inherit;
	font-size: 1em;

	white-space: normal;
}

.c-text-editor__theme__h2
{
	line-height: 1.2em;

	margin: 0;
	margin-bottom: 12px;
	padding: 0;

	font-weight: 500;
	font-size: 1.65em;
	color: inherit;
}

.c-text-editor__theme__h2 > *
{
	font-weight: inherit;
	font-size: 1em;

	white-space: normal;
}

.c-text-editor__theme__h3
{
	line-height: 1.2em;

	margin: 0;
	margin-bottom: 10px;
	padding: 0;

	font-weight: 400;
	font-size: 1.2em;
	color: inherit;
}

.c-text-editor__theme__h3 > *
{
	font-weight: inherit;
	font-size: 1em;

	white-space: normal;
}

.c-text-editor__theme__textBold
{
	font-weight: bold;
}

.c-text-editor__theme__textItalic
{
	font-style: italic;
}

.c-text-editor__theme__textUnderline
{
	text-decoration: underline;
}

.c-text-editor__theme__textStrikethrough
{
	text-decoration: line-through;
}

.c-text-editor__theme__textUnderlineStrikethrough
{
	text-decoration: underline line-through;
}

.c-text-editor__theme__link
{
	color: rgb(33, 111, 219);
	text-decoration: none;
}

.c-text-editor__theme__link:hover
{
	text-decoration: underline;
}

.c-text-editor__theme__table
{
	width: 100%;
	max-width: 100%;

	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;

	overflow-y: scroll;
}

.c-text-editor__theme__table.disable-selection
{
	user-select: auto !important;
}

.c-text-editor__theme__tableCell
{
	min-width: 75px;

	vertical-align: top;

	padding: 6px 8px;

	text-align: start;

	border: 1px solid #000;
}

.c-text-editor__theme__tableCellHeader
{
	background-color: #F2F3F5;

	text-align: start;
}

.c-text-editor__theme__ol1
{
	margin: 0;
	margin-left: 16px;
	padding: 0;
}

.c-text-editor__theme__ol2
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style-type: upper-alpha;
}

.c-text-editor__theme__ol3
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style-type: lower-alpha;
}

.c-text-editor__theme__ol4
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style-type: upper-roman;
}

.c-text-editor__theme__ol5
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style-type: lower-roman;
}

.c-text-editor__theme__ul
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style: disc;
}

.c-text-editor__theme__listItem
{
	margin: 5px 0 5px 2em;
}

.c-text-editor__theme__nestedListItem
{
	list-style-type: none;
}

.c-text-editor__dropdown.is-visible
{
	opacity: 1;
}

.c-text-editor__toolbar
{
	position: relative;

	width: 100%;

	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border: 2px solid #EEE;
	border-bottom: none;

	flex-grow: 1;
	order: 2;
}

.c-text-editor__content-root:focus ~ .c-text-editor__toolbar
{
	border-color: #E6B708;
}

.c-text-editor__placeholder
{
	position: absolute;
	display: block;

	top: 100%;
	margin-top: 9px;
	left: 10px;

	font-size: 15px;
	color: #999;

	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;

	overflow: hidden;
}

.c-text-editor--text-only .c-text-editor__placeholder
{
	top: 100%;
	left: 10px;
}

.c-title
{
	position: relative;
	display: flex;

	line-height: 1.1em;

	margin-top: 0;
	margin-bottom: 15px;

	font-weight: 400;
	font-size: 1.6em;

	align-items: center;
}

.c-title:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: var(--primary);

	font-size: 8px;

	content: '';
}

.c-title--form
{
	display: inline-flex;

	margin-top: 15px;
	margin-bottom: 0;
}

.c-form-page-title
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 15px;
	margin-bottom: 25px;

	font-weight: 600;
	font-size: 1.8em;

	text-transform: uppercase;

	align-items: center;
}

.c-form-page-title:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: #E6B708;

	font-size: 10px;

	content: '';
}

.c-subtitle
{
	position: relative;
	display: flex;

	line-height: 1.5em;

	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 0;

	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;

	align-items: center;
}

.c-subtitle:before
{
	position: absolute;
	display: block;

	height: 4px;
	width: 18px;

	margin-right: 8px;
	left: 0;
	bottom: -2px;

	background-color: #E6B708;

	content: '';

	border-radius: 8px;
}

.c-tracking-row
{
	display: flex;
}

.c-tracking-row--files
{
	position: relative;

	flex-wrap: wrap;
}

.c-tracking-row--files + .c-tracking-row--files
{
	margin-top: 30px;
}

.c-tracking-row--files + .c-tracking-row--files:before
{
	position: absolute;

	height: 2px;
	width: 150px;
	max-width: 100%;

	top: 0;
	margin-top: -6px;

	background-color: var(--primary);

	content: '';
}

.c-tracking-row--head
{
	font-weight: 700;
}

.c-tracking-row__content
{
	display: flex;

	width: 100%;
}

.c-tracking-row__files
{
	position: relative;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 12px;
	padding-left: 88px;

	align-items: center;
}

.c-tracking-row__files:before
{
	position: absolute;

	line-height: 1em;
	width: 75px;

	top: 14px;
	margin-top: -.5em;
	left: 8px;

	content: 'Fichiers :';
}

.c-tracking-row__date
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
}

.c-tracking-row__title
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 10;
	align-items: center;
	flex-shrink: 0;
}

.c-tracking-row__tracked
{
	display: flex;

	width: 140px;

	padding: 4px 8px;

	text-align: center;

	flex-grow: 0;
	flex-shrink: 0;
	justify-content: center;
}

.c-tracking-row--head .c-tracking-row__title
{
	justify-content: flex-start;
}

.c-tracking-row__comment
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

	flex-grow: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-tracking-row--head .c-tracking-row__comment
{
	justify-content: center;
}

.c-tracking-row__notif-date
{
	display: flex;

	width: 160px;

	padding: 4px 8px;

	align-items: center;
	flex-shrink: 0;
	justify-content: center;
}

.c-tracking-row__actions
{
	display: flex;

	width: 130px;

	flex-shrink: 1;
	justify-content: flex-end;
	align-items: center;
}

.c-transport
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	padding: 8px 12px;

	border: 2px solid #E0E0E0;

	flex-grow: 1;
}

.c-transport:only-child
{
	flex-grow: 0;
}

.c-transport + .c-transport
{
	margin-left: 25px;
}

.c-transport__carrier
{
	position: relative;
	display: flex;

	align-items: center;
	flex-grow: 1;
}

.c-transport__carrier-icon
{
	margin-right: 12px;
}

.c-transport__carrier-content
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	flex-grow: 1;
}

.c-transport__carrier-name
{
	width: 100%;

	margin-bottom: 6px;

	font-weight: 600;
}

.c-transport__carrier-price
{
	position: relative;

	margin-right: 12px;
	margin-bottom: 6px;
}

.c-transport__carrier-truck-ref
{
	margin-right: 15px;
	margin-bottom: 6px;
}

.c-transport__carrier-truck-ref:before
{
	margin-right: 12px;

	content: '-';
}

.c-transport__carrier-comment
{
	margin-bottom: 6px;
}

.c-transport__carrier-comment:before
{
	margin-right: 12px;

	content: '-';
}

.c-transport__carrier-truck-ref:empty
{
	display: none;
}

.c-transport__carrier-comment:empty
{
	display: none;
}

.c-transport__name
{
	position: relative;

	width: 100%;

	margin-bottom: 10px;
	padding-bottom: 10px;

	font-weight: 600;
	font-size: 1.1em;
	color: black;
}

.c-transport__name:after
{
	position: absolute;

	height: 3px;
	width: 40px;

	left: 0;
	bottom: 0;

	background-color: #E6B706;

	content: '';
}

.c-user-account
{
	position: relative;
	display: flex;

	min-width: 0;

	margin-left: 55px;

	border-radius: 0;
}

.c-user-account__toggle
{
	width: 60px;
	min-width: 0;

	padding: 3px 10px;

	border-radius: 0;
}

.c-user-account__toggle > span
{
	flex-wrap: wrap;
}

.c-user-account__icon
{
	font-size: 28px;
}

.c-user-account__version
{
	position: relative;
	display: block;

	width: 100%;

	top: 4px;

	font-weight: 600;
	font-size: .9em;

	text-transform: none;
}

.c-user-account__menu
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	width: 210px;
	max-width: 100vw;

	top: 100%;
	right: 0;

	background-color: white;

	border: 1px solid #BFBFBF;
	border-width: 0 0 2px 2px;

	transition: transform 320ms ease, opacity 240ms ease, visibility 240ms ease;
	transform: translateY(12px);
}

.c-user-account--open .c-user-account__menu
{
	visibility: visible;
	opacity: 1;

	transform: translateY(0);
}

.c-user-account__menu-item
{
	width: 100%;
	min-width: 0;

	border-radius: 0;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #19803d;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.login-page__left
{
	display: flex;

	width: 40%;

	padding: 0 100px;

	-webkit-align-items: center;
	        align-items: center;
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.login-page__left
	{
		padding: 0 75px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__left
	{
		width: 100%;

		-webkit-flex-grow: 1;
		        flex-grow: 1;
		-webkit-order: 1;
		    -ms-order: 1;
		        order: 1;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__left
	{
		padding: 0 90px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.login-page__left
	{
		padding: 0 15px;
	}
}

/* ------------------------------------ */
/* --------- login-page__right -------- */
/* ------------------------------------ */

.login-page__right
{
	display: flex;

	width: 60%;

	background: #046296;
	background: linear-gradient(to bottom, #51B2CA 0%, #E6B708 100%);
	background-image: url(/images/home_background.jpg);
	background-position: center;
	background-size: cover;

	-webkit-align-items: center;
	        align-items: center;
}

body[sofrana='true'] .login-page__right
{
	background-image: url(/images/home_background_sofrana.jpg);
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__right
	{
		width: 100%;

		-webkit-order: 0;
		    -ms-order: 0;
		        order: 0;
		-webkit-flex-grow: 0;
		        flex-grow: 0;
	}
}

/* ------------------------------------ */
/* --------- login-page__title -------- */
/* ------------------------------------ */

.login-page__title
{
	position: relative;

	line-height: 1.2em;

	margin: 0;
	padding: 15px 100px;

	font-weight: 400;
	font-size: 3.0em;
	color: #000;

	letter-spacing: .05em;

	z-index: 0;
}

.login-page__title::before
{
	position: absolute;
	opacity: .8;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: var(--primary);

	content: '';

	z-index: -1;
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2.4em;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__title
	{
		text-align: center;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2em;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.login-page__title
	{
		padding: 0 15px;

		font-weight: 700;
		font-size: 1.25em;
	}
}

/* ------------------------------------ */
/* --------- login-page__form --------- */
/* ------------------------------------ */

.login-page__form
{
	width: 100%;

	margin: 30px 0 0;
	margin-right: auto;
	margin-left: auto;
}

/* -------- Desktop -------- */
@media (min-width: 1400px)
{
	.login-page__form
	{
		width: 70%;
	}
}

.login-page__form-title
{
	line-height: 1.2em;

	margin: 0 0 15px;

	font-weight: 400;
	font-size: 3.0em;
	color: #000;

	text-align: center;
	letter-spacing: .05em;
}

.product-top
{
	display: flex;

	flex-wrap: wrap;

	margin-bottom: 55px;

	align-items: center;
	justify-content: space-between;
}

.product-top__back
{
	margin-right: 85px;
	margin-bottom: 15px;
}

.product-top__name
{
	position: relative;

	padding-bottom: 8px;

	font-weight: 700;
	font-size: 1.4em;
}

.product-top__name:after
{
	position: absolute;

	height: 4px;
	width: 1em;
	max-width: 80%;

	top: 100%;
	left: 50%;

	background-color: #E6B709;

	font-size: 80px;

	content: '';

	transform: translateX(-50%);
}

.product-top__tabs
{
	display: flex;

	margin-bottom: 0;

	flex-shrink: 0;
}

.product-top__langs
{
	display: flex;

	margin-bottom: 15px;

	flex-shrink: 0;
	flex-basis: 245px;
}

.product-variations
{
	position: relative;

	width: 100%;

	margin-top: 15px;
}

.product-variation-form
{
	margin-top: 8px;
	margin-bottom: 0;
}

.product-variation
{
	position: relative;

	margin-top: -5px;
	padding: 0 15px 0 10px;

	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: var(--primary);;
}

.product-variation.temp
{
	border-color: #8CBCEB;
}

.project-status-page
{
	display: flex;

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.simple-page
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.satisfaction-page__radio-grp
{
	display: flex;

	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 30px;

	-webkit-align-items: center;
	        align-items: center;
}

.satisfaction-page__why
{
	margin-top: -35px;
	margin-bottom: 30px;
}

.satisfaction-page__content
{
	margin: 0 auto;
}
button.delete-btn
{
	background-color: #F44336;
}

button.delete-btn:hover
{
	background-color: #DA190B;
}

.btn__icon
{
	margin-right: 8px;
}

.localebutton {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid black;
	margin: 10px 5px;
}

.localebutton_image {
	height: 40px;
}

.localebutton_selected {
	background-color: rgba(109, 49, 49, 0.472);
}
.localebuttongroup
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.simple-batches-dashboard
{
	max-height: calc(100vh - 360px);
}

.table-cell
{
	position: relative;
	display: table-cell;

	height: auto;
	height: auto;

	padding: 4px 5px;
}

.mui-input-centered input
{
	text-align: center;
}

.mui-uppercase-input input
{
	text-transform: uppercase;
}

.mui-input-italic input
{
	font-style: italic;
}

.model-infos-label
{
	display: block;

	width: 100%;

	margin-bottom: 4px;

	font-weight: 700;
	font-size: .9em;
	color: #E6B708;

	text-transform: uppercase;
}

.dashboard-page
{
	display: flex;

	flex-direction: column;

	width: 100%;

	justify-content: flex-start;
	flex-grow: 1;
	flex-basis: 100px;
}

.dashboard-right
{
	display: inline-flex;

	margin-left: 20px;
	margin-bottom: 20px;

	flex-shrink: 0;
	align-items: flex-start;
	order: 10;
}

.dashboard-right.alone
{
	margin-left: auto;
}

.dashboard-table
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 100%;
	max-width: 100%;

	overflow-x: auto;

	order: 100;
	flex-grow: 1;
	flex-basis: 100px;
}

.batches-dashboard
{
	overflow-x: auto;
	overflow-y: auto;

	flex-basis: 100px;
	flex-grow: 1;
}

.dashboard-height-wrapper
{
	max-height: calc(100vh - 310px);

	overflow-y: auto;
}

.purchases-dashboard,
.sales-dashboard
{
	position: relative;

	overflow: auto;

	flex-basis: auto;
}

.switch-label[for]
{
	cursor: pointer;
}

.switch-label.top
{
	display: block;

	line-height: 1.1em;
	width: 100%;

	padding-left: 0;

	font-size: .75em;
	color: #9D9D9D;
}

.switch-label.left
{
	padding-right: 2px;
}

.switch-label.right
{
	margin-left: 0;
}

.mui-switch
{
	display: flex;

	height: 32px;
	min-height: 0;

	padding: 2px 0;

	overflow: hidden;

	flex-shrink: 0;
	align-items: center;
	justify-content: inherit;
}

.mui-switch > span
{
	height: 30px;

	padding-top: 9px;
	padding-bottom: 8px;

	overflow: visible;
}

.mui-switch > span > span
{
	top: -4px;
}

.switch-label.top + .mui-switch
{
	margin-top: 0;
}

.mui-switch input[type="checkbox"]
{
	width: 58px;

	left: -20px;
}

.modal-info-box
{
	display: inline-flex;

	margin: 12px auto;
	padding: 8px 15px;

	font-weight: 700;
	color: #1F1F1F;

	border: 2px solid currentColor;
}

.modal-info-box:empty
{
	display: none;
}

.cell-alinea
{
	display: inline-block;

	height: 1px;
	width: 25px;
}

.product-validation-footer
{
	display: flex;

	width: 100%;

	margin-top: 10px;
	margin-bottom: 15px;

	align-items: center;
	justify-content: center;
}

.product-validation-footer__btn
{
	margin-top: 10px;
}

.product-validation-footer__btn:not(:only-child)
{
	margin-right: 15px;
}

.product-validation-footer__btn:not(:only-child):last-child
{
	margin-right: 0;
}

.header-container
{
	z-index: 100 !important;
}

.multiple-carriers-selection
{
	width: 30%;

	padding: 0 15px;

	flex-grow: 1;
	flex-basis: 400px;
}

.mui-select select
{
	padding-right: 8px;
	padding-left: 8px;

	font-size: .85em;
}

.mui-textinput p
{
	font-size: .8em;
}

.mui-textinput input
{
	font-size: .85em;
}

.c-model-picker input
{
	font-size: .85em;
}

.MuiAutocomplete-popper li
{
	line-height: 1em;

	padding: 6px 4px;

	font-size: .8em;
}

.MuiAutocomplete-popper li:empty
{
	display: none;
}

.c-collapse .tabs-container
{
	margin-top: 10px;
}

.mui-textinput-label--text
{
	white-space: nowrap;
}

.table-cell__button
{
	position: relative;

	line-height: 1.2em;
	min-height: 0;
	min-width: 0;

	padding: 4px 10px;

	background-color: var(--primary);

	font-size: .8em;
	color: #000;

	border-radius: 0;

	transition: background-color 320ms ease;

	flex-grow: 1;
}

.c-purchase-product__cell .table-cell__button
{
	width: 100%;
}

.c-purchase-product__cell.carriers .table-cell__button,
.c-purchase-product__cell.packagings .table-cell__button,
.table-cell__button.transparent
{
	background-color: transparent;
}

.c-purchase-product__cell.copy .table-cell__button
{
	background-color: transparent;
}

.table-cell__button:hover,
.table-cell__button:focus,
.table-cell__button:active
{
	background-color: #E0E0E0;

	transition: background-color 320ms ease;
}

.c-purchase-product__cell.copy .table-cell__button:hover,
.c-purchase-product__cell.copy .table-cell__button:focus,
.c-purchase-product__cell.copy .table-cell__button:active
{
	background-color: #E0E0E0;
}

.c-purchase-product__cell.carriers .table-cell__button:hover,
.c-purchase-product__cell.packagings .table-cell__button:hover
{
	background-color: #E0E0E0;
}

.c-dashboard--purchase .table-cell__button
{
	font-size: 1em;
}

.table-cell__add
{
	height: 30px;
	line-height: 1em;
	width: 30px;
	min-width: 0;

	padding: 4px 4px;

	font-size: 1em;

	border-radius: 50%;
}

.table-cell__pdf-icon
{
	font-size: 20px;
}

.batch-transports
{
	display: flex;

	flex-wrap: wrap;

	margin-top: 20px;
}

.reset-mui-date
{
	position: absolute;

	width: 100%;

	right: 0;
	left: 0;
	bottom: 0;

	background-color: #E93339;

	color: #FFF;

	border-radius: 0;

	transition: background-color 240ms ease;
}

.reset-mui-date:hover
{
	background-color: #E9595E;
}

.reorder-modal__contact
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	margin: 5px 0;
	padding: 8px 10px 8px 30px;

	transition: background-color 240ms ease;

	align-items: center;
}

.reorder-modal__contact:hover
{
	background-color: rgb(0, 0, 0, .04);
}

.reorder-modal__contact:before
{
	position: absolute;
	display: block;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 10px;

	background-color: #3C9EBB;

	font-size: 8px;

	content: "";
}

.address-taxable-files
{
	position: relative;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 25px;
	padding-left: 115px;

	align-items: center;
}

.address-taxable-files:before
{
	position: absolute;

	line-height: 1em;
	width: 95px;

	top: 14px;
	margin-top: -.5em;
	left: 8px;

	content: "Justificatifs :";
}

.purchase-global-trader
{
	display: flex;

	align-items: flex-end;
}

.purchase-global-trader__item:first-child
{
	width: 35%;
	min-width: 320px;
}

.purchase-global-trader__item:nth-child(2),
.purchase-global-trader__item:nth-child(3)
{
	width: 120px;

	margin-left: 15px;
}

.purchase-actions-area
{
	display: flex;

	width: 100%;

	margin-top: 30px;

	justify-content: space-between;
}

.purchase-actions-area__left
{
	display: flex;

	flex-direction: column;
}

.purchase-actions-area__right
{
	display: flex;

	flex-direction: column;
}

.purchase-pdfs-label
{
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 10px;

	font-weight: 600;
	font-size: .95em;
	color: black;

	text-transform: uppercase;
}

.mui-standalone-checkbox
{
	display: flex;

	justify-content: center;
}

.mui-standalone-checkbox label
{
	margin: 0;
}

.mui-standalone-checkbox label span
{
	margin: 0;
}

.pdf-by-email
{
	display: flex;

	align-items: center;
}

.pdf-by-email__cb > label
{
	margin-right: 0;
}

.pdf-by-email__icon
{
	font-size: 24px;
	color: #A9B9C7;
}

.pdf-by-email__icon.active
{
	font-size: 24px;
	color: #62D278;
}

.pdf-by-email__delete-btn
{
	display: flex;

	margin-left: 6px;
	padding: 4px;

	background-color: transparent;

	transition: background-color 240ms ease;

	align-items: center;
	justify-content: center;
}

.pdf-by-email__delete-btn:hover
{
	background-color: #EFEFEF;

	border-radius: 50%;
}

.pdf-by-email__delete-icon
{
	color: #C00506;
}

.dashboard-legend
{
	display: flex;

	width: auto;

	margin-bottom: 15px;

	flex-grow: 0;
	align-self: flex-start;
}

.batch-sale-infos__icon
{
	display: block;

	margin: auto;

	font-size: 1.4em;
	color: #000;
}

.batch-sale-infos__icon.received
{
	color: #3CBB62;
}

.form-documents-select
{
	min-width: 230px;

	flex-shrink: 0;
}

.form-documents-select label
{
	padding-left: 10px;

	white-space: nowrap;
}

.inline-loader-container
{
	position: relative;

	height: 220px;
	width: 100%;
}

.search-batch-modal-results
{
	max-height: 700px;
}

.batches-dashboard .dashboard-only-thead
{
	position: sticky;

	top: 30px;

	z-index: 3;
}

.dashboard-top-container
{
	display: flex;

	width: 100%;

	flex-grow: 0;
}

.MuiTablePagination-root
{
	flex-shrink: 0;
}

.print-pdf-links
{
	margin-bottom: 15px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */

.Button__root {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0px;
  background-color: #eee;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}
.Button__root:hover {
  background-color: #ddd;
}
.Button__small {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
}
.Button__disabled {
  cursor: not-allowed;
}
.Button__disabled:hover {
  background-color: #eee;
}

.link-editor
{
	position: absolute;
	opacity: 0;

	width: 400px;
	max-width: calc(100vw - 10px); /* 5px from each window border */

	top: -10000px;
	margin-top: -6px;
	left: -10000px;
	padding: 6px 45px 6px 10px;

	background-color: #FFF;

	border-radius: 8px;

	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);

	transition: opacity .5s;

	z-index: 2000;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.link-editor
	{
		width: 600px;
	}
}

.link-editor .button
{
	display: inline-block;

	height: 20px;
	width: 20px;

	margin: 0 2px;
	padding: 6px;

	cursor: pointer;

	border-radius: 8px;
}

.link-editor .button.hovered
{
	display: inline-block;

	height: 20px;
	width: 20px;

	background-color: #EEE;
}

.link-editor .button i,
.actions i
{
	display: inline-block;

	height: 20px;
	width: 20px;

	vertical-align: -.25em;

	background-size: contain;
}

i.palette
{
	background-image: url(/images/editor-icons/palette.svg);
}

i.bucket
{
	background-image: url(/images/editor-icons/paint-bucket.svg);
}

i.bold
{
	background-image: url(/images/editor-icons/type-bold.svg);
}

i.italic
{
	background-image: url(/images/editor-icons/type-italic.svg);
}

i.code
{
	background-image: url(/images/editor-icons/code.svg);
}

i.underline
{
	background-image: url(/images/editor-icons/type-underline.svg);
}

i.strikethrough
{
	background-image: url(/images/editor-icons/type-strikethrough.svg);
}

i.link
{
	background-image: url(/images/editor-icons/link.svg);
}

i.horizontal-rule
{
	background-image: url(/images/editor-icons/horizontal-rule.svg);
}

.icon.plus
{
	background-image: url(/images/editor-icons/plus.svg);
}

i.image
{
	background-image: url(/images/editor-icons/file-image.svg);
}

i.table
{
	background-image: url(/images/editor-icons/table.svg);
}

i.poll
{
	background-image: url(/images/editor-icons/card-checklist.svg);
}

i.tweet
{
	background-image: url(/images/editor-icons/tweet.svg);
}

i.youtube
{
	background-image: url(/images/editor-icons/youtube.svg);
}

.icon.left-align,
i.left-align
{
	background-image: url(/images/editor-icons/text-left.svg);
}

i.center-align
{
	background-image: url(/images/editor-icons/text-center.svg);
}

i.right-align
{
	background-image: url(/images/editor-icons/text-right.svg);
}

i.justify-align
{
	background-image: url(/images/editor-icons/justify.svg);
}

i.indent
{
	background-image: url(/images/editor-icons/indent.svg);
}

i.markdown
{
	background-image: url(/images/editor-icons/markdown.svg);
}

i.outdent
{
	background-image: url(/images/editor-icons/outdent.svg);
}

i.undo
{
	background-image: url(/images/editor-icons/arrow-counterclockwise.svg);
}

i.redo
{
	background-image: url(/images/editor-icons/arrow-clockwise.svg);
}

i.sticky
{
	background-image: url(/images/editor-icons/sticky.svg);
}

i.mic
{
	background-image: url(/images/editor-icons/mic.svg);
}

i.import
{
	background-image: url(/images/editor-icons/upload.svg);
}

i.export
{
	background-image: url(/images/editor-icons/download.svg);
}

i.diagram-2
{
	background-image: url(/images/editor-icons/diagram-2.svg);
}

i.equation
{
	background-image: url(/images/editor-icons/plus-slash-minus.svg);
}

i.gif
{
	background-image: url(/images/editor-icons/filetype-gif.svg);
}

.link-editor .button.active,
.toolbar .button.active
{
	background-color: rgb(223, 232, 250);
}

.link-editor .link-input
{
	position: relative;
	display: block;

	height: calc(1.4em + 16px);
	width: 100%;

	margin: 0;
	padding: 8px 12px;

	background-color: #EEE;

	font-family: inherit;
	font-size: inherit;
	color: rgb(5, 5, 5);

	border-radius: 15px;
	border: 0;

	outline: 0;

	box-sizing: border-box;
}

.link-editor button.link-edit,
.link-editor button.link-validate
{
	position: absolute;

	width: 35px;

	vertical-align: -.25em;

	top: 0;
	left: 100%;
	margin-left: 4px;
	bottom: 0;

	background-color: transparent;
	background-image: url(/images/editor-icons/pencil-fill.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;

	cursor: pointer;

	border-radius: 10px;
}

.link-editor button.link-edit:hover,
.link-editor button.link-validate:hover,
.link-editor button.link-edit:focus,
.link-editor button.link-validate:focus
{
	background-color: #EEE;
}

.link-editor button.link-validate
{
	height: calc(100% - 12px);

	top: 6px;
	right: 6px;
	left: auto;

	background-image: none;
}

.link-editor .link-input a
{
	display: inline-flex;

	height: 1em;

	margin-right: 30px;
	padding: 0;

	color: #E6B708;
	text-decoration: none;

	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;
}

.link-editor .link-input a:before,
.link-editor .link-input a:after
{
	display: none;
}

.link-editor .link-input a:hover
{
	text-decoration: underline;
}

select.font-size,
select.font-family
{
	cursor: pointer;
}

.link-editor .font-size-wrapper,
.link-editor .font-family-wrapper
{
	display: flex;

	margin: 0 4px;
}

.link-editor select
{
	padding: 6px;

	background-color: rgba(0, 0, 0, .075);

	border-radius: 4px;
	border: none;
}

.mention:focus
{
	box-shadow: rgb(180 213 255) 0 0 0 2px;

	outline: none;
}

#block-controls
{
	position: absolute;
	display: block;

	height: 32px;
	width: 32px;

	top: 16px;
	right: 10px;

	border-radius: 8px;
	border: 1px solid rgb(206, 208, 212);

	box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;

	overflow: hidden;

	box-sizing: border-box;

	z-index: 10;
}

#block-controls button
{
	display: block;

	padding: 3px;

	background-color: #FFF;

	cursor: pointer;

	border-radius: 8px;
	border: 1px solid white;

	outline: none;

	transition: background-color .1s ease;
}

#block-controls button:hover
{
	background-color: #EFEFEF;
}

#block-controls button:focus-visible
{
	border-color: blue;
}

#block-controls span.block-type
{
	display: block;

	height: 18px;
	width: 18px;

	margin: 2px;

	background-size: contain;
}

#block-controls span.block-type.paragraph
{
	background-image: url(/images/editor-icons/text-paragraph.svg);
}

#block-controls span.block-type.h1
{
	background-image: url(/images/editor-icons/type-h1.svg);
}

#block-controls span.block-type.h2
{
	background-image: url(/images/editor-icons/type-h2.svg);
}

#block-controls span.block-type.quote
{
	background-image: url(/images/editor-icons/chat-square-quote.svg);
}

#block-controls span.block-type.ul
{
	background-image: url(/images/editor-icons/list-ul.svg);
}

#block-controls span.block-type.ol
{
	background-image: url(/images/editor-icons/list-ol.svg);
}

#block-controls span.block-type.code
{
	background-image: url(/images/editor-icons/code.svg);
}

.characters-limit
{
	position: absolute;
	display: block;

	left: 12px;
	bottom: 5px;

	font-size: 12px;
	color: #888;

	text-align: right;
}

.characters-limit.characters-limit-exceeded
{
	color: red;
}

.dropdown
{
	position: absolute;
	display: block;
	opacity: 0;

	min-height: 40px;
	width: auto;
	max-width: calc(100vw - 10px);

	padding: 0 8px;

	background-color: #FFF;

	border-radius: 8px;

	box-shadow: 0 12px 28px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1),
	inset 0 0 0 1px rgba(255, 255, 255, .5);

	z-index: 2000;
}

.dropdown .item
{
	display: flex;

	flex-direction: row;

	line-height: inherit;
	width: 100%;

	margin: 0;
	padding: 8px;

	background-color: #FFF;

	font-size: inherit;
	color: #050505;

	cursor: pointer;
	text-align: left;

	border-radius: 8px;
	border: 0;

	align-content: normal;
	flex-shrink: 0;
	justify-content: flex-start;
	align-items: center;
}

.dropdown .item .active
{
	display: flex;

	height: 20px;
	width: 20px;

	background-size: contain;
}

.dropdown .item:first-child
{
	margin-top: 8px;
}

.dropdown .item:last-child
{
	margin-bottom: 8px;
}

.dropdown .item:hover
{
	background-color: #EEE;
}

.dropdown .item .text
{
	line-height: 1.1em;
	width: 100%;
	max-width: 450px;

	word-break: keep-all;
}

.dropdown .item .icon
{
	display: flex;

	height: 18px;
	line-height: 16px;
	width: 22px;

	margin-right: 12px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	user-select: none;
}

.dropdown .divider
{
	height: 1px;
	width: auto;

	margin: 4px 8px;

	background-color: #EEE;
}

@media screen and (max-width: 1000px)
{
	.dropdown-button-text
	{
		display: none !important;
	}
}

.icon.paragraph
{
	background-image: url(/images/editor-icons/text-paragraph.svg);
}

.icon.h1
{
	background-image: url(/images/editor-icons/type-h1.svg);
}

.icon.h2
{
	background-image: url(/images/editor-icons/type-h2.svg);
}

.icon.h3
{
	background-image: url(/images/editor-icons/type-h3.svg);
}

.icon.bullet-list,
.icon.ul
{
	background-image: url(/images/editor-icons/list-ul.svg);
}

.icon.numbered-list,
.icon.ol
{
	background-image: url(/images/editor-icons/list-ol.svg);
}

.icon.quote
{
	background-image: url(/images/editor-icons/chat-square-quote.svg);
}

.icon.code
{
	background-image: url(/images/editor-icons/code.svg);
}

.switches
{
	position: fixed;

	right: 10px;
	bottom: 70px;

	animation: slide-in .4s ease;

	z-index: 6;
}

@keyframes slide-in
{
	0%
	{
		opacity: 0;

		transform: translateX(200px);
	}
	100%
	{
		opacity: 1;

		transform: translateX(0);
	}
}

.emoji
{
	vertical-align: middle;

	margin: 0 -1px;
}

.emoji-inner
{
	padding: 0 .15em;
}

.emoji-inner::selection
{
	background-color: rgba(150, 150, 150, .4);

	color: transparent;
}

.emoji-inner::moz-selection
{
	background-color: rgba(150, 150, 150, .4);

	color: transparent;
}

.emoji.happysmile
{
	background-image: url(images/emoji/1F642.png);
}

.emoji.veryhappysmile
{
	background-image: url(images/emoji/1F600.png);
}

.emoji.unhappysmile
{
	background-image: url(images/emoji/1F641.png);
}

.emoji.heart
{
	background-image: url(images/emoji/2764.png);
}

.keyword
{
	font-weight: bold;
	color: rgb(241, 118, 94);
}

.actions
{
	position: relative;

	padding: 10px;

	text-align: right;
}

.actions i
{
	display: inline-block;

	height: 15px;
	width: 15px;

	vertical-align: -.25em;

	background-size: contain;
}

.actions i.indent
{
	background-image: url(/images/editor-icons/indent.svg);
}

.actions i.outdent
{
	background-image: url(/images/editor-icons/outdent.svg);
}

.actions i.lock
{
	background-image: url(/images/editor-icons/lock-fill.svg);
}

.actions i.image
{
	background-image: url(/images/editor-icons/file-image.svg);
}

.actions i.table
{
	background-image: url(/images/editor-icons/table.svg);
}

.actions i.clear
{
	background-image: url(/images/editor-icons/trash.svg);
}

.actions i.unlock
{
	background-image: url(/images/editor-icons/lock.svg);
}

.actions i.left-align
{
	background-image: url(/images/editor-icons/text-left.svg);
}

.actions i.center-align
{
	background-image: url(/images/editor-icons/text-center.svg);
}

.actions i.right-align
{
	background-image: url(/images/editor-icons/text-right.svg);
}

.actions i.justify-align
{
	background-image: url(/images/editor-icons/justify.svg);
}

.actions i.disconnect
{
	background-image: url(/images/editor-icons/plug.svg);
}

.actions i.connect
{
	background-image: url(/images/editor-icons/plug-fill.svg);
}

.table-cell-action-button-container
{
	position: absolute;
}

.table-cell-action-button
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	top: 0;
	right: 0;

	background-color: #EDEDED;

	font-size: 16px;
	color: #222;

	cursor: pointer;

	border-radius: 50%;
	border: 0;

	justify-content: center;
	align-items: center;
}

i.chevron-down
{
	display: inline-block;

	height: 8px;
	width: 8px;

	background-color: transparent;
	background-image: url(/images/editor-icons/chevron-down.svg);
	background-size: contain;
}

.action-button
{
	position: relative;
	display: inline-block;

	margin-left: 5px;
	padding: 8px 12px;

	background-color: #EEE;

	color: #222;

	cursor: pointer;

	border-radius: 15px;
	border: 0;
}

.action-button:hover
{
	background-color: #DDD;

	color: #000;
}

button.action-button:disabled
{
	opacity: .6;

	background: #EEE;

	cursor: not-allowed;
}

.connecting
{
	position: absolute;
	display: inline-block;

	top: 10px;
	left: 10px;

	font-size: 15px;
	color: #999;

	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;

	overflow: hidden;
}

.ltr
{
	text-align: left;
}

.rtl
{
	text-align: right;
}

.c-text-editor__toolbar-content
{
	display: flex;

	line-height: 1.4em;
	width: 100%;

	margin: 0;
	padding: 2px 4px;

	font-size: .9em;

	overflow: auto;

	flex-grow: 1;
	align-items: center;
}

.c-text-editor__toolbar-content button.toolbar-item
{
	display: flex;

	padding: 8px;

	background: none;

	cursor: pointer;

	border-radius: 10px;
	border: 0;

	align-items: center;
	flex-shrink: 0;
}

.c-text-editor__toolbar-content button.toolbar-item:disabled
{
	cursor: not-allowed;
}

.c-text-editor__toolbar-content button.toolbar-item.spaced
{
	margin-right: 2px;
}

.c-text-editor__toolbar-content button.toolbar-item i.format
{
	display: inline-block;
	display: flex;
	opacity: .6;

	height: 18px;
	width: 18px;

	vertical-align: -.25em;

	margin-top: 0;

	background-size: contain;
}

.c-text-editor__toolbar-content button.toolbar-item:disabled i.format
{
	opacity: .2;
}

.c-text-editor__toolbar-content button.toolbar-item.active
{
	background-color: rgba(223, 232, 250, .3);
}

.c-text-editor__toolbar-content button.toolbar-item.active i
{
	opacity: 1;
}

.c-text-editor__toolbar-content.toolbar-item:hover:not([disabled])
{
	background-color: #EEE;
}

.c-text-editor__toolbar-content select.toolbar-item
{
	display: flex;

	width: auto;
	min-width: 0;

	padding: 8px 25px 8px 8px;

	background: none;

	font-size: inherit;
	color: #777;

	text-overflow: ellipsis;

	border-radius: 10px;
	border: 0;

	align-items: center;
	-webkit-appearance: none;
	   -moz-appearance: none;
	flex-shrink: 0;
}

.c-text-editor__toolbar-content select.code-language
{
	width: 150px;
}

.c-text-editor__toolbar-content .toolbar-item .text
{
	display: flex;

	line-height: inherit;

	vertical-align: middle;

	padding-right: 10px;

	font-size: inherit;
	color: #777;

	text-align: left;
	text-overflow: ellipsis;

	overflow: hidden;
}

.c-text-editor__toolbar-content .toolbar-item .icon
{
	display: flex;

	height: 20px;
	width: 20px;

	margin-right: 8px;

	background-size: contain;

	user-select: none;
}

.c-text-editor__toolbar-content .toolbar-item .icon.h1,
.c-text-editor__toolbar-content .toolbar-item .icon.h2,
.c-text-editor__toolbar-content .toolbar-item .icon.h3
{
	position: relative;

	top: -1px;
}

.c-text-editor__toolbar-content i.chevron-down
{
	display: flex;

	height: 16px;
	width: 16px;

	margin-top: 3px;

	user-select: none;
}

.c-text-editor__toolbar-content i.chevron-down.inside
{
	display: flex;

	height: 1em;
	width: 1em;

	margin-right: 10px;
	margin-left: -20px;

	pointer-events: none;

	flex-shrink: 0;
}

.c-text-editor__toolbar-content .divider
{
	height: 30px;
	width: 1px;

	margin: 0 4px;

	background-color: #EEE;
}

.character-style-popup
{
	position: absolute;
	display: flex;
	opacity: 0;

	height: 35px;

	vertical-align: middle;

	top: -10000px;
	left: -10000px;
	margin-bottom: 1px;
	padding: 4px;

	background: #FFF;
	background-color: #FFF;

	border-radius: 8px;

	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);

	transition: opacity .5s;

	z-index: 2000;
}

.character-style-popup button.popup-item
{
	display: flex;

	padding: 0 8px;

	background: none;

	cursor: pointer;

	border-radius: 10px;
	border: 0;

	align-items: center;
}

.character-style-popup button.popup-item:disabled
{
	cursor: not-allowed;
}

.character-style-popup button.popup-item.spaced
{
	margin-right: 2px;
}

.character-style-popup button.popup-item i.format
{
	display: flex;
	opacity: .6;

	height: 1em;
	width: 1em;

	background-size: contain;
}

.character-style-popup button.popup-item:disabled i.format
{
	opacity: .2;
}

.character-style-popup button.popup-item.active
{
	background-color: rgba(223, 232, 250, .3);
}

.character-style-popup button.popup-item.active i
{
	opacity: 1;
}

.character-style-popup .popup-item:hover:not([disabled])
{
	background-color: #EEE;
}

.character-style-popup select.popup-item
{
	display: flex;

	width: 70px;

	vertical-align: middle;

	padding: 8px;

	background: none;

	font-size: 14px;
	color: #777;

	text-overflow: ellipsis;

	border-radius: 10px;
	border: 0;

	-webkit-appearance: none;
	   -moz-appearance: none;
}

.character-style-popup select.code-language
{
	width: 130px;

	text-transform: capitalize;
}

.character-style-popup .popup-item .text
{
	display: flex;

	height: 20px;
	line-height: 20px;
	width: 200px;
	width: 70px;

	vertical-align: middle;

	font-size: 14px;
	color: #777;

	text-align: left;
	text-overflow: ellipsis;

	overflow: hidden;
}

.character-style-popup .popup-item .icon
{
	display: flex;

	height: 20px;
	line-height: 16px;
	width: 20px;

	margin-right: 8px;

	background-size: contain;

	user-select: none;
}

.character-style-popup i.chevron-down
{
	display: flex;

	height: 16px;
	width: 16px;

	margin-top: 3px;

	user-select: none;
}

.character-style-popup i.chevron-down.inside
{
	display: flex;

	height: 16px;
	width: 16px;

	margin-top: 11px;
	margin-right: 10px;
	margin-left: -25px;

	pointer-events: none;
}

.character-style-popup .divider
{
	width: 1px;

	margin: 0 4px;

	background-color: #EEE;
}

.embed-block.focused
{
	user-select: none;

	outline: 2px solid rgb(60, 132, 244);
}

.spacer
{
	letter-spacing: -2px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */

.Input__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.Input__label {
  display: flex;
  flex: 1;
  color: #666;
}
.Input__input {
  display: flex;
  flex: 2;
  border: 1px solid #999;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  border-radius: 5px;
}

.Modal__overlay
{
	position: fixed;
	display: flex;

	flex-direction: column;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: rgba(40, 40, 40, .6);

	z-index: 100;

	justify-content: center;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 1px;
}

.Modal__modal
{
	position: relative;
	display: flex;

	flex-direction: column;

	min-height: 100px;
	width: 430px;
	max-width: 100%;

	padding: 20px;

	background-color: #FFF;

	border-radius: 10px;

	box-shadow: 0 0 20px 0 #444;

	flex-grow: 0;
}

.Modal__title
{
	margin: 0;
	padding-bottom: 10px;

	color: #444;

	border-bottom: 1px solid #CCC;
}

.Modal__closeButton
{
	position: absolute;
	display: flex;

	height: 36px;
	width: 36px;

	top: 10px;
	right: 20px;

	background-color: #EEE;

	cursor: pointer;
	text-align: center;

	border-radius: 20px;
	border: 0;

	justify-content: center;
	align-items: center;
}

.Modal__closeButton:hover
{
	background-color: #DDD;
}

.Modal__content
{
	padding-top: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.TableCellResizer__resizer {
  position: absolute;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */
.ToolbarPlugin__dialogActions {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-top: 20px;
}

.ToolbarPlugin__dialogButtonsList {
  display: flex;
  flex-direction: column;
  justify-content: right;
  margin-top: 20px;
}

.ToolbarPlugin__dialogButtonsList button {
  margin-bottom: 20px;
}

.front-logo-text
{
	font-size: .9em;
	color: #767678;
}

.mui-alert
{
	position: fixed;

	top: auto;
	right: auto;
	left: 10px;
	bottom: 10px;

	cursor: pointer;

	z-index: 1000;
}

.mui-alert div
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.update-app-version-alert
{
	display: flex;

	padding-top: 0;
	padding-bottom: 0;

	align-items: center;
}

.global-error-msg
{
	display: flex;

	top: 100px;
	right: 15px;
	left: auto;
	bottom: auto;
	padding-top: 6px;
	padding-bottom: 6px;

	font-family: inherit !important;
	font-weight: 500;

	align-items: center;
}

.update-app-version-alert > div,
.global-error-msg
{
	display: flex;

	align-items: center;
}

.update-app-version-btn
{
	margin-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;

	color: #FFF;

	border: 1px solid currentcolor;
}

.update-app-version-btn:hover
{
	background-color: rgba(255, 255, 255, .25);
}

.modal-label
{
	display: flex;

	width: 100%;

	margin-bottom: 5px;

	font-weight: normal;
	font-size: .90em;
	color: hsla(0, 0%, 60%, 1);

	align-items: center;
}

.modal-label.blue
{
	color: #19803d;
}

.modal-label:after
{
	display: block;

	height: 2px;
	width: 2px;

	margin-left: 8px;

	background-color: hsl(0, 0%, 86%);

	content: '';

	flex-grow: 1;
}
.radio-group
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.radio-group__name
{
	width: 100%;

	margin-bottom: 4px;

	font-weight: 700;
	font-size: 1em;
}

.radio-group__radio
{
	display: flex;

	margin-right: 15px;
}

.radio-group__radio:last-child
{
	margin-right: 0;
}

.radio-group__input
{
	position: relative;

	padding: 4px 8px;
}

.radio-group__label
{
	display: flex;

	padding: 0 8px 0 0;

	font-size: .95em;

	cursor: pointer;

	align-items: center;
}

.radio-group__label.is-disabled
{
	color: #BDBDBD;
}

body:not(.with-recaptcha-v3) .grecaptcha-badge
{
	display: none !important;
}
.StripeElement
{
	height: 40px;

	padding: 10px 12px;

	background-color: white;

	border-radius: 4px;
	border: 1px solid transparent;

	box-shadow: 0 1px 3px 0 #E6EBF1;

	-webkit-transition: box-shadow 150ms ease;
					transition: box-shadow 150ms ease;

	box-sizing: border-box;
}

.StripeElement--focus
{
	box-shadow: 0 1px 3px 0 #CFD7DF;
}

.StripeElement--invalid
{
	border-color: #FA755A;
}

.StripeElement--webkit-autofill
{
	background-color: #FEFDE5 !important;
}

.cleave_textinput
{
	font-size: 16px;

	border: 0;
	border-bottom: 1px solid grey;
}

.read-only_textinput:before
{
	border: 0;
}

.textinput-without-label label + div
{
	margin-top: 0;
}

.primeract-calendar
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;
	min-width: 155px;

	font-size: 1rem;
}

.primeract-calendar--in-row
{
	min-width: 135px;
}

.primeract-calendar--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

.primeract-calendar--33\%
{
	width: 25.1%;

	flex-grow: 1;
}

.primeract-calendar--25\%
{
	width: 20.1%;

	flex-grow: 1;
}

.primeract-calendar--75\%
{
	width: 51.1%;

	flex-grow: 1;
}

.primeract-calendar__wrapper
{
	position: relative;
	display: flex;

	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);
}

.primeract-calendar--error .primeract-calendar__wrapper
{
	background-color: var(--error-background);
}

.primeract-calendar--disabled .primeract-calendar__wrapper
{
	background-color: #EBEBEB;
}

.primeract-calendar__calendar
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: auto;

	top: 100%;
	left: 0;

	transition: opacity 240ms ease, transform 240ms ease, visibility 240ms ease;
	transform: translate3d(0, 6px, 0);

	z-index: 10;

	will-change: opacity, transform, visibility;
}

.primeract-calendar--year .primeract-calendar__calendar > div:first-child
{
	width: auto !important;
}

.primeract-calendar__calendar-background
{
	display: none;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar-background
	{
		position: fixed;
		display: flex;

		height: 100%;
		width: 100%;

		top: 0;
		right: 0;
		left: 0;
		bottom: 0;

		background-color: rgb(71 71 71 / 90%);

		z-index: 10;
	}

	.primeract-calendar__calendar
	{
		position: fixed;

		width: 324px;

		top: 50%;
		margin-top: -150px;
		left: 50%;
		margin-left: -162px;

		transform: none;

		z-index: 10;
	}
}

.primeract-calendar__calendar.visible
{
	visibility: visible;
	opacity: 1;

	transform: translate3d(0, 0px, 0);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar.visible
	{
		transform: none;
	}
}

.primeract-calendar input,
.primeract-calendar__mask
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;

	text-align: left;

	border-radius: 0;
	border: none;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.primeract-calendar__mask
{
	position: absolute;

	top: 0;
	left: 0;

	color: #7F7F7F;

	z-index: 0;
}

.primeract-calendar__mask__letter[aria-hidden="true"]
{
	visibility: hidden;
}

.primeract-calendar--disabled input
{
	color: #ABABAB;
}

.primeract-calendar input + button
{
	position: relative;
	display: flex;

	width: 38px;

	text-align: center;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	z-index: 1;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.primeract-calendar input + button:disabled
{
	cursor: default;
}

.primeract-calendar input + button:after
{
	position: absolute;
	opacity: 0;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	transition: opacity 240ms ease;
}

.primeract-calendar input + button:not(:disabled):hover:after,
.primeract-calendar input + button:not(:disabled):focus:after
{
	opacity: .08;
}

.primeract-calendar svg + span
{
	display: none;
}

.primeract-calendar [data-pc-section="panel"]
{
	display: flex;

	flex-direction: column;

	width: 100%;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;

	justify-content: center;
}

.primeract-calendar [data-pc-section="header"]
{
	display: flex;

	margin-bottom: 6px;

	align-items: stretch;
	justify-content: space-around;
}

.primeract-calendar [data-pc-section="monthtitle"],
.primeract-calendar [data-pc-section="yeartitle"],
.primeract-calendar [data-pc-section="previousbutton"],
.primeract-calendar [data-pc-section="nextbutton"]
{
	display: flex;

	min-height: 38px;
	min-width: 42px;

	text-align: center;

	transition: background-color 240ms ease;

	justify-content: center;
	align-items: center;
}

.primeract-calendar [data-pc-section="monthtitle"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="yeartitle"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="previousbutton"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="nextbutton"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="monthtitle"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="yeartitle"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="previousbutton"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="nextbutton"]:not([data-p-disabled="true"]):focus
{
	background-color: rgb(0 0 0 / 10%);
}

.primeract-calendar [data-pc-section="monthtitle"],
.primeract-calendar [data-pc-section="yeartitle"]
{
	padding: 2px 8px;
}

.primeract-calendar [data-pc-section="previousbutton"],
.primeract-calendar [data-pc-section="nextbutton"]
{
	padding: 2px 4px;
}

.primeract-calendar [data-pc-section="title"]
{
	display: flex;

	align-items: stretch;
}

.primeract-calendar [data-pc-section="decadetitle"]
{
	display: flex;

	align-items: stretch;
}

.primeract-calendar [data-pc-section="decadetitletext"]
{
	display: flex;

	align-items: center;
}

.primeract-calendar [data-pc-section="table"]
{
	width: 100%;

	border-collapse: collapse;
}

.primeract-calendar td
{
	position: relative;

	padding: 2px;

	text-align: center;
}

.primeract-calendar td > span
{
	display: flex;

	height: 40px;
	width: 40px;

	padding: 0;

	background-color: transparent;

	text-align: center;
	text-align: center;

	transition: background-color 240ms ease;

	align-items: center;
	justify-content: center;
}

.primeract-calendar td > span[aria-selected="true"]
{
	height: 34px;
	width: 34px;

	margin: auto;
}

.primeract-calendar td > span:not([data-p-disabled="true"])
{
	cursor: pointer;
}

.primeract-calendar td > span:not([data-p-disabled="true"]):hover
{
	background-color: rgb(0 0 0 / 10%);
}

.primeract-calendar td[data-p-today="true"] > span::after
{
	position: absolute;

	height: 3px;
	width: 20px;

	bottom: 8px;

	background-color: var(--orange);

	content: "";

	border-radius: 3px;
}

.primeract-calendar td > span[data-p-highlight="true"],
.primeract-calendar td > span[data-p-highlight="true"]:hover,
.primeract-calendar td > span[data-p-highlight="true"]:focus
{
	background-color: var(--orange);

	color: #FFF;

	border-radius: 50%;
}

.primeract-calendar [data-pc-section="yearpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: auto;
	max-width: 275px;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="yearpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="yearpicker"] > span:not([data-p-disabled="true"]):hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-pc-section="monthpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: 275px;
	max-width: 100%;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="monthpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="monthpicker"] > span:hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-p-other-month="true"]
{
	opacity: .2;
}

.primeract-calendar__visual-helper
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: 100%;

	margin: 0;
	top: 100%;
	margin-top: -3px;
	right: 0;
	left: 0;
	padding: 0 6px;

	background-color: #FFF;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;
	color: #7F7F7F;

	text-align: left;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;
	border-top-width: 3px;

	overflow: auto;
	overflow: hidden;

	transition: visibility 160ms ease, opacity 160ms ease, transform 220ms ease;
	transform: scale(.95);

	z-index: 10;

	align-items: center;
}

.primeract-calendar__input:focus ~ .primeract-calendar__visual-helper.is-visible
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.primeract-calendar__visual-helper__letter.is-valid
{
	color: #408174;
}

.primeract-calendar__visual-helper__letter.is-invalid
{
	color: var(--red);
}

.primeract-calendar__visual-helper-icon
{
	margin-left: 12px;

	font-size: 20px;
	color: #408174;
}

.primeract-calendar__visual-helper.is-invalid .primeract-calendar__visual-helper-icon
{
	color: var(--red);

	transform: scale(1.05);
}

.primeract-calendar [data-pc-section="weeklabel"]
{
	font-weight: 400;
	color: var(--blue);
}

.primeract-calendar [data-pc-section="weeknumber"]
{
	font-weight: 400;
	color: var(--blue);
}

.primeract-calendar [data-pc-section="weekheader"],
.primeract-calendar [data-pc-section="weeknumber"]
{
	border-spacing: 0;

	border-right: 2px solid #EBEBEB;
}

.primeract-calendar--week [data-pc-section="tablebodyrowprops"]:hover
{
	background-color: #EAEAEA;
}

[data-pc-name="ripple"]
{
	position: absolute;

	background-color: rgba(0, 0, 0, .4);

	border-radius: 50%;
}

[data-pc-name="ripple"]:not(.p-ink-active)
{
	visibility: hidden;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.u-lock-scroll,
[class^="u-lock-scroll-"]
{
	overflow: hidden !important;
}

.u-overflow-x-hidden
{
	    overflow-x: hidden;

	-ms-overflow-x: hidden;
}

.u-overflow-y-hidden
{
	    overflow-y: hidden;

	-ms-overflow-y: hidden;
}

.u-overflow-hidden
{
	overflow: hidden;
}

.u-responsive-img
{
	display: block;

	width: 100%;
	max-width: 100%;
}

.u-scroll-y
{
	    overflow-y: auto;

	-ms-overflow-y: auto;
}

.u-scroll-x
{
	    overflow-x: auto;

	-ms-overflow-x: auto;
}

.u-uppercase
{
	text-transform: uppercase;
}

.u-center
{
	text-align: center;

	align-items: center;
	justify-content: center;
}

.u-block
{
	display: block;
}

.u-flex
{
	display: flex;
}

.u-inline-flex
{
	display: flex;
}

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

.u-flex-column
{
	flex-flow: column;
}

.u-items-center
{
	align-items: center;
}

.u-items-end
{
	align-items: flex-end;
}

.u-items-start
{
	align-items: flex-start;
}

.u-content-end
{
	justify-content: flex-end;
}

.u-content-start
{
	justify-content: flex-start;
}

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

.u-content-between
{
	justify-content: space-between;
}

.u-content-around
{
	justify-content: space-around;
}

.u-order--1
{
	-ms-order: -1;
	    order: -1;
}

.u-order-0
{
	-ms-order: 0;
	    order: 0;
}

.u-order-1
{
	-ms-order: 1;
	    order: 1;
}

.u-order-2
{
	-ms-order: 2;
	    order: 2;
}

.u-order-3
{
	-ms-order: 3;
	    order: 3;
}

.u-flex-grow-0
{
	flex-grow: 0;
}

.u-flex-grow-1
{
	flex-grow: 1;
}

.u-flex-grow-2
{
	flex-grow: 2;
}

.u-flex-grow-3
{
	flex-grow: 3;
}

.u-flex-shrink-0
{
	flex-shrink: 0;
}

.u-inline-block
{
	display: inline-block;
}

.u-small
{
	font-size: .8em;
}

.u-no-wrap
{
	white-space: nowrap;
}

.u-link-only
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-size: 0;
	color: transparent;
}

.u-no-margins
{
	margin: 0;
}

.u-no-margin-bottom,
.u-margin-bottom-0
{
	margin-bottom: 0;
}

.u-no-margin-top,
.u-margin-top-0
{
	margin-top: 0;
}

.u-no-margin-left,
.u-margin-left-0
{
	margin-left: 0;
}

.u-no-margin-right,
.u-margin-right-0
{
	margin-right: 0;
}

.u-margin-top-50
{
	margin-top: 50px;
}

.u-margin-top-40
{
	margin-top: 40px;
}

.u-margin-top-35
{
	margin-top: 35px;
}

.u-margin-top-30
{
	margin-top: 30px;
}

.u-margin-top-25
{
	margin-top: 25px;
}

.u-margin-top-20
{
	margin-top: 20px;
}

.u-margin-top-15
{
	margin-top: 15px;
}

.u-margin-top-10
{
	margin-top: 10px;
}

.u-margin-top-5
{
	margin-top: 5px;
}

.u-margin-bottom-50
{
	margin-bottom: 50px;
}

.u-margin-bottom-40
{
	margin-bottom: 40px;
}

.u-margin-bottom-35
{
	margin-bottom: 35px;
}

.u-margin-bottom-30
{
	margin-bottom: 30px;
}

.u-margin-bottom-25
{
	margin-bottom: 25px;
}

.u-margin-bottom-20
{
	margin-bottom: 20px;
}

.u-margin-bottom-15
{
	margin-bottom: 15px;
}

.u-margin-bottom-10
{
	margin-bottom: 10px;
}

.u-margin-bottom-5
{
	margin-bottom: 5px;
}

.u-margin-left-50
{
	margin-left: 50px;
}

.u-margin-left-40
{
	margin-left: 40px;
}

.u-margin-left-30
{
	margin-left: 30px;
}

.u-margin-left-25
{
	margin-left: 25px;
}

.u-margin-left-20
{
	margin-left: 20px;
}

.u-margin-left-15
{
	margin-left: 15px;
}

.u-margin-left-10
{
	margin-left: 10px;
}

.u-margin-left-5
{
	margin-left: 5px;
}

.u-margin-right-50
{
	margin-right: 50px;
}

.u-margin-right-40
{
	margin-right: 40px;
}

.u-margin-right-30
{
	margin-right: 30px;
}

.u-margin-right-25
{
	margin-right: 25px;
}

.u-margin-right-20
{
	margin-right: 20px;
}

.u-margin-right-15
{
	margin-right: 15px;
}

.u-margin-right-10
{
	margin-right: 10px;
}

.u-margin-right-5
{
	margin-right: 5px;
}

.u-no-padding
{
	padding: 0;
}

.no-horizontal-padding
{
	padding-right: 0;
	padding-left: 0;
}

.u-padding-left-0,
.u-no-padding-left
{
	padding-left: 0;
}

.u-padding-right-0,
.u-no-padding-right
{
	padding-right: 0;
}

.u-no-padding-bottom,
.u-padding-bottom-0
{
	padding-bottom: 0;
}

.u-no-padding-top,
.u-padding-top-0
{
	padding-top: 0;
}

.u-padding-top-50
{
	padding-top: 30px;
}

.u-padding-top-40
{
	padding-top: 30px;
}

.u-padding-top-30
{
	padding-top: 30px;
}

.u-padding-top-25
{
	padding-top: 25px;
}

.u-padding-top-20
{
	padding-top: 20px;
}

.u-padding-top-15
{
	padding-top: 15px;
}

.u-padding-top-10
{
	padding-top: 10px;
}

.u-padding-top-5
{
	padding-top: 5px;
}

.u-padding-bottom-50
{
	padding-bottom: 25px;
}

.u-padding-bottom-40
{
	padding-bottom: 25px;
}

.u-padding-bottom-30
{
	padding-bottom: 30px;
}

.u-padding-bottom-25
{
	padding-bottom: 25px;
}

.u-padding-bottom-20
{
	padding-bottom: 20px;
}

.u-padding-bottom-15
{
	padding-bottom: 15px;
}

.u-padding-bottom-10
{
	padding-bottom: 10px;
}

.u-padding-bottom-5
{
	padding-bottom: 5px;
}

.u-padding-left-50
{
	padding-left: 15px;
}

.u-padding-left-40
{
	padding-left: 15px;
}

.u-padding-left-30
{
	padding-left: 15px;
}

.u-padding-left-25
{
	padding-left: 15px;
}

.u-padding-left-20
{
	padding-left: 15px;
}

.u-padding-left-15
{
	padding-left: 15px;
}

.u-padding-left-10
{
	padding-left: 10px;
}

.u-padding-left-5
{
	padding-left: 5px;
}

.u-padding-right-50
{
	padding-right: 15px;
}

.u-padding-right-40
{
	padding-right: 15px;
}

.u-padding-right-30
{
	padding-right: 15px;
}

.u-padding-right-25
{
	padding-right: 15px;
}

.u-padding-right-20
{
	padding-right: 15px;
}

.u-padding-right-15
{
	padding-right: 15px;
}

.u-padding-right-10
{
	padding-right: 10px;
}

.u-padding-right-5
{
	padding-right: 5px;
}

.u-centered
{
	margin-right: auto;
	margin-left: auto;

	-ms-grid-row-align: center;
	align-self: center;
}

.u-full-width
{
	width: 100%;

	flex-basis: 100%;
}

.u-width-auto
{
	width: auto;
}

.u-negative-margin,
.u-negative-margins
{
	margin-right: -10px;
	margin-left: -10px;
}

.u-no-select,
.u-no-select *:not(input):not(textarea):not(select)
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.u-text-center
{
	text-align: center;
}

.u-text-left
{
	text-align: left;
}

.u-text-right
{
	text-align: right;
}

.u-text-justify
{
	text-align: justify;
}

.u-italic
{
	font-style: italic;
}

.u-positioned
{
	position: relative;
}

.u-float-right
{
	float: right;
}

.u-float-left
{
	float: left;
}

.u-clearfix:after,
.u-clearfix:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}

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

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

.u-hidden
{
	display: none;
}

.u-list
{
	list-style: disc;
}

.u-list li
{
	margin-left: 20px;
}

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.u-mobile-hidden
	{
		display: none;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 992px)
{
	.u-tablet-hidden
	{
		display: none;
	}
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.u-laptop-hidden
	{
		display: none;
	}
}

/* -------- Desktop -------- */
@media (min-width: 1400px)
{
	.u-desktop-hidden
	{
		display: none;
	}
}

.u-hide-visually
{
	position: absolute !important;
	opacity: 0;

	height: 1px !important;
	width: 1px !important;

	margin: -1px !important;
	padding: 0 !important;

	white-space: nowrap !important;

	border: 0 !important;
	border: 0 !important;

	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;

	clip-path: inset(50%) !important;
}

.u-readers-only
{
	position: absolute;
	display: block;

	padding: 0;

	font-size: 1rem;

	text-indent: -1000px;

	border: 0;

	outline: 0;

	overflow: hidden;
	clip: rect(0,0,0,0);

	z-index: -2;
}

.u-self-center
{
	align-self: center;
}

.u-self-start
{
	align-self: flex-start;
}

.u-self-end
{
	align-self: flex-end;
}

.u-gap-5
{
	gap: 5px;
}