html
{
	    overflow-x: hidden;
	-ms-overflow-x: hidden;
}

body
{
	padding-right: 0 !important;

	overflow: initial !important;
}

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

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

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

	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #1F1F1F;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	body,
	body > [id='app'],
	.front-page,
	.back-page
	{
		display: flex;

		flex-direction: column;
	}
}

.front-page
{
	display: flex;
}

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

img
{
	display: block;
}

html
{
	box-sizing: border-box;
}

*,
:before,
:after
{
	box-sizing: inherit;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

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

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

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

button
{
	line-height: 1em;

	padding: 0;

	background: none;

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

	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	border: none;

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

	overflow: visible;

	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

button:focus
{
	outline: none;
}

a:not([class])
{
	position: relative;
	display: inline-block;

	color: inherit;
	text-decoration: none;

	-webkit-transition: color 240ms;
	    -ms-transition: color 240ms;
	        transition: color 240ms;

	z-index: 0;
}

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

	outline: none;

	-webkit-transition: color 220ms ease 20ms;
	    -ms-transition: color 220ms ease 20ms;
	        transition: color 220ms ease 20ms;
}

a:not([class]):before
{
	position: absolute;

	height: 100%;
	width: 100%;

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

	background-color: #E93339;

	content: '';

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

	-webkit-box-sizing: content-box;
	        box-sizing: content-box;

	z-index: -1;
}

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

a:not([class]):after
{
	position: absolute;

	height: 2px;
	width: 100%;

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

	background-color: #E93339;

	content: '';

	box-sizing: content-box;

	z-index: -1;
}

strong
{
	font-weight: 600;
}

p:not([class])
{
	line-height: 2em;
}

ul
{
	padding-left: 0;
	list-style: none;
}

ul:not([class])
{
	padding-left: 2.4em;
	list-style: disc;
}

.o-content
{
	position: relative;

	padding: 0 15px;
}

.o-negative-content
{
	margin-right: -14px;
	margin-left: -14px;
}

.o-global-search
{
	position: fixed;
	display: flex;
	opacity: 1;

	flex-direction: column;

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

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

	-webkit-transition: opacity 200ms ease 140ms, width 320ms ease-in-out;
	    -ms-transition: opacity 200ms ease 140ms, width 320ms ease-in-out;
	        transition: opacity 200ms ease 140ms, width 320ms ease-in-out;
	-webkit-animation: cover-animation 320ms ease;
	   -moz-animation: cover-animation 320ms ease;
	        animation: cover-animation 320ms ease;

	z-index: 4000;

	align-items: center;
}

.o-global-search--with-sidebar
{
	width: calc(100% - 215px);
}

.o-global-search:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	background-color: rgba(248, 248, 248, .95);

	content: '';

	transform: translateZ(0);

	z-index: -1;
}

.o-global-search--fade
{
	opacity: 0;
}

.o-global-search__close
{
	position: absolute;
	display: inline-block;

	min-width: 0;

	top: 12px;
	right: 12px;
	padding: 0;

	color: #000;

	cursor: pointer;

	border-radius: 50%;

	z-index: 100;
}

.o-global-search__close-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 50px;

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

.o-global-search__close-icon:before,
.o-global-search__close-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

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

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.o-global-search__close-icon:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.o-global-search__close-icon:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.o-global-search__bar
{
	position: relative;
	display: flex;

	max-width: 100%;

	color: #000;

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

.o-global-search__bar,
.o-global-search__input-display
{
	padding: 30px 80px 30px 120px;
}

.o-global-search__label-icon
{
	height: 1em;
	width: 1em;

	font-size: 42px;
	color: inherit;
}

.o-global-search__label
{
	position: absolute;
	display: flex;

	top: 50%;
	margin-top: -22px;
	left: 65px;

	text-transform: uppercase;

	order: 1;
	align-items: center;
}

.o-global-search__input,
.o-global-search__input-info
{
	width: auto;
	min-width: 0;
	max-width: 100%;

	padding: 0;

	background-color: transparent;

	font-family: inherit;

	border: none;

	box-shadow: none;

	outline: none;

	order: 10;
	flex-grow: 1;
}

.o-global-search__input-info
{
	position: absolute;
	visibility: hidden;

	padding-right: 15px;

	z-index: -1;
}

.o-global-search__input,
.o-global-search__placeholder,
.o-global-search__input-info
{
	font-size: 3rem;
}

.o-global-search__input-display
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	border: none;

	outline: none;

	align-items: center;
}

.o-global-search__placeholder
{
	padding-left: 8px;
}

.o-global-search__placeholder
{
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 100;
	color: hsla(0, 0%, 82%, 1);

	text-transform: uppercase;

	align-items: center;
}

.o-global-search__content
{
	position: relative;

	width: 100%;

	overflow: auto;
}

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

	$blue       : #006EB2;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

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

	height: 64px;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	font-size: 1em;

	border-bottom: 1px solid #E0E0E0;

	z-index: 10;

	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.o-header__menu-actions
{
	display: flex;

	flex-shrink: 0;
}


.o-header__menu-actions,
.o-header__logout
{
	flex-basis: 185px;
}

.o-header__title
{
	display: flex;

	font-size: 1.4em;

	text-align: center;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-header__title
	{
		display: none;
	}
}

.o-header__logout
{
	display: flex;

	max-width: 100%;

	padding: 0;

	flex-shrink: 0;
}

.o-header__logout-btn
{
	position: relative;

	line-height: 1em;
	width: 100%;
	min-width: 0;
	max-width: 100%;

	padding: 0;

	font-weight: 600;
	font-size: .75em;

	border-radius: 0;
}

.o-header__logout-icon
{
	display: block;

	margin-right: 6px;

	font-size: 26px;
}

.o-header__toggle-title
{
	display: block;

	margin-left: 12px;

	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;
}

.o-header__toggle
{
	width: 120px;
	max-width: 100%;
}

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

	border-radius: 0;

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

.o-header__search:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';
}

.o-header__search-icon
{
	height: 1em;
	width: 1em;

	font-size: 26px;
}

