/*
* @Author: MathieuMari
* @Date:   2020-03-14 22:13:11
* @Last Modified by:   MathieuMari
* @Last Modified time: 2021-11-16 12:38:18
*/

/*
	Voir les docs suivantes:
	https://bootstrapcreative.com/bootstrap-4-media-queries/

	Liste des curseurs:
	https://developer.mozilla.org/fr/docs/Web/CSS/cursor
*/

@charset "UTF-8";

/* ---------------------------------------------------------------------------- Media ALL */
@media all {
	/* ---------------------------------------------------- Flex système */
	/*
				Voir: https://developer.mozilla.org/fr/docs/Web/CSS/flex
			*/
	.mmFlexContainer {
		display: flex !important;
		flex-direction: row !important;
	}

	.mmFlexContainer > .mmFlexItem {
		flex: auto !important;
	}

	/* ---------------------------------------------------- mm_mailto */
	[mm_mailto] > span.arobase {
		display: inline !important;
	}

	span.arobase::before {
		content: '\000040';
	}

	/* ---------------------------------------------------- Textes */
	.tt_l {
		text-transform: lowercase !important;
	}
	.tt_u {
		text-transform: uppercase !important;
	}
	.tt_c {
		text-transform: capitalize !important;
	}

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

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

	.mmConserveLines {
		white-space: pre-line !important; /* Permet de conserver les sauts de ligne, intéressant pour les mentions légales par exemple */
	}

	/* ---------------------------------------------------- Root */
	/* Voir: https://developer.mozilla.org/fr/docs/Web/CSS/var() */
	:root {
		--mm_red: #d70028;

		--mm_color_success: #50d38a;
		--mm_color_alert: #ff9d09;
		--mm_color_error: #ec3b57;

		--mm_color_rgba01: rgba(0, 0, 0, 0.1);
	}

	/* ---------------------------------------------------- Background */
	.backgroundSizeCover {
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}

	/* ---------------------------------------------------- Couleurs */
	.reverseColor {
		filter: invert(100%);
	}

	/* ---------------------------------------------------- ScrollBar */
	body.hideScrollBar {
		overflow: hidden;
	}

	/* ---------------------------------------------------- Disabled */
	[mm_disabled] {
		cursor: not-allowed !important;
	}

	/* ---------------------------------------------------- Ajax (loader) */
	#mm_ajax_loader {
		display: none;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 999999999;
		top: 0 !important;
	}

	#mm_ajax_loader div {
		text-align: center;
		position: absolute;
		width: calc(100% - 50px);
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	#mm_ajax_loader div span {
		font-size: 25px;
		color: white;
		padding: 10px;
	}

	/* ---------------------------------------------------- owl-caroussel */
	button.mm-owl_prev,
	button.mm-owl_next {
		border: 0px;
	}

	/* ---------------------------------------------------- Dimensions */
	.w100 {
		width: 100% !important;
	}

	/* ---------------------------------------------------- Génériques */
	.block {
		display: block !important;
	}
	.floatLeft {
		float: left !important;
	}

	.none {
		display: none !important;
	}
	.noneDisabled.noneDisabled {
		display: initial !important;
	}

	.initial {
		display: initial !important;
	}

	.noMargin {
		margin: 0px !important;
	}

	.relative {
		position: relative;
	}

	.cursorPointer {
		cursor: pointer !important;
	}

	[mm] {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
	}

	[mm_send],
	[mm_send_confirm],
	[mm_update],
	[mm-toggle] {
		cursor: pointer !important;
	}

	button:focus {
		outline: 0 !important;
	}

	/* ---------------------------------------------------- Formulaires */
	input.flatpickr-input:read-only {
		cursor: pointer !important;
	}

	input.mm_error,
	select.mm_error,
	textarea.mm_error,
	div.mm_error,
	input.mm_errorV2,
	select.mm_errorV2,
	textarea.mm_errorV2,
	div.mm_errorV2 {
		border-color: var(--mm_red, red) !important;
	}

	input[type='checkbox'].mm_errorV2 {
		background: red;
	}

	input.mm_error::-webkit-input-placeholder,
	textarea.mm_error::-webkit-input-placeholder,
	input.mm_errorV2::-webkit-input-placeholder,
	textarea.mm_errorV2::-webkit-input-placeholder {
		color: var(--mm_red, red) !important;
	}

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

	select.mm_errorV2 {
		color: var(--mm_red, red) !important;
	}

	/* ---------------------------------------------------- Popup [sweetAlert2] */
	.swal2-modal {
		background: white !important;
	}

	#swal2-content > ol.mm_liste {
		display: inline-block !important;
		text-align: left !important;
		padding: 0px 0px 0px 0px !important;
		margin: 20px 0px 0px 0px !important;
		list-style-type: none;
		counter-reset: li;
	}

	#swal2-content > ol.mm_liste > li {
		padding: 0px 0px 0px 10px !important;
	}

	#swal2-content > ol.mm_liste > li:before {
		/* Voir ici: https://developer.mozilla.org/fr/docs/Web/CSS/counter_fonction */
		counter-increment: li;
		content: counter(li, decimal-leading-zero);
		color: var(--mm_red, red) !important;
		margin-right: 20px;
	}

	.swal2-top-end h2.swal2-title {
		text-align: initial;
	}

	h2.swal2-title {
		color: black !important;
		margin: 0.5em 1em;
		padding: 0;
		font-size: 1em;

		line-height: 20px;
	}

	.swal2-html-container {
		color: black !important;
	}

	.swal2-actions > button:not(:last-child) {
		margin-right: 10px;
	}

	/* ---------------------------------------------------- Mobile (système) */
	.mm-hideIfMobile {
		display: none;
	}

	/* ---------------------------------------------------- Panel système */
	.mm-panel-hide {
		display: none;
	}

	.mm-panel-show {
		display: inherit !important;
	}

	[mm-panel],
	[mm_panel_v2] {
		display: none;
	}

	[mm-panel].mm_active,
	[mm_panel_v2].mm_active {
		display: initial !important;
	}

	[mm-nav],
	[mm_nav_v2] {
		cursor: pointer;
	}
}

/*
Bootstrap 4 breakpoints

Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

/* ---------------------------------------------------------------------------- ALL */
@media (min-width: 1201px) {
}

/* ---------------------------------------------------------------------------- Extra large devices (large desktops, 1200px and up) */
@media all and (max-width: 1200px) {
}

/* ---------------------------------------------------------------------------- Large devices (desktops, 992px and up) */
@media all and (max-width: 992px) {
}

/* ---------------------------------------------------------------------------- Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media all and (max-width: 768px) {
}

/* ---------------------------------------------------------------------------- Small devices (landscape phones, 576px and up) */
@media all and (max-width: 576px) {
	.mm-hideIfMobile {
		display: inherit;
	}
}