#toasts-container {width: 500px; margin-left: -250px; text-align: center; position: fixed; z-index: 100000; left: 50%; top: 50px;}
#toasts-container .message {color: white; border-radius: 5px; padding: 15px 30px; font-size: 14px; margin-bottom: 5px; position: relative;}
#toasts-container .message.success  {background-color: #639329;}
#toasts-container .message.error    {background-color: #f85a40;}
#toasts-container .message.warning  {background-color: #ffbf00;}
#toasts-container .message.info     {background-color: #0A76B7;}
#toasts-container .message .close {position: absolute; top: 25%; right: 15px;}
#toasts-container .message .close:hover {cursor: pointer;}
#toasts-container .message .close::before {font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f00d"; color: #efefef; font-size: 20px;}
#toasts-container .message.autoclose {animation: hideAnimation 5s 2s; animation-fill-mode: forwards;}
@keyframes hideAnimation {
    from {opacity: 1;}
    to {opacity: 0; position: absolute; right: -2000px;}
}

/* bouton account */
.my-account-button-row {align-items: center; justify-content: space-around;display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.my-account-button-action {padding: 10px; flex: 1 1 0; max-width: 160px;}
.my-account-button-action a {display: flex; flex-direction: column; align-items: center;}
.my-account-button-action a:hover {text-decoration: none;}
.my-account-button-title {font-size: 18px; font-weight: bold; padding-top: 15px; color: #434345;}
.my-account-button-row .icon_size{font-size: 54px;}
.my-account-button-row .icon_size_medium{font-size: 40px;}

/* Cadres de séparation */
.bordered-container {border: 1px solid rgba(0,0,0,.1); border-radius: 2px; padding: 15px; margin : 10px auto;}
.bordered-container .title {border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom:5px;}

.date_candidature{width:750px; background-color:#F2F2F2; margin:auto; margin-bottom:5px; padding:5px 10px; background-image:url(../images/templates/calendrier.png); background-repeat:no-repeat; background-position:560px 0px}
.action_candidature{width:750px; background-color:#F2F2F2; margin:auto; padding:5px 10px 25px; margin-bottom:5px;}
.row{margin-top:0px !important;}



.c1 {color:var(--event-main-color);} 
.bc1 {background-color: var(--event-main-color);} 
.table_striped th{background-color:var(--event-table-header-bg); color:var(--event-table-header-color);}

.d-none{
	display: none;
}

@media (max-width: 605px) {
    .table_responsive, .table_responsive tbody, .table_responsive tr, .table_responsive td {display: block; width: 100%;} 
    .table_responsive thead {display: none;}
    .table_striped {white-space: normal;}
    .table_responsive tr {display: block;margin-bottom: 40px;}
    .table_responsive td {display: block; text-align: right; position: relative; min-height: 29px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #c1c1c1; font-size: 16px; padding-right: 3px; padding-left: 70px;}
    .table_responsive td:first-child {border-radius: 2px 2px 0 0;}
    .table_responsive td:last-child {border-radius: 0 0 2px 2px; border-width: 1px 1px 1px 1px;}
    .table_responsive td:before {content: attr(data-label); font-weight: bold; position: absolute; left: 3px; text-align: left; font-size: 16px; top:0px;}
    .btn_error_w {position: absolute; padding: 3px 3px; top: 2px; right: 3px;}
    .btn_ok_w {position: absolute; padding: 3px 3px; top: 2px; right: 3px;}
    .btn_ask_w {position: absolute; padding: 3px 3px; top: 2px; right: 3px;}
}

.pointer:hover {cursor: pointer; text-decoration: underline !important;}
#send-medal-as-image-form-content {padding: 0 10px;}

/* Gestion des lignes de formulaires, pour que chaque item de la ligne prenne le maximum de place disponible */
.form-flex-row{display: flex; flex-direction : row; justify-content: space-between; column-gap: 30px; align-items: flex-start;}
.form-flex-col{flex: 1 1 auto;}
@media(max-width:1199px){
	.form-flex-row{flex-direction: column; margin: 0px 30px; align-items: stretch;}
}
@media(max-width:992px){
	.date_candidature{width: auto;}
	.action_candidature{width: auto;}
}

.titre{
	font-size: 28px;
	color: var(--event-admin-title-color);
	letter-spacing: normal;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 4px 0px 15px 0px;
	margin-top: 4px;
	border-bottom: 2px solid;
}

.select2-container--bootstrap .select2-results__group {
	color: #000;
	display: block;
	padding: 9px 16px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	background-color: #ccc;
}


.section-cover {
	min-height: 100vh;
}

.section-center-absolute {
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width: 1200px) and (min-height: 600px) {
	.section-center-absolute {
		padding-bottom: 100px;
	}
}

.section-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.section-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.section-34 {
	padding-top: 34px;
	padding-bottom: 34px;
}

.section-41 {
	padding-top: 41px;
	padding-bottom: 41px;
}

.section-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-66 {
	padding-top: 66px;
	padding-bottom: 66px;
}

.section-85 {
	padding-top: 85px;
	padding-bottom: 85px;
}

.section-98 {
	padding-top: 98px;
	padding-bottom: 98px;
}

.section-110 {
	padding-top: 110px;
	padding-bottom: 110px;
}

.section-124 {
	padding-top: 124px;
	padding-bottom: 124px;
}

.section-254 {
	padding-top: 254px;
	padding-bottom: 254px;
}

.section-350 {
	padding-top: 350px;
	padding-bottom: 350px;
}

@media (min-width: 480px) {
	.section-sm-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-sm-34 {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section-sm-41 {
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.section-sm-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-sm-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-sm-85 {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.section-sm-98 {
		padding-top: 98px;
		padding-bottom: 98px;
	}
	.section-sm-110 {
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.section-sm-124 {
		padding-top: 124px;
		padding-bottom: 124px;
	}
	.section-sm-254 {
		padding-top: 254px;
		padding-bottom: 254px;
	}
	.section-sm-350 {
		padding-top: 350px;
		padding-bottom: 350px;
	}
}

@media (min-width: 768px) {
	.section-md-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-md-34 {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section-md-41 {
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.section-md-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-md-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-md-85 {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.section-md-98 {
		padding-top: 98px;
		padding-bottom: 98px;
	}
	.section-md-110 {
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.section-md-124 {
		padding-top: 124px;
		padding-bottom: 124px;
	}
	.section-md-254 {
		padding-top: 254px;
		padding-bottom: 254px;
	}
	.section-md-350 {
		padding-top: 350px;
		padding-bottom: 350px;
	}
}

@media (min-width: 992px) {
	.section-lg-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-lg-34 {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section-lg-41 {
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.section-lg-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-lg-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-lg-85 {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.section-lg-98 {
		padding-top: 98px;
		padding-bottom: 98px;
	}
	.section-lg-110 {
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.section-lg-124 {
		padding-top: 124px;
		padding-bottom: 124px;
	}
	.section-lg-254 {
		padding-top: 254px;
		padding-bottom: 254px;
	}
	.section-lg-350 {
		padding-top: 350px;
		padding-bottom: 350px;
	}
}

@media (min-width: 1200px) {
	.section-xl-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-xl-34 {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section-xl-41 {
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.section-xl-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-xl-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-xl-85 {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.section-xl-98 {
		padding-top: 98px;
		padding-bottom: 98px;
	}
	.section-xl-110 {
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.section-xl-124 {
		padding-top: 124px;
		padding-bottom: 124px;
	}
	.section-xl-254 {
		padding-top: 254px;
		padding-bottom: 254px;
	}
	.section-xl-350 {
		padding-top: 350px;
		padding-bottom: 350px;
	}
}

@media (min-width: 1600px) {
	.section-xxl-0 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-xxl-34 {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section-xxl-41 {
		padding-top: 41px;
		padding-bottom: 41px;
	}
	.section-xxl-50 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-xxl-66 {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.section-xxl-85 {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.section-xxl-98 {
		padding-top: 98px;
		padding-bottom: 98px;
	}
	.section-xxl-110 {
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.section-xxl-124 {
		padding-top: 124px;
		padding-bottom: 124px;
	}
	.section-xxl-254 {
		padding-top: 254px;
		padding-bottom: 254px;
	}
	.section-xxl-350 {
		padding-top: 350px;
		padding-bottom: 350px;
	}
}

.section-top-0 {
	padding-top: 0;
}

.section-top-34 {
	padding-top: 34px;
}

.section-top-41 {
	padding-top: 41px;
}

.section-top-50 {
	padding-top: 50px;
}

.section-top-66 {
	padding-top: 66px;
}

.section-top-85 {
	padding-top: 85px;
}

.section-top-98 {
	padding-top: 98px;
}

.section-top-110 {
	padding-top: 110px;
}

.section-top-124 {
	padding-top: 124px;
}

.section-top-254 {
	padding-top: 254px;
}

.section-top-350 {
	padding-top: 350px;
}

@media (min-width: 480px) {
	.section-sm-top-0 {
		padding-top: 0;
	}
	.section-sm-top-34 {
		padding-top: 34px;
	}
	.section-sm-top-41 {
		padding-top: 41px;
	}
	.section-sm-top-50 {
		padding-top: 50px;
	}
	.section-sm-top-66 {
		padding-top: 66px;
	}
	.section-sm-top-85 {
		padding-top: 85px;
	}
	.section-sm-top-98 {
		padding-top: 98px;
	}
	.section-sm-top-110 {
		padding-top: 110px;
	}
	.section-sm-top-124 {
		padding-top: 124px;
	}
	.section-sm-top-254 {
		padding-top: 254px;
	}
	.section-sm-top-350 {
		padding-top: 350px;
	}
}

@media (min-width: 768px) {
	.section-md-top-0 {
		padding-top: 0;
	}
	.section-md-top-34 {
		padding-top: 34px;
	}
	.section-md-top-41 {
		padding-top: 41px;
	}
	.section-md-top-50 {
		padding-top: 50px;
	}
	.section-md-top-66 {
		padding-top: 66px;
	}
	.section-md-top-85 {
		padding-top: 85px;
	}
	.section-md-top-98 {
		padding-top: 98px;
	}
	.section-md-top-110 {
		padding-top: 110px;
	}
	.section-md-top-124 {
		padding-top: 124px;
	}
	.section-md-top-254 {
		padding-top: 254px;
	}
	.section-md-top-350 {
		padding-top: 350px;
	}
}

@media (min-width: 992px) {
	.section-lg-top-0 {
		padding-top: 0;
	}
	.section-lg-top-34 {
		padding-top: 34px;
	}
	.section-lg-top-41 {
		padding-top: 41px;
	}
	.section-lg-top-50 {
		padding-top: 50px;
	}
	.section-lg-top-66 {
		padding-top: 66px;
	}
	.section-lg-top-85 {
		padding-top: 85px;
	}
	.section-lg-top-98 {
		padding-top: 98px;
	}
	.section-lg-top-110 {
		padding-top: 110px;
	}
	.section-lg-top-124 {
		padding-top: 124px;
	}
	.section-lg-top-254 {
		padding-top: 254px;
	}
	.section-lg-top-350 {
		padding-top: 350px;
	}
}

@media (min-width: 1200px) {
	.section-xl-top-0 {
		padding-top: 0;
	}
	.section-xl-top-34 {
		padding-top: 34px;
	}
	.section-xl-top-41 {
		padding-top: 41px;
	}
	.section-xl-top-50 {
		padding-top: 50px;
	}
	.section-xl-top-66 {
		padding-top: 66px;
	}
	.section-xl-top-85 {
		padding-top: 85px;
	}
	.section-xl-top-98 {
		padding-top: 98px;
	}
	.section-xl-top-110 {
		padding-top: 110px;
	}
	.section-xl-top-124 {
		padding-top: 124px;
	}
	.section-xl-top-254 {
		padding-top: 254px;
	}
	.section-xl-top-350 {
		padding-top: 350px;
	}
}

@media (min-width: 1600px) {
	.section-xxl-top-0 {
		padding-top: 0;
	}
	.section-xxl-top-34 {
		padding-top: 34px;
	}
	.section-xxl-top-41 {
		padding-top: 41px;
	}
	.section-xxl-top-50 {
		padding-top: 50px;
	}
	.section-xxl-top-66 {
		padding-top: 66px;
	}
	.section-xxl-top-85 {
		padding-top: 85px;
	}
	.section-xxl-top-98 {
		padding-top: 98px;
	}
	.section-xxl-top-110 {
		padding-top: 110px;
	}
	.section-xxl-top-124 {
		padding-top: 124px;
	}
	.section-xxl-top-254 {
		padding-top: 254px;
	}
	.section-xxl-top-350 {
		padding-top: 350px;
	}
}

.section-bottom-0 {
	padding-bottom: 0;
}

.section-bottom-34 {
	padding-bottom: 34px;
}

.section-bottom-41 {
	padding-bottom: 41px;
}

.section-bottom-50 {
	padding-bottom: 50px;
}

.section-bottom-66 {
	padding-bottom: 66px;
}

.section-bottom-85 {
	padding-bottom: 85px;
}

.section-bottom-98 {
	padding-bottom: 98px;
}

.section-bottom-110 {
	padding-bottom: 110px;
}

.section-bottom-124 {
	padding-bottom: 124px;
}

.section-bottom-254 {
	padding-bottom: 254px;
}

.section-bottom-350 {
	padding-bottom: 350px;
}

@media (min-width: 480px) {
	.section-sm-bottom-0 {
		padding-bottom: 0;
	}
	.section-sm-bottom-34 {
		padding-bottom: 34px;
	}
	.section-sm-bottom-41 {
		padding-bottom: 41px;
	}
	.section-sm-bottom-50 {
		padding-bottom: 50px;
	}
	.section-sm-bottom-66 {
		padding-bottom: 66px;
	}
	.section-sm-bottom-85 {
		padding-bottom: 85px;
	}
	.section-sm-bottom-98 {
		padding-bottom: 98px;
	}
	.section-sm-bottom-110 {
		padding-bottom: 110px;
	}
	.section-sm-bottom-124 {
		padding-bottom: 124px;
	}
	.section-sm-bottom-254 {
		padding-bottom: 254px;
	}
	.section-sm-bottom-350 {
		padding-bottom: 350px;
	}
}

@media (min-width: 768px) {
	.section-md-bottom-0 {
		padding-bottom: 0;
	}
	.section-md-bottom-34 {
		padding-bottom: 34px;
	}
	.section-md-bottom-41 {
		padding-bottom: 41px;
	}
	.section-md-bottom-50 {
		padding-bottom: 50px;
	}
	.section-md-bottom-66 {
		padding-bottom: 66px;
	}
	.section-md-bottom-85 {
		padding-bottom: 85px;
	}
	.section-md-bottom-98 {
		padding-bottom: 98px;
	}
	.section-md-bottom-110 {
		padding-bottom: 110px;
	}
	.section-md-bottom-124 {
		padding-bottom: 124px;
	}
	.section-md-bottom-254 {
		padding-bottom: 254px;
	}
	.section-md-bottom-350 {
		padding-bottom: 350px;
	}
}

@media (min-width: 992px) {
	.section-lg-bottom-0 {
		padding-bottom: 0;
	}
	.section-lg-bottom-34 {
		padding-bottom: 34px;
	}
	.section-lg-bottom-41 {
		padding-bottom: 41px;
	}
	.section-lg-bottom-50 {
		padding-bottom: 50px;
	}
	.section-lg-bottom-66 {
		padding-bottom: 66px;
	}
	.section-lg-bottom-85 {
		padding-bottom: 85px;
	}
	.section-lg-bottom-98 {
		padding-bottom: 98px;
	}
	.section-lg-bottom-110 {
		padding-bottom: 110px;
	}
	.section-lg-bottom-124 {
		padding-bottom: 124px;
	}
	.section-lg-bottom-254 {
		padding-bottom: 254px;
	}
	.section-lg-bottom-350 {
		padding-bottom: 350px;
	}
}

@media (min-width: 1200px) {
	.section-xl-bottom-0 {
		padding-bottom: 0;
	}
	.section-xl-bottom-34 {
		padding-bottom: 34px;
	}
	.section-xl-bottom-41 {
		padding-bottom: 41px;
	}
	.section-xl-bottom-50 {
		padding-bottom: 50px;
	}
	.section-xl-bottom-66 {
		padding-bottom: 66px;
	}
	.section-xl-bottom-85 {
		padding-bottom: 85px;
	}
	.section-xl-bottom-98 {
		padding-bottom: 98px;
	}
	.section-xl-bottom-110 {
		padding-bottom: 110px;
	}
	.section-xl-bottom-124 {
		padding-bottom: 124px;
	}
	.section-xl-bottom-254 {
		padding-bottom: 254px;
	}
	.section-xl-bottom-350 {
		padding-bottom: 350px;
	}
}

@media (min-width: 1600px) {
	.section-xxl-bottom-0 {
		padding-bottom: 0;
	}
	.section-xxl-bottom-34 {
		padding-bottom: 34px;
	}
	.section-xxl-bottom-41 {
		padding-bottom: 41px;
	}
	.section-xxl-bottom-50 {
		padding-bottom: 50px;
	}
	.section-xxl-bottom-66 {
		padding-bottom: 66px;
	}
	.section-xxl-bottom-85 {
		padding-bottom: 85px;
	}
	.section-xxl-bottom-98 {
		padding-bottom: 98px;
	}
	.section-xxl-bottom-110 {
		padding-bottom: 110px;
	}
	.section-xxl-bottom-124 {
		padding-bottom: 124px;
	}
	.section-xxl-bottom-254 {
		padding-bottom: 254px;
	}
	.section-xxl-bottom-350 {
		padding-bottom: 350px;
	}
}



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

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

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

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

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

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

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

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

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

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

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

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}

@media (min-width: 480px) {
	.flex-sm-row {
		flex-direction: row !important;
	}
	.flex-sm-column {
		flex-direction: column !important;
	}
	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}
	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-sm-fill {
		flex: 1 1 auto !important;
	}
	.flex-sm-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-sm-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-sm-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-sm-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-sm-start {
		justify-content: flex-start !important;
	}
	.justify-content-sm-end {
		justify-content: flex-end !important;
	}
	.justify-content-sm-center {
		justify-content: center !important;
	}
	.justify-content-sm-between {
		justify-content: space-between !important;
	}
	.justify-content-sm-around {
		justify-content: space-around !important;
	}
	.align-items-sm-start {
		align-items: flex-start !important;
	}
	.align-items-sm-end {
		align-items: flex-end !important;
	}
	.align-items-sm-center {
		align-items: center !important;
	}
	.align-items-sm-baseline {
		align-items: baseline !important;
	}
	.align-items-sm-stretch {
		align-items: stretch !important;
	}
	.align-content-sm-start {
		align-content: flex-start !important;
	}
	.align-content-sm-end {
		align-content: flex-end !important;
	}
	.align-content-sm-center {
		align-content: center !important;
	}
	.align-content-sm-between {
		align-content: space-between !important;
	}
	.align-content-sm-around {
		align-content: space-around !important;
	}
	.align-content-sm-stretch {
		align-content: stretch !important;
	}
	.align-self-sm-auto {
		align-self: auto !important;
	}
	.align-self-sm-start {
		align-self: flex-start !important;
	}
	.align-self-sm-end {
		align-self: flex-end !important;
	}
	.align-self-sm-center {
		align-self: center !important;
	}
	.align-self-sm-baseline {
		align-self: baseline !important;
	}
	.align-self-sm-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-row {
		flex-direction: row !important;
	}
	.flex-md-column {
		flex-direction: column !important;
	}
	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-md-wrap {
		flex-wrap: wrap !important;
	}
	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-md-fill {
		flex: 1 1 auto !important;
	}
	.flex-md-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-md-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-md-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-md-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-md-start {
		justify-content: flex-start !important;
	}
	.justify-content-md-end {
		justify-content: flex-end !important;
	}
	.justify-content-md-center {
		justify-content: center !important;
	}
	.justify-content-md-between {
		justify-content: space-between !important;
	}
	.justify-content-md-around {
		justify-content: space-around !important;
	}
	.align-items-md-start {
		align-items: flex-start !important;
	}
	.align-items-md-end {
		align-items: flex-end !important;
	}
	.align-items-md-center {
		align-items: center !important;
	}
	.align-items-md-baseline {
		align-items: baseline !important;
	}
	.align-items-md-stretch {
		align-items: stretch !important;
	}
	.align-content-md-start {
		align-content: flex-start !important;
	}
	.align-content-md-end {
		align-content: flex-end !important;
	}
	.align-content-md-center {
		align-content: center !important;
	}
	.align-content-md-between {
		align-content: space-between !important;
	}
	.align-content-md-around {
		align-content: space-around !important;
	}
	.align-content-md-stretch {
		align-content: stretch !important;
	}
	.align-self-md-auto {
		align-self: auto !important;
	}
	.align-self-md-start {
		align-self: flex-start !important;
	}
	.align-self-md-end {
		align-self: flex-end !important;
	}
	.align-self-md-center {
		align-self: center !important;
	}
	.align-self-md-baseline {
		align-self: baseline !important;
	}
	.align-self-md-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-row {
		flex-direction: row !important;
	}
	.flex-lg-column {
		flex-direction: column !important;
	}
	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}
	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-lg-fill {
		flex: 1 1 auto !important;
	}
	.flex-lg-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-lg-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-lg-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-lg-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-lg-start {
		justify-content: flex-start !important;
	}
	.justify-content-lg-end {
		justify-content: flex-end !important;
	}
	.justify-content-lg-center {
		justify-content: center !important;
	}
	.justify-content-lg-between {
		justify-content: space-between !important;
	}
	.justify-content-lg-around {
		justify-content: space-around !important;
	}
	.align-items-lg-start {
		align-items: flex-start !important;
	}
	.align-items-lg-end {
		align-items: flex-end !important;
	}
	.align-items-lg-center {
		align-items: center !important;
	}
	.align-items-lg-baseline {
		align-items: baseline !important;
	}
	.align-items-lg-stretch {
		align-items: stretch !important;
	}
	.align-content-lg-start {
		align-content: flex-start !important;
	}
	.align-content-lg-end {
		align-content: flex-end !important;
	}
	.align-content-lg-center {
		align-content: center !important;
	}
	.align-content-lg-between {
		align-content: space-between !important;
	}
	.align-content-lg-around {
		align-content: space-around !important;
	}
	.align-content-lg-stretch {
		align-content: stretch !important;
	}
	.align-self-lg-auto {
		align-self: auto !important;
	}
	.align-self-lg-start {
		align-self: flex-start !important;
	}
	.align-self-lg-end {
		align-self: flex-end !important;
	}
	.align-self-lg-center {
		align-self: center !important;
	}
	.align-self-lg-baseline {
		align-self: baseline !important;
	}
	.align-self-lg-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-row {
		flex-direction: row !important;
	}
	.flex-xl-column {
		flex-direction: column !important;
	}
	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}
	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-xl-fill {
		flex: 1 1 auto !important;
	}
	.flex-xl-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-xl-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-xl-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-xl-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-xl-start {
		justify-content: flex-start !important;
	}
	.justify-content-xl-end {
		justify-content: flex-end !important;
	}
	.justify-content-xl-center {
		justify-content: center !important;
	}
	.justify-content-xl-between {
		justify-content: space-between !important;
	}
	.justify-content-xl-around {
		justify-content: space-around !important;
	}
	.align-items-xl-start {
		align-items: flex-start !important;
	}
	.align-items-xl-end {
		align-items: flex-end !important;
	}
	.align-items-xl-center {
		align-items: center !important;
	}
	.align-items-xl-baseline {
		align-items: baseline !important;
	}
	.align-items-xl-stretch {
		align-items: stretch !important;
	}
	.align-content-xl-start {
		align-content: flex-start !important;
	}
	.align-content-xl-end {
		align-content: flex-end !important;
	}
	.align-content-xl-center {
		align-content: center !important;
	}
	.align-content-xl-between {
		align-content: space-between !important;
	}
	.align-content-xl-around {
		align-content: space-around !important;
	}
	.align-content-xl-stretch {
		align-content: stretch !important;
	}
	.align-self-xl-auto {
		align-self: auto !important;
	}
	.align-self-xl-start {
		align-self: flex-start !important;
	}
	.align-self-xl-end {
		align-self: flex-end !important;
	}
	.align-self-xl-center {
		align-self: center !important;
	}
	.align-self-xl-baseline {
		align-self: baseline !important;
	}
	.align-self-xl-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 1600px) {
	.flex-xxl-row {
		flex-direction: row !important;
	}
	.flex-xxl-column {
		flex-direction: column !important;
	}
	.flex-xxl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xxl-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-xxl-wrap {
		flex-wrap: wrap !important;
	}
	.flex-xxl-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-xxl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-xxl-fill {
		flex: 1 1 auto !important;
	}
	.flex-xxl-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-xxl-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-xxl-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-xxl-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-xxl-start {
		justify-content: flex-start !important;
	}
	.justify-content-xxl-end {
		justify-content: flex-end !important;
	}
	.justify-content-xxl-center {
		justify-content: center !important;
	}
	.justify-content-xxl-between {
		justify-content: space-between !important;
	}
	.justify-content-xxl-around {
		justify-content: space-around !important;
	}
	.align-items-xxl-start {
		align-items: flex-start !important;
	}
	.align-items-xxl-end {
		align-items: flex-end !important;
	}
	.align-items-xxl-center {
		align-items: center !important;
	}
	.align-items-xxl-baseline {
		align-items: baseline !important;
	}
	.align-items-xxl-stretch {
		align-items: stretch !important;
	}
	.align-content-xxl-start {
		align-content: flex-start !important;
	}
	.align-content-xxl-end {
		align-content: flex-end !important;
	}
	.align-content-xxl-center {
		align-content: center !important;
	}
	.align-content-xxl-between {
		align-content: space-between !important;
	}
	.align-content-xxl-around {
		align-content: space-around !important;
	}
	.align-content-xxl-stretch {
		align-content: stretch !important;
	}
	.align-self-xxl-auto {
		align-self: auto !important;
	}
	.align-self-xxl-start {
		align-self: flex-start !important;
	}
	.align-self-xxl-end {
		align-self: flex-end !important;
	}
	.align-self-xxl-center {
		align-self: center !important;
	}
	.align-self-xxl-baseline {
		align-self: baseline !important;
	}
	.align-self-xxl-stretch {
		align-self: stretch !important;
	}
}



.text-extra-small {
	font-size: 13px;
}

.text-extra-big {
	font-size: 46px;
	line-height: 1;
}

@media (min-width: 768px) {
	.text-extra-big {
		font-size: 100px;
	}
}

@media (min-width: 1200px) {
	.text-extra-big {
		font-size: 220px;
	}
}

/*  Nouvelles vignettes échantillons  */
.sample-thumbnail-container {display: grid;grid-template-columns: 100px 4fr 2fr 2fr 1fr;grid-template-rows: 1fr 1fr;gap: 0px 0px;grid-template-areas: "medal sample-name cat jury-number country" "medal medal-year cat jury-type country";border: solid 1px rgb(153, 153, 153);margin-bottom: 5px;}
.medal {grid-area: medal;display: grid;align-content: center;}
.medal>img {height: 70px;width: 70px;margin: 15px;}
.country {grid-area: country;display: grid;justify-content: center;align-content: center;padding: 10px;}
.country>.flag-icon {font-size: 26px;margin: auto;}
.sample-name {grid-area: sample-name;display: grid;align-content: end;padding: 0px 10px;}
.medal-year {grid-area: medal-year;padding: 0px 10px;}
.cat {grid-area: cat;display: grid;align-content: center;}
.jury-number {grid-area: jury-number;display: grid;align-content: end;justify-content: center;}
.jury-type {grid-area: jury-type;text-align: center;}
@media (max-width: 767px) {
	.sample-thumbnail-container {grid-template-columns: 100px auto auto; grid-template-rows: auto auto auto; gap: 0px 0px; grid-template-areas:"country sample-name sample-name" "medal cat cat" "medal-year jury-number jury-type";}
    .sample-name {align-content: start; padding-top: 10px;}
    .country {background-color: var(--event-main-color);}
    .country>.country-name {display: none;}
    .medal-year {background-color: var(--event-main-color); color: white; text-align: center; padding: 0px;}
	.jury-number {display: grid; align-content: center; justify-content: left; padding-left: 10px; padding-bottom: 10px;}
	.cat {padding-left: 10px;}
	.jury-type {text-align: right; padding-right: 10px; padding-bottom: 10px;}
}
/*  Fin nouvelles vignettes échantillons  */


.mw-100 {
	max-width: 100% !important;
}

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

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

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

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.pr-5,
.px-5 {
	padding-right: 3rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

@media (min-width: 480px) {
	.m-sm-0 {
		margin: 0 !important;
	}
	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0 !important;
	}
	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0 !important;
	}
	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0 !important;
	}
	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0 !important;
	}
	.m-sm-1 {
		margin: 0.25rem !important;
	}
	.mt-sm-1,
	.my-sm-1 {
		margin-top: 0.25rem !important;
	}
	.mr-sm-1,
	.mx-sm-1 {
		margin-right: 0.25rem !important;
	}
	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-sm-1,
	.mx-sm-1 {
		margin-left: 0.25rem !important;
	}
	.m-sm-2 {
		margin: 0.5rem !important;
	}
	.mt-sm-2,
	.my-sm-2 {
		margin-top: 0.5rem !important;
	}
	.mr-sm-2,
	.mx-sm-2 {
		margin-right: 0.5rem !important;
	}
	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-sm-2,
	.mx-sm-2 {
		margin-left: 0.5rem !important;
	}
	.m-sm-3 {
		margin: 1rem !important;
	}
	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem !important;
	}
	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem !important;
	}
	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem !important;
	}
	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem !important;
	}
	.m-sm-4 {
		margin: 1.5rem !important;
	}
	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem !important;
	}
	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem !important;
	}
	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem !important;
	}
	.m-sm-5 {
		margin: 3rem !important;
	}
	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem !important;
	}
	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem !important;
	}
	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem !important;
	}
	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem !important;
	}
	.p-sm-0 {
		padding: 0 !important;
	}
	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0 !important;
	}
	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0 !important;
	}
	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0 !important;
	}
	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0 !important;
	}
	.p-sm-1 {
		padding: 0.25rem !important;
	}
	.pt-sm-1,
	.py-sm-1 {
		padding-top: 0.25rem !important;
	}
	.pr-sm-1,
	.px-sm-1 {
		padding-right: 0.25rem !important;
	}
	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-sm-1,
	.px-sm-1 {
		padding-left: 0.25rem !important;
	}
	.p-sm-2 {
		padding: 0.5rem !important;
	}
	.pt-sm-2,
	.py-sm-2 {
		padding-top: 0.5rem !important;
	}
	.pr-sm-2,
	.px-sm-2 {
		padding-right: 0.5rem !important;
	}
	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-sm-2,
	.px-sm-2 {
		padding-left: 0.5rem !important;
	}
	.p-sm-3 {
		padding: 1rem !important;
	}
	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem !important;
	}
	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem !important;
	}
	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem !important;
	}
	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem !important;
	}
	.p-sm-4 {
		padding: 1.5rem !important;
	}
	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important;
	}
	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem !important;
	}
	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem !important;
	}
	.p-sm-5 {
		padding: 3rem !important;
	}
	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem !important;
	}
	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem !important;
	}
	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem !important;
	}
	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem !important;
	}
	.m-sm-auto {
		margin: auto !important;
	}
	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto !important;
	}
	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto !important;
	}
	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto !important;
	}
	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 768px) {
	.m-md-0 {
		margin: 0 !important;
	}
	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important;
	}
	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important;
	}
	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important;
	}
	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important;
	}
	.m-md-1 {
		margin: 0.25rem !important;
	}
	.mt-md-1,
	.my-md-1 {
		margin-top: 0.25rem !important;
	}
	.mr-md-1,
	.mx-md-1 {
		margin-right: 0.25rem !important;
	}
	.mb-md-1,
	.my-md-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-md-1,
	.mx-md-1 {
		margin-left: 0.25rem !important;
	}
	.m-md-2 {
		margin: 0.5rem !important;
	}
	.mt-md-2,
	.my-md-2 {
		margin-top: 0.5rem !important;
	}
	.mr-md-2,
	.mx-md-2 {
		margin-right: 0.5rem !important;
	}
	.mb-md-2,
	.my-md-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-md-2,
	.mx-md-2 {
		margin-left: 0.5rem !important;
	}
	.m-md-3 {
		margin: 1rem !important;
	}
	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem !important;
	}
	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem !important;
	}
	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem !important;
	}
	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important;
	}
	.m-md-4 {
		margin: 1.5rem !important;
	}
	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem !important;
	}
	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important;
	}
	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem !important;
	}
	.m-md-5 {
		margin: 3rem !important;
	}
	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important;
	}
	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem !important;
	}
	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem !important;
	}
	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem !important;
	}
	.p-md-0 {
		padding: 0 !important;
	}
	.pt-md-0,
	.py-md-0 {
		padding-top: 0 !important;
	}
	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important;
	}
	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important;
	}
	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important;
	}
	.p-md-1 {
		padding: 0.25rem !important;
	}
	.pt-md-1,
	.py-md-1 {
		padding-top: 0.25rem !important;
	}
	.pr-md-1,
	.px-md-1 {
		padding-right: 0.25rem !important;
	}
	.pb-md-1,
	.py-md-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-md-1,
	.px-md-1 {
		padding-left: 0.25rem !important;
	}
	.p-md-2 {
		padding: 0.5rem !important;
	}
	.pt-md-2,
	.py-md-2 {
		padding-top: 0.5rem !important;
	}
	.pr-md-2,
	.px-md-2 {
		padding-right: 0.5rem !important;
	}
	.pb-md-2,
	.py-md-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-md-2,
	.px-md-2 {
		padding-left: 0.5rem !important;
	}
	.p-md-3 {
		padding: 1rem !important;
	}
	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important;
	}
	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem !important;
	}
	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important;
	}
	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem !important;
	}
	.p-md-4 {
		padding: 1.5rem !important;
	}
	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem !important;
	}
	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem !important;
	}
	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem !important;
	}
	.p-md-5 {
		padding: 3rem !important;
	}
	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important;
	}
	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem !important;
	}
	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem !important;
	}
	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important;
	}
	.m-md-auto {
		margin: auto !important;
	}
	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important;
	}
	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important;
	}
	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important;
	}
	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 992px) {
	.m-lg-0 {
		margin: 0 !important;
	}
	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important;
	}
	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important;
	}
	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important;
	}
	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important;
	}
	.m-lg-1 {
		margin: 0.25rem !important;
	}
	.mt-lg-1,
	.my-lg-1 {
		margin-top: 0.25rem !important;
	}
	.mr-lg-1,
	.mx-lg-1 {
		margin-right: 0.25rem !important;
	}
	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-lg-1,
	.mx-lg-1 {
		margin-left: 0.25rem !important;
	}
	.m-lg-2 {
		margin: 0.5rem !important;
	}
	.mt-lg-2,
	.my-lg-2 {
		margin-top: 0.5rem !important;
	}
	.mr-lg-2,
	.mx-lg-2 {
		margin-right: 0.5rem !important;
	}
	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-lg-2,
	.mx-lg-2 {
		margin-left: 0.5rem !important;
	}
	.m-lg-3 {
		margin: 1rem !important;
	}
	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem !important;
	}
	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important;
	}
	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem !important;
	}
	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem !important;
	}
	.m-lg-4 {
		margin: 1.5rem !important;
	}
	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important;
	}
	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem !important;
	}
	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem !important;
	}
	.m-lg-5 {
		margin: 3rem !important;
	}
	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem !important;
	}
	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important;
	}
	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem !important;
	}
	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important;
	}
	.p-lg-0 {
		padding: 0 !important;
	}
	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important;
	}
	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important;
	}
	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important;
	}
	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important;
	}
	.p-lg-1 {
		padding: 0.25rem !important;
	}
	.pt-lg-1,
	.py-lg-1 {
		padding-top: 0.25rem !important;
	}
	.pr-lg-1,
	.px-lg-1 {
		padding-right: 0.25rem !important;
	}
	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-lg-1,
	.px-lg-1 {
		padding-left: 0.25rem !important;
	}
	.p-lg-2 {
		padding: 0.5rem !important;
	}
	.pt-lg-2,
	.py-lg-2 {
		padding-top: 0.5rem !important;
	}
	.pr-lg-2,
	.px-lg-2 {
		padding-right: 0.5rem !important;
	}
	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-lg-2,
	.px-lg-2 {
		padding-left: 0.5rem !important;
	}
	.p-lg-3 {
		padding: 1rem !important;
	}
	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem !important;
	}
	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem !important;
	}
	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem !important;
	}
	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem !important;
	}
	.p-lg-4 {
		padding: 1.5rem !important;
	}
	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem !important;
	}
	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important;
	}
	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem !important;
	}
	.p-lg-5 {
		padding: 3rem !important;
	}
	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem !important;
	}
	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem !important;
	}
	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem !important;
	}
	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem !important;
	}
	.m-lg-auto {
		margin: auto !important;
	}
	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important;
	}
	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important;
	}
	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important;
	}
	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-0 {
		margin: 0 !important;
	}
	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0 !important;
	}
	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0 !important;
	}
	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0 !important;
	}
	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0 !important;
	}
	.m-xl-1 {
		margin: 0.25rem !important;
	}
	.mt-xl-1,
	.my-xl-1 {
		margin-top: 0.25rem !important;
	}
	.mr-xl-1,
	.mx-xl-1 {
		margin-right: 0.25rem !important;
	}
	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-xl-1,
	.mx-xl-1 {
		margin-left: 0.25rem !important;
	}
	.m-xl-2 {
		margin: 0.5rem !important;
	}
	.mt-xl-2,
	.my-xl-2 {
		margin-top: 0.5rem !important;
	}
	.mr-xl-2,
	.mx-xl-2 {
		margin-right: 0.5rem !important;
	}
	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-xl-2,
	.mx-xl-2 {
		margin-left: 0.5rem !important;
	}
	.m-xl-3 {
		margin: 1rem !important;
	}
	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem !important;
	}
	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem !important;
	}
	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem !important;
	}
	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem !important;
	}
	.m-xl-4 {
		margin: 1.5rem !important;
	}
	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem !important;
	}
	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem !important;
	}
	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem !important;
	}
	.m-xl-5 {
		margin: 3rem !important;
	}
	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem !important;
	}
	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem !important;
	}
	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem !important;
	}
	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem !important;
	}
	.p-xl-0 {
		padding: 0 !important;
	}
	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0 !important;
	}
	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important;
	}
	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0 !important;
	}
	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0 !important;
	}
	.p-xl-1 {
		padding: 0.25rem !important;
	}
	.pt-xl-1,
	.py-xl-1 {
		padding-top: 0.25rem !important;
	}
	.pr-xl-1,
	.px-xl-1 {
		padding-right: 0.25rem !important;
	}
	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-xl-1,
	.px-xl-1 {
		padding-left: 0.25rem !important;
	}
	.p-xl-2 {
		padding: 0.5rem !important;
	}
	.pt-xl-2,
	.py-xl-2 {
		padding-top: 0.5rem !important;
	}
	.pr-xl-2,
	.px-xl-2 {
		padding-right: 0.5rem !important;
	}
	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-xl-2,
	.px-xl-2 {
		padding-left: 0.5rem !important;
	}
	.p-xl-3 {
		padding: 1rem !important;
	}
	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem !important;
	}
	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem !important;
	}
	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem !important;
	}
	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem !important;
	}
	.p-xl-4 {
		padding: 1.5rem !important;
	}
	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem !important;
	}
	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem !important;
	}
	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem !important;
	}
	.p-xl-5 {
		padding: 3rem !important;
	}
	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem !important;
	}
	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem !important;
	}
	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem !important;
	}
	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem !important;
	}
	.m-xl-auto {
		margin: auto !important;
	}
	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto !important;
	}
	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto !important;
	}
	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto !important;
	}
	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 1600px) {
	.m-xxl-0 {
		margin: 0 !important;
	}
	.mt-xxl-0,
	.my-xxl-0 {
		margin-top: 0 !important;
	}
	.mr-xxl-0,
	.mx-xxl-0 {
		margin-right: 0 !important;
	}
	.mb-xxl-0,
	.my-xxl-0 {
		margin-bottom: 0 !important;
	}
	.ml-xxl-0,
	.mx-xxl-0 {
		margin-left: 0 !important;
	}
	.m-xxl-1 {
		margin: 0.25rem !important;
	}
	.mt-xxl-1,
	.my-xxl-1 {
		margin-top: 0.25rem !important;
	}
	.mr-xxl-1,
	.mx-xxl-1 {
		margin-right: 0.25rem !important;
	}
	.mb-xxl-1,
	.my-xxl-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-xxl-1,
	.mx-xxl-1 {
		margin-left: 0.25rem !important;
	}
	.m-xxl-2 {
		margin: 0.5rem !important;
	}
	.mt-xxl-2,
	.my-xxl-2 {
		margin-top: 0.5rem !important;
	}
	.mr-xxl-2,
	.mx-xxl-2 {
		margin-right: 0.5rem !important;
	}
	.mb-xxl-2,
	.my-xxl-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-xxl-2,
	.mx-xxl-2 {
		margin-left: 0.5rem !important;
	}
	.m-xxl-3 {
		margin: 1rem !important;
	}
	.mt-xxl-3,
	.my-xxl-3 {
		margin-top: 1rem !important;
	}
	.mr-xxl-3,
	.mx-xxl-3 {
		margin-right: 1rem !important;
	}
	.mb-xxl-3,
	.my-xxl-3 {
		margin-bottom: 1rem !important;
	}
	.ml-xxl-3,
	.mx-xxl-3 {
		margin-left: 1rem !important;
	}
	.m-xxl-4 {
		margin: 1.5rem !important;
	}
	.mt-xxl-4,
	.my-xxl-4 {
		margin-top: 1.5rem !important;
	}
	.mr-xxl-4,
	.mx-xxl-4 {
		margin-right: 1.5rem !important;
	}
	.mb-xxl-4,
	.my-xxl-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-xxl-4,
	.mx-xxl-4 {
		margin-left: 1.5rem !important;
	}
	.m-xxl-5 {
		margin: 3rem !important;
	}
	.mt-xxl-5,
	.my-xxl-5 {
		margin-top: 3rem !important;
	}
	.mr-xxl-5,
	.mx-xxl-5 {
		margin-right: 3rem !important;
	}
	.mb-xxl-5,
	.my-xxl-5 {
		margin-bottom: 3rem !important;
	}
	.ml-xxl-5,
	.mx-xxl-5 {
		margin-left: 3rem !important;
	}
	.p-xxl-0 {
		padding: 0 !important;
	}
	.pt-xxl-0,
	.py-xxl-0 {
		padding-top: 0 !important;
	}
	.pr-xxl-0,
	.px-xxl-0 {
		padding-right: 0 !important;
	}
	.pb-xxl-0,
	.py-xxl-0 {
		padding-bottom: 0 !important;
	}
	.pl-xxl-0,
	.px-xxl-0 {
		padding-left: 0 !important;
	}
	.p-xxl-1 {
		padding: 0.25rem !important;
	}
	.pt-xxl-1,
	.py-xxl-1 {
		padding-top: 0.25rem !important;
	}
	.pr-xxl-1,
	.px-xxl-1 {
		padding-right: 0.25rem !important;
	}
	.pb-xxl-1,
	.py-xxl-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-xxl-1,
	.px-xxl-1 {
		padding-left: 0.25rem !important;
	}
	.p-xxl-2 {
		padding: 0.5rem !important;
	}
	.pt-xxl-2,
	.py-xxl-2 {
		padding-top: 0.5rem !important;
	}
	.pr-xxl-2,
	.px-xxl-2 {
		padding-right: 0.5rem !important;
	}
	.pb-xxl-2,
	.py-xxl-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-xxl-2,
	.px-xxl-2 {
		padding-left: 0.5rem !important;
	}
	.p-xxl-3 {
		padding: 1rem !important;
	}
	.pt-xxl-3,
	.py-xxl-3 {
		padding-top: 1rem !important;
	}
	.pr-xxl-3,
	.px-xxl-3 {
		padding-right: 1rem !important;
	}
	.pb-xxl-3,
	.py-xxl-3 {
		padding-bottom: 1rem !important;
	}
	.pl-xxl-3,
	.px-xxl-3 {
		padding-left: 1rem !important;
	}
	.p-xxl-4 {
		padding: 1.5rem !important;
	}
	.pt-xxl-4,
	.py-xxl-4 {
		padding-top: 1.5rem !important;
	}
	.pr-xxl-4,
	.px-xxl-4 {
		padding-right: 1.5rem !important;
	}
	.pb-xxl-4,
	.py-xxl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-xxl-4,
	.px-xxl-4 {
		padding-left: 1.5rem !important;
	}
	.p-xxl-5 {
		padding: 3rem !important;
	}
	.pt-xxl-5,
	.py-xxl-5 {
		padding-top: 3rem !important;
	}
	.pr-xxl-5,
	.px-xxl-5 {
		padding-right: 3rem !important;
	}
	.pb-xxl-5,
	.py-xxl-5 {
		padding-bottom: 3rem !important;
	}
	.pl-xxl-5,
	.px-xxl-5 {
		padding-left: 3rem !important;
	}
	.m-xxl-auto {
		margin: auto !important;
	}
	.mt-xxl-auto,
	.my-xxl-auto {
		margin-top: auto !important;
	}
	.mr-xxl-auto,
	.mx-xxl-auto {
		margin-right: auto !important;
	}
	.mb-xxl-auto,
	.my-xxl-auto {
		margin-bottom: auto !important;
	}
	.ml-xxl-auto,
	.mx-xxl-auto {
		margin-left: auto !important;
	}
}


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

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

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

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

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

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

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

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}


