html
{
	overflow-x: hidden;
}

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

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

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

	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

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

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

.auth-page
{
	display: flex;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.front-page
	{
		flex-wrap: wrap;

		padding-top: 80px;
	}

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

.page-content
{
	padding-top: 84px;
	padding-bottom: 20px;
}

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: inherit;

	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;

	border: 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: transform 220ms ease 20ms;
	transform: scaleY(0) scaleX(1.2);
	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: transform 240ms ease;
	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;
}

strong
{
	font-weight: 500;
}

input
{
	font-family: inherit !important;
}

select
{
	font-family: inherit !important;
}

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 15px;
}
.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: 1537px)
{
	.o-front-header
	{
		margin: auto;

		justify-content: center;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.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: 1201px)
{
	.o-front-header--fixed
	{
		position: fixed;

		width: 100%;

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

		border-bottom: 1px solid #BA7913;

		animation-name: header-appear;
		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: 1201px)
{
	.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: 1201px) and (max-width: 1536px)
{
	.o-front-header__logo-link
	{
		margin-right: 80px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.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: 1200px)
{
	.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: 1201px)
{
	.o-front-header--fixed .o-front-header__top
	{
		padding-bottom: 15px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.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: 1200px)
{
	.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: 1200px)
{
	.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: 500;

	align-items: center;
}

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

	font-size: 32px;
}

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

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

	100%
	{
		opacity: 1;

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

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

.o-header
{
	display: flex;

	height: 64px;

	font-size: 1em;

	justify-content: space-between;
}

.o-header__menu-actions
{
	display: flex;

	align-items: center;
}

.o-header__menu-actions svg
{
	color: #FFF;
}

.o-header__title
{
	display: flex;

	padding-right: 10px;

	font-size: 1.4em;
	color: #FFF;

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

.o-header__group-name
{
	display: flex;

	font-weight: 500;
	font-size: 1.3rem;
	color: #FFF;

	align-items: center;
}

.o-header__title-txt
{
	position: relative;
	display: flex;

	margin-right: 20px;

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

.o-header__logo
{
	display: flex;
}

.o-header__logout
{
	cursor: pointer;
}

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

	padding: 0 15px;

	color: #FFF;

	align-items: center;
}

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

	height: 30px;
	width: 2px;

	left: -1px;

	background-color: currentColor;

	content: '';
}

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

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

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

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

	background-color: #FFF;

	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: 1200;
}

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

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

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

.o-wrapper-link
{
	text-decoration: none;
}
.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;

	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-flat-btn # ---------------- *|
\* ------------------------------------------------ */

.c-flat-btn
{
	position: relative;

	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 6px 10px;

	background: #1F1F1F;

	font-family: inherit;
	font-weight: 600;
	font-size: .95em;
	color: #FFF;

	letter-spacing: .5px;
	text-transform: uppercase;

	border-radius: 0;
	border: none;

	box-shadow: 6px 6px 0 -2px hsla(0, 0%, 75%, 1);

	transition: all 240ms ease;
}

.c-flat-btn--blue
{
	background: #3480EA;
}

.c-flat-btn--green
{
	background: #3CBB62;
}

.c-flat-btn--green.c-flat-btn--disabled
{
	background: hsl(0deg 0% 82%);

	color: #FAFAFA;
}

.c-flat-btn--primary
{
	background-color: #00A1F7;

	color: #FFF;
}

.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--blue:hover
{
	background-color: #3480EA;
}

.c-flat-btn--green:hover
{
	background-color: #3CBB62;
}

.c-flat-btn--primary:hover
{
	background-color: #FFF;

	color: #00A1F7;
}

.c-simple-button
{
	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 6px 10px;

	border-radius: 0;
	border: 0;
}




/* ------------------------------------ */
/* ---------- flat-btn--red ----------- */
/* ------------------------------------ */

.c-flat-btn--red
{
	background: #E93339;

	color: white;
}

.c-flat-btn--red.c-flat-btn--disabled
{
	background: #D6D6D6;

	color: #F9F9F9;
}

.c-flat-btn--red:hover
{
	background-color: #E93339;
}




/* ------------------------------------ */
/* --------- flat-btn--white ---------- */
/* ------------------------------------ */

.c-flat-btn--white
{
	background: #FFF;

	color: #000;
}

.c-flat-btn--white:hover
{
	background-color: #FFF;

	color: #000;
}




/* ---------------------------------- */
/* -------- flat-btn--small --------- */
/* ---------------------------------- */

.c-flat-btn--small
{
	padding: 4px 10px;
}



/* ---------------------------------- */
/* -------- 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);
}




/* --------------------------------- */
/* --------- c-delete-btn ---------- */
/* --------------------------------- */

.c-delete-btn
{
	display: flex;

	height: 1em;
	width: 1em;
	min-width: 0;

	padding: 0;

	background-color: hsl(358deg 70% 97%);

	font-size: 32px;
	color: #E52323;

	text-align: center;

	border-radius: 50%;

	overflow: hidden;

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

.c-delete-btn--dashboard
{
	margin-right: 6px;
	margin-left: auto;
}

.c-delete-btn--date-range-filter
{
	position: relative;

	top: -5px;
}

.c-delete-btn--mechanical-prep
{
	font-size: 28px;
}

.c-delete-btn--delete-address
{
	position: absolute;

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

	font-weight: 500;
	font-size: 28px;
}

.c-delete-btn--delete-address:hover
{
	background-color: #E52323;

	color: #FFF;
}

.c-delete-btn__icon
{
	font-size: .4em;
	color: inherit;

	overflow: hidden;
}

.c-delete-btn--delete-address .c-delete-btn__icon
{
	font-size: .45em;
}

.c-delete-btn__txt
{
	position: absolute;

	left: 10em;
}




/* --------------------------------- */
/* --------- c-warning-btn --------- */
/* --------------------------------- */

.c-warning-btn
{
	display: flex;

	height: 1em;
	width: 1em;
	min-width: 0;

	padding: .2em;

	font-size: 30px;
	color: #009FF2;

	text-align: center;

	border-radius: 2px;

	overflow: hidden;

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

.c-warning-btn--dashboard
{
	margin-left: 6px;
}

.c-warning-btn__icon
{
	font-size: .8em;
	color: inherit;

	overflow: hidden;
}



/* --------------------------------- */
/* --------- c-warning-btn --------- */
/* --------------------------------- */

.c-blocked-btn
{
	display: flex;

	height: auto;
	width: auto;
	min-width: 0;

	padding: .2em;

	font-size: 26px;
	color: #E52323;

	text-align: center;

	border-radius: 2px;

	overflow: hidden;

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

.c-blocked-btn--dashboard
{
	margin-left: 6px;
}



/* --------------------------------- */
/* ---------- c-status-btn --------- */
/* --------------------------------- */

.c-status-btn
{
	position: relative;
	display: flex;

	line-height: unset;
	min-height: 0;
	min-width: 0;

	margin: 0;
	padding: 0;

	color: #FFF;

	text-align: center;

	border-radius: 0;

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




/* ------------------------------------------------ *\
|* ---------------- # c-text-btn # ---------------- *|
\* ------------------------------------------------ */

.c-text-btn
{
	position: relative;

	height: auto;
	min-height: 0;
	min-width: 0;

	padding: 4px 8px;

	font-family: inherit;
	font-weight: 500;
	font-size: .85em;

	letter-spacing: .7px;
	text-transform: uppercase;

	border-radius: 4px;
	border: none;

	box-shadow: none;

	transition: all 240ms ease;
}

.c-text-btn__icon
{
	margin-right: 6px;

	font-size: 16px;
}

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

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

	flex-direction: column;

	width: 100%;

	padding: 0;
}

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

	width: 100%;

	padding: 15px 25px 19px;

	font-size: 1.25em;

	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: linear-gradient(to right, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
}

.c-card--green .c-card__title:after
{
	background: rgba(66,163,67,1);
	background: linear-gradient(to right, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
}

.c-card--red .c-card__title:after
{
	background: rgba(227,62,134,1);
	background: linear-gradient(to right, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
}

.c-card__body
{
	display: flex;

	flex-direction: column;

	padding: 15px 25px;

	text-align: center;

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

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

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

	padding: 8px 12px;

	color: #757575;

	align-items: center;
}

.c-chart-legend--primary .c-chart-legend__txt:before
{
	color: #00A1F7;
}

.c-chart-legend--secondary .c-chart-legend__txt:before
{
	color: #5EAF00;
}

.c-chart-legend--terciary .c-chart-legend__txt:before
{
	color: #D5D5D5;
}

.c-chart-legend--quaternary .c-chart-legend__txt:before
{
	color: #51B2CA;
}

.c-chart-legend--quinary .c-chart-legend__txt:before
{
	color: #E94F2C;
}

.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-chip
{
	position: relative;
	display: flex;

	padding: 2px 6px;

	font-weight: 400;
	font-size: .95rem;
	color: #000;

	text-align: center;
	text-transform: none;

	z-index: 0;

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

.c-chip::before
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: rgb(153, 153, 153);

	content: '';

	border-radius: 4px;

	z-index: -1;

	flex-shrink: 0;
}

.c-chip--blue,
.c-chip--red,
.c-chip--dark-blue,
.c-chip--purple,
.c-chip--green
{
	color: #FFF;
}

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

.c-chip--blue::before
{
	background-color: #009FF2;
}

.c-chip--dark-blue::before
{
	background-color: #252242;
}

.c-chip--purple::before
{
	background-color: #8A1CB9;
}

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

.c-chip--grey::before
{
	background-color: #E0E5EB;
}

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

	width: 100%;
	min-width: 0;

	margin: 5px 0;
	padding: 4px 12px;

	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--open
{
	border-color: #E0E0E0;
}

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

	margin: 0;
	padding: 0;

	font-weight: 400;
	font-size: 1.05em;
	color: #333;

	text-align: left;
}

.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;

	margin-top: 10px;
}

.c-collapse__collapsed
{
	position: relative;

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

	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #E0E0E0;
}

.c-collapse__content
{
	padding: 0 12px 10px;
}

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

	min-height: 100px;

	font-size: .95em;
}

.c-dashboard__row
{
	display: flex;

	width: 100%;

	border-bottom: 1px solid #E0E0E0;
}

.c-dashboard--unlocking .c-dashboard__row:nth-child(odd)
{
	background-color: whitesmoke;
}

.c-dashboard--unlocking.c-dashboard--head .c-dashboard__row:nth-child(odd)
{
	background-color: #FFF;
}

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

	font-size: .9em;

	text-transform: uppercase;
}

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

.c-dashboard__row.is-admin-edited
{
	background-color: #FFEDEE;
}

.c-dashboard__row:hover
{
	background-color: #EFEFEF;
}

.c-dashboard__row.is-admin-edited:hover
{
	background-color: hsl(357deg 49.75% 90.1%);
}

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

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

	flex-wrap: wrap;

	line-height: 1.25em;
	width: auto;

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

.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--head.c-dashboard--unlocking .c-dashboard__row
{
	padding: 6px 0;
}

.c-dashboard--head.c-dashboard--unlocking .c-dashboard__row.is-top-header
{
	padding: 0;
}

.c-dashboard__sort span
{
	display: flex;

	align-items: center;
}

.c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard__sort
{
	padding: 4px 2px;
}

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

	font-size: 14px;
}

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

	height: .8em;
	width: .5em;

	margin-left: 2px;
	margin-bottom: 0;

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

	content: "";
}

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

	height: .35em;
	width: 2px;

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

	background-color: currentColor;

	color: inherit;

	content: "";
}

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

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

	top: .35em;
	left: 50%;
	margin-left: -.15em;

	color: inherit;

	content: "";

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

	transform: rotate(45deg);
}

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

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

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

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