.o-info-bar
{
	position: relative;
	display: flex;

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

	width: 100%;

	border-left: 12px solid #E93339;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

@media (max-width: 1200px)
{
	.o-info-bar
	{
		border: none;
	}
}

.o-info-bar__body
{
	display: flex;

	flex-wrap: wrap;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.o-info-bar__logo-link
{
	display: block;

	width: 50%;

	margin: auto;
}

@media (max-width: 1200px)
{
	.o-info-bar__logo-link
	{
		height: 100px;
		width: auto;
		max-width: 100%;

		margin-bottom: 15px;
	}
}

.o-info-bar__logo
{
	display: block;

	height: 100%;
	width: 100%;

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

	object-fit: contain;
	object-position: center;
}


.o-info-bar__title
{
	width: 100%;

	padding: 0 25px;

	text-align: center;
}

@media (max-width: 1700px)
{
	.o-info-bar .o-info-bar__title
	{
		font-size: 1.65em;
	}
}

@media (max-width: 1200px)
{
	.o-info-bar .o-info-bar__title
	{
		margin-bottom: 15px;

		font-size: 1.2em;
	}
}

.o-info-bar__footer
{
	margin-top: 25px;
	padding: 0 35px;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.o-info-bar__keywords
{
	display: flex;

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

	width: 100%;

	padding: 0 25px;

	-webkit-justify-content: space-around;
	        justify-content: space-around;
}

@media (max-width: 1700px)
{
	.o-info-bar__keywords
	{
		font-size: .9em;
	}
}

@media (max-width: 1200px)
{
	.o-info-bar__keywords
	{
		width: auto;

		margin: 0 auto;

		font-size: .9em;
	}

	.o-info-bar__keywords > div + div
	{
		margin-left: 8px;
	}
}

@media (max-width: 425px)
{
	.o-info-bar__keywords
	{
		margin-bottom: -10px;
	}

	.o-info-bar__keywords > div
	{
		margin-bottom: 10px;
	}
}

.o-info-bar__contact
{
	display: flex;

	margin-bottom: 12px;

	justify-content: space-between;
}

.o-info-bar__address
{
	width: 100%;

	margin-bottom: 15px;
	padding-bottom: 15px;

	text-align: center;

	border-bottom: 1px solid #000;
}

.o-info-bar__phone
{
	font-size: .95em;
}

.o-info-bar__legal
{
	font-size: .95em;
	color: inherit;
	text-decoration: none;

	text-align: right;
}

.o-info-bar__legal:after,
.o-info-bar__phone:after
{
	display: inline-block;

	height: 1em;
	width: .95em;

	margin-left: 6px;

	background-color: #E93339;

	font-weight: 600;
	font-size: 10px;

	content: '';

	box-shadow: 2px 2px 0 0 rgba(17, 17, 17, .15);
}

.o-mobile-header
{
	position: fixed;
	display: none;

	height: auto;
	width: 100%;

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

	background-color: #FFF;

	text-align: right;

	z-index: 10;
}

/* -------- Mobile -------- */
@media (max-width: 1200px)
{
	.o-mobile-header
	{
		display: block;
	}
}

.o-mobile-header__logo
{
	display: inline-block;

	height: 50px;

	margin-right: 20px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-mobile-header__logo
	{
		position: relative;

		height: 44px;

		top: 4px;
		margin-right: 15px;
	}
}

/*
	$red : #E93339;
*/

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

	flex-direction: column;

	height: 100%;
	width: 265px;

	top: 0;

	background-color: #000;

	color: #FFF;

	border-bottom: 2px solid #E93339;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

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

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

	top: 64px;
	left: 0;
	padding-top: 10px;
	padding-right: 6px;
	padding-left: 8px;
	padding-bottom: 15px;

	background-color: white;
	background-clip: content-box;

	border-bottom: none;

	transition: transform 320ms ease-in-out;
	transform: translateX(-100%);

	flex-grow: 1;
}

.o-sidebar--back[aria-expanded='true']
{
	transform: translateX(0);
}

.o-sidebar--back:before
{
	position: absolute;

	height: 6px;
	width: 100%;

	left: 0;
	bottom: 9px;
	padding-left: 18px;

	background-color: #E0E0E0;
	background-clip: content-box;

	content: '';
}

.o-sidebar--back:after
{
	position: absolute;

	height: 100%;
	width: 6px;

	right: 0;
	padding-top: 10px;
	padding-bottom: 20px;

	background-color: #E0E0E0;
	background-clip: content-box;

	content: '';
}

@media (max-width: 1500px)
{
	.o-sidebar--front
	{
		position: absolute;

		top: 0;
		left: 0;

		transition: transform 320ms ease-in-out;
		transform: translateX(-100%);

		z-index: 1;
	}
}

@media (max-width: 1500px)
{
	.o-sidebar--front[aria-expanded='true']
	{
		transform: translateX(0);
	}
}

@media (max-width: 1200px)
{
	.o-sidebar--front
	{
		position: fixed;

		z-index: 1;
	}
}

@media (max-height: 700px)
{
	.o-sidebar
	{
		overflow-y: auto;
	}
}

.o-sidebar__title
{
	display: flex;

	color: #EFEFEF;

	text-transform: uppercase;

	border-bottom: 2px solid #707070;

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

.o-sidebar__overlay
{
	position: fixed;
	visibility: hidden;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(77, 65, 65, .9);

	-webkit-transition: visibility 240ms ease, opacity 240ms ease;
	    -ms-transition: visibility 240ms ease, opacity 240ms ease;
	        transition: visibility 240ms ease, opacity 240ms ease;

	z-index: 0;
}

@media (max-width: 1500px)
{
	.o-sidebar__overlay[aria-hidden='false']
	{
		visibility: visible;
		opacity: 1;
	}
}


/* ------------------------------------- *\
|* -------- # o-sidebar-item # --------- *|
\* ------------------------------------- */

.o-sidebar-item
{
	position: relative;
	display: flex;

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

	padding: 20px 0;

	font-weight: 300;
	color: #EFEFEF;

	border-bottom: 2px solid #707070;

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

.o-sidebar--back .o-sidebar-item
{
	padding: 0;

	color: #000;

	border-bottom: 1px solid #E0E0E0;
}

.o-sidebar--back .o-sidebar-item--link
{
	display: flex;

	padding: 4px 0;

	align-items: center;
}

@media (max-height: 830px) and (max-width: 1500px)
{
	.o-sidebar-item
	{
		padding: 12px 0;
	}
}

.o-sidebar-item--active,
.o-sidebar-item--link:hover
{
	background-color: #2E2E2F;
}

.o-sidebar--back .o-sidebar-item--active,
.o-sidebar--back .o-sidebar-item--link:hover
{
	background-color: transparent;
}

.o-sidebar--back .o-sidebar-item--link.o-sidebar-item--active,
.o-sidebar--back .o-sidebar-item--link:hover
{
	background-color: whitesmoke;
}

.o-sidebar-item--special
{
	display: flex;

	flex-wrap: nowrap;

	max-width: 100%;

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

	background-color: #FFF;

	font-weight: 500;
	font-size: 1.2em;
	color: #000;

	border-radius: 6px;
	border: none;

	-webkit-transition: background-color 240ms ease, color 240ms ease;
	    -ms-transition: background-color 240ms ease, color 240ms ease;
	        transition: background-color 240ms ease, color 240ms ease;

	justify-content: center;
	flex-grow: 0;
	align-self: center;
}

@media (max-height: 840px)
{
	.o-sidebar-item--special
	{
		margin: 20px 0;
	}
}

@media (max-height: 700px)
{
	.o-sidebar-item--special
	{
		margin: 12px 0;
	}
}


.o-sidebar-item--special:hover
{
	background-color: #EA343A;

	color: #FFF;
}

.o-sidebar-item__label
{
	position: relative;

	width: 100%;

	padding: 0 50px;

	color: inherit;

	text-align: center;
}

.o-sidebar--back .o-sidebar-item__label
{
	display: flex;

	padding: 5px 30px 5px 50px;

	font-weight: 500;
	font-size: 1.05em;

	text-align: left;

	align-items: center;
}

.o-sidebar--back  .o-sidebar-item--link .o-sidebar-item__label
{
	padding-right: 0;
	padding-left: 12px;
}

.o-sidebar-item--active .o-sidebar-item__label:before,
.o-sidebar--back .o-sidebar-item__label:before
{
	position: absolute;

	height: 2px;
	width: 40px;

	top: 50%;
	margin-top: -1px;
	left: 0;

	background-color: #E93339;

	content: '';
}

.o-sidebar--back .o-sidebar-item__label:before
{
	background-color: #BCBCBC;
}

.o-sidebar--back .o-sidebar-item--link .o-sidebar-item__label:before
{
	background-color: transparent;
}

.o-sidebar--back .o-sidebar-item__label:before
{
	width: 28px;

	-webkit-transition: background-color 240ms ease;
	    -ms-transition: background-color 240ms ease;
	        transition: transform 240ms ease, background-color 240ms ease;
}

.o-sidebar--back .o-sidebar-item--collapse-open .o-sidebar-item__label:before
{
	transform: translateX(22px) scaleX(.6);
}

.o-sidebar--back .o-sidebar-item--with-collapse .o-sidebar-item__label:after
{
	position: absolute;

	height: 14px;
	width: 2px;

	top: 16px;
	left: 27px;

	background-color: #BCBCBC;

	content: '';

	transition: transform 180ms ease 240ms, background-color 240ms ease;
	transform: scaleY(0);
	transform-origin: top;
}

.o-sidebar--back .o-sidebar-item--collapse-open .o-sidebar-item__label:after
{
	transform: scaleY(1);
}

.o-sidebar--back .o-sidebar-item--with-collapse .o-sidebar-item__label
{
	cursor: pointer;
}

.o-sidebar--back .o-sidebar-item--with-collapse .o-sidebar-item__label:hover:before,
.o-sidebar--back .o-sidebar-item--with-collapse .o-sidebar-item__label:hover:after
{
	background-color: #000;
}

.o-sidebar--back .o-sidebar-item--with-collapse.o-sidebar-item--active .o-sidebar-item__label:before,
.o-sidebar--back .o-sidebar-item--with-collapse.o-sidebar-item--active .o-sidebar-item__label:after
{
	background-color: #E93339;
}

.o-sidebar-item--special .o-sidebar-item__label
{
	line-height: 1.5em;
	width: auto;

	margin-left: 8px;
	padding: 0;
}

.o-sidebar-item--special  .o-sidebar-item__label:before
{
	display: none;
}

.o-sidebar-item--special .o-sidebar-item__icon
{
	font-size: 30px;
}




/* ------------------------------------- *\
|* --------- # o-sidebar-menu # -------- *|
\* ------------------------------------- */

.o-sidebar-menu
{
	display: inline-block;

	margin: 10px 0 0;

	text-align: left;
}

.o-sidebar--back .o-sidebar-menu
{
	display: flex;

	flex-direction: column;

	margin-top: 0;

	justify-content: center;
}

.o-sidebar-menu__item
{
	position: relative;
	display: block;

	margin-top: 4px;
}

.o-sidebar--back .o-sidebar-menu__item
{
	margin-top: 0;
}

.o-sidebar-menu__item:before
{
	position: absolute;
	opacity: 0;

	top: 50%;
	left: 0;

	content: '<';

	transition: transform 200ms ease, opacity 200ms ease;
	transform: translate3d(-4px, -50%, 0);
}

.o-sidebar--back .o-sidebar-menu__item:before,
.o-sidebar--back .o-sidebar-menu__item:after
{
	display: none;
}

.o-sidebar-menu__item.active:before
{
	display: none;
}

.o-sidebar--back .o-sidebar-menu__item.active:before
{
	position: absolute;
	display: block;

	content: '';
}

.o-sidebar-menu__item:hover:before
{
	opacity: 1;

	transition: transform 200ms ease 120ms, opacity 200ms ease 120ms;
	transform: translate3d(0, -50%, 0);
}

.o-sidebar-menu__link
{
	position: relative;
	display: flex;

	width: 100%;

	color: #EFEFEF;
	text-decoration: none;

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

.o-sidebar--back .o-sidebar-menu__link
{
	padding: 6px 0 6px 12px;

	font-weight: 500;
	color: #000;
}

.o-sidebar--back .o-sidebar-menu__link.active,
.o-sidebar--back .o-sidebar-menu__link:hover
{
	background-color: #F5F5F5;
}

.o-sidebar-menu__link,
.o-sidebar-menu__link:active,
.o-sidebar-menu__link:focus
{
	outline: none;
}

.o-sidebar-menu__link:before
{
	display: inline-block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: #EFEFEF;

	font-size: 5px;

	content: '';

	transition: opacity 120ms ease 200ms;
}

.o-sidebar--back .o-sidebar-menu__link:before,
.o-sidebar--back .o-sidebar-menu__link:after
{
	display: none;
}

.o-sidebar-menu__link:hover:before
{
	opacity: 0;

	transition: opacity 120ms ease;
}

.o-sidebar-menu__link.active:hover:before
{
	opacity: 1;
}

.o-sidebar-menu__link.active:before
{
	height: auto;
	width: auto;
	width: 8px;

	margin-right: 5px;

	background-color: transparent;

	font-weight: 500;
	font-size: 1em;
	color: #E93339;

	content: '<';
}

.o-sidebar-menu__link:after
{
	opacity: 0;

	height: auto;
	width: auto;

	margin-left: 6px;

	background-color: transparent;

	font-weight: 500;
	font-size: 1em;
	color: #FFF;

	content: '/>';

	transition: transform 320ms ease, opacity 320ms ease;
	transform: translateX(4px);
}

.o-sidebar-menu__link.active:after
{
	color: #E93339;
}

.o-sidebar-menu__link.active:after,
.o-sidebar-menu__link:hover:after,
.o-sidebar-menu__link:focus:after
{
	opacity: 1;

	transform: translateX(0);
}


/* ------------------------------------ */
/* ------- o-sidebar-menu__icon ------- */
/* ------------------------------------ */

.o-sidebar-menu__icon,
.o-sidebar-menu__label-icon
{
	height: 1em;

	margin-right: 10px;

	font-size: 28px;
}




/* ------------------------------------- *\
|* ------- # c-sidebar-toggle # -------- *|
\* ------------------------------------- */

.c-sidebar-toggle
{
	position: fixed;
	display: none;

	top: 15px;
	left: 0;
	margin-left: 25px;

	align-items: center;
}

.c-sidebar-toggle:active,
.c-sidebar-toggle:focus
{
	outline: none;
}

.c-sidebar-toggle--overlay
{
	right: 12px;
	left: auto;
}

/* ---- Laptop, Tablet, Mobile ---- */
@media (max-width: 1500px)
{
	.c-sidebar-toggle--overlay
	{
		display: flex;
	}
}

/* -------- Laptop -------- */
@media (max-width: 1500px) and (min-width: 1201px)
{
	.c-sidebar-toggle--menu
	{
		display: flex;

		right: auto;
		left: 0;
	}
}

/* -------- Mobile & Tablet -------- */
@media (max-width: 1200px)
{
	.c-sidebar-toggle
	{
		display: flex;

		margin-left: 15px;
	}
}

.c-sidebar-toggle__icon
{
	height: 1.4em;
	width: 1.4em;

	margin-right: 6px;
	padding: 4px 6px;

	background-color: #000;

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

	border-radius: 50%;
}

.c-sidebar-toggle__label
{
	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;
}

/* -------- Mobile -------- */
@media (max-width: 390px)
{
	.c-sidebar-toggle--overlay .c-sidebar-toggle__label
	{
		position: absolute;
		opacity: 0;

		z-index: -1;
	}
}

.c-sidebar-toggle[aria-pressed='true'] .c-sidebar-toggle__label
{
	color: #FFF;
}

.o-wrapper-link
{
	text-decoration: none;
}
.c-agent-name
{
	display: inline-flex;

	height: 2.3em;
	line-height: 1em;
	width: 2.3em;

	background-color: #E0E0E0;

	font-weight: 600;
	font-size: 14px;

	text-align: center;

	border-radius: 50%;

	overflow: hidden;

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

.c-agent-name--editable
{
	position: relative;

	cursor: pointer;
}

.c-agent-name--5b897bec08bc4464cd1bde15
{
	background-color: #8CF3F3;

	color: #3E3E3E;
}

.c-agent-name--5bb78e1b05f1e81d2ef4f3b5
{
	background-color: #048B9A;

	color: #FFF;
}

.c-agent-name--5bb5eababeed215bf77e6655
{
	background-color: #FF8318;

	color: #FFF;
}

.c-agent-name--5e7504bac700265d3f6b8121
{
	background-color: #4CAF50;

	color: #FFF;
}

.c-agent-name--5e75048fc700265d3f6b8120
{
	background-color: #7BC9F0;

	color: #FFF;
}

.c-agent-name--5e750422c700265d3f6b811e
{
	background-color: #C6935B;

	color: #FFF;
}

.c-agent-name--5e75045fc700265d3f6b811f
{
	background-color: #E4B040;

	color: #FFF;
}

.c-agent-name--editable:after
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(0, 0, 0, .15);

	content: '';

	transition: opacity 240ms ease;
}

.c-agent-name--editable:hover:after
{
	opacity: 1;
}


.c-apex-tooltip
{
	position: relative;
	display: flex;

	flex-direction: column;
}

.c-apex-tooltip__title
{
	padding: 6px 15px;

	background-color: #F0F0F0;

	color: #000;

	border-bottom: 1px solid #CFCFCF;
}

.c-apex-tooltip__value
{
	padding: 5px 12px;

	font-size: 1em;
}

.c-autocompleted-field
{
	position: relative;

	width: 100%;

	z-index: 1;
}

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

	top: 0;
	left: 8px;

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

	content: '';
}

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

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

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

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

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

	background-color: currentColor;

	transform: rotateZ(45deg);
}

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

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

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

.c-autocompleted-field__results
{
	position: absolute;

	width: 100%;

	top: 100%;
	margin-top: 0;

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

	z-index: -1;
}

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

.c-blockquote
{
	position: relative;

	line-height: 2em;

	margin: 0;
	margin-top: 35px;
	padding: 25px 30px 20px;

	background-color: #E3E3E8;

	font-weight: 500;

	text-align: center;
}

.c-blockquote:before
{
	position: absolute;

	height: 48px;
	line-height: 1.12em;
	width: 48px;

	top: -25px;
	left: 50%;
	margin-left: -25px;

	background-color: rgba(255, 255, 255, .85);

	font-family: Arial, 'sans-serif';
	font-size: 76px;
	color: #E93339;

	content: '“';
	text-align: center;
	text-indent: -1px;

	border-radius: 50%;
}

.c-breadcrumb
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin: 0;
	padding-top: 15px;

	font-size: .9em;
	color: #6C6C84;
}

.c-breadcrumb__item
{
	display: flex;

	align-items: center;
}

.c-breadcrumb__item:not(:last-child):after
{
	display: block;

	margin: 0 12px;

	font-size: 1.1em;

	content: '>';
	text-align: center;

	flex-shrink: 0;
}

.c-breadcrumb__link
{
	display: flex;

	color: inherit;
	text-decoration: none;

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

a.c-breadcrumb__link
{
	position: relative;
}

a.c-breadcrumb__link:after
{
	position: absolute;
	opacity: 0;

	height: 2px;
	width: 100%;

	top: 100%;

	background-color: #E93339;

	content: '';

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

a.c-breadcrumb__link:hover:after
{
	opacity: 1;

	transform: translateY(3px);
}

span.c-breadcrumb__link
{
	font-weight: 600;
	color: #E93339;
}

.c-breadcrumb__link-icon
{
	color: #000;
}

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

	$blue       : #006EB2;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

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

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

	width: 100%;

	padding: 0;
}

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

	width: 100%;

	padding: 15px 25px 19px;

	font-size: 1.25em;

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

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

	font-size: 23px !important;
}

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

	height: 4px;
	width: 100%;

	left: 0;
	bottom: 0;

	content: '';
}

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

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

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

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

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

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

.c-card__body
{
	display: flex;

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

	padding: 15px 25px;

	text-align: center;

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

/*
	$gray  : #42A343;
	$green : #42A343;
	carbon : #1F1F1F;
	$blue  : #3480EA;
	$red   : #E93339;
*/

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

	padding: 8px 12px;

	color: #757575;

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

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

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

	padding: 6px 10px;

	border-radius: 0;

	justify-content: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-chart-legend__txt
{
	display: flex;

	color: inherit;

	align-items: center;
}

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

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: currentColor;

	font-size: 10px;

	content: '';

	border-radius: 50%;
}

.c-contact-block
{
	position: relative;

	padding: 25px 20px;

	background-color: #E93339;

	color: #FFF;

	text-align: center;

	z-index: 0;
}

.c-contact-block__title
{
	margin-bottom: 35px;

	font-weight: 600;
	font-size: 1.4em;
}

.c-contact-block__body
{
	margin-bottom: 29px;

	font-weight: 500;
	font-size: 1.1em;
}

.c-contact-block__icon
{
	position: absolute;
	opacity: .15;

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

	font-size: 200px;

	z-index: -1;
}

.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--head
{
	min-height: 0;

	font-size: .95em;

	text-transform: uppercase;
}

.c-dashboard__row.sortable,
.c-dashboard--payments.c-dashboard--head .c-dashboard__row
{
	font-weight: 600;
}

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

.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: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard--head .c-dashboard__cell
{
	align-items: center;
}

.c-dashboard__cell-content
{
	display: flex;

	flex-grow: 1;
}

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

	padding: 0;

	font-size: 1em;

	border-radius: 0;

	justify-content: left;
}

.c-dashboard__sort span
{
	display: flex;

	align-items: center;
}

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

.c-dashboard__cell:not(.sortable):not(.selection).actions-cell
{
	padding-top: 0;
	padding-bottom: 0;

	align-items: stretch;
}

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

	font-size: 16px;

	transform: scaleY(-1);
}

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

	height: .8em;
	width: 1em;

	top: -3px;
	margin-bottom: 0;

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

	content: '';

	transform: scaleY(-1);
}

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

	height: .35em;
	width: 2px;

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

	background-color: currentColor;

	color: inherit;

	content: '';
}

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

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

	top: .35em;
	left: 50%;
	margin-left: -.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.desc .c-dashboard__sort-icon
{
	transform: scaleY(1);
}

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

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

.c-dashboard__cell.selection
{
	position: relative;

	width: 46px;
	min-width: 0;

	padding: 0;

	border-radius: 0;

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

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

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

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

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

	font-size: 22px;

	content: '';

	border: 1px solid #BCBCBC;
}