html .unit {
	display: flex;
	flex-direction: column;
	margin-bottom: -30px;
	margin-left: -20px;
}

html .unit > * {
	margin-bottom: 30px;
	margin-left: 20px;
}

html .unit:empty {
	margin-bottom: 0;
	margin-left: 0;
}

html .unit-body {
	flex: 0 1 auto;
}

html .unit-left,
html .unit-right {
	flex: 0 0 auto;
	max-width: 100%;
}

html .unit-spacing-xxs {
	margin-bottom: -10px;
	margin-left: -10px;
}

html .unit-spacing-xxs > * {
	margin-bottom: 10px;
	margin-left: 10px;
}

html .unit-spacing-xs {
	margin-bottom: -15px;
	margin-left: -7px;
}

html .unit-spacing-xs > * {
	margin-bottom: 15px;
	margin-left: 7px;
}

html .unit-spacing-sm {
	margin-bottom: -20px;
	margin-left: -20px;
}

html .unit-spacing-sm > * {
	margin-bottom: 20px;
	margin-left: 20px;
}

html .unit-spacing-lg {
	margin-bottom: -40px;
	margin-left: -40px;
}

html .unit-spacing-lg > * {
	margin-bottom: 40px;
	margin-left: 40px;
}

html .unit-grow {
	flex-grow: 1;
}

