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

	}