.c-dashboard__checked-cell
{
	position: absolute;

	height: 1em;
	width: 1em;

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

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

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

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

.c-dashboard__long-text
{
	display: block;

	width: 10px;
	min-width: 0;

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

	overflow: hidden;

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

.c-dashboard__cell-btn
{
	width: 100%;
	min-width: 0;

	padding: 4px 8px;

	border-radius: 0;
}

.c-dashboard__edit-icon
{
	font-size: 20px;
}

.c-dashboard__cell.Contract-title,
.c-dashboard__cell.Contract-category,
.c-dashboard__cell.Contract-title,
.c-dashboard__cell.Contract-client_name,
.c-dashboard__cell.Quote-title,
.c-dashboard__cell.Quote-client_name,
.c-dashboard__cell.Bill-title,
.c-dashboard__cell.Bill-client_name,
.c-dashboard__cell.Payment-client_name,
.c-dashboard__cell.BillPayment-label
{
	display: flex;

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


/* ------------------------------------ */
/* ----------- Quote fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Quote-number
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Quote-created_at
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Quote-validity_end
{
	flex-basis: 220px;
	flex-grow: 0;
}

.c-dashboard__cell.Quote-grand_total
{
	flex-basis: 135px;
	flex-grow: 0;
}

.c-dashboard__cell.Quote-status
{
	flex-basis: 190px;
	flex-grow: 0;
}


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

.c-dashboard__cell.Bill-number
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Bill-bill_date
{
	flex-basis: 135px;
	flex-grow: 1;
}

.c-dashboard__cell.Bill-payment
{
	flex-basis: 170px;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-grand_total
{
	flex-basis: 145px;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-status
{
	flex-basis: 125px;
	flex-grow: 0;
}

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

.c-dashboard__cell.Bill-exported .c-dashboard__icon
{
	font-size: 16px;
}


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


/* ------------------------------------ */
/* -------- BillPayment fields -------- */
/* ------------------------------------ */


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

.c-dashboard__cell.BillPayment-amount
{
	flex-basis: 220px;
	flex-grow: 0;
}

.c-dashboard__cell.BillPayment-date
{
	flex-basis: 180px;
	flex-grow: 0;
}

.c-dashboard__cell.BillPayment-type
{
	flex-basis: 180px;
	flex-grow: 0;
}

.c-dashboard__cell.BillPayment-vat
{
	flex-basis: 120px;
	flex-grow: 1;
}

.c-dashboard__cell.BillPayment-credit-number
{
	flex-basis: 125px;
	flex-grow: 0;
}

.c-dashboard__cell.BillPayment-actions
{
	flex-basis: 320px;
	align-items: center;
	flex-grow: 0;
}


/* ------------------------------------ */
/* -------- TimeTracking fields ------- */
/* ------------------------------------ */


.c-dashboard__cell.TimeTracking-date
{
	flex-basis: 160px;
	flex-grow: 0;
}

.c-dashboard__cell.TimeTracking-user
{
	flex-basis: 130px;
	flex-grow: 0;
}

.c-dashboard__cell.TimeTracking-time
{
	flex-basis: 135px;
	flex-grow: 0;
}

.c-dashboard__cell.TimeTracking-category
{
	flex-basis: 145px;
	flex-grow: 0;
}

.c-dashboard__cell.TimeTracking-comment
{
	flex-grow: 6;
}

.c-dashboard__cell.TimeTracking-client_id
{
	flex-grow: 4;
}

.c-dashboard__cell.TimeTracking-project_id
{
	flex-grow: 4;
}

.c-dashboard__cell.TimeTracking-edit
{
	flex-basis: 90px;
	flex-grow: 0;
}

.c-delete-btn
{
	position: relative;

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

	background-color: #E93339;

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

	cursor: pointer;
	text-indent: 100px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #E93339;

	overflow: hidden;

	transition: background-color 240ms ease, border-color 240ms ease, color 240ms ease;

	flex-shrink: 0;
}

.c-delete-btn--drive-link
{
	font-size: 26px;
}

.c-delete-btn:hover
{
	background-color: transparent;

	color: #E93339;
}

.c-delete-btn:before,
.c-delete-btn:after
{
	position: absolute;

	height: .5em;
	width: 2px;

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

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-delete-btn:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-delete-btn:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

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

	$blue       : #006EB2;
	$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: #006EB2;
}

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

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.c-donut__chart
	{
		height: 110px;
		width: 110px;
	}

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

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-donut__chart
	{
		height: 100px;
		width: 100px;
	}

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

.c-donut__top-txt
{
	margin-bottom: 12px;

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

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

	margin-top: 20px;

	-webkit-justify-content: center;
	        justify-content: center;
}

.c-donut__circle
{
	position: relative;

	height: 0;
	width: 100%;

	padding-top: 100%;

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

	border-radius: 1000px;
}

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

.c-donut--red .c-donut__circle
{
	background: #E33E86;
	background: -webkit-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background: -moz-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background: linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
}

.c-donut__circle:before
{
	position: absolute;

	height: calc(100% - 1em);
	width: calc(100% - 1em);

	top: .5em;
	left: .5em;

	background-color: #FFF;

	font-size: 16px;

	content: '';

	border-radius: 50%;

	box-sizing: content-box;
}

.c-drive-links
{
	display: block;
}

.c-drive-links__line
{
	display: flex;

	transition: background-color 240ms ease;

	align-items: center;
}

.c-drive-links__line:hover
{
	background-color: rgba(0, 0, 0, .04);
}

.c-drive-links__line + .c-drive-links__line
{
	margin-top: 10px;
}

.c-drive-links__indicator
{
	font-size: 20px;
}

.c-drive-links__input,
.c-drive-links__link,
.c-drive-links__title
{
	margin-right: 15px;

	flex-grow: 1;
}

.c-drive-links__validate
{
	min-width: 0;

	margin-right: 10px;
	padding: 6px;

	background-color: hsla(138, 51%, 91%, 1);

	border-radius: 50%;

	flex-shrink: 0;
}

.c-drive-links__validate-icon
{
	font-size: 18px;
	color: #329A51;

	fill: #329A51;
}

.c-drive-links__add-btn
{
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.c-drive-links__add-btn:first-child
{
	margin-top: 0;
}

.c-drive-links__edit,
.c-drive-links__open-link
{
	min-width: 0;

	margin-right: 10px;
}

.c-drive-links__open-link
{
	margin-right: 5px;
}

.c-drive-links__edit-icon
{
	font-size: 20px;
}

.c-editable-service
{
	position: relative;
	display: flex;
}

.c-editable-service--draggable
{
	background-color: #FFF;
}

.c-editable-service--draggable:focus
{
	outline: none;
}

.c-editable-service--error
{
	background-color: #FDE7E7;
}

.c-editable-service--total
{
	border-right: 4px solid #E93339;

	justify-content: flex-end;
}

.c-editable-service:after
{
	position: absolute;

	height: 1px;
	width: 100%;

	right: 0;
	bottom: 0;

	background-color: #E0E0E0;

	content: '';
}

.c-editable-service--total:after
{
	display: none;
}


/* ------------------------------------ */
/* ------ editable-service__col- ------ */
/* ------------------------------------ */

[class^='c-editable-service__col-']
{
	display: flex;

	padding: 10px 16px 10px 6px;

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

.c-editable-service--clickable [class^='c-editable-service__col-']
{
	cursor: pointer;
}

.c-editable-service--header [class^='c-editable-service__col-']
{
	font-weight: 600;
}

.c-editable-service--optional [class^='c-editable-service__col-']
{
	color: #5DA7B1;
}

/* ------------------------------------ */
/* ---- editable-service__col-icon ---- */
/* ------------------------------------ */

.c-editable-service__col-icon
{
	min-width: 56px;

	padding-left: 12px;
}

.c-editable-service__icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-family: 'object-fit: contain; object-position: center;';
	font-size: 28px;
	color: rgba(0, 0, 0, .87);

	object-fit: contain;
	object-position: center;
}

.c-editable-service__icon[src$='.svg']
{
	filter: contrast(0%) brightness(0%);
}


/* ------------------------------------- */
/* - editable-service__col-description - */
/* ------------------------------------- */

.c-editable-service__col-description
{
	display: flex;

	flex-direction: column;

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

.c-editable-service--clickable .c-editable-service__col-description
{
	cursor: default;
}

.c-editable-service__title
{
	position: relative;

	margin-right: 55px;
}

.c-editable-service--clickable .c-editable-service__title
{
	cursor: pointer;
}

.c-editable-service__description
{
	font-size: .95em;
}

.c-editable-service__description:before
{
	display: block;

	height: 2px;
	width: 60px;

	margin: 8px auto 6px;

	background-color: #E93339;

	content: '';
}

.c-editable-service__description *
{
	margin: 0;
}


/* ------------------------------------- */
/* ----- editable-service__toggle ------ */
/* ------------------------------------- */

.c-editable-service__toggle
{
	position: absolute;
	display: flex;

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

	top: 50%;
	margin-top: -.5em;
	left: 100%;
	margin-left: 19px;
	padding: 0;

	background-color: transparent;

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

	text-indent: 400px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #1F1F1F;

	overflow: hidden;

	transition: background-color 320ms ease, color 320ms ease;

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

.c-editable-service__toggle:hover
{
	background-color: #1F1F1F;

	color: white;
}

.c-editable-service__toggle:before,
.c-editable-service__toggle:after
{
	position: absolute;

	top: 50%;
	left: 50%;

	background-color: currentColor;

	font-size: .5em;

	content: '';
}

.c-editable-service__toggle:before
{
	height: 2px;
	width: 1em;

	margin-top: -1px;
	margin-left: -.5em;
}

.c-editable-service__toggle:after
{
	opacity: 1;

	height: 1em;
	width: 2px;

	margin-top: -.5em;
	margin-left: -1px;

	-webkit-transition: opacity 240ms ease;
	    -ms-transition: opacity 240ms ease;
	        transition: opacity 240ms ease;
}

.c-editable-service__toggle.open:after
{
	opacity: 0;
}


/* ------------------------------------ */
/* --- editable-service__col-option --- */
/* ------------------------------------ */

.c-editable-service__col-option
{
	width: 75px;

	font-style: italic;

	justify-content: flex-end;
}

.c-editable-service__col-discount
{
	min-width: 80px;

	justify-content: center;
}


/* ------------------------------------ */
/* --- editable-service__col-price ---- */
/* ------------------------------------ */

.c-editable-service__col-price
{
	min-width: 110px;

	text-align: right;

	justify-content: flex-end;
}


/* ------------------------------------ */
/* ---- editable-service__col-qty ----- */
/* ------------------------------------ */

.c-editable-service__col-qty
{
	min-width: 105px;

	justify-content: flex-end;
}


/* ------------------------------------ */
/* ---- editable-service__col-total --- */
/* ------------------------------------ */

.c-editable-service__col-total
{
	min-width: 120px;

	justify-content: flex-end;
}


/* ----------------------------------------- */
/* editable-service__col-total-with-discount */
/* ----------------------------------------- */

.c-editable-service__col-total-with-discount
{
	min-width: 130px;

	justify-content: flex-end;
}

.c-editable-service__col-total-with-discount:last-child
{
	padding-right: 24px;
}


/* ------------------------------------ */
/* --- editable-service__col-remove --- */
/* ------------------------------------ */

.c-editable-service__col-remove
{
	min-width: 69px;

	margin-right: 0;
	padding-right: 12px;
	padding-left: 25px;

	justify-content: flex-start;
}

.c-editable-service--clickable .c-editable-service__col-remove
{
	cursor: default;
}

.c-editable-service__remove
{
	position: relative;

	height: 1em;
	width: 1em;

	background-color: #E93339;

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

	cursor: pointer;
	text-indent: 100px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #E93339;

	overflow: hidden;
}

.c-editable-service__remove:before,
.c-editable-service__remove:after
{
	position: absolute;

	height: .5em;
	width: 2px;

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

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-editable-service__remove:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-editable-service__remove:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}


/* ------------------------------------ */
/* --- editable-service__total-label -- */
/* ------------------------------------ */

.c-editable-service__total-label
{
	display: flex;

	margin-right: 15px;
	padding-left: 20px;

	font-weight: 600;

	align-items: center;
}


/* ------------------------------------ */
/* --- editable-service__total-value -- */
/* ------------------------------------ */

.c-editable-service__total-value
{
	display: flex;

	min-width: 120px;

	padding: 5px 20px 5px 0;

	text-align: right;

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


/* ------------------------------------ */
/* ------ editable-service__stack ----- */
/* ------------------------------------ */

.c-editable-service__stack
{
	display: flex;

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


/* ------------------------------------ */
/* ------ editable-service__line ------ */
/* ------------------------------------ */

.c-editable-service__line
{
	width: 100%;
}

.c-error
{
	padding-left: 8px;

	font-weight: 600;
	font-size: .95em;
	color: #E93339;

	border-left: 3px solid currentColor;
}

.c-field-msg
{
	width: 100%;

	margin: 8px 0 10px;
	padding-left: 8px;

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

	border-left: 3px solid currentColor;
}

.c-field-msg--red
{
	color: #E93339;
}

.c-field-msg--green
{
	color: #4A736A;
}

.c-field-msg--orange
{
	color: #99650B;
}

.c-field-msg--date-picker
{
	margin-left: 5px;
	margin-bottom: 2px;
}

/* -------------------------------------- *\
|* -------- # c-file-thumbnail # -------- *|
\* -------------------------------------- */

.c-file-thumbnail
{
	position: relative;
	display: inline-flex;

	min-width: 100%;
	max-width: 300px;

	margin-top: 8px;
	padding: 0 1em;

	font-size: 10px;

	z-index: 1;

	justify-content: space-between;
}

.c-file-thumbnail:first-of-type
{
	margin-top: 0;
}

.c-file-thumbnail:before
{
	position: absolute;

	height: calc(100%);
	width: calc(100% - 1em);

	top: 0;
	left: 0;

	background-color: #FDFAF7;

	content: '';

	border: 2px solid #DDD;
}

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

.c-file-thumbnail__preview[src$='.svg'],
.c-file-thumbnail__preview[src^="data:image/svg+xml"]
{
	filter: contrast(0%) brightness(0%);
}

/* -------- file-thumbnail__icon -------- */

.c-file-thumbnail__icon
{
	position: relative;
	display: block;

	margin: 6px 0;
	margin-right: 12px;

	font-size: 36px;

	z-index: 1;

	flex-shrink: 0;
}

/* -------- file-thumbnail_title -------- */

.c-file-thumbnail__title
{
	display: flex;

	width: 100%;

	margin-right: 15px;

	font-size: 14px;

	z-index: 1;

	align-items: center;
}

.c-file-thumbnail__delete
{
	position: relative;

	min-height: 34px;
	width: 42px;

	color: #E74A41;

	flex-shrink: 0;
}

.c-file-thumbnail__delete-icon
{
	position: relative;

	height: 1em;
	width: 1em;

	margin: auto;

	font-size: 22px;

	cursor: pointer;

	-webkit-border-radius: 50%;
	        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: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-file-thumbnail__delete-icon:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-file-thumbnail__delete-icon:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.c-file-thumbnail + label
{
	margin-top: 15px !important;
}

.c-fillable-indicator
{
	position: relative;
	display: inline-flex;

	height: 15px;
	width: 100px;

	border-radius: 16px;
	border: 2px solid #E0E0E0;
}

.c-fillable-indicator__bar
{
	position: absolute;

	height: calc(100% + 4px);

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

	background-color: #2EB619;

	content: '';

	border-radius: 20px;
}

.c-fillable-indicator--yellow .c-fillable-indicator__bar
{
	background-color: #F5EB6A;
}

.c-fillable-indicator--orange .c-fillable-indicator__bar
{
	background-color: #F58049;
}

.c-fillable-indicator--red .c-fillable-indicator__bar
{
	background-color: #E93339;
}

.c-filters
{
	display: inline-flex;

	flex-wrap: wrap;

	margin-top: -12px;
	margin-bottom: 20px;

	align-items: center;
}

.c-filters__row
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	align-items: flex-end;
}

.c-filters--time-tracking
{
	margin-top: 12px;
	margin-bottom: 0;
}

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

.c-filters__element
{
	margin-top: 12px;
}

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

.c-filters__element.picker
{
	min-width: 240px;
}

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

.c-filters--payments .c-filters__element.date
{
	width: 150px;

	flex-grow: 0;
}

.c-filters__element.date
{
	width: 200px;
}

.c-filters__element:not(:last-child)
{
	margin-right: 15px;
}

.c-filters__element-label
{
	margin-right: 5px;
}

.c-form-grid-element
{
	padding-top: 0;
}

.c-form-grid-element--switch
{
	display: flex;

	padding-top: 10px;
	padding-bottom: 0;

	align-items: center;
}

.c-form-grid-element--editor
{
	display: flex;

	padding-bottom: 0;
}

.c-form-grid-element--date
{
	padding-top: 12px;
}

.c-form-section
{
	position: relative;

	margin: 25px 0 0 0;
	padding: 12px 15px 8px;
}

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

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

	top: 2px;
	left: 2px;

	content: '';

	border: 2px solid #000;
}

.c-form-section__title
{
	position: absolute;

	line-height: 1em;

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

	background-color: #FFF;

	font-weight: 600;
	font-size: 1.25em;
	color: #E93339;

	text-transform: uppercase;
}

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

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

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

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

	flex-direction: column;

	width: auto;

	margin: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        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
{
	-webkit-flex-direction: column;
	    -ms-flex-direction: 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;

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

	-webkit-transition: background-color 400ms ease 40ms, color 320ms ease;
	    -ms-transition: background-color 400ms ease 40ms, color 320ms ease;
	        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;

	-webkit-transition: background-color 300ms ease 20ms, color 320ms ease;
	    -ms-transition: background-color 300ms ease 20ms, color 320ms ease;
	        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: 12px;

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

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

	height: 34px;
	width: 50px;

	margin-left: 15px;
}

/* ---------- form-element__date ---------- */
.c-form-element__date
{
	min-width: 0;
	padding: 4px 2px;
	font-size: 1rem;
	text-align: center;
	border-radius: 0;
}

.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: .85em;
}

.c-form-element--date .c-form-element__label
{
	margin-bottom: 0px;
	padding-left: 4px;
	color: #9D9D9D;
}

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

.c-gmap
{
	height: 300px;
	width: 100%;
}

.c-gmap__tooltip
{
	font-family: 'Nunito Sans';
	font-weight: 600;
	font-size: 16px;
}

.c-history
{
	display: block;

	border: 2px solid #F2F3F4;
	border-width: 0 2px 2px 2px;
}

.c-history--head
{
	border-top-width: 2px;
}

.c-history__row
{
	display: flex;
}

.c-history__date
{
	width: 120px;
}

.c-history__cell
{
	display: flex;

	padding: 8px 12px;

	border-right: 1px solid #D0D0D0;

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

.c-history__cell.date
{
	width: 200px;
}

.c-history__cell.date-hour
{
	width: 240px;
}

.c-history--head .c-history__cell
{
	padding-top: 6px;
	padding-bottom: 6px;

	background-color: #F2F2F3;

	font-weight: 600;

	border-color: transparent;
}

.c-history__cell.comment,
.c-history__cell.export-type
{
	flex-grow: 10;
	flex-basis: 150px;
	flex-shrink: initial;
}

.c-history__cell.sent-to
{
	flex-basis: 200px;
	flex-grow: 1;
}

.c-history__cell-content
{
	display: block;

	width: 10px;
	min-width: 0;

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

	overflow: hidden;

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

.c-img-ear
{
	position: relative;

	width: 80%;

	margin: 0 auto;

	overflow: hidden;
}

.c-img-ear__pattern
{
	position: relative;
	display: block;

	width: 100%;

	color: #F2F1F2;
}

.c-img-ear--black .c-img-ear__pattern
{
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.c-img-ear__img
{
	position: absolute;

	height: 99%;
	width: 99%;

	top: .5%;
	left: .5%;

	object-fit: cover;
	object-position: right;
}

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

.c-info-card--grid
{
	margin-bottom: 24px;
	padding: 0 14px;
}

@media (max-width: 549px)
{
	.c-info-card--grid
	{
		width: 100%;
	}

	.c-info-card:last-child
	{
		margin-bottom: 0;
	}
}

@media (min-width: 550px) and (max-width: 749px)
{
	.c-info-card--grid
	{
		width: 49.98%;
	}

	.c-info-card--5:last-child,
	.c-info-card--6:nth-last-child(-n+2),
	.c-info-card--8:nth-last-child(-n+2),
	.c-info-card--10:nth-last-child(-n+2),
	.c-info-card--11:last-child
	{
		margin-bottom: 0;
	}
}

@media (min-width: 750px) and (max-width: 999px)
{
	.c-info-card--grid
	{
		width: 33.32%;
	}

	.c-info-card--5:nth-last-child(-n+2)
	.c-info-card--6:nth-last-child(-n+3),
	.c-info-card--8:nth-last-child(-n+3),
	.c-info-card--10:last-child,
	.c-info-card--11:nth-last-child(-n+2)
	{
		margin-bottom: 0;
	}
}

@media (min-width: 1000px) and (max-width: 1199px)
{
	.c-info-card--grid
	{
		width: 24.98%;
	}

	.c-info-card--5:last-child,
	.c-info-card--6:nth-last-child(-n+2),
	.c-info-card--8:nth-last-child(-n+4),
	.c-info-card--10:nth-last-child(-n+2),
	.c-info-card--11:nth-last-child(-n+3)
	{
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1649px)
{
	.c-info-card--grid
	{
		width: 33.32%;
	}

	.c-info-card--1,
	.c-info-card--2,
	.c-info-card--3,
	.c-info-card--4:last-child,
	.c-info-card--5:nth-last-child(-n+2),
	.c-info-card--6:nth-last-child(-n+3),
	.c-info-card--7:last-child,
	.c-info-card--8:nth-last-child(-n+2),
	.c-info-card--9:nth-last-child(-n+3),
	.c-info-card--10:last-child,
	.c-info-card--11:nth-last-child(-n+2)
	{
		margin-bottom: 0;
	}
}

@media (min-width: 1650px)
{
	.c-info-card--grid
	{
		width: 33.32%;
	}

	.c-info-card--1,
	.c-info-card--2,
	.c-info-card--3,
	.c-info-card--4:last-child,
	.c-info-card--5:nth-last-child(-n+2),
	.c-info-card--6:nth-last-child(-n+3),
	.c-info-card--7:last-child,
	.c-info-card--8:nth-last-child(-n+2),
	.c-info-card--9:nth-last-child(-n+3),
	.c-info-card--10:last-child,
	.c-info-card--11:nth-last-child(-n+2)
	{
		margin-bottom: 0;
	}
}

.c-info-card__content
{
	position: relative;

	width: 100%;

	padding: 12px 13px;

	background-color: #FFF;

	border-radius: 0;

	box-shadow: none;

	z-index: 0;
}

.c-info-card__content:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';

	box-shadow: 9px 9px 0 -2px #DDDDE3;

	transition: transform 240ms ease, opacity 240ms ease;

	box-sizing: content-box;

	z-index: -2;
}

.c-info-card--modal .c-info-card__content
{
	border: 2px solid #CCC;
}

.c-info-card--modal .c-info-card__content:before
{
	transform: translate3d(2px, 2px, 0);
}

.c-info-card--modal .c-info-card__content:before
{
	box-shadow: 10px 10px 0 -2px #EDEDED;
}

.c-info-card--clickable .c-info-card__content
{
	transition: all 240ms ease;
}

.c-info-card--clickable .c-info-card__content:after
{
	position: absolute;

	height: 100%;
	width: 6px;

	top: 0;
	right: 0;
	left: auto;

	background-color: #000;

	content: '';

	transition: transform 240ms linear;
	transform: scaleY(0);
	transform-origin: center;

	z-index: 1;
}

.c-info-card--clickable:hover .c-info-card__content,
.c-info-card--clickable:focus .c-info-card__content
{
	transform: translate3d(7px, 7px, 0);
}

.c-info-card--clickable:hover .c-info-card__content:after,
.c-info-card--clickable:focus .c-info-card__content:after
{
	transform: scaleY(1);
}

.c-info-card--clickable:hover .c-info-card__content:before,
.c-info-card--clickable:focus .c-info-card__content:before
{
	/* opacity: 0; */
	transform: translate3d(-7px, -7px, 0);
}

@media (max-width: 1800px)
{
	.c-info-card__content
	{
		padding: 12px 12px;
	}
}

.c-info-card__number
{
	position: relative;
}

.c-info-card__title
{
	margin: 18px 0;

	font-weight: 600;
	font-size: 1.35em;
	color: #E93339;

	text-transform: uppercase;
	word-wrap: break-word;
}

.c-info-card--11 .c-info-card__title
{
	margin: 15px 0;
}

@media (max-width: 1800px)
{
	.c-info-card__title
	{
		font-size: 1.2em;
	}
}

.c-info-card .c-info-card__number:after
{
	font-size: 12px;
}

.c-info-card__body
{
	position: relative;
	opacity: 1;

	line-height: 1.4em;

	margin-bottom: 0;

	font-size: .95em;
}

.c-info-card--clickable .c-info-card__body
{
	transition: color 240ms ease;
}

.c-info-card--clickable:hover .c-info-card__body
{
	color: transparent;
}

.c-info-card--clickable .c-info-card__body:after
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	color: black;

	content: 'Cliquez pour en savoir plus';

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

.c-info-card--clickable:hover .c-info-card__body:after
{
	visibility: visible;
	opacity: 1;
}

.c-info-card__more
{
	position: absolute;

	height: 22px;
	width: 22px;

	top: 10px;
	right: 0;

	font-size: 0;
	color: transparent;
}

.c-info-card__more:before,
.c-info-card__more:after
{
	position: absolute;

	height: 2px;
	width: 1em;

	top: 0;
	left: 0;

	background-color: #000;

	font-size: 22px;

	content: '';
}

.c-info-card__more:before
{
	height: 1em;
	width: 2px;

	left: .5em;
	margin-left: -1px;
}

.c-info-card__more:after
{
	top: .5em;
	margin-top: -1px;
}

.c-info-card__link
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	color: transparent;

	cursor: pointer;

	border-right: 6px solid #E93339;
}

.c-info-card__link:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	content: '';

	z-index: -1;
}

/*
	$green       : #3cbb62;
	$light_green : #BDD261;

	$blue       : #006EB2;
	$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: 4;

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

.c-loader--big
{
	display: flex;

	flex-direction: column;

	font-size: 42px;

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

.c-loader--medium
{
	display: flex;

	flex-direction: column;

	font-size: 26px;

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

.c-loader--page
{
	display: flex;

	flex-direction: column;

	font-size: 64px;

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

.c-loader--header
{
	padding-left: 50px;

	justify-content: flex-start;
}

.c-loader--medium.c-loader--header
{
	align-items: flex-start;
	justify-content: center;
}

.c-loader--side
{
	font-size: 28px;
}

.c-loader--fixed
{
	position: fixed;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

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

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

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

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

.c-loader--carbon
{
	color: #1F1F1F;
}

.c-loader--black
{
	color: #000;
}

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

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

.c-loader--bg-primary,
.c-loader--bg-red
{
	background-color: #E93339;
}

.c-loader--bg-secondary,
.c-loader--bg-green
{
	background-color: #3CBB62;
}

.c-loader--bg-light
{
	background-color: #BDD261;
}

.c-loader--bg-carbon
{
	background-color: #1F1F1F;
}

.c-loader--bg-black
{
	background-color: #000;
}

.c-loader--bg-blue
{
	background-color: #3480EA;
}

.c-loader--bg-back-background
{
	background-color: #F5F5F5;
}

.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--side .c-loader__txt
{
	font-size: .8em;
}

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

	height: 1em;
	width: 2em;

	margin-right: 0;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

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

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

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

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

	$blue       : #006EB2;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

.c-message
{
	display: flex;

	width: 100%;

	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 12px;

	background-color: #FDFAF7;

	align-items: center;
}

.c-message--icon
{
	padding: 8px 12px;
}

.c-message--green
{
	background-color: #EAF5F2;

	color: #4A736A;
}

.c-message--red
{
	background-color: #FDE8E7;

	color: #CD2B23;
}

.c-message--orange
{
	background-color: #FFF3DB;

	color: #99650B;
}

.c-message--primary
{
	background-color: #006EB2;

	color: #006EB2;
}

.c-message--blue
{
	background-color: #DBF2FE;

	color: #0E7DD5;
}

.c-message__content
{
	font-weight: 400;
}

.c-message__content
{
	color: inherit;
}

.c-message__icon
{
	margin-right: 12px;

	font-size: 26px;
}

.c-modal-cover
{
	position: fixed;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 1200;

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

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

	height: 100%;
	width: 100%;

	right: 0;
	left: 0;

	background-color: rgba(154, 140, 140, .75);

	content: '';

	-webkit-transition: opacity 200ms ease 140ms;
	    -ms-transition: opacity 200ms ease 140ms;
	        transition: opacity 200ms ease 140ms;
	transform: translateZ(0);
	-webkit-animation: cover-animation 320ms ease;
	   -moz-animation: cover-animation 320ms ease;
	        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%;

	top: 0;
	left: 0;

	background-color: #FFF;

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

	z-index: 1;

	-webkit-overflow-scrolling: touch;
}

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

.c-modal--fullscreen
{
	min-height: 100vh;
}

@media screen and (min-width: 640px)
{
	.c-modal
	{
		max-height: calc(100% - 1em);
		max-width: 30em;

		-webkit-animation: box-animation 440ms ease;
		   -moz-animation: box-animation 440ms ease;
		        animation: box-animation 440ms ease;
	}

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

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

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

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

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

	.c-modal--image
	{
		display: flex;

		flex-direction: column;

		height: 80%;
		max-width: 80%;
	}

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

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

@media screen and (max-width: 639px)
{
	.c-modal
	{
		-webkit-animation: mobile-box-animation 440ms ease;
		   -moz-animation: mobile-box-animation 440ms ease;
		        animation: mobile-box-animation 440ms ease;
	}

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

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

.c-modal__header
{
	position: relative;

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

	margin-bottom: 0;
	padding: 12px 20px;
	padding-right: 46px;

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

	font-weight: 600;
	color: #000;

	text-transform: uppercase;

	flex-shrink: 0;
}

.c-modal__close
{
	position: absolute;

	height: 45px;
	width: 46px;

	top: 0;
	right: 1px;

	background: #F1F1F3;

	color: #E93339;

	cursor: pointer;

	transition: background-color 320ms ease;
}

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

.c-modal__close-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;

	fill: transparent;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	width: 100%;

	padding: 20px 25px 0;

	overflow-y: auto;

	flex-grow: 1;
}

.c-modal--fullscreen .c-modal__body
{
	display: flex;

	flex-direction: column;

	padding-bottom: 15px;
}

@media screen and (min-width: 640px)
{
	.c-modal--image .c-modal__body
	{
		display: flex;

		flex-direction: column;

		height: 100%;

		overflow-y: auto;
	}
}

@media screen and (max-width: 639px)
{
	.c-modal__body
	{
		padding: 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: 15px;
	padding: 0 15px;

	text-align: right;

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

@media screen and (max-width: 639px)
{
	.c-modal__controls
	{
		padding: 0 10px;
	}
}

.c-modal__controls-close
{
	-webkit-order: -1;
	    -ms-order: -1;
	        order: -1;
}

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

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

@-moz-keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

@-webkit-keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

@keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

@-moz-keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

@-webkit-keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

@keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

.c-model-finder
{
	position: relative;

	width: 100%;
}

.c-model-finder--multiple
{
	width: auto;

	flex-grow: 1;
}

.c-model-infos
{
	position: relative;
	display: flex;

	align-items: center;
}

.c-model-infos--read-only
{
	color: #BDBDBD;
}

.c-model-infos__icon-container
{
	margin-right: 12px;
	padding: 10px;

	background-color: #1F1F1F;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.c-model-infos--read-only .c-model-infos__icon-container
{
	background-color: currentColor;
}

.c-model-infos__icon,
.c-model-infos__image
{
	display: block;

	height: 1em;
	width: 1em;

	font-family: 'object-position: center; object-fit: contain;';
	font-size: 24px;

	object-position: center;
	object-fit: contain;
}

.c-model-infos__icon[src$='.svg']
{
	filter: contrast(0%) brightness(0%) invert(100%);
}


.c-model-infos__image
{
	height: 40px;
	width: auto;
	max-width: 200px;

	margin-right: 15px;
}

.c-model-infos__title
{
	font-weight: 600;
	font-size: 1em;
}

.c-model-picker
{
	position: relative;
	display: flex;

	width: 100%;

	padding: 8px 8px;

	color: #1F1F1F;

	cursor: pointer;

	transition: transform 320ms ease;

	justify-content: center;
}

.c-model-picker:hover
{
	transform: translate3d(6px, 6px, 0);
}

.c-model-picker:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	content: '';

	border: 2px solid #CCC;

	z-index: -1;
}

.c-model-picker--selected:before
{
	border-color: #E93339;
}

.c-model-picker:hover:after
{
	transform: translate3d(-9px, -9px, 0);
}

.c-model-picker:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';

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

	transition: transform 320ms ease;

	z-index: -2;
}

.c-model-picker:hover:after
{
	transform: translate3d(-9px, -9px, 0);
}

.c-model-picker__icon-container
{
	display: inline-flex;

	padding: 8px;

	background-color: #1F1F1F;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.c-model-picker__icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 24px;

	filter: contrast(0%) brightness(0%) invert(100%);
}

.c-model-picker__title
{
	display: flex;

	width: 100%;

	margin-left: 10px;

	text-align: left;

	align-items: center;
}

.c-model-picker__image
{
	height: 30px;
	width: 50px;

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

	object-fit: contain;
	object-position: center;
}

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

	-webkit-transition: border-color 240ms ease;
	    -ms-transition: border-color 240ms ease;
	        transition: border-color 240ms ease;

	z-index: 0;
}

.c-pickable-month:hover,
.c-pickable-year:hover
{
	border-color: #006EB2;
}

.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: -webkit-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:    -moz-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:         linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	content: '';

	-webkit-transition: opacity 240ms ease;
	    -ms-transition: opacity 240ms ease;
	        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-card-trigger
{
	transition: transform 240ms ease, opacity 240ms ease;
}

.c-paper-card-trigger:hover
{
	transform: translate3d(4px, 4px, 0);
}

.c-paper-card
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: -1;
}

.c-paper-card:before,
.c-paper-card:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';
}

.c-paper-card:before
{
	background-color: #FFF;

	transition: transform 240ms ease, opacity 240ms ease;
	transform: translate3d(0, 0, 0);

	z-index: 1;
}

.c-paper-card:after
{
	box-shadow: 9px 9px 0 -2px #DDDDE3;

	transition: transform 240ms ease, opacity 240ms ease;

	z-index: 0;
}

.c-paper-card-trigger:hover + .c-paper-card:before
{
	transform: translate3d(5px, 5px, 0);
}

.c-paper-card-trigger:hover + .c-paper-card:after
{
	transform: translate3d(-4px, -4px, 0);
}

.c-paper
{
	position: relative;

	padding: 12px 15px;

	background-color: #FFF;

	-webkit-border-radius: 0;
	        border-radius: 0;

	box-shadow: 10px 10px 0 -3px hsla(0, 0%, 88%, 1);
}

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

.c-payment-term
{
	position: relative;
	display: inline-flex;

	flex-direction: column;

	width: 300px;

	margin-top: 12px;
	margin-right: 20px;
	margin-bottom: 12px;

	color: #1F1F1F;

	overflow: hidden;

	transition: all 200ms ease;

	flex-grow: 1;
}

.c-payment-term--selectable
{
	padding: 15px 15px 35px;

	cursor: pointer;
}

.c-payment-term--read-only
{
	cursor: default;
}

.c-payment-term--selectable:before
{
	position: absolute;

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

	top: 0;
	left: 0;

	content: '';

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

	animation: appear 320ms ease;

	z-index: 1;
}

.c-payment-term--selected:before
{
	border-color: #8CCA5C;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 424px)
{
	.c-payment-term
	{
		width: 100%;
		min-width: 0;
		max-width: 100%;

		margin-right: 0;
	}
}

.c-payment-term--empty
{
	height: 1px;

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

.c-payment-term__container
{
	display: flex;

	flex-direction: column;
}

.c-payment-term__content
{
	display: flex;

	border: 2px solid currentColor;
}

.c-payment-term__date-picker
{
	border-right: 2px solid currentColor;

	flex-shrink: 0;
}

.c-payment-term__percent
{
	position: relative;
	display: flex;

	width: 85px;

	border-right: 2px solid currentColor;

	flex-grow: 1;
	flex-shrink: 0;
}

.c-payment-term__percent:after
{
	position: absolute;
	display: flex;

	height: 100%;

	top: 0;
	right: 12px;

	content: '%';

	align-items: center;
}

.c-payment-term__percent:after,
.c-payment-term__percent-input,
.c-payment-term__value
{
	font-family: inherit;
	font-weight: 600;
	font-size: 1.1em;
}

.c-payment-term__percent-input,
.c-payment-term__value
{
	height: 100%;
	width: 100%;

	padding: 0 35px 0 15px;

	text-align: right;
}

.c-payment-term__percent-input,
.c-payment-term__percent-input:focus
{
	border: none;

	outline: none;
}

.c-payment-term__percent-input:focus
{
	background-color: #F2F2D7;

	box-shadow: 0 0 0 2px #3480EA;
}

.c-payment-term--read-only .c-payment-term__percent-input,
.c-payment-term--read-only .c-payment-term__percent-input:focus
{
	background-color: #E5E5E5;

	cursor: default;

	box-shadow: none;
}

.c-payment-term__value
{
	display: flex;

	width: 100%;

	background-color: #E5E5E5;

	cursor: default;

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

.c-payment-term__amount
{
	display: flex;

	padding: 0 15px;

	background-color: #E5E5E5;

	cursor: default;

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

.c-payment-term__date
{
	display: flex;

	width: 100%;

	padding-top: 4px;

	font-weight: 700;
	font-size: .95em;
	color: #1F1F1F;

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

.c-payment-term__remaining
{
	display: flex;

	line-height: 1em;

	margin-top: 4px;

	font-weight: 600;
	font-size: .95em;
	color: #F2B442;

	text-align: center;

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

.c-payment-term__errors
{
	display: flex;

	flex-direction: column;

	padding: 6px 12px;

	background-color: #FDE8E7;

	color: #CD2B23;
}

.c-payment-term__paid
{
	display: inline-flex;

	line-height: 1em;

	margin-left: 10px;

	font-weight: 600;
	color: #42B47E;

	align-items: center;
}

.c-payment-term--partially-paid .c-payment-term__paid
{
	margin: 0 6px 0 0;

	color: inherit;
}

.c-payment-term__paid-icon
{
	margin-right: 4px;
	padding: 2px;

	font-size: 23px;

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

.c-payment-term__select-icon
{
	position: absolute;
	display: none;

	height: 1em;
	width: 1em;

	left: 50%;
	margin-left: -.5em;
	bottom: 18px;
	margin-bottom: -.5em;
	padding: 0 6px;

	background-color: white;

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

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

	z-index: 2;
}

.c-payment-term--selected .c-payment-term__select-icon
{
	display: block;

	color: #8CCA5C;
}

.c-payment-term__payment
{
	position: relative;
	display: flex;

	margin: 10px 0;

	z-index: 3;

	align-items: center;
}

.c-payment-term__payment:after
{
	position: absolute;

	line-height: 1em;

	top: 50%;
	margin-top: -.5em;
	right: 10px;

	font-family: inherit;
	font-size: 1em;
	color: grey;

	content: '€';
}

.c-payment-term__payment-label
{
	margin-right: 8px;

	font-weight: 600;

	flex-shrink: 0;
}

.c-payment-term__payment-input
{
	width: 40px;

	padding: 4px 20px 4px 8px;

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

	border: 2px solid #BCBCBC;

	box-shadow: none;

	outline: none;

	flex-grow: 1;
}

.c-payment-term__payment-input:focus
{
	border-width: 2px;
	border-style: solid;
	border-color: #8CCA5C;

	box-shadow: none;

	outline: none;
}

.c-project-infos
{
	position: relative;
	display: inline-flex;

	flex-direction: column;
	flex-wrap: wrap;

	width: auto;

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

	flex-shrink: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-project-infos
	{
		display: flex;

		flex-wrap: wrap;

		max-width: 100%;
	}
}

.c-project-infos__line
{
	display: inline-flex;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-project-infos__line
	{
		display: flex;

		flex-wrap: wrap;

		width: 100%;

		justify-content: flex-start;
	}
}

.c-project-infos__deadline
{
	position: relative;

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

	text-align: right;
}

.c-project-infos__deadline:after
{
	position: absolute;

	height: 3px;
	width: calc(100% - 20px);

	left: 10px;
	bottom: 0;

	background-color: #E0E0E0;

	content: '';
}

.c-project-infos__progress
{
	display: inline-flex;

	align-items: center;
}

.c-project-infos__progress-label
{
	margin-right: 5px;
	margin-bottom: 2px;
}

.c-project-infos__reorder-tasks
{
	padding: 2px 6px;

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

	text-transform: none;
}

.c-project-infos__reorder-icon
{
	margin-right: 8px;

	font-size: 30px;
}

.c-project-status
{
	position: relative;
	display: inline-flex;

	width: auto;

	flex-shrink: 0;
}

.c-quote-recurring-contract
{
	position: relative;
	display: flex;

	border-bottom: 1px solid #E0E0E0;
}

.c-quote-recurring-contract--head .c-quote-recurring-contract__title,
.c-quote-recurring-contract--head .c-quote-recurring-contract__start,
.c-quote-recurring-contract--head .c-quote-recurring-contract__qty
{
	font-weight: 600;
}

.c-quote-recurring-contract__title,
.c-quote-recurring-contract__start,
.c-quote-recurring-contract__qty
{
	display: flex;

	padding: 5px 15px;

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

.c-quote-recurring-contract__title
{
	width: 100px;

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

.c-quote-recurring-contract__start
{
	width: 180px;

	text-align: center;

	flex-shrink: 0;
}

.c-quote-recurring-contract__qty
{
	width: 80px;

	text-align: center;

	flex-shrink: 0;
}

.c-quote-version
{
	position: relative;
	display: flex;

	padding: 2px 0;
}

.c-quote-version + .c-quote-version
{
	margin-top: 6px;
}

.c-quote-version__number
{
	position: relative;

	margin-right: 15px;
}

.c-quote-version__date
{
	position: relative;

	margin-right: 15px;
}

.c-quote-version__total
{
	position: relative;
}

.c-read-form
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;
}

.c-read-form__item
{
	display: flex;

	flex-direction: column;

	margin-bottom: 16px;

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

/* -------- Desktop -------- */
@media (min-width: 1440px)
{
	.c-read-form__item
	{
		width: 20%;
	}

	.c-read-form__item:nth-child(5n + 1):nth-last-child(-n + 5)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 2):nth-last-child(-n + 4)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 3):nth-last-child(-n + 3)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 4):nth-last-child(-n + 2)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 5):last-child
	{
		margin-bottom: 0;
	}
}

/* -------- Laptop -------- */
@media (min-width: 1024px) and (max-width: 1439px)
{
	.c-read-form__item
	{
		width: 25%;
	}

	.c-read-form__item:nth-child(5n + 1):nth-last-child(-n + 4)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 2):nth-last-child(-n + 3)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 3):nth-last-child(-n + 2)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 4):last-child
	{
		margin-bottom: 0;
	}
}