.google-map-markers {
	display: none;
}

.google-map-container {
	width: 100%;
}

.google-map {
	width: 100%;
	height: calc( 100vh - 70px);
	max-height: 395px;
}

#form-output-global {
	position: fixed;
	bottom: 30px;
	left: 15px;
	visibility: hidden;
	transform: translateX(-500px);
	transition: .3s all ease;
	z-index: 9999999;
}

#form-output-global.active {
	transform: translateX(0);
	visibility: visible;
}

@media (min-width: 480px) {
	#form-output-global {
		left: 30px;
	}
}

.form-output {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 10px;
	line-height: 10px;
	margin-top: 2px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}

.form-output.active {
	opacity: 1;
	visibility: visible;
}

.form-output.error {
	color: #e50a0a;
}

.form-output.success {
	color: #84c450;
}

.snackbars {
	max-width: 280px;
	padding: 9px 16px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	text-align: left;
	background-color: #212121;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.snackbars .icon-xxs {
	font-size: 20px;
}

.snackbars p span:last-child {
	padding-left: 14px;
}

.snackbars-left {
	display: inline-block;
	margin-bottom: 0;
}

.snackbars-right {
	display: inline-block;
	float: right;
	text-transform: uppercase;
}

.snackbars-right:hover {
	text-decoration: underline;
}