.c-dashboard__cell.selection,
.c-dashboard__cb
{
	position: relative;

	width: 46px;
	min-width: 0;

	padding: 0;

	border-radius: 0;

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

.c-dashboard__cb
{
	display: flex;

	min-height: 1em;
	width: auto;

	font-size: 28px;
	color: inherit;

	align-items: center;
}

.c-dashboard__cb-label
{
	margin-left: 8px;

	font-weight: 400;
	font-size: 1rem;
	color: inherit;
}

.c-dashboard--head .c-dashboard__cb
{
	flex-direction: column;

	justify-content: flex-start;
}

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

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

	height: 1em;
	width: 1em;

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

	font-size: 22px;

	content: "";

	border: 1px solid #BCBCBC;
}

.Mui-disabled.c-dashboard__cell.selection:before
{
	background-color: #F5F5F5;

	border: 1px solid #E5E5E5;
}

.c-dashboard__cb:before
{
	position: static;
	display: flex;

	margin: 0;

	font-size: inherit;

	order: 2;
}

.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,
.c-dashboard__cb-icon
{
	font-size: 16px;
	color: #E93339;
}

.c-dashboard__cb-icon
{
	position: absolute;

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

	font-size: 18px;
}

.c-dashboard__row.is-top-header .c-dashboard__cb:before
{
	display: none;
}