/* ------ Tablette ------ */
@media (min-width: 768px) and (max-width: 1023px)
{
	.c-read-form__item
	{
		width: 33.3333%;
	}

	.c-read-form__item:nth-child(5n + 1):nth-last-child(-n + 3)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 2):nth-last-child(-n + 2)
	{
		margin-bottom: 0;
	}

	.c-read-form__item:nth-child(5n + 3):last-child
	{
		margin-bottom: 0;
	}
}

/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.c-read-form__item
	{
		width: 100%;
	}

	.c-read-form__item:last-child
	{
		margin-bottom: 0;
	}
}

.c-read-form__model-label
{
	margin-top: 0;
	margin-bottom: 8px;

	font-size: 1em;
	color: #9D9D9D;
}

.c-read-form__label
{
	margin-bottom: 12px;

	font-size: 1em;
	color: #9D9D9D;
}

.c-read-form__value
{
	font-size: 1em;
}

.c-scroll-indicator
{
	position: fixed;
	visibility: hidden;
	opacity: 0;

	height: 1em;
	width: 1em;

	right: 20px;
	bottom: 20px;

	background-color: hsla(0, 0%, 50%, .75);

	font-size: 50px;

	border-radius: 50%;

	-webkit-transition: visibility 240ms ease, opacity 240ms ease, background-color 240ms ease;
	    -ms-transition: visibility 240ms ease, opacity 240ms ease, background-color 240ms ease;
	        transition: visibility 240ms ease, opacity 240ms ease, background-color 240ms ease;
	-webkit-animation: animation 1600ms ease infinite;
	   -moz-animation: animation 1600ms ease infinite;
	        animation: animation 1600ms ease infinite;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-scroll-indicator
	{
		right: 10px;
		bottom: 10px;
	}
}