.snackbars.error {
	background-color: #e50a0a;
	color:white;
}

.snackbars.success {
	background-color: #84c450;
	color:white;
}

@media (min-width: 480px) {
	.snackbars {
		max-width: 370px;
		padding: 14px 17px;
	}
}

/* .loader { flex: 1 1 auto; display: none; justify-content: center; align-items: center; flex-direction: column; color: #545454;}
.loader .spinner {font-size: 3em;}
.loader.loading {display: flex;}

i.icon {font-style: initial; background-color: initial !important;}
i.icon:hover {cursor: pointer; }
i.icon.small {font-size: 12px!important;}
i.icon.medium {font-size: 16px!important;}
i.icon.large {font-size: 20px!important;}
.icon::before {font-family: "Font Awesome 5 Pro";}
.icon::after {font-family: "Font Awesome 5 Pro";}

.icon.add::before               {font-weight: 300; content: "\f067";}
.icon.add-circle::before        {font-weight: 300; content: "\f055";}
.icon.add-circle-plain::before  {font-weight: bold; content: "\f055";}
.icon.archives::before          {font-weight: 400; content: "\f187";}
.icon.at::before                {font-weight: 300; content: "\f1fa";}
.icon.barcode::before           {font-weight: 400; content: "\f02a";}
.icon.bomb::before              {font-weight: 600; content: "\f1e2";}
.icon.bug::before               {font-weight: 300; content: "\f188";}
.icon.cancel::before            {font-weight: 300; content: "\f00d";}
.icon.caret.left::before        {font-weight: 300; content: "\f0d9";}
.icon.caret.right::after        {font-weight: 300; content: "\f0da";}
.icon.cart::before              {font-weight: 300; content: "\f07a";}
.icon.chart::before             {font-weight: 300; content: "\f201";}
.icon.chart-pie::before         {font-weight: 300; content: "\f200";}
.icon.check::before             {font-weight: 300; content: "\f00c";}
.icon.checkmark::before         {font-weight: 600; content: "\f14a";}
.icon.chevron.left::before      {font-weight: 300; content: "\f053";}
.icon.chevron.right::before     {font-weight: 300; content: "\f054";}
.icon.clipboard::before         {font-weight: 300; content: "\f85d";}
.icon.close::before             {font-weight: 300; content: "\f00d";}
.icon.comment::before           {font-weight: 300; content: "\f075";}
.icon.comments::before          {font-weight: 600; content: "\f086";}
.icon.comment.plus::before      {font-weight: 300; content: "\f4b2";}
.icon.context::before           {font-weight: 300; content: "\f478";}
.icon.copy::before              {font-weight: 300; content: "\f0c5";}
.icon.crown::before             {font-weight: 300; content: "\f521";}
.icon.delete::before            {font-weight: 300; content: "\f2ed";}
.icon.dropdown::before          {font-weight: 300; content: "\f0d7";}
.icon.duplicate-user::before    {font-weight: 400; content: "\f500";}
.icon.email::before             {font-weight: 300; content: "\f0e0";}
.icon.excel::before             {font-weight: 400; content: "\f1c3";}
.icon.exchange::before          {font-weight: 300; content: "\f0ec";}
.icon.file.pdf::before          {font-weight: 300; content: "\f1c1";}
.icon.file-export::before       {font-weight: 300; content: "\f56e";}
.icon.filter::before            {font-weight: 300; content: "\f0b0";}
.icon.find::before              {font-weight: 300; content: "\f002";}
.icon.graduate::before          {font-weight: 300; content: "\f19d";}
.icon.horn::before              {font-weight: 300; content: "\f0a1";}
.icon.import::before            {font-weight: 300; content: "\f382";}
.icon.link::before              {font-weight: 300; content: "\f35d";}
.icon.list::before              {font-weight: 300; content: "\f03a";}
.icon.medal::before             {font-weight: 300; content: "\f5a2";}
.icon.money.check::before       {font-weight: 300; content: "\f53c";}
.icon.new::before               {font-weight: 400; content: "\f890";}
.icon.ok::before                {font-weight: 300; content: "\f164";}
.icon.pdf::before               {font-weight: 400; content: "\f1c1";}
.icon.pencil::before            {font-weight: 300; content: "\f040";}
.icon.pin::before               {font-weight: 300; content: "\f08d";}
.icon.phone::before             {font-weight: 400; content: "\f095";}
.icon.planning::before          {font-weight: 300; content: "\f737";}
.icon.print::before             {font-weight: 300; content: "\f02f";}
.icon.refresh::before           {font-weight: 300; padding-right: 5px; content: "\f2f1";}
.icon.reload::before            {font-weight: 400; content: "\f021";}
.icon.screen::before            {font-weight: 300; content: "\f26c";}
.icon.sign-in::before           {font-weight: 300; content: "\f2f6";}
.icon.sort::before              {font-weight: 900; padding-right: 5px; content: "\f0dc";}
.icon.sort.up::before           {font-weight: 900; padding-right: 5px; content: "\f0de";}
.icon.sort.down::before         {font-weight: 900; padding-right: 5px; content: "\f0dd";}
.icon.sms::before               {font-weight: 300; content: "\f7cd";}
.icon.spinner::before           {font-weight: 900; content: "\f110";}
.icon.stack::before             {font-weight: 300; content: "\f5fd";}
.icon.text::before              {font-weight: 600; content: "\f7a2";}
.icon.trash::before             {font-weight: 300; content: "\f2ed";}
.icon.trophy::before            {font-weight: 300; content: "\f091";}
.icon.user::before              {font-weight: 300; content: "\f007";}
.icon.vacuum::before            {font-weight: 300; content: "\e04d";}
.icon.wine.glass::before        {font-weight: 300; content: "\f5ce";}


.icon.todo::before      {font-weight: 400; content: "\f057"; color: red}
.icon.pending::before   {font-weight: 400; content: "\f06a"; color: orange}
.icon.to-check::before  {font-weight: 400; content: "\f06a"; color: #014B8C}
.icon.done::before      {font-weight: 400; content: "\f058"; color: green}

i.icon.red          {color: #f85a40!important}
i.icon.green        {color: #639329!important}
i.icon.blue         {color: #0A76B7!important;}
i.icon.blue-light   {color: #91A7FF!important;}
i.icon.yellow       {color: #ffbf00!important}
i.icon.grey         {color: #575757!important}
i.icon.white        {color: white!important}

.icon.process.error::before             {font-weight: 400; content: "\f00d"; color: #f85a40}
.icon.process.done::before              {font-weight: 400; content: "\f00c"; color: #639329}
.icon.process.done_with_error::before   {font-weight: 400; content: "\f00c"; color: #f85a40}
.icon.process.running::before           {font-weight: 400; content: "\f70c"; color: #e0a400}
.icon.process.killed::before            {font-weight: 400; content: "\f54c"; color: #575757}

.icon.bold::before              {font-weight: 400; content: "\f032";}
.icon.italic::before            {font-weight: 400; content: "\f033";}
.icon.strikethrough::before     {font-weight: 400; content: "\f0cc";}
.icon.underline::before         {font-weight: 400; content: "\f0cd";}
.icon.heading1::before          {font-weight: 400; content: "\f313";}
.icon.heading2::before          {font-weight: 400; content: "\f314";}
.icon.paragraph::before         {font-weight: 400; content: "\f1dd";}
.icon.quote::before             {font-weight: 400; content: "\f10e";}
.icon.ulist::before             {font-weight: 400; content: "\f03a";}
.icon.olist::before             {font-weight: 400; content: "\f0cb";}
.icon.justify.center::before    {font-weight: 400; content: "\f037";}
.icon.justify.full::before      {font-weight: 400; content: "\f039";}
.icon.justify.left::before      {font-weight: 400; content: "\f036";}
.icon.justify.right::before     {font-weight: 400; content: "\f038";}
.icon.indent::before            {font-weight: 400; content: "\f03c";}
.icon.outdent::before           {font-weight: 400; content: "\f03b";}
.icon.line::before              {font-weight: 400; content: "\f86c";}
.icon.url::before               {font-weight: 400; content: "\f0c1";}

@keyframes fa-spin {
    0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
    to {-webkit-transform: rotate(1turn); transform: rotate(1turn)}
}
.spinner.pulse {animation: fa-spin 1s steps(8) infinite; display: inline-block; box-sizing: border-box; font-variant: normal; font-style: normal;}
.spinner.spin {animation: fa-spin 2s linear infinite; display: inline-block; box-sizing: border-box; font-variant: normal; font-style: normal;} */