.c-dashboard__row.is-top-header .c-dashboard__cb-icon
{
	position: static;

	height: 1em;
	width: 1em;

	margin: 0;

	font-size: 40px;
}

.c-dashboard__long-text
{
	display: block;

	width: 10px;
	min-width: 0;

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

	overflow: hidden;

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

.c-dashboard__cell.Vehicle-actions
{
	display: flex;

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




/* ------------------------------------ */
/* ------------ Page fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Page-images
{
	flex-basis: 80px;
	flex-grow: 0;
}

.c-dashboard__cell.Page-title
{
	flex-basis: 170px;
	flex-grow: 4;
}


/* ------------------------------------ */
/* ---------- Contract fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Contract-created_at
{
	flex-basis: 175px;
	flex-grow: 1;
}


/* ------------------------------------ */
/* ---------- Payment fields ---------- */
/* ------------------------------------ */


.c-dashboard__cell.Payment-term_date
{
	flex-basis: 170px;
	flex-grow: 10;
}

.c-dashboard__cell.Payment-amount
{
	flex-basis: 120px;
	flex-grow: 0;
}

.c-dashboard__cell.Payment-date
{
	flex-basis: 180px;
	flex-grow: 1;
}

.c-dashboard__cell.Payment-bill_number
{
	flex-basis: 170px;
	flex-grow: 10;
}

.c-dashboard__cell.Payment-actions
{
	flex-basis: 165px;
	align-items: center;
}



/* ------------------------------------ */
/* ---------- Vehicle fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell.Vehicle-entry_date,
.c-dashboard__cell.Vehicle-unlocking_date
{
	flex-basis: 140px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Vehicle-unlocking_date
{
	flex-basis: 145px;
}

.c-dashboard__cell.Vehicle-license_plate
{
	flex-basis: 160px;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
}

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

.c-dashboard__cell.Vehicle-days
{
	flex-basis: 60px;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard__cell.Vehicle-frame
{
	flex-grow: 3;
}

.c-dashboard__lock-icon
{
	display: block;

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

	margin: auto;

	color: inherit;
}




/* ------------------------------------ */
/* --------- Unlocking fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Unlocking-warning_txt
{
	flex-basis: 50px;
	flex-grow: 0;
}

.c-dashboard__cell.Unlocking-aesthetic_preparation,
.c-dashboard__cell.Unlocking-mechanical_preparation,
.c-dashboard__cell.Unlocking-energy,
.c-dashboard__cell.Unlocking-transport
{
	justify-content: center;
	flex-basis: 95px;
	flex-grow: 0;
}

.c-dashboard__cell.Unlocking-delivery
{
	align-items: flex-end;
	justify-content: flex-start;
}

.c-dashboard__cell.Unlocking-comment
{
	flex-basis: 40px;
	justify-content: center;
	align-items: flex-end;
}

.c-dashboard__cell.Unlocking-entry_date
{
	flex-basis: 130px;
	flex-grow: 0;
}

.c-dashboard__cell.Unlocking-date
{
	flex-basis: 130px;
	flex-grow: 0;
	justify-content: flex-start;
	align-items: flex-end;
}

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

	$blue       : #00A1F7;
	$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: #00A1F7;
}

.c-donut--secondary
{
	color: #42A343;
}

.c-donut--terciary
{
	color: #E94F2C;
}

.c-donut__title
{
	display: flex;

	padding: 20px 25px;

	font-weight: 500;
	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;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.c-donut__chart
	{
		height: 110px;
		width: 110px;
	}

	.c-donut--circle .c-donut__chart
	{
		height: 90px;
		width: 90px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.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: 500;
	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: 600;
	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;

	flex-wrap: wrap;

	margin-top: 20px;

	justify-content: center;
}

.c-donut__circle
{
	position: relative;

	height: 0;
	width: 100%;

	padding-top: 100%;

	background: #51B2CA;
	background: linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	border-radius: 1000px;
}

.c-donut--green .c-donut__circle
{
	background: #42A343;
	background: linear-gradient(left top, #42A343 0%, #BDD261 100%);
}

.c-donut--red .c-donut__circle
{
	background: #E33E86;
	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-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-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--upload
{
	height: 6px;
	width: calc(100% - 100px);

	background-color: #E0E0E0;

	border: none;

	overflow: hidden;

	flex-grow: 0;
}

.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--upload .c-fillable-indicator__bar
{
	height: 100%;

	top: 0;
	left: 0;

	transition: width 500ms ease;
}

.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;

	flex-wrap: wrap;
	gap: 15px;

	margin-right: 30px;
	margin-bottom: 20px;
	padding: 12px 15px;

	background-color: #FFF;

	border-radius: 0;

	box-shadow: 10px 10px 0 -3px #E0E0E0;

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

.c-filters--batches
{
	flex-wrap: wrap;
}

.c-filters--vehicles
{
	width: 100%;
}

.c-filters__row
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	align-items: flex-end;
}

.c-filters__row + .c-filters__row
{
	margin-top: 7px;
}

.c-filters__element
{
	position: relative;

	width: 285px;

	z-index: 0;
}

.c-filters__element.dates-range
{
	display: flex;

	flex-wrap: wrap;
	gap: 0 10px;

	width: 400px;

	align-items: center;
}

.c-filters__dates-range-label
{
	line-height: 1em;
	width: 100%;

	margin-bottom: -15px;

	font-size: .8rem;
	color: rgba(0, 0, 0, .6);
}

.c-filters__dates-range-label ~ .mui-date-picker
{
	flex-basis: calc(50% - 40px);
	flex-grow: 1;
}

.c-filters__dates-range-sep
{
	position: relative;

	top: 8px;
}

.c-filters__dates-range-date
{
	display: flex;

	gap: 0 4px;

	align-items: flex-end;
	flex-basis: 20%;
	flex-grow: 1;
}

.c-filters--batches .c-filters__element.text
{
	flex-grow: 1;
}

.c-filters__element.search
{
	min-width: 320px;
}

.c-filters__element.status
{
	width: 180px;
}

.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: 295px;
}

.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__dates-row
{
	display: flex;

	padding-left: 15px;

	color: #867537;

	align-items: center;
}

.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-form-section
{
	position: relative;

	margin: 6px 0 0 0;
	padding: 18px 15px 8px;

	z-index: 0;
}

.c-form-section--address
{
	margin-top: 0;
	padding-top: 20px;
	padding-left: 26px;
}

.c-form-section:before
{
	position: absolute;

	height: calc(100% - 2px);
	width: calc(100% - 2px);

	top: 2px;
	left: 2px;

	content: '';

	border: 2px solid #E0E0E0;

	z-index: -1;
}

.c-form-section--address + .c-form-section--address
{
	margin-top: 0;
	padding-top: 20px;
}

.c-form-section--address:first-child:before
{
	height: calc(100% - 23px);

	top: 23px;
}

.c-form-section--address:before
{
	height: 100%;

	top: 0;

	border-width: 0 0 0 2px;
	border-color: #E52323;
}

.c-form-section__title
{
	position: absolute;

	top: 0;
	margin-top: -.5em;
	left: 15px;
	padding: 0 8px;

	background-color: #FFF;

	font-weight: 400;
	font-size: 1.05em;
	color: #333;
}

.c-form-section--address .c-form-section__title
{
	position: relative;
	display: flex;

	width: 100%;

	top: auto;
	right: auto;
	left: auto;
	margin-left: -22px;
	bottom: auto;
	margin-bottom: 0;
	padding-left: 0;

	font-weight: 500;
	font-size: .95rem;
	color: #009DED;

	align-items: center;
}

.c-form-section--address .c-form-section__title:before
{
	position: relative;
	display: block;

	height: 2px;
	width: 12px;

	margin-right: 4px;

	background-color: #E52323;

	content: '';
}

.c-form-section--address:first-child .c-form-section__title:before
{
	top: 10px;

	align-self: flex-start;
}

.c-form-section__table-container
{
	width: 100%;
}

.c-form-section__table
{
	display: table;

	width: 100%;

	margin-top: 15px;
}

.c-form-separator
{
	height: 4px;
	width: 80px;

	margin: 20px auto;

	background-color: #E93339;
}

/* -------------------------------------- *\
|* --------- # 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--file
{
	padding-bottom: 5px;
}

.c-form-element--inline
{
	display: flex;

	margin-right: 15px;
	margin-bottom: 0;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.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: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;
}

.c-form-element--short-date
{
	min-width: 60px;
}

/* ----------------------------------- */
/* ---------- 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;

	width: 100%;

	font-weight: normal;
	font-size: 1em;
	color: #666;

	cursor: pointer;
	text-align: left;

	z-index: 1;

	align-items: center;
}

.c-form-label--file
{
	margin-top: 15px;
	margin-bottom: 8px;

	font-size: .9em;
	color: #757575;
}

.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-loader ------- */

.c-form-element__file-loader
{
	position: relative;
	display: inline-flex;

	height: 35px;
	width: 100px;

	margin-left: 10px;
}

/* ---------- form-element__date ---------- */
.c-form-element__date
{
	min-width: 0;

	padding: 6px 2px;

	font-family: inherit;
	font-weight: inherit;
	font-size: 1rem;
	color: inherit;

	text-align: center;
}

.c-form-element--short-date .c-form-element__date
{
	width: 100%;

	font-size: .85em;
}

/* -------- form-element__date-icon -------- */
.c-form-element__date-icon
{
	margin-right: 6px;
}

.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
{
	margin-bottom: 0;
	padding-left: 4px;

	color: #757575;
}

.c-form-element__file-content
{
	display: flex;

	flex-wrap: wrap;
}

.c-form-element__file-content > div:first-of-type
{
	width: 100%;

	flex-grow: 1;
}

.c-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 24px;
	color: inherit;

	fill: currentColor;
}

.c-icon--crash
{
	margin: auto;

	font-size: 140px;
}

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

.c-loader
{
	position: absolute;
	display: flex;

	height: 100%;
	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;
}

/* ---------- Couleur du loader ---------- */

.c-loader--white
{
	color: #FFF;
}

.c-loader--primary
{
	color: #00A1F7;
}

.c-loader--secondary
{
	color: #42A343;
}

.c-loader--green
{
	color: #3CBB62;
}

.c-loader--red
{
	color: #E93339;
}

/* ---------- Couleur du fond ---------- */

.c-loader--bg-white
{
	background-color: #FFF;
}

.c-loader--bg-primary
{
	background-color: #00A1F7;
}

.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--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;

	flex-shrink: 0;
}