.c-scroll-indicator:hover
{
	background-color: hsla(0, 0%, 38%, .75);
}

.c-scroll-indicator--visible
{
	visibility: visible;
	opacity: 1;
}

.c-scroll-indicator__svg
{
	position: absolute;

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

	font-size: 32px;
}

.c-scroll-indicator--back-to-top .c-scroll-indicator__svg
{
	margin-top: -.55em;

	font-size: 28px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-scroll-indicator__svg
	{
		font-size: 26px;
	}

	.c-scroll-indicator--back-to-top .c-scroll-indicator__svg
	{
		font-size: 22px;
	}
}

@-webkit-keyframes animation
{
	0%
	{
		transform: scale(1);
	}

	50%
	{
		transform: scale(1.07);
	}

	100%
	{
		transform: scale(1);
	}
}

@-moz-keyframes animation
{
	0%
	{
		transform: scale(1);
	}

	50%
	{
		transform: scale(1.07);
	}

	100%
	{
		transform: scale(1);
	}
}

@keyframes animation
{
	0%
	{
		transform: scale(1);
	}

	50%
	{
		transform: scale(1.07);
	}

	100%
	{
		transform: scale(1);
	}
}

.c-search-results
{
	position: relative;
}

.c-search-results__section
{
	margin-bottom: 30px;
}

.c-search-results__title
{
	padding: 0 15px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-search-results__title
	{
		padding: 0 15px;
	}
}

.c-search-results__item
{
	position: relative;

	margin: 8px 12px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-search-results__item
	{
		margin: 15px 12px;
	}
}

.c-search-results__grid
{
	display: flex;

	flex-wrap: wrap;
}

.c-search-results__link
{
	display: block;

	padding: 12px 15px;
}

.c-search-results__link,
.c-search-results__link:hover,
.c-search-results__link:active,
.c-search-results__link:focus,
.c-search-results__link:visited
{
	color: inherit;
	text-decoration: none;

	outline: none;
}

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

	flex-direction: column;

	width: 100%;

	margin: 14px;

	background-color: #FFF;

	-webkit-border-radius: 0;
	        border-radius: 0;

	transition: transform 320ms ease;

	justify-content: space-between;
}

.c-skill:hover
{
	transform: translate3d(6px, 6px, 0);
}

.c-skill:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: '';

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

	transition: transform 320ms ease;

	z-index: -1;
}

.c-skill:hover:before
{
	transform: translate3d(-9px, -9px, 0);
}

.c-skill a:last-child:before,
.c-skill span:last-child:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	content: '';

	z-index: -1;
}

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

	width: 100%;

	margin-bottom: 25px;
	padding: 25px 30px 15px;

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

@media (max-height: 820px)
{
	.c-skill__header
	{
		margin-bottom: 15px;
		padding: 15px 25px 10px;
	}
}

.c-skill__header:after
{
	position: absolute;

	height: 2px;
	width: 1em;

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

	background-color: #E93339;

	font-size: 42px;

	content: '';
}

.c-skill__icon
{
	display: flex;

	height: 1em;
	width: 1em;

	background-color: #000;

	font-size: 60px;
	color: #FFF;

	-webkit-border-radius: 50%;
	        border-radius: 50%;

	-webkit-transition: background-color 240ms ease;
	    -ms-transition: background-color 240ms ease;
	        transition: background-color 240ms ease;

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

.c-skill:hover .c-skill__icon
{
	background-color: #E93339;
}

@media (max-height: 820px)
{
	.c-skill__icon
	{
		font-size: 50px;
	}
}

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

	font-weight: 700;
	font-size: 1.5em;

	text-transform: uppercase;
}

@media (max-height: 820px)
{
	.c-skill__title
	{
		font-size: 1.35em;
	}
}

.c-skill__svg
{
	font-size: 32px;
}

.c-skill__svg.ga
{
	font-size: 28px;
}

.c-skill__svg.domain
{
	font-size: 42px;
}

@media (max-height: 820px)
{
	.c-skill__svg
	{
		font-size: 28px;
	}

	.c-skill__svg.ga
	{
		font-size: 26px;
	}

	.c-skill__svg.domain
	{
		font-size: 36px;
	}
}

.c-skill__body
{
	margin-bottom: 25px;
	padding: 0 60px;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

@media (max-height: 820px)
{
	.c-skill__body
	{
		margin-bottom: 15px;
	}
}

.c-skill:after
{
	display: block;

	width: 100%;

	padding: 4px 0;

	background-color: #000;

	font-weight: 500;
	font-size: 24px;
	color: #FFF;

	content: '+';
	text-align: center;

	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;

	-webkit-transition: background-color 240ms ease;
	    -ms-transition: background-color 240ms ease;
	        transition: background-color 240ms ease;
}

.c-skill:hover:after
{
	background-color: #E93339;
}

.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-family: inherit;
	font-weight: 600;
	font-size: .95em;
	color: inherit;

	text-transform: uppercase;

	border-radius: 0;
}

.c-task-grouping
{
	position: relative;

	margin-top: 25px;
}

.c-task-grouping:first-child
{
	margin-top: 0;
}