.icon-event.wine::before        {content: "🍷"; font-style: normal;}
.icon-event.beer::before        {content: "🍺"; font-style: normal;}
.icon-event.spirit::before      {content: "🍸"; font-style: normal;}
.icon-event.dairy::before       {content: "🧀"; font-style: normal;}
.icon-event.olive::before       {content: "🫒"; font-style: normal;}
/* Fin icones */




/* POPUP INFO MESSAGE */
.info:not(.banner, .message){position: relative; width: 600px; margin: auto; margin-top:10px; margin-bottom: 10px; font-size: 14px; border-radius: 5px; border: 5px solid #dbebf8; background-color: white; box-shadow: 0px 0px 2px black; background-image:url(../images/template/info.png); background-position:left top; background-repeat: no-repeat; z-index: 100;}
.info:not(.banner, .message) p{margin: 10px 10px 10px 45px;}
.info:not(.banner, .message) a{font-size: 14px; text-decoration:underline;}
.info_erreur{position: relative; width: 600px; margin: auto; margin-top:10px; margin-bottom: 10px; font-size: 14px; border-radius: 5px; border: 5px solid red; background-color: white; box-shadow: 0px 0px 2px black; background-image:url(../images/templates/info_erreur.png); background-position:left top; background-repeat: no-repeat; z-index: 151;}
.info_erreur p{margin: 10px 10px 10px 45px !important;}
.info_ok{position: relative; width: 600px; margin: auto; margin-top:10px; margin-bottom: 10px; font-size: 14px; border-radius: 5px; border: 5px solid green; background-color: white; box-shadow: 0px 0px 2px black; background-image:url(../images/templates/info_ok.png); background-position:left top; background-repeat: no-repeat; z-index: 100;}
.info_ok p{margin: 10px 10px 10px 45px;}
.info_fermer{position: absolute; top: -12px; right: -12px; background-image:url(../images/templates/icone_fermer.png); width:20px; height:20px; font-size:10px; border-radius: 20px; font-weight: bold; color:gray; background-color: white; box-shadow: 0px 0px 2px black; cursor:pointer}
.simple{position: relative; width: 320px; margin: auto; padding:10px; margin-top:10px; margin-bottom: 10px; font-size: 14px; border-radius: 5px; border: 5px solid #f0f0f0; background-color: white; box-shadow: 0px 0px 2px black; z-index: 100;}
.simple p{margin: 0px;}

/* POPUP AVEC BOUTON OK */
.popup{min-height:60px}
.sous_popup{padding: 5px; text-align: center; background-color: #f0f0f0}

/* FILTRE (pour assombrir page derriere popup) */
#filtre {
	position:fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.6); z-index: 1000000; 
	overflow: scroll; display: flex; align-items: center; flex-direction: column;
}
/* ???? */
.chargement{position: relative; width: 100%; margin: auto; margin-top:20px;font-size: 50px; color:white; z-index: 100; text-align:center}

/* IPHONE */
@media (max-width: 640px) {
	.simple{width:90% !important;}
	.info{width:90%;}
	.info_erreur{width:90%;}
	.info_ok{width:90%;}	
	.popup{width:85% !important;}
}

/************************************************************/
/***************** LOADER GEANT *****************************/
/************************************************************/
#floatingCirclesG{
position:relative;
width:850px;
height:850px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
margin:auto;
}
.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:155px;
width:155px;
-moz-border-radius:77px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:77px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:77px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:77px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:77px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}
#frotateG_01{
left:0;
top:348px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}
#frotateG_02{
left:100px;
top:100px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
#frotateG_03{
left:348px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
#frotateG_04{
right:100px;
top:100px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
#frotateG_05{
right:0;
top:348px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}
#frotateG_06{
right:100px;
bottom:100px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
#frotateG_07{
left:348px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}
#frotateG_08{
left:100px;
bottom:100px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
@-moz-keyframes f_fadeG{
0%{background-color:#000000}
100%{background-color:#FFFFFF}
}
@-webkit-keyframes f_fadeG{
0%{background-color:#000000}
100%{background-color:#FFFFFF}
}
@-ms-keyframes f_fadeG{
0%{background-color:#000000}
100%{background-color:#FFFFFF}
}
@-o-keyframes f_fadeG{
0%{background-color:#000000}
100%{background-color:#FFFFFF}
}
@keyframes f_fadeG{
0%{background-color:#000000}
100%{background-color:#FFFFFF}
}