.c-loader--big .c-loader__svg,
.c-loader--medium .c-loader__svg
{
	top: 0;
	margin-right: 0;
}

.c-loader--DataList
{
	position: static;

	padding-top: 15px;
	padding-bottom: 15px;
}

.c-mechanical-prep
{
	margin: 10px 0 0 0;
	padding: 8px 12px;

	border-style: solid;
	border-color: #E0E0E0;
}

.c-mechanical-prep__title
{
	padding: 0 8px;

	font-weight: 400;
	font-size: 1.05em;
	color: #333;
}

.c-mechanical-prep__rows
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 24px;

	margin-bottom: 12px;
}

.c-mechanical-prep__row
{
	display: flex;

	gap: 0 12px;

	width: calc(50% - 12px);

	align-items: flex-end;
}

.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;

	border-radius: 8px;

	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: hsl(201deg 95% 95%);

	color: #009FF2;
}

.c-message--primary
{
	background-color: #00A1F7;

	color: #00A1F7;
}

.c-message__link
{
	position: relative;
	display: inline-flex;

	line-height: 1em;

	margin-left: 4px;
	padding: 1px 3px 3px;

	color: inherit;
	text-decoration: none;

	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;
	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: 500;
}

.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: 3000;

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

.c-modal-cover:before
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 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: 100%;
	max-width: 30em;

	top: 0;
	left: 0;

	background-color: #FFF;

	box-shadow: 12px 12px 0 -3px #DFDFE2;

	z-index: 3000;

	-webkit-overflow-scrolling: touch;
}

.c-modal--simple
{
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .35);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-modal
	{
		max-height: calc(100% - 1em);

		animation: box-animation 440ms ease;
	}

	.c-modal--large
	{
		max-width: 100%;
	}

	.c-modal--medium
	{
		max-width: 60%;
	}

	.c-modal--model-picker
	{
		max-width: 80%;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, transform 320ms ease;
		transform: scale(.9);
	}
}

/* --------- Tablet, Laptop & Desktop --------- */
@media (min-width: 600px)
{
	.c-modal--fade
	{
		opacity: 0;

		transition: transform 320ms ease, opacity 320ms ease;
		transform: translate3d(-10px, -6px, 0);
	}
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1537px)
{
	.c-modal--medium
	{
		max-width: 60%;
	}
}

@media screen and (min-width: 1800px)
{
	.c-modal--medium
	{
		max-width: 1000px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-modal
	{
		animation: mobile-box-animation 440ms ease;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, transform 320ms ease;
		transform: scale(.9);
	}
}

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

	min-height: 46px;
	width: 100%;

	margin-bottom: 0;
	padding: 0;

	background-color: hsla(240, 5%, 95%, 1);

	font-weight: 600;
	color: #000;

	text-transform: uppercase;

	flex-shrink: 0;
	justify-content: flex-end;
	align-items: stretch;
}

.c-modal__title
{
	display: flex;

	padding: 12px 20px;

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

.c-modal__close
{
	position: relative;

	width: auto;

	margin-left: auto;

	background: #F1F1F3;

	color: #E93339;

	cursor: pointer;

	transition: background-color 320ms ease;

	flex-shrink: 0;
}

.c-modal__close:hover
{
	background-color: #DEDEE0;
}

.c-modal__close-icon
{
	position: absolute;

	height: 1em;
	width: 1em;

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

	font-size: 32px;

	fill: transparent;
	stroke: #00A1F7;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__close-hack-img
{
	display: block;

	height: 100%;
	width: auto;
}

.c-modal__body
{
	display: block;

	width: 100%;

	padding: 20px 25px 0;

	overflow-x: hidden;
	overflow-y: auto;

	flex-grow: 1;
}

.c-modal--cart .c-modal__body
{
	padding: 15px 20px 0;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-modal__body
	{
		padding: 0 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;

	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0 25px;

	text-align: right;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.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 side-animation
{
	0%
	{
		opacity: 0;

		transform: translate3d(100%, 0, 0);
	}

	10%
	{
		opacity: 0;

		transform: translate3d(100%, 0, 0);
	}

	20%
	{
		opacity: .2;

		transform: translate3d(100%, 0, 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: #E6B708;

	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-month-picker
{
	position: relative;
}

.c-month-picker__separator
{
	height: 2px;
	width: 80%;

	margin: auto;

	background-color: #D5D5D5;
}


/* ------------------------------------- *\
|* ------- # c-pickable-month # -------- *|
\* ------------------------------------- */

.c-pickable-month,
.c-pickable-year
{
	position: relative;

	width: 100%;

	padding: 10px 15px;

	background-color: #EBEBEB;

	color: #454545;

	border: 2px solid transparent;

	transition: border-color 240ms ease;

	z-index: 0;
}

.c-pickable-month:hover,
.c-pickable-year:hover
{
	border-color: #00A1F7;
}

.c-pickable-month--active,
.c-pickable-year--active
{
	color: #FFF;

	border-color: transparent;
}

.c-pickable-month:before,
.c-pickable-year:before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: -2px;
	left: -2px;
	padding: 2px;

	background: linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	content: '';

	transition: opacity 240ms ease;

	box-sizing: content-box;

	z-index: -1;
}

.c-pickable-month--active:before,
.c-pickable-year--active:before
{
	opacity: 1;
}

.c-pagination
{
	display: flex;

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

	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	flex-basis: 10px;
}

.c-pagination__left
{
	flex-basis: 130px;
}

.c-pagination__infos
{
	margin-left: 15px;

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

	text-align: right;

	flex-basis: 130px;
}

.c-pagination__pages
{
	display: flex;

	margin: -6px 0 0 0;

	justify-content: center;
	flex-basis: 10px;
	flex-grow: 1;
}

.c-pagination__page
{
	position: relative;

	margin-top: 6px;
	margin-right: 5px;
}

.c-pagination__page:last-child
{
	margin-right: 0;
}

.c-pagination__page-btn
{
	position: relative;

	min-width: 0;
	min-width: 32px;

	padding: 4px 8px;

	background-color: #EBEBEB;

	border-radius: 50%;
}

.c-pagination__page-btn.active
{
	background-color: #E93339;

	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);
}

.c-paper--front
{
	line-height: 2em;
}

.c-rendered-editor-txt
{
	position: relative;

	line-height: 1.3em;

	font-size: 1em;
}

.c-tab
{
	position: relative;

	margin: 0;
	padding: 0;

	background-color: hsl(0, 0%, 88%);

	color: #6B6B6B;

	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
}

.c-tab--active
{
	background-color: #FFF;

	color: #1F1F1F;

	border-color: #E93339;
}

.c-tab__button
{
	display: block;

	min-width: 0;

	padding: 6px 15px;

	font-weight: 600;
	font-size: .95em;
	color: inherit;

	text-transform: uppercase;

	border-radius: 0;
}

.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: #00A1F7;
}

.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: #00A1F7;
}

.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-unlocking-infos
{
	display: flex;

	flex-wrap: wrap;
	gap: 20px 25px;

	justify-content: space-between;
}

.c-unlocking-infos__item
{
	flex-basis: 34%;
	flex-grow: 1;
}

.c-unlocking-infos__item.type-comment
{
	flex-basis: 100%;
}

.c-unlocking-infos__item.type-bools
{
	display: flex;

	gap: 20px 35px;

	flex-basis: 100%;
}

.c-unlocking-infos__col
{
	display: flex;

	flex-direction: column;
	gap: 8px 0;
}

.c-unlocking-infos__title
{
	font-weight: 400;
	font-size: 1rem;
	color: #009FF2;
}

.c-unlocking-infos__item.type-bools .c-unlocking-infos__title
{
	color: inherit;
}

.c-unlocking-infos__item address
{
	font-style: normal;
	font-size: 1em;
}

.c-unlocking-infos__bool-item
{
	display: flex;

	align-items: center;
}

.c-unlocking-infos__true-icon
{
	margin-right: 6px;

	font-size: 22px;
	color: #3CCB79;
}

.c-unlocking-infos__false-icon
{
	margin-right: 6px;

	font-size: 16px;
	color: #E52323;
}

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

	$blue       : #00A1F7;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

.login-page__left
{
	display: flex;

	width: 40%;

	padding: 0 100px;

	align-items: center;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.login-page__left
	{
		padding: 0 75px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.login-page__left
	{
		width: 100%;

		flex-grow: 1;
		order: 1;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.login-page__left
	{
		padding: 0 90px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.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%, #00A1F7 100%);
	background-image: url(/images/home_2m_logistik.jpg);
	background-position: center;
	background-size: cover;

	align-items: center;
}

.login-page__right.not-found
{
	background-image: url(/images/404.jpg);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.login-page__right
	{
		width: 100%;

		order: 0;
		flex-grow: 0;
	}
}

/* ------------------------------------ */
/* --------- login-page__title -------- */
/* ------------------------------------ */

.login-page__title
{
	line-height: 1.2em;

	margin: 0;
	padding: 15px 100px;

	background-color: #00A1F7A6;

	font-weight: 900;
	font-size: 3.0em;
	color: #FFF;

	letter-spacing: .05em;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2.4em;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.login-page__title
	{
		text-align: center;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2em;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.login-page__title
	{
		padding: 0 15px;

		font-weight: 600;
		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: 1537px)
{
	.login-page__form
	{
		width: 70%;
	}
}

.simple-page
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

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

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;
}
.dashboard-table
{
	width: 100%;
	max-width: 100%;

	overflow-x: auto;
}

.table-cell
{
	position: relative;

	height: 38px;

	padding: 4px 5px;
}

.mui-input-centered input
{
	text-align: center;
}

.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-wrap: wrap;

	justify-content: space-between;
}

.dashboard-left
{
	display: inline-flex;

	gap: 15px;

	margin-bottom: 20px;

	flex-shrink: 0;
	align-items: flex-start;
	order: 10;
}

.dashboard-right
{
	display: inline-flex;

	gap: 15px;

	margin-bottom: 20px;

	flex-shrink: 0;
	align-items: flex-start;
	order: 10;
}

.dashboard-table
{
	position: relative;

	width: 100%;

	order: 100;
}

.switch-label[for]
{
	cursor: pointer;
}

.switch-label.top
{
	line-height: 1.1em;
	width: 100%;

	padding-left: 0;

	font-size: .75em;
	color: #9D9D9D;
}

.switch-label.left
{
	margin-right: 2px;
}

.switch-label.right
{
	margin-left: 0;
}

.mui-switch
{
	height: 30px;
}

.switch-label.top + .mui-switch
{
	margin-top: -6px;
}

.modal-info-box
{
	display: inline-flex;

	margin: 12px auto;
	padding: 8px 15px;

	font-weight: 700;
	color: #1F1F1F;

	border: 2px solid currentColor;
}

.cell-alinea
{
	display: inline-block;

	height: 1px;
	width: 25px;
}

.mui-select select
{
	padding-right: 8px;
	padding-left: 8px;
}

.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;
}

.mui-date-picker input
{
	padding: 20px 2px 5px;
}

.mui-date-picker.date-in-dashboard
{
	display: block;

	width: 100%;
}

.mui-date-picker.date-in-dashboard > div
{
	display: flex;

	flex-direction: row;

	width: 100%;

	padding: 0;
}

.mui-date-picker.date-in-dashboard input
{
	display: flex;

	width: 10px;

	padding: 2px 2px;

	flex-shrink: 1;
	flex-basis: 10px;
	flex-grow: 1;
}

.mui-date-picker.date-in-dashboard input + div
{
	position: static;
	display: block;

	height: auto;
	min-height: 0;
	max-height: none;
	width: 26px;

	margin: 0;
}

.mui-date-picker label
{
	top: 8px;
	left: -12px;
	padding: 0;
}

.mui-date-picker.date-in-dashboard button
{
	top: 0;
	padding: 2px 0;
}

.mui-date-picker button
{
	top: 4px;
}

.mui-date-picker fieldset
{
	display: block;

	padding: 0;

	border-radius: 0;
	border-width: 0 0 1px 0;
	border-color: #949494;
}

.mui-date-picker .Mui-focused fieldset,
.mui-date-picker:hover fieldset
{
	border-width: 0 0 2px 0 !important;
}

.mui-date-picker .Mui-focused fieldset
{
	border-color: #009FF2;
}

.MuiDayPicker-monthContainer .Mui-selected
{
	color: #FFF;
}

.vehicle-cbs
{
	display: flex;

	flex-wrap: wrap;
	gap: 0 20px;

	margin-top: 0;
}

.mui-cb
{
	display: flex;

	align-items: center;
}

.mui-cb__label
{
	cursor: pointer;
}

.mui-cb.is-disabled .mui-cb__label
{
	cursor: default;
}

.mui-select label
{
	font-family: inherit;
}

/**
 * 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: 1201px)
{
	.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: #00A1F7;
	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;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.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;
}
.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: #00A1F7;
}

.modal-label:after
{
	display: block;

	height: 2px;
	width: 2px;

	margin-left: 8px;

	background-color: hsl(0, 0%, 86%);

	content: '';

	flex-grow: 1;
}

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;

	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;
}

/*
	$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;
}

.u-overflow-hidden
{
	overflow: hidden;
}

.u-responsive-img
{
	display: block;

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

.u-scroll-y
{
	overflow-y: auto;
}

.u-scroll-x
{
	overflow-x: auto;
}

.u-uppercase
{
	text-transform: uppercase;
}

.u-center
{
	text-align: center;

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

.u-no-padding
{
	padding: 0;
}

.no-horizontal-padding
{
	padding-right: 0;
	padding-left: 0;
}

.u-padding-left-0
{
	padding-left: 0;
}

.u-no-padding-right
{
	padding-right: 0;
}

.u-block
{
	display: block;
}

.u-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
{
	order: -1;
}

.u-order-0
{
	order: 0;
}

.u-order-1
{
	order: 1;
}

.u-order-2
{
	order: 2;
}

.u-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-table-row
{
	display: table-row;
}

.u-table-cell
{
	display: table-cell;
}

.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-margin-top-50
{
	margin-top: 50px;
}

.u-margin-top-45
{
	margin-top: 45px;
}

.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-45
{
	margin-bottom: 45px;
}

.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-no-margin-bottom,
.u-margin-bottom-0
{
	margin-bottom: 0;
}

.u-no-margin-top,
.u-margin-top-0
{
	margin-top: 0;
}

.u-margin-left-50
{
	margin-left: 50px;
}

.u-margin-left-45
{
	margin-left: 45px;
}

.u-margin-left-45
{
	margin-left: 45px;
}

.u-margin-left-40
{
	margin-left: 40px;
}

.u-margin-left-35
{
	margin-left: 35px;
}

.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-45
{
	margin-right: 45px;
}

.u-margin-right-40
{
	margin-right: 40px;
}

.u-margin-right-35
{
	margin-right: 35px;
}

.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-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-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-no-padding-bottom
{
	padding-bottom: 0;
}

.u-no-padding-top,
.u-padding-top-0
{
	padding-top: 0;
}

.u-padding-left-30
{
	padding-left: 30px;
}

.u-padding-left-25
{
	padding-left: 25px;
}

.u-padding-left-20
{
	padding-left: 20px;
}

.u-padding-left-15
{
	padding-left: 15px;
}

.u-padding-left-10
{
	padding-left: 10px;
}

.u-padding-left-5
{
	padding-left: 5px;
}

.u-padding-right-25
{
	padding-right: 25px;
}

.u-padding-right-20
{
	padding-right: 20px;
}

.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;

	align-self: center;
}

.u-full-width
{
	width: 100%;
}

.u-width-auto
{
	width: auto;
}

.u-negative-margin,
.u-negative-margins
{
	margin-right: -10px;
	margin-left: -10px;
}

.u-clearfix:after,
.u-clearfix:before
{
	display: block;

	height: 0;
	width: 100%;

	content: '';

	clear: both;
}

.u-weight-normal
{
	font-weight: normal;
}

.u-weight-500
{
	font-weight: 500;
}

.u-weight-600
{
	font-weight: 600;
}

.u-weight-700
{
	font-weight: 700;
}

.u-weight-800
{
	font-weight: 800;
}

.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-table
{
	display: table;
}

.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-vertical-align-top
{
	vertical-align: top;
}

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

.u-readers-only
{
	position: absolute;
	visibility: hidden;

	height: 1px;
	width: 1px;

	margin: 0;
	padding: 0;

	white-space: nowrap;

	border: none;

	overflow: hidden;
	clip: rect(1px,1px,1px,1px);

	z-index: -1000;
}

.u-hidden
{
	display: none;
}

.u-list
{
	list-style: disc;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.u-mobile-hidden
	{
		display: none;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.u-tablet-hidden
	{
		display: none;
	}
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.u-laptop-hidden
	{
		display: none;
	}
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1537px)
{
	.u-desktop-hidden
	{
		display: none;
	}
}

.u-hide-visually
{
	position: absolute !important;

	height: 1px !important;
	width: 1px !important;

	white-space: nowrap !important;

	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;

	clip-path: inset(50%) !important;
}

.u-auto-grid:after,
.u-auto-grid:before
{
	height: 1px;
	width: 1em;

	content: '';

	flex-grow: 1;
	order: 1000;
}