.c-task-grouping__label
{
	display: inline-flex;

	padding: 2px 8px;

	background-color: #E93339;

	font-weight: 600;
	font-size: 1em;
	color: #FFF;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.c-task
{
	display: flex;

	border-bottom: 1px solid rgba(224, 224, 224, 1);

	align-items: center;
}

.c-task--subtask
{
	position: relative;

	border-bottom: none;

	transition: background-color 240ms ease;
}

.c-task--subtask:hover
{
	background-color: rgba(0, 0, 0, .04);
}

.c-task--subtask:before
{
	position: absolute;

	height: 100%;
	width: 30px;

	top: 0;
	left: 0;

	background-color: #FFF;

	content: '';
}

.c-task__toggle
{
	position: relative;

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

	padding: 0;

	font-size: 22px;

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

	flex-shrink: 0;
}

.c-task__toggle:after
{
	position: absolute;

	height: .4em;
	width: .4em;

	top: 50%;
	margin-top: -.4em;
	left: 50%;
	margin-left: -.2em;

	content: '';

	border: 2px solid #E0E0E0;
	border-width: 0 0 2px 2px;

	transform: rotate(-45deg);
}

.c-task__toggle:after
{
	position: absolute;

	height: .4em;
	width: .4em;

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

	color: inherit;

	content: '';

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

	transition: transform 240ms ease;
	transform: rotate(135deg);
}

.c-task--subtasks-hidden .c-task__toggle
{
	color: #347EE9;
}

.c-task--subtasks-hidden .c-task__toggle:after
{
	transform: rotate(-45deg) translateY(-3px) translateX(2px);
}

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

	width: 450px;

	margin-left: 22px;
	padding: 5px 12px;

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

.c-task__toggle + .c-task__title
{
	margin-left: 0;
}
.c-task--subtask .c-task__title
{
	position: relative;

	padding-left: 45px;
}

.c-task--subtask .c-task__title:before
{
	position: absolute;

	height: 100%;
	width: 2px;

	left: 10px;
	bottom: 50%;

	background-color: #E0E0E0;

	content: '';
}

.c-task--subtask .c-task__title:after
{
	position: absolute;

	height: 100%;
	height: 2px;
	width: 20px;

	top: 50%;
	margin-top: -1px;
	left: 10px;

	background-color: #E0E0E0;

	content: '';
}

.c-task--head .c-task__col,
.c-task--head .c-task__title
{
	padding-top: 6px;
	padding-bottom: 6px;

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

	text-transform: uppercase;
}

.c-task--total .c-task__col
{
	font-weight: 600;
}

.c-task__title-txt
{
	display: flex;

	min-height: 32px;

	cursor: pointer;

	transition: color 240ms ease;

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

.c-task__title-txt:hover
{
	color: #347FEA;
}

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

	margin: 0 6px;

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

.c-task__indicator:before
{
	position: absolute;

	height: 1.4em;
	line-height: 1.4em;
	width: 1.4em;

	right: 0;
	margin-right: -.7em;
	bottom: 0;

	background-color: #347FEA;

	font-weight: 700;
	font-size: .5em;
	color: #FFF;

	content: attr(data-count);
	text-align: center;

	border-radius: 50%;
}

.c-task__indicator:not([data-count]):before,
.c-task__indicator[data-count='']:before,
.c-task__indicator[data-count='0']:before,
.c-task__indicator[data-count='1']:before
{
	display: none;
}

.c-task__title-edit
{
	min-width: 0;

	margin-left: 10px;
	padding: 8px;

	flex-shrink: 0;
}

.c-task__title-edit:not(:last-child)
{
	margin-right: 15px;
}

.c-task__title-edit-icon
{
	font-size: 16px;
}

.c-task__title-validate
{
	min-width: 0;

	margin-left: 10px;
	padding: 6px;

	background-color: hsla(138, 51%, 91%, 1);

	border-radius: 50%;

	flex-shrink: 0;
}

.c-task__title-icon
{
	margin: 0;

	font-size: 16px;
}

.c-task__title-validate-icon
{
	font-size: 20px;
	color: #329A51;

	fill: #329A51;
}

.c-task__add-subtask
{
	min-width: 0;

	margin-left: auto;
	padding: 2px 6px;

	font-size: .9em;

	flex-shrink: 0;
}

.c-task__col
{
	position: relative;

	padding: 5px 10px;

	flex-shrink: 0;
}

.c-task__col.user
{
	width: 80px;

	text-align: center;
}

.c-task__col.date
{
	width: 100px;

	text-align: center;
}

.c-task__col.status,
.c-task__col.dev-status
{
	width: 120px;

	font-size: .95em;

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

.c-task--head .c-task__col.status,
.c-task--head .c-task__col.dev-status
{
	font-size: 1em;
}

.c-task__col-status-toggle
{
	display: inline-flex;

	padding: 5px 0;

	transition: color 240ms ease;
}

.c-task__col-status-toggle.editable:hover
{
	color: #347FEA;

	cursor: pointer;
}

.c-task__col.deletion
{
	width: 60px;
}

.c-task__col.time-tracking,
.c-task__col.time
{
	width: 120px;

	text-align: center;
}

.c-task__modal-trigger
{
	position: relative;

	padding-bottom: 4px;

	transition: background-color 240ms ease;
}

.c-task__modal-trigger:hover
{
	background-color: rgba(153, 153, 153, .2);
}

.c-task__modal-trigger:after
{
	position: absolute;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: -1px;

	background-color: #CCC;

	content: '';
}



/* ------------------------------------- *\
|* ----------- # c-subtasks # ---------- *|
\* ------------------------------------- */
.c-subtasks
{
	position: relative;

	margin-top: -1px;

	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E0E0E0;

	overflow: hidden;
}

.c-time-tracking-input
{
	position: relative;
	display: inline-flex;

	flex-wrap: wrap;

	cursor: pointer;

	align-items: center;
}

.c-time-tracking-input__error
{
	width: 100%;

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

	font-weight: 600;
	font-size: .9em;
	color: #E93339;

	border-left: 3px solid currentColor;
}

.c-time-tracking-input__time
{
	position: relative;

	padding-right: 8px;
}

.c-time-tracking-input__toggle
{
	position: relative;
	display: inline-flex;

	margin-bottom: 1px;
	padding: 5px;

	background-color: #E93339;

	color: #FFF;

	box-shadow: 2px 2px 0 0 rgba(17, 17, 17, .15);

	transition: transform 240ms ease, box-shadow 240ms ease;

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

.c-time-tracking-input:hover .c-time-tracking-input__toggle,
.c-time-tracking-input:focus .c-time-tracking-input__toggle
{
	box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);

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

.c-time-tracking-input__toggle-anchor
{
	position: absolute;

	height: 0;
	width: 0;

	top: 50%;
	left: 50%;
}

.c-time-tracking-input__icon
{
	position: relative;

	font-size: 20px;
}

.c-time-tracking-row
{
	position: relative;
	display: flex;
}

.c-time-tracking-row--head
{
	font-weight: 600;
	font-size: 1.05em;
}

.c-time-tracking-row__cell
{
	display: flex;

	padding: 10px 10px;

	border-bottom: 1px solid rgba(224, 224, 224, 1);

	transition: background-color 240ms ease;

	align-items: center;
}

.c-time-tracking-row:hover .c-time-tracking-row__cell
{
	background-color: rgb(235, 251, 252);
}

.c-time-tracking-row--read-only:hover .c-time-tracking-row__cell,
.c-time-tracking-row--head:hover .c-time-tracking-row__cell
{
	background-color: transparent;
}

.c-time-tracking-row__cell.category
{
	width: 210px;

	flex-shrink: 0;
}

.c-time-tracking-row__cell.client
{
	width: 100px;

	flex-grow: 1;
}

.c-time-tracking-row--read-only .c-time-tracking-row__cell.project
{
	width: 100px;

	flex-grow: 1;
}

.c-time-tracking-row--read-only .c-time-tracking-row__cell.category
{
	width: 155px;

	flex-shrink: 0;
}

.c-time-tracking-row--read-only .c-time-tracking-row__cell.client
{
	width: 80px;

	flex-grow: 1;
}

.c-time-tracking-row__cell.comment
{
	width: 100px;

	flex-grow: 3;
}

.c-time-tracking-row__cell.project
{
	width: 100px;

	flex-grow: 1;
}

.c-time-tracking-row__cell.task
{
	width: 100px;

	flex-grow: 2;
}

.c-time-tracking-row__cell.actions
{
	width: 100px;

	text-align: center;
}

.c-time-tracking-row__cell.time
{
	width: 160px;

	flex-shrink: 0;
}

.c-time-tracking-row--total .c-time-tracking-row__cell.time
{
	font-weight: 700;
}

.c-time-tracking-row__cell.agent
{
	width: 100px;

	flex-shrink: 0;
}

.c-time-tracking-row__cell.date
{
	width: 90px;

	flex-shrink: 0;
}

.c-time-tracking-row--read-only .c-time-tracking-row__cell.time
{
	width: 120px;
}

.c-time-tracking-row__cell.edit
{
	width: 60px;

	text-align: right;

	flex-shrink: 0;
}

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

	border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.c-time-tracking-row__edit-btn
{
	min-width: 0;
}

.c-time-trackking-popup
{
	position: relative;
	display: flex;

	flex-direction: column;
}

.c-time-trackking-popup__title
{
	position: relative;

	padding: 6px 8px;

	background-color: #E93339;

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

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

.c-time-trackking-popup__content
{
	padding: 10px 12px;
}

.c-time-trackking-popup__when
{
	display: flex;

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

	font-size: .9em;

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

.c-time-trackking-popup__when-toggle
{
	position: relative;

	line-height: 1.4em;

	margin-left: 6px;

	font-weight: 600;
	color: #E93339;
}

.c-time-trackking-popup__when-toggle:hover
{
	background-color: rgba(233, 51, 57, .1);
}

.c-time-trackking-popup__when-toggle:after
{
	position: absolute;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: -2px;

	background-color: currentColor;

	content: '';
}

.c-time-trackking-popup__actions
{
	display: flex;

	height: 42px;
}

.c-time-trackking-popup__cancel,
.c-time-trackking-popup__ok
{
	display: flex;

	width: 50%;

	background-color: #FFF;

	color: #000;

	border-top: 2px solid #E0E0E0;

	transition: border-color 240ms ease, background-color 240ms ease;

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

.c-time-trackking-popup__cancel
{
	background-color: #E93339;

	color: #FFF;

	border-top-color: #E93339;
}

.c-time-trackking-popup__ok:hover
{
	background-color: #E0E0E0;
}

.c-time-trackking-popup__cancel:hover
{
	background-color: #AC3337;

	border-top-color: #AC3337;
}

.c-title
{
	font-weight: bold;
	font-size: 2em;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-title
	{
		font-size: 1.6em;
	}
}

.c-title:after
{
	display: inline-block;

	height: 1em;
	width: .95em;

	margin-left: 6px;

	background-color: #E93339;

	font-weight: 600;
	font-size: 14px;

	content: '';

	box-shadow: 2px 2px 0 0 rgba(17, 17, 17, .15);

	flex-shrink: 0;
}

.c-title--smaller
{
	font-size: 1.4em;
}

.c-title--smaller:after
{
	font-size: 12px;
}

.c-title--model-picker
{
	display: inline-flex;

	font-size: 1em;

	text-transform: uppercase;

	align-items: center;
}

.c-title--model-picker:after
{
	margin-right: 5px;
	margin-left: 0;

	order: -1;
}

.c-title--small
{
	font-size: .95em;
}

.c-title--small:after
{
	width: .9em;

	font-size: 10px;
}

.c-title--multiline
{
	line-height: 1.6em;
}

.c-title--white
{
	color: #F1F1F1;
}

.c-title--caret-start
{
	display: flex;

	align-items: center;
}

.c-title--caret-start:after
{
	margin-right: 8px;
	margin-left: 0;

	order: -1;
}

.c-title__action
{
	min-width: 0;

	margin-left: 8px;

	font-size: .75em;
}

.c-title__action-icon
{
	font-size: inherit;
}

.c-title__indicator
{
	margin-top: 4px;
	margin-left: 12px;

	font-size: 22px;
}

.c-title__indicator-wrapper
{
	position: relative;

	font-size: 1.3rem;
}

.c-title__indicator-wrapper:before
{
	position: absolute;

	height: 1.4em;
	line-height: 1.4em;
	width: 1.4em;

	right: 0;
	margin-right: -.7em;
	bottom: 0;

	background-color: #347FEA;

	font-weight: 700;
	font-size: .5em;
	color: #FFF;

	content: attr(data-count);
	text-align: center;

	border-radius: 50%;
}

.c-title__indicator-wrapper[data-count='']:before,
.c-title__indicator-wrapper[data-count='0']:before,
.c-title__indicator-wrapper[data-count='1']:before
{
	display: none;
}



/* ------------------------------------- *\
|* ----------- # c-subtitle # ---------- *|
\* ------------------------------------- */

.c-subtitle
{
	margin: 30px 0 20px;

	font-weight: 600;
	font-size: 1.25em;

	text-transform: uppercase;
}

.c-subtitle:after
{
	display: block;

	height: 2px;
	width: 45px;

	margin-top: 8px;

	background-color: #E93339;

	content: '';
}

.c-tracking-row
{
	display: flex;

	margin-bottom: 8px;
}

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

.c-tracking-row__date
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

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

.c-tracking-row__title
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

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

.c-tracking-row--head .c-tracking-row__title
{
	justify-content: flex-start;
}

.c-tracking-row__comment
{
	display: flex;

	width: 120px;

	padding: 4px 8px;

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

.c-tracking-row--head .c-tracking-row__comment
{
	justify-content: center;
}

.c-tracking-row__notif-date
{
	display: flex;

	width: 160px;

	padding: 4px 8px;

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

.c-tracking-row__actions
{
	display: flex;

	width: 210px;

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

.c-tracking-row__details
{
	margin-right: 20px;
	padding: 4px 6px;
}

.c-user-time-tracking
{
	margin-bottom: 30px;
}

.c-user-time-tracking__date
{
	display: inline-flex;

	margin-top: 25px;
	padding: 2px 8px;

	background-color: #E93339;

	font-weight: 600;
	font-size: 1em;
	color: #FFF;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

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

	$blue       : #006EB2;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

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

.login-page__left
{
	display: flex;

	width: 40%;

	padding: 0 100px;

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

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

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__left
	{
		width: 100%;

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

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__left
	{
		padding: 0 90px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.login-page__left
	{
		padding: 0 15px;
	}
}

/* ------------------------------------ */
/* --------- login-page__right -------- */
/* ------------------------------------ */

.login-page__right
{
	display: flex;

	width: 60%;

	background: #046296;
	background: linear-gradient(to bottom, #51B2CA 0%, #006EB2 100%);
	background-image: url(/images/agence/porte.jpg);
	background-position: center;
	background-size: cover;

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

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__right
	{
		width: 100%;

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

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

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

	margin: 0;
	padding: 15px 100px;

	background-color: rgba(248, 84, 89, .75);

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

	letter-spacing: .05em;
}

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

		font-size: 2.4em;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__title
	{
		text-align: center;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2em;
	}
}

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

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

.project-status-page
{
	display: flex;

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.simple-page
{
	display: flex;

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

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.satisfaction-page__radio-grp
{
	display: flex;

	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 30px;

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

.satisfaction-page__why
{
	margin-top: -35px;
	margin-bottom: 30px;
}

.satisfaction-page__content
{
	margin: 0 auto;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{top: 2px;margin-top:-8px;}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{border-top:none;border-bottom-color: #000000;}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{top: -2px;border-bottom-color: #000000;}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time{border-radius:0.3rem}.react-datepicker--time-only .react-datepicker__time-box{border-radius:0.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^="bottom"]{margin-top:10px}.react-datepicker-popper[data-placement^="top"]{margin-bottom:10px}.react-datepicker-popper[data-placement^="right"]{margin-left:8px}.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^="left"]{margin-right:8px}.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:70px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:70px;overflow-x:hidden;margin:0 auto;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:30px;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day{cursor:pointer}.react-datepicker__day:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today{font-weight:bold}.react-datepicker__day--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,0.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:inline-block;height:0;outline:0;padding:0;vertical-align:middle}.react-datepicker__close-icon::after{background-color:#216ba5;border-radius:50%;bottom:0;box-sizing:border-box;color:#fff;content:"\00d7";cursor:pointer;font-size:12px;height:16px;width:16px;line-height:1;margin:-8px auto 0;padding:2px;position:absolute;right:7px;text-align:center;top:50%}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px), (max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}

/* ------------------------------------------------ *\
|* ---------------- # 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;
	color: #FFF;

	text-transform: uppercase;

	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 0;

	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;

	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-simple-button
{
	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 6px 10px;

	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 0;
}


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

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

.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
{
	-webkit-box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, .6);
	        box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, .6);
}

.c-flat-btn--strong-shadow:hover
{
	-webkit-box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);
	        box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);
}

.dashboard-table
{
	width: 100%;
	max-width: 100%;

	padding: 0;

	    overflow-x: auto;
	-ms-overflow-x: auto;

	order: 100;
}

.dashboard-table.with-date-input
{
	    overflow-x: visible;
	-ms-overflow-x: visible;
}

.dashboard-wrapper
{
	overflow: auto;
}

.table-cell
{
	position: relative;

	padding: 8px 15px;
}

.green-cell
{
	background-color: #EAF5F2;
}

.back-nagivation
{
	position: fixed;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 0;

	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
}

.page-content
{
	position: relative;

	margin-left: 0;

	-webkit-transition: margin 320ms ease-in-out;
	    -ms-transition: margin 320ms ease-in-out;
	        transition: margin 320ms ease-in-out;

	z-index: 1;
}

.page-content.with-sidebar
{
	margin-left: 215px;
}

.back-page
{
	padding-top: 64px;

	background-color: #F5F5F5;
}

.table-row-icon
{
	height: 21px;
	width: auto;
}

.table-row-icon[src$='.svg']
{
	filter: contrast(0%) brightness(0%);
}

.form-custom-label
{
	margin-top: 15px;
	margin-bottom: 12px;

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

.quote-form-total
{
	display: flex;

	margin-right: 61px;

	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
}

.quote-form-total.read-only
{
	margin-right: 0;
}

.quote-page-top
{
	display: flex;

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

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

.quote-update-form
{
	width: 100%;
}

.dashboard-page
{
	display: flex;

	flex-wrap: wrap;

	margin-top: 20px;
	margin-bottom: 20px;

	justify-content: space-between;
}

.dashboard-right
{
	display: inline-flex;

	margin-bottom: 20px;

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

.form-section-container
{
	padding-right: 10px;
	padding-left: 10px;
}

.bill-payments
{
	width: 100%;
}

.payment-input
{
	display: flex;
}

.payment-input__calculate
{
	min-width: 0;

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

	font-size: 24px;

	border-radius: 0;

	flex-shrink: 0;
}

.payment-input__icon
{
	height: 1em;
	width: 1em;

	font-size: 1em;
}

.time-tracking-rows
{
	display: table;

	width: 100%;
}

.user-time-tracking
{
	position: relative;
}

.dashboard-page
{
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.dashboard-right
{
	display: inline-flex;

	margin-left: auto;
	margin-bottom: 20px;

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

.dashboard-table
{
	position: relative;

	width: 100%;

	order: 100;
}

.dashboard-page__actions
{
	width: 100%;

	order: 1000;
}

.grid-text-editor .editor-label
{
	margin-top: 0;
}

.agent-picker
{
	min-height: 34px;
	min-width: 80px;
}

.agent-picker__agent
{
	display: block;

	width: 100%;
	min-width: 0;

	padding: 6px 12px;

	font-size: 16px;

	text-align: left;
	text-transform: none;

	border-radius: 0;

	transition: background-color 240ms ease;
}

.agent-picker__agent:hover
{
	background-color: hsla(215, 81%, 91%, 1);
}

.agent-picker__agent.selected
{
	background-color: #E0E0E0;

	color: #000;

	cursor: default;
}

.status-picker .selected,
.project-status-picker .selected,
.project-status-filter .selected
{
	background-color: #E0E0E0;

	cursor: default;
}

.project-header
{
	display: flex;

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

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.project-header
	{
		flex-wrap: wrap;
	}
}

.project-description
{
	margin-bottom: 20px;
}

.project-description p:empty + p:empty
{
	display: none;
}

.project-description p:first-child
{
	margin-top: 0;
}

.project-description p:last-child
{
	margin-bottom: 0;
}

.mui-textinput
{
	font-family: inherit;
}

.reset-date-btn
{
	position: absolute;

	width: 100%;

	margin-top: 0;
	bottom: 5px;
	margin-bottom: 0;
	padding: 0;
	padding: 8px 0;
}

.reorder-modal__task
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	margin: 5px 0;
	padding: 8px 10px 8px 30px;

	transition: background-color 240ms ease;

	align-items: center;
}

.reorder-modal__task:hover
{
	background-color: rgb(0, 0, 0, .04);
}

.reorder-modal__task:before
{
	position: absolute;
	display: block;

	height: 1em;
	width: 1em;

	top: 15px;
	left: 10px;

	background-color: #3C9EBB;

	font-size: 8px;

	content: '';
}

.reorder-modal__sub-tasks
{
	position: relative;

	width: 100%;

	margin-top: 9px;
	padding-left: 55px;
}

.reorder-modal__sub-tasks:before
{
	position: absolute;

	height: 100%;
	height: 2px;
	width: 40px;

	top: 50%;
	margin-top: -1px;
	left: 3px;

	background-color: #E0E0E0;

	content: '';
	content: '';
}

.reorder-modal__sub-tasks:after
{
	position: absolute;

	height: 90%;
	width: 2px;

	left: 3px;
	bottom: 50%;

	background-color: #E0E0E0;

	content: '';
}

.date-picker-popover
{
	z-index: 3000 !important;
}

.payment-terms
{
	margin: 0;
	margin-right: -20px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 424px)
{
	.payment-terms
	{
		margin-right: 0;
	}
}

.payment-terms__lines
{
	display: flex;

	flex-wrap: wrap;
}

.tabs-bar
{
	position: absolute;
	display: flex;

	max-width: 100%;

	margin: 0;
	left: 0;
	bottom: 100%;
	padding: 0;

	list-style: none;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	overflow: auto;
}

.tabs-container
{
	position: relative;

	width: 100%;

	margin-bottom: 50px;
}

.payment-dashboard-modal-inputs
{
	display: flex;

	flex-wrap: wrap;

	margin-bottom: 30px;
}

.payment-dashboard-modal-inputs__label
{
	width: 200px;

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

	flex-grow: 1;
}

.payment-dashboard-modal-inputs__amount
{
	width: 200px;

	margin-bottom: 15px;

	flex-grow: 1;
}

.payment-dashboard-modal-inputs__payments
{
	display: flex;

	flex-wrap: wrap;
}

.c-model-picker input
{
	font-size: .85em;
}

.contact-form
{
	position: relative;

	max-width: 100%;

	margin-top: 80px;
	margin-right: -35px;
	margin-bottom: 25px;
	padding: 55px 60px 125px 200px;
}

.contact-form:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: -35px;

	background-image: url('/images/paths/ear_shape.svg');
	background-repeat: no-repeat;
	background-position: top left;
	-webkit-background-size: contain;
	        background-size: cover;

	content: '';

	z-index: -1;
}

/* ------ Laptop ------ */
@media (max-width: 1650px) and (min-width: 1201px)
{
	.contact-form
	{
		padding: 50px 45px 90px 180px;
	}
}

/* ------ Tablet ------ */
@media (max-width: 1200px)
{
	.contact-form
	{
		padding: 45px 82px 210px 200px;
	}
}

/* ------ Tablet ------ */
@media (max-width: 960px)
{
	.contact-form
	{
		padding: 42px 30px 120px 150px;
	}
}

/* ------ Mobile ------ */
@media (max-width: 760px)
{
	.contact-form
	{
		margin-top: 15px;
		padding: 85px 15px 290px 85px;
	}

	.contact-form:before
	{
		width: 106%;

		right: auto;
		right: -35px;

		background-size: cover;
	}

	.contact-form__form
	{
		padding-left: 15px;
	}
}

/* ------ Mobile ------ */
@media (max-width: 599px)
{
	.contact-form
	{
		margin-top: 15px;
		padding: 50px 15px 125px 70px;
	}

	.contact-form:before
	{
		right: -12px;
		left: auto;

		background-size: cover;
	}

	.contact-form__form
	{
		padding-left: 15px;
	}
}

/* ------------------------------------ */
/* ----------- Form styling ----------- */
/* ------------------------------------ */

.contact-form label
{
	color: #F1F1F1 !important;
}

.contact-form label + div:before
{
	border-color: #F1F1F1 !important;
}

.contact-form label + div:after
{
	border-color: #03A9F4 !important;
}

.contact-form .form-error label + div:after
{
	border-color: #E93339 !important;
}

.contact-form select,
.contact-form textarea,
.contact-form input
{
	padding-left: 6px;

	color: #F1F1F1;
}

.contact-form option
{
	color: #000;
}

.contact-form select + svg
{
	color: #F1F1F1;
}




/* ------------------------------------ */
/* ---------- Infos styling ----------- */
/* ------------------------------------ */

.contact-form__info
{
	text-align: center;
}

.contact-form__info-txt
{
	font-size: .95em;

	text-transform: uppercase;
}

.contact-form__info-title
{
	font-weight: 600;
	font-size: 1.1em;
	color: #E93339;
}

.react-datepicker
{
	font-family: inherit;
	font-size: 1em;

	letter-spacing: inherit;

	border-radius: 0;
	border: none;

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

.react-datepicker-popper
{
	z-index: 10;
}

.react-datepicker__header
{
	padding: 0;

	background-color: #000;

	border-radius: 0;
	border: none;
}

.react-datepicker__current-month
{
	padding: 10px 0;

	text-transform: capitalize;
}

.react-datepicker__current-month
{
	color: #FFF;
}

.react-datepicker__day-name
{
	color: #8C8C8C;
}

/* ---------- react-datepicker__navigation ---------- */

.react-datepicker__navigation
{
	height: 30px;
	width: 30px;

	top: 5px;

	font-size: 0;
	color: transparent;

	border: none;
}

.react-datepicker__navigation:before,
.react-datepicker__navigation:after
{
	position: absolute;

	height: 2px;
	width: 32%;

	top: 50%;
	left: 28%;
	margin-left: 2px;

	background-color: #FFF;

	font-size: 38px;
	color: #FFF;

	content: '';

	border-radius: 4px;

	-webkit-transform-origin: left;
	    -ms-transform-origin: left;
	        transform-origin: left;
}

.react-datepicker__navigation--next:before,
.react-datepicker__navigation--previous:before
{
	margin-top: -2px;

	transform: rotate(45deg);
}

.react-datepicker__navigation--next:after,
.react-datepicker__navigation--previous:after
{
	margin-top: -1px;

	transform: rotate(-45deg);
}

.react-datepicker__navigation--previous
{
	left: 8px;

	background-color: rgba(255, 255, 255, .3);

	border-radius: 50%;
}

.react-datepicker__navigation--previous:before
{
	margin-left: 2px;
}

.react-datepicker__navigation--previous:after
{
	margin-top: -1px;
	margin-left: 2px;
}

.react-datepicker__navigation--next:before
{
	margin-left: 2px;
}

.react-datepicker__navigation--next:after
{
	margin-top: -1px;
	margin-left: 2px;
}

.react-datepicker__navigation--next
{
	right: 8px;
	left: auto;

	background-color: rgba(255, 255, 255, .3);

	border-radius: 50%;

	transform: scaleX(-1);
}

/* ---------- react-datepicker__day-names ---------- */

.react-datepicker__day-names
{
	display: flex;

	margin-top: 0;
	padding-top: 4px;
	padding-right: .4rem;
	padding-left: .4rem;
	padding-bottom: 0;

	background-color: #FFF;

	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

/* ---------- react-datepicker__day-name ---------- */

.react-datepicker__day-name
{
	width: 2.2em;

	margin: 2px;
}

/* ---------- react-datepicker__day ---------- */

.react-datepicker__day
{
	position: relative;

	height: 2.2em;
	line-height: 2.2em;
	width: 2.2em;

	margin: 2px;

	font-size: 16px;

	z-index: 0;
}

.react-datepicker__day:hover
{
	background-color: transparent;

	border-radius: 0;
}

.react-datepicker__day--selected:before
{
	display: none;
}

.react-datepicker__day--selected,
.react-datepicker__day--selected:hover
{
	background-color: #E93339;

	cursor: default;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.react-datepicker__day--today:not(.react-datepicker__day--selected)
{
	color: #E93339;
}

.react-datepicker__day--today:after
{
	position: relative;
	display: block;

	height: 2px;
	width: 1.4em;

	margin: auto;
	bottom: 6px;

	background-color: #E93339;

	content: '';
}

.react-datepicker__day:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(233, 51, 57, .2);

	content: '';

	-webkit-border-radius: 50%;
	        border-radius: 50%;

	-webkit-transition: transform 240ms ease;
	    -ms-transition: transform 240ms ease;
	        transition: transform 240ms ease;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);

	z-index: -1;
}

.react-datepicker__day:hover:before
{
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.react-datepicker__day--outside-month
{
	color: hsla(0, 0%, 80%, 1);
}

.react-datepicker__today-button
{
	padding: 5px 10px 6px;

	background: #000;

	font-weight: normal;
	font-size: 15px;
	color: #FFF;

	text-transform: uppercase;

	border: none;
}

.front-left
{
	position: fixed;
	display: flex;

	height: 100%;
	width: 45vw;

	top: 0;
	left: 0;

	background-color: #FAFAFA;

	z-index: 1;
}

@media (max-width: 1500px)
{
	.front-left
	{
		width: 40vw;
	}
}

.front-right
{
	position: relative;

	min-height: 100vh;
	width: 100%;

	background-color: #F2F2F2;

	z-index: 0;
}

.front-right.home
{
	display: flex;

	align-items: center;
}

body[style*='overflow: hidden'] .front-right
{
	padding-right: 17px;
}

.front-content
{
	position: relative;

	width: 55vw;

	left: 45vw;
	padding: 0 35px 10px;
}

@media (max-width: 1500px)
{
	.front-content
	{
		width: 60vw;

		left: 40vw;
	}
}

@media (max-width: 1200px)
{
	.front-content
	{
		width: 100%;

		left: 0;
	}

	.front-left
	{
		position: static;

		width: 100%;

		padding-top: 20px;
		padding-bottom: 20px;

		background-color: #F2F2F2;

		z-index: 20;

		order: 2;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.front-content
	{
		padding: 0 12px 5px;
	}
}

.front-right.home .front-content
{
	padding-right: 15px;
	padding-left: 15px;
}

.front-right.stripes:before
{
	position: absolute;

	height: 100%;
	width: calc(25% - 13px);

	top: 0;
	left: 0;
	margin-left: calc(25% + 13px);

	content: '';

	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #E1E1E1;

	z-index: -1;
}

.front-right.stripes:after
{
	position: absolute;

	height: 100%;
	width: 1px;

	top: 0;
	right: calc(25% + 14px);

	background-color: #E1E1E1;

	content: '';

	z-index: -1;
}

@media (max-width: 1200px)
{
	.front-right
	{
		margin-left: 0;
		padding-top: 67px;
	}
}

@media (max-width: 639px)
{
	.front-right
	{
		padding-top: 61px;
	}
}

.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: #006EB2;
}

.modal-label:after
{
	display: block;

	height: 2px;
	width: 2px;

	margin-left: 8px;

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

	content: '';

	flex-grow: 1;
}
.month-picker
{
	position: relative;
}

.month-picker > .rmp-container
{
	position: relative;

	top: 1px;
	left: -10000px;

	-webkit-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;
	   -moz-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;
	        transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;

	box-sizing: border-box;

	z-index: 100;

	-webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container
	{
		position: fixed;

		height: 100%;
		width: 100%;

		top: 0;
		left: -10000px;

		-webkit-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;
		   -moz-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;
		        transition: left 0ms cubic-bezier(.23, 1, .32, 1) 450ms;
	}
}

.month-picker > .rmp-container.rmp-table
{
	display: table;
}

.month-picker > .rmp-container.show
{
	left: 0;

	-webkit-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms;
	   -moz-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms;
	        transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms;
}

.month-picker > .rmp-container.show .rmp-overlay
{
	left: 0;
}

.month-picker > .rmp-container .rmp-overlay
{
	position: fixed;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: -10000px;

	-webkit-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms, opacity 400ms cubic-bezier(.23, 1, .32, 1) 0ms;
	   -moz-transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms, opacity 400ms cubic-bezier(.23, 1, .32, 1) 0ms;
	        transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms, opacity 400ms cubic-bezier(.23, 1, .32, 1) 0ms;
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	     -o-transform: translateZ(0);
	        transform: translateZ(0);

	z-index: 9;

	-webkit-tap-highlight-color: transparent;
	will-change: opacity;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-overlay
	{
		background-color: rgba(0, 0, 0, .25);
	}
}

.month-picker > .rmp-container .rmp-cell
{
	display: table-cell;

	height: 100%;
	width: 100%;

	vertical-align: middle;

	box-sizing: border-box;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-cell
	{
		vertical-align: bottom;
	}
}

.month-picker > .rmp-container .rmp-popup
{
	position: absolute;
	opacity: 0;

	margin: 0 auto;
	padding: .4rem;

	font-size: 1.2rem;

	border-radius: 3px;

	-webkit-transition: all 450ms cubic-bezier(.23, 1, .32, 1);
	   -moz-transition: all 450ms cubic-bezier(.23, 1, .32, 1);
	        transition: all 450ms cubic-bezier(.23, 1, .32, 1);

	box-sizing: content-box;

	z-index: 10;

	-webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-popup
	{
		height: 14.4rem;
		width: 100%;
		max-width: 100%;

		bottom: 0;

		-webkit-transform: translate3d(0, 14.4rem, 0);
		   -moz-transform: translate3d(0, 14.4rem, 0);
		    -ms-transform: translate3d(0, 14.4rem, 0);
		     -o-transform: translate3d(0, 14.4rem, 0);
		        transform: translate3d(0, 14.4rem, 0);

		box-sizing: border-box;
	}
	.month-picker > .rmp-container .rmp-popup.range
	{
		height: 28rem;

		-webkit-transform: translate3d(0, 28rem, 0);
		   -moz-transform: translate3d(0, 28rem, 0);
		    -ms-transform: translate3d(0, 28rem, 0);
		     -o-transform: translate3d(0, 28rem, 0);
		        transform: translate3d(0, 28rem, 0);
	}
	.month-picker > .rmp-container .rmp-popup.range .rmp-pad
	{
		margin-top: .4rem;
	}
	.month-picker > .rmp-container .rmp-popup.range .rmp-pad:first-of-type
	{
		margin-top: 0;
	}
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup
	{
		width: 20rem;

		top: 0;

		-webkit-transform: translate3d(0, -64px, 0);
		   -moz-transform: translate3d(0, -64px, 0);
		    -ms-transform: translate3d(0, -64px, 0);
		     -o-transform: translate3d(0, -64px, 0);
		        transform: translate3d(0, -64px, 0);
	}
	.month-picker > .rmp-container .rmp-popup.range
	{
		width: 40.6rem;

		padding: .6rem;
	}
}

.month-picker > .rmp-container .rmp-popup.show
{
	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.month-picker > .rmp-container .rmp-popup:after
{
	display: table;

	content: ' ';

	clear: both;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad
{
	position: relative;
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup .rmp-pad
	{
		float: left;

		width: 20rem;

		box-sizing: border-box;
	}
	.month-picker > .rmp-container .rmp-popup .rmp-pad:nth-of-type(2)
	{
		float: right;
	}
}

.month-picker > .rmp-container .rmp-popup .rmp-pad > div label
{
	display: block;

	line-height: 3.4rem;

	font-size: 1.4rem;

	text-align: center;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad > div label b
{
	margin-right: .5em;

	font-weight: normal;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad > div i
{
	position: absolute;

	height: 3.4rem;
	line-height: 3.4rem;
	width: 3.4rem;

	top: 0;

	font-style: normal;

	text-align: center;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad > div i.prev
{
	left: 0;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad > div i.next
{
	right: 0;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad ul,
.month-picker > .rmp-container .rmp-popup .rmp-pad li
{
	margin: 0;
	padding: 0;

	list-style-type: none;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad ul
{
	display: block;

	width: 100%;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad ul:after
{
	display: table;

	content: ' ';

	clear: both;
}

.month-picker > .rmp-container .rmp-popup .rmp-pad li
{
	display: block;
	float: left;

	line-height: 3.4rem;

	font-size: 1.15rem;

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

	border-radius: 2px;

	overflow: hidden;

	-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	   -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	        transition: background-color 200ms ease-in-out, color 200ms ease-in-out;

	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-popup .rmp-pad li
	{
		width: 25%;
	}
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup .rmp-pad li
	{
		width: 33.3333333333%;
	}
}

.month-picker > .rmp-container .rmp-popup.light
{
	background-color: rgba(255, 255, 255, .96);

	color: #666;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-popup.light
	{
		border-top: 1px solid #CCC;

		box-shadow: 0 -1px 5px rgba(0, 0, 0, .08);
	}
	.month-picker > .rmp-container .rmp-popup.light.range .rmp-pad
	{
		border-top: 1px solid rgba(204, 204, 204, .5);
	}
	.month-picker > .rmp-container .rmp-popup.light.range .rmp-pad:first-of-type
	{
		border-top: 0;
	}
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup.light
	{
		border: 1px solid #CCC;

		box-shadow: 0 1px 5px #DDD;
	}
	.month-picker > .rmp-container .rmp-popup.light.range .rmp-pad
	{
		background-color: rgba(238, 238, 238, .9);
	}
}

.month-picker > .rmp-container .rmp-popup.light .rmp-pad .rmp-btn
{
	cursor: pointer;
}


@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup.light .rmp-pad .rmp-btn:hover
	{
		background-color: rgba(255, 227, 160, .59);
	}
}

.month-picker > .rmp-container .rmp-popup.light .rmp-pad li.active,
.month-picker > .rmp-container .rmp-popup.light .rmp-pad li.active:hover
{
	background-color: rgba(31, 42, 58, .73);

	color: white;

	cursor: default;
}

.month-picker > .rmp-container .rmp-popup.light .rmp-pad .disable,
.month-picker > .rmp-container .rmp-popup.light .rmp-pad .disable:hover
{
	background-color: transparent;

	color: #BBB;

	cursor: default;
}

.month-picker > .rmp-container .rmp-popup.dark
{
	background-color: rgba(50, 50, 50, .96);

	color: #FFF;
}

@media screen and (max-width: 767px)
{
	.month-picker > .rmp-container .rmp-popup.dark.range .rmp-pad
	{
		border-top: 1px solid rgba(113, 113, 113, .41);
	}
	.month-picker > .rmp-container .rmp-popup.dark.range .rmp-pad:first-of-type
	{
		border-top: 0;
	}
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup.dark.range .rmp-pad
	{
		background-color: rgba(70, 70, 70, .9);
	}
}


.month-picker > .rmp-container .rmp-popup.dark .rmp-pad .rmp-btn
{
	cursor: pointer;
}

@media screen and (min-width: 768px)
{
	.month-picker > .rmp-container .rmp-popup.dark .rmp-pad .rmp-btn:hover
	{
		background-color: rgba(255, 210, 96, .33);
	}
}

.month-picker > .rmp-container .rmp-popup.dark .rmp-pad li.active,
.month-picker > .rmp-container .rmp-popup.dark .rmp-pad li.active:hover
{
	background-color: rgba(189, 211, 242, .7);

	color: #303030;

	cursor: default;
}


.month-picker > .rmp-container .rmp-popup.dark .rmp-pad .disable,
.month-picker > .rmp-container .rmp-popup.dark .rmp-pad .disable:hover
{
	background-color: transparent;

	color: #717171;

	cursor: default;
}

.month-picker > .box,
.month-picker > .box label
{
	cursor: pointer;
}

@media screen and (max-width: 767px)
{
	.month-picker > .box
	{
		line-height: 5rem;

		font-size: 1.32rem;
		color: #777;

		text-align: right;

		box-sizing: border-box;
	}
}


@media screen and (min-width: 768px)
{
	.month-picker > .box
	{
		line-height: 3.2rem;

		padding-left: .9rem;

		background-color: #F6F6F6;

		font-size: 1.3rem;
		color: #525252;

		border: 1px solid #E0E0E0;

		box-sizing: border-box;
	}
	.month-picker > .box > label
	{
		font-size: 1.3rem;
		color: #525252;
	}
}

.month-picker .tab.btn
{
	font-size: 0;
}

.month-picker .tab.btn:before
{
	line-height: 3.4rem;
	width: 3.4rem;

	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
	font-size: 1.8rem;

	text-align: center;

	speak: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
}


.month-picker .tab.btn.prev:before
{
	content: '';
}

.month-picker .tab.btn.next:before
{
	content: '';
}

.list-area
{
	margin-top: 5rem;
}

@media screen and (min-width: 768px)
{
	.list-area
	{
		width: 500px;

		margin-right: auto;
		margin-left: auto;
	}
}


@media screen and (max-width: 767px)
{
	.list-area > ul
	{
		border-bottom: 1px solid #E8E8E8;
	}
	.list-area > ul > li
	{
		position: relative;

		padding: 0 1.6rem;

		background-color: #FFF;

		border-top: 1px solid #E8E8E8;
	}
	.list-area > ul > li:after
	{
		display: table;

		content: ' ';

		clear: both;
	}
	.list-area > ul > li > label
	{
		display: block;
		float: left;

		line-height: 5rem;

		font-size: 1.12rem;
		color: #440F24;
	}
	.list-area > ul > li > label b
	{
		font-size: 1.1em;
	}
	.list-area > ul > li > label span
	{
		position: absolute;
		display: block;

		top: 1.5em;
		left: 1.6rem;

		font-size: .8rem;
		color: #BFBFBF;
	}
	.list-area > ul > li .edit
	{
		line-height: 5rem;

		margin-left: 9rem;
	}
}


@media screen and (min-width: 768px)
{
	.list-area > ul
	{
		padding: 1.8rem;
	}

	.list-area > ul > li
	{
		padding: .5rem 0 1.4rem;

		font-size: 1.3rem;
	}

	.list-area > ul > li:after
	{
		display: table;

		content: ' ';

		clear: both;
	}

	.list-area > ul > li > label
	{
		display: block;

		margin-right: 1rem;
		margin-bottom: .5em;
		padding: 1px;

		font-size: 1.1rem;
		color: #898989;
	}

	.list-area > ul > li > label b
	{
		display: block;

		font-size: 1.1em;
	}

	.list-area > ul > li > label span
	{
		display: block;

		margin-top: .4em;

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

	.list-area > ul > li .edit
	{
		height: 3.3rem;

		padding: 1px;
	}
}

.tool-logo
{
	position: relative;
	display: block;

	height: 60px;
	width: 100%;
	max-width: 80%;

	margin: 10px auto;

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

	cursor: pointer;

	object-fit: contain;
	object-position: center;
}

.quill
{
	position: relative;
	display: flex;

	flex-direction: column;

	margin-top: 0;

	z-index: 2;

	flex-grow: 1;
}

.quill ul
{
	padding-left: 1.4em;
}

.u-no-select .quill *
{
	-webkit-user-select: initial;
	 -khtml-user-select: initial;
	   -moz-user-select: initial;
	    -ms-user-select: initial;
	        user-select: initial;

	-webkit-touch-callout: initial;
}

.ql-editor
{
	min-height: 110px;

	background-color: #FFF;
}

.ql-container
{
	flex-grow: 1;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before
{
	content: 'Titre';
	text-transform: uppercase;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before
{
	content: 'Sous titre';
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before
{
	content: 'Texte normal';
}

.ql-snow .ql-picker.ql-header
{
	width: 120px;
}

.ql-editor p:not(:last-child)
{
	margin-bottom: 15px;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl)
{
	padding-left: 0;
}

.ql-disabled
{
	color: #9A9A9A;

	cursor: default;
}

.ql-disabled .ql-editor > *
{
	cursor: default;
}

.editor-text-wrapper
{
	position: relative;
	display: flex;

	flex-direction: column;

	margin-top: 6px;

	flex-grow: 1;
}

.text-editor-container
{
	display: flex;

	flex-direction: column;

	width: 100%;

	flex-grow: 1;
}

.ql-fullscreen
{
	position: absolute;

	height: 1em;
	width: 1em;

	margin: 0;
	top: 11px;
	right: 12px;
	padding: 0;

	font-size: 19px;

	cursor: pointer;

	z-index: 3;
}

.ql-fullscreen__icon
{
	height: 1em;
	width: 1em;

	font-size: 1em;
}

.editor-label
{
	margin-top: 15px;
	margin-bottom: 5px;

	font-size: .9em;
	color: rgb(85, 85, 85);
}

/*
	$red: #e93339;
*/

.u-lock-scroll,
[class^='u-lock-scroll-']
{
	overflow: hidden !important;
}

.u-primary
{
	color: #E93339;
}

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

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

.u-responsive-img
{
	display: block;

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

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

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

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

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

.u-center
{
	text-align: center;

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

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

.u-block
{
	display: block;
}

.u-flex
{
	display: flex;
}

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

.u-flex-column
{
	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
}

.u-items-center
{
	-webkit-align-items: center;
	        align-items: center;
}

.u-items-end
{
	-webkit-align-items: flex-end;
	        align-items: flex-end;
}

.u-items-start
{
	-webkit-align-items: flex-start;
	        align-items: flex-start;
}

.u-content-end
{
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
}

.u-content-start
{
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

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

.u-content-between
{
	justify-content: space-between;
}

.u-content-around
{
	justify-content: space-around;
}

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

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

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

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

.u-order-3
{
	-webkit-order: 3;
	    -ms-order: 3;
	        order: 3;
}

.u-flex-grow-0
{
	-webkit-flex-grow: 0;
	        flex-grow: 0;
}

.u-flex-grow-1
{
	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.u-flex-grow-2
{
	-webkit-flex-grow: 2;
	        flex-grow: 2;
}

.u-flex-grow-3
{
	-webkit-flex-grow: 3;
	        flex-grow: 3;
}

.u-flex-shrink-0
{
	-webkit-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-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-60
{
	margin-bottom: 60px;
}
.u-margin-bottom-50
{
	margin-bottom: 50px;
}

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

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

.u-margin-bottom-30
{
	margin-bottom: 30px;
}

.u-margin-bottom-25
{
	margin-bottom: 25px;
}

.u-margin-bottom-20
{
	margin-bottom: 20px;
}

.u-margin-bottom-15
{
	margin-bottom: 15px;
}

.u-margin-bottom-10
{
	margin-bottom: 10px;
}

.u-margin-bottom-5
{
	margin-bottom: 5px;
}

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

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

.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-left-auto
{
	margin-left: auto;
}

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

.u-padding-top-40
{
	padding-top: 30px;
}

.u-padding-top-35
{
	padding-top: 30px;
}

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

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

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

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

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

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

.u-padding-bottom-40
{
	padding-bottom: 30px;
}

.u-padding-bottom-35
{
	padding-bottom: 30px;
}

.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-15
{
	padding-left: 15px;
}

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

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

.u-padding-left-0,
.u-no-padding-left
{
	padding-left: 5px;
}

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

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

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

.u-padding-right-0,
.u-no-padding-right
{
	padding-right: 5px;
}

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

.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-no-select,
.u-no-select *:not(input):not(textarea):not(select)
{
	-webkit-user-select: none;
	 -khtml-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: 0;
	width: 0;

	padding: 0;

	color: transparent;

	border: none;

	overflow: hidden;

	z-index: -1;
}

.u-hidden
{
	display: none;
}

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

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 992px)
{
	.u-tablet-hidden
	{
		display: none;
	}
}

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

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

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

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

	margin: -1px !important;
	padding: 0 !important;

	white-space: nowrap !important;

	border: 0 !important;

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