/*
	Nom 	: css/dev/app.css
	Descr 	: Fichier CSS personnalisé de base (AdminLTE3)
	Projet	: xApp
	
	Par		: Jérémie Dupraz 
	Date 	: 27.01.2026
	Version	: 4.0.1
*/

/* -------- LOGIN PAGE -------- */
	/* Logo */
	.login-logo { font-size: 36px; }
	.login-logo { 
		color: #777777; 
		font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; 
		font-weight: 300;
	}
	.login-logo b { color: #444444; font-weight: bold; }
	.login-logo .bg-red-pa { 
		background-color: #dd4b39; 
		color: white !important;
		display: inline !important;
		font-size: 40% !important;
	}
	
		/* Formulaires de logon */	
	.lineh38 { line-height:38px; }
	.lockscreen-name { 
		position: relative;
		top: 5px;
		padding-left: 80px; 
		padding-right: 15px;	
	}
	.lockscreen-image { border:1px solid #ced4da; }
	.lockscreen-credentials {
		margin-left: 60px !important; 
		padding-left: 10px; 
		border:1px solid #ced4da; 
		border-radius: 0.25rem;
	}
	
		/* Mot de passe perdu */
	/*#recover_form input { border-right:0; }
	#recover_form .input-group-text { background-color:transparent;color: #777; }*/
	
	
	/* -------- APP -------- */
		/* Logo */
	.brand-link { text-align: center; color: white !important; }
	.brand-text b { font-weight: 700 !important; }
	.welcome-title { text-align: center; }
		.welcome-title .logo { font-family: "Source Sans Pro"; font-weight: 300; }
			.welcome-title .logo b { font-weight: 700; }
	
		/* Menu header */
	.user-switch {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.user-switch a { color: white; }
	.user-switch .img-circle {
		position:relative;
		top: -2px;
		width: 20px;
		height: 20px;
	}
	
		/* Menu */
	.user-panel img { height: 2.1rem; }
	.user-panel span { color: #c2c7d0; }
	.user-panel:hover span { color: #fff; }
	.dropdown-item-noactive {
		display: block;
		padding: .25rem 1rem;
	}
	
		/* Control menu */
	.control-sidebar { width: 350px !important; }
	
		/* Widget */
	.direct-chat-messages { height: auto !important; overflow: hidden !important; }
	.direct-chat-contacts { height:auto !important; padding: 10px; background-color: /*#007bff*/ #343a40 !important; overflow: hidden !important; }
	.todo-list > li.important { border-left: 2px solid #dc3545; }
	.todo-list .ml-auto { white-space:nowrap; }
	span.metadata { position: absolute; right: 5px; bottom: 5px; }
	
		/* Tableau */
	tbody .td-center{ text-align: center; }
	tbody .td-nodisplay { display: none !important; }
	tbody .td-action { 
		text-align: right !important; 
		padding-right: 0.5rem !important;
		white-space: nowrap;
	}
	tbody .td-action2 {
		text-align: right !important; 
		padding: 0.5rem !important;
	}
	/*.dataTables_scrollBody { overflow-y: none !important; }*/
	tbody .td-truncate { 
		max-width: 50%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	tbody .td-truncate2 { 
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.max300 { 
		max-width: 500px;
	}
	
	tbody .td-nowrap { 
		white-space: nowrap;
	}
	
		/* Dossier patient */
	@media screen and (min-width: 769px) { 
		.patient-menu { flex: 0 0 370px !important; }
	}
	.location .nav-link {
		padding: 0.1rem 0.5rem !important;
	}
	
		/* IA */
	.xapp-ai {
		/* Police Apple */
		/*font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;*/
		font-weight: 600;
		font-size: 32px;
		line-height: 1.2;

		/* DÉGRADÉ COLORÉ SUR LE TEXTE SEULEMENT */
		background: linear-gradient(
			90deg,
			#5BCEFA,  /* bleu ciel */
			#A18CD1,  /* violet doux */
			#F5576C,  /* rose corail */
			#F093FB,  /* magenta */
			#4FACFE,  /* bleu clair */
			#00F2FE   /* cyan vif */
		);
		background-size: 300% 300%;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;

		/* GLOW AUTOUR DES LETTRES (comme Apple Intelligence) */
		filter: drop-shadow(0 0 8px rgba(90, 150, 250, 0.5))
				drop-shadow(0 0 16px rgba(161, 140, 209, 0.4));

		/* ANIMATION FLUIDE */
		animation: 
			flow 5s ease-in-out infinite,
			pulse 2.5s ease-in-out infinite alternate;
	}

	/* Animation du dégradé qui coule dans le texte */
	@keyframes flow {
		0%   { background-position: 0% 50%; }
		50%  { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}

	/* Glow qui pulse doucement */
	@keyframes pulse {
		from {
			filter: drop-shadow(0 0 6px rgba(90, 150, 250, 0.4))
					drop-shadow(0 0 12px rgba(161, 140, 209, 0.3));
		}
		to {
			filter: drop-shadow(0 0 10px rgba(90, 150, 250, 0.6))
					drop-shadow(0 0 20px rgba(240, 147, 251, 0.5));
		}
	}


		/* Forms */
	.bg-light > h6 { 
		position:relative;
		top: -10px; 
		left: -10px;
		margin-bottom: 0px !important;
		font-weight: 600;
	}
	.form-horizontal .col-form-label { font-weight: 500 !important; }
	label.nobold { font-weight: 500 !important; }
	#filter .title {
		/*display: inline-block;*/
		/*margin-top: 10px;*/
		margin-right: 1rem;
		min-width: 70px
		/*top: 20px;
		/*line-height: 55px;*/
	}
	#filter .forms .form-group {
		display: inline-block;
		margin-top: -10px;
		margin-right: 0.5rem;
	}
	#filter .forms .form-group.w80 { width:80px; }
	#filter .forms .form-group.w120 { width:120px; }
	#filter .forms .form-group.w125 { width:125px; }
	#filter .forms .form-group.w150 { width:150px; }
	#filter .forms .form-group.w160 { width:160px; }
	#filter .forms .form-group.w180 { width:180px; }
	#filter .form-group .input-group {
		top: 1px;
	}
	#filter .form-group label { 
		font-weight: 800;
		font-size: 80%;
	}
	/*#filter .form-group .select2 {
		width: auto;
	}*/
	#filter .btns .btn {
		margin-top: 4px;
	}
	td > .form-check-input {
		position:relative;
		margin-left:0;
	}
	.checkbox2 {
		height: calc(1.3rem) !important;
		margin-top: 8px !important;
	}
	.checkbox-lg {
		/* Définit une taille plus grande (par exemple, 25px x 25px) */
		width: 25px; 
		height: 25px; 
		
		/* Optionnel : ajuste la marge pour mieux centrer dans le flux */
		margin: 0; 
	}
	
		/* Drop zone */
	.filedrag:not(img) { 
		cursor: pointer; 
		border: 2px dashed #00a65a;
		/*border: 2px dashed #3c8dbc; */
		border-radius: 5px; 
		background: white;
		padding: 10px;
	}
	.filedrag:hover {
		background: #f4f4f4;
	}
		.filedrag h4 { color: #00a65a; }
	
	
		/* Thumbnail */
	.doc-container {
		float: left;
		border: 1px solid #ddd; 
		border-radius: 3px;
		width: 145px; 
		height: 100px; 
		position:relative;
		text-align:center;
	}
		.doc-container .tb-doc { 
			width: 145px; 
			height: 98px; 
			overflow: hidden; 
			border-radius: 3px;
			background: black; 
		}
			.doc-container .tb-doc i {
				position: absolute; top: 35px;left: 59px;opacity:0;
				transition: all .25s;
				color: #fff; z-index:150;
			}		
			.doc-container .tb-doc img {
				max-width: 145px; 
				max-height: 100px;
			}
			.doc-container .tb-doc:hover i, .doc-container .tb-doc:focus i, .doc-container .tb-doc:active i {
				/*display: inline;*/
				transform:scale(1) rotate(0);  
				opacity: 0.6; 
			}
			.doc-container .tb-doc:hover img, .doc-container .tb-doc:focus img, .doc-container .tb-doc:active img {
				opacity: 0.6;
			}
		.doc-container > .tb-tools {
			position:absolute;
			right:-10px;
			top:-10px;
			z-index:150;
		}
	
		/* Page patient */
	/* Block contenant la langue du patient */
	#patient_language {
		position:absolute;right:20px;
	}
	#patient_agreement {
		position:absolute;left:20px;
	}
	.patient_phone {
		display:inline-block; 
		width: 160px;
	}
	
	
		/* Affichage des positions */
	/* Position */
	.position-list > div {
		margin-top: 5px;
		padding: 0px;
		width: 100%;
	}
	.position-list input {
		width:100%;
		/*margin-top:5px;*/
		float:right;
	}
	.position-container {
		/*display: block;*/
		/*background-color: #3c8dbc;*/
		
		border-radius: 4px;
		padding: 1px 10px !important;
		/*color: #fff;*/
		cursor: default;
		margin-top: 5px;
		white-space: nowrap;
		overflow: hidden;
		/*width: 100%;*/
	}
	.position-container.good {
		border: 1px solid #367fa9;
	}
	.position-container .form-control { padding: 4px !important; padding-right: 4px !important; }
	.position-container.error {
		background-color: #dd4b39;
		border: 1px solid #dd4b39;
	}
	.position-container .fas {
		margin-right:5px;
	}
	.position-container .select2 { 
		margin-top:-3px; 
		width:100% !important; 
	}
	.position-container .ofhidden { overflow: hidden; }
	.position-list > div > i {
		margin-top:10px;
	}
	
		/* Affichage des occurences */
	.occurence-event {
		position: relative; z-index: auto; left: 0px; top: 0px;
		border: 1px solid #3a87ad;
		background-color: #6ba5c2;
		border-radius: 5px; 
		color: white;
		padding: 2px;
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 90%;
	}
	.occurence-event.selected {
		/*cursor: not-allowed;*/
		filter: alpha(opacity=65);
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: .65;
	}
	
		/* Avatar logo */
	form .circle_del {
		position:absolute;
		top:10px;
		left:60%;
	}
	.office_logo {
		padding: 3px;
		border: 3px solid #d2d6de;
	}
	form .square_del {
		position: absolute;
		top: -5px;
		right: 10px;
	}
	
		/* Message */
	.mailbox-read-message { padding: 2rem; }
	.mailbox-read-message p { margin-bottom: 0 !important; }
	.mailbox-read-info .mailbox-attachment-info { 
		margin-left: 10px;
		width: 200px; 
		border: 1px solid #eee;
	}
	.mailbox-attachment-info { display: inline-block; }
	
		/* Page Agenda */
	.agenda-tools { min-width: 250px; max-width: 310px; margin-right:30px; }
	.fc-header-toolbar {
		padding: 0px !important;
	}
	#list-users .fa-shield-halved { width: 15px; }
	
		/* Agenda - Gestion des heures de travail */
	.time-caps .card-header input { width:100px; }
	.time-caps .card-body input { width:100px; }
	.unsure { filter: brightness(120%); }
	
		/* Aperçu de fichier */
	#viewer.pdfexpress {
		width:100%;
		height:800px;
		margin:0 auto
	}
	
		/* CRM */
	.history {
		background-color: #f4f4f4;
		padding: 10px 0 10px 15px;
		margin: 0 0 10px;
		border-left: 5px solid #dd4b39;
	}
	
		/* ISSUES */
	.direct-chat-info > .time {
		font-size: 12px;
		color: #999;
	}
	.time-issue {
		color: #999; 
		margin-right: 10px; 
		margin-top: 8px; 
		font-size: 12px; 
		line-height: 1.1;
	}
	.symbol-issue {
		margin-top:4px; 
		border-radius: 50%; 
		font-size: 16px; 
		height: 30px; 
		left: 0px; 
		float:left; 
		line-height: 30px; 
		text-align: center; 
		top: 0; 
		width: 30px;
	}
	.symbol-issue > .card { 
		margin-left: 40px;
		margin-right: 0px;
	}
	.time-issue2 {
		color: #999; 
		font-size: 12px; 
		padding: 10px; 
		right: 0px; 
		position: absolute;
	}
	.title-issue {
		float:left; 
		color: #495057; 
		font-size: 16px; 
		line-height: 1.1; 
		margin: 0; 
		padding: 10px;
	}
	
	/* Paramètres */
	#bank_accounts { display: inline-block; }

	
	.btn-app .icon {
		position: relative;
		top: -5px;
		font-size: 20px;
		height: 25px;
	}
	.btn-app .text {
		position: relative;
		top: -5px;
	}

	
	.card.card-role {
		border:1px solid #e3e3e3;
		border-radius:3px;
	}
	.card.card-role > .card-body {
		background:#f5f5f5;
	}
	.ip_restriction {
		display: inline-block;
		border-radius: 5px; 
		padding: 5px;
		text-align: left;
		box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	}
	
		/* Grid System */
	.grid { 
		margin-right: -15px !important;
	}	
	.grid-item > div {
		margin-bottom: 15px !important;
	}
	.grid-item.mr15px > div {	/*Dashboard*/
		margin-right: 15px !important;
	}
	.grid-item > .info-box { width: auto; }
	
	/*.stampitem {
		width: 300px;
		height: 300px;
		background: #f5f5f5;
		border-radius:0px;
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
		text-align: center;
	}*/
				
	.ui-resizable-s {
		position: absolute;
		bottom: 5px; 
		right: 50%;
		width: 5%;
		height: 20px;
		cursor: s-resize;
		text-align: center;
		color: #adb5bd;
	} 
	
	.flow-root {
		display: flow-root;
	}
	
	@media screen and (max-width: 768px) {
		.grid-item { width: 100%; }
		.grid-item.w1p { width: 100%; }
		.grid-item.w2 { width: 100%; }
		.grid-item.w3 { width: 100%; }
	}
	@media screen and (min-width: 768px) {
		.grid-item { width: 50%; }
		.grid-item.w1p { width: 100%; }
		.grid-item.w2 { width: 100%; }
		.grid-item.w3 { width: 100%; }
	}
	@media screen and (min-width: 1700px) {
		.grid-item { width: 33.33%; }
		.grid-item.w1p { width: 50%; }
		.grid-item.w2 { width: 66.66%; }
		.grid-item.w3 { width: 100%; }
	}
	
	.packery-drop-placeholder {
		border-radius: .25rem;
		border: 1px dashed hsla(0, 0%, 0%, 0.5);
		background-color: rgba(0, 0, 0, 0.05);
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
	/* Amélioration des titres de card du dashboard sur mobile */
	@media screen and (max-width: 400px) {
		.card-header { padding-left: 0.5rem; padding-right: 0.5rem;}
		.grid-item .card-title, .grid-item .card-tools { font-size: 1rem;}
	}
	
	
		/* Edition de facture */
	td.text { padding-top: 0.5rem; }
	/*.invoice-edit .form-control { width:auto !important; }*/
	
	.invoice-edit .f130 { width:130px !important; }
	
	.invoice-edit .f404 { width:404px !important; }
	.invoice-edit textarea { height: 75px !important; }
	.invoice-edit .f200 { width:200px !important; }
	.invoice-edit .f150 { width:150px !important; }
	
	
	.invoice-edit .f121 { width:121px !important; }
	.invoice-edit .f100 { width:100px !important; }
	.invoice-edit .f75 { width:75px !important; }
	.invoice-edit .f50 { width:50px !important; }
	.invoice-edit .f35 { width:35px !important; }
	.invoice-edit .fullwidth { width:100% !important; }
	.invoice-edit .flex { display: flex; }
	
	/*.invoice-edit .inline { display: inline; }*/
	
	/* -------- GENERAL -------- */
		/* Affichage */
	.nodisplay { display: none !important; }
	.inline { display: inline-block; }
	.autoheight { margin-bottom: 0px; }
	.bold { font-weight: bold; }
	.nounderline { text-decoration: none; }

		/* Espacement */
	.mt-6px { margin-top: 6px; }	
	.form-group .select2 { width: 100% !important; }
	.small.alert { padding: .5rem 1rem !important; }
		
		/* ... */
	.truncate {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}	
	
		/* Couleurs */
	.bg-red-pa { 
		background-color: #dd4b39; 
		color: white !important;
	}
	.text-orange { color : #ff851b !important; }
	.text-blue { color: #007bff !important; }
	.col-form-label { font-size: 400 !important; }
	h6 > form { color: #444 !important; }
	
		/* Curseurs */
	.pointer { cursor: pointer; }
	.help { cursor: help; }
	.notallowed { cursor: not-allowed; }
	.grab { cursor: grab !important; }
	
		/* Taille */
	.big { font-size: 120%; }	
		
		/* Effets au survol */
	.dropdown-item-noactive .pointer:hover { opacity: 0.6 !important; }
	
	/* -------- RECTIFICATION PLUGINS -------- */
		/* nProgress */
	#nprogress .bar {
		background: #dd4b39 !important;
		position: fixed;
		z-index: 2000;
		top: 0;
		left: 0;
		width: 100%;
		height: 4px;
	}
		/* DataTable */
	.dt-head-vcenter { vertical-align: middle !important; }
	
		/* FullCalendar */
	#calendar { margin-top: 0px !important; }
	#calendar .fc-bg-event { 
		overflow: hidden;
		text-align: center; 
		/*display:table;
		table-layout: fixed;
		width: 100%;
		height: 100%;*/
		opacity: 1.0 !important;		/* Enlever l'opacité à 0.3 par defaut pour permettre au titre des slots d'être bien visibles) */
	}
	
		/* Tempus Dominus */
	#miniagenda-container { height: 327px; }
	.tempus-dominus-widget.inline { 
		width: 100% !important;
	}
	.form-group .tempus-dominus-widget.inline {
		border: 1px solid #ced4da !important;
		box-shadow: none !important;
	}
	#miniagenda .tempus-dominus-widget.inline {
		border: none !important;
		box-shadow: none !important;
	}

		/* FlatPicker */
	.flatpickr-calendar { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); border: 1px solid #dee2e6; border-radius: 0.375rem; }
    .flatpickr-day.selected { background: #007bff; color: white; }
    .flatpickr-day:hover { background: #e9ecef; }
    .flatpickr-input.form-control { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; border-radius: 0.25rem; }
    .flatpickr-input:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); }
	.flatpickr.inline > input { display: none; }

	#external-events .drop-zone { border: 2px dashed #333333; padding: 0.25rem; }
	.ext-event {
		border-radius: 5px; 
		padding: 5px;
		text-align: left;
		cursor: grab;
	}
	.ext-event.template {
		position: relative; z-index: auto; left: 0px; top: 0px;
		border: 1px solid; 
	}

		/* Intl-tel-input */
	.iti { width: 100%; }

		/* Datatable */
	div.dataTables_wrapper div.dataTables_filter input {
		width: 140px !important;
	}

	.ged .dt-scroll-body { overflow: visible !important; }		/* Pour les datatanle de GED, on a besoin d'enlever le overflow pour montrer les dropdown au complet */
	
	.card.autoheight .float-md-left {		/* v1.10.23 un poil plus haute et donc pas la place de laisser les boutons */
		margin-top: -3px;
		position: absolute;					/* Ajout pour Safari sinon il ne prend pas le float en compte */
		z-index: 10;
	}
	@media screen and (max-width: 768px) {
		.datatable_total { text-align:center; }
	}
	@media screen and (min-width: 768px) {
		.datatable_total {
			position:absolute;
			bottom:0.5rem;
			right:0.5rem;
		}
	}
	/*.table td, .table th {
		padding: .75rem;
	}*/
		
		/* Draggable */
	.draggable-ghost {  opacity: 0.4; }
	
		/* jQuery Validator */
	.help-block { color: rgb(185,74,72); font-size: 80%; }
	
		/* Select2 */
	.t-2 { position: relative; top:-2px; }

/*Select2 ReadOnly Start*/
    select[readonly].select2-hidden-accessible + .select2-container {
        pointer-events: none;
        touch-action: none;
    }
    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }
    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

/* Tom Select + Bootstrap → zéro saut de hauteur au focus (vraiment zéro) */
/* TOM SELECT – ZÉRO DÉCALAGE SUR LES SELECT SIMPLES (vraiment zéro) */
/*.ts-wrapper.single .ts-control > input {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
}*/

/* option sans valeur en clair */
/*.ts-dropdown .option.placeholder, .ts-wrapper .item.placeholder{
	color: #6c757d !important;
	opacity: 0.7 !important;
}*/


/* 1. Hauteur fixe + scroll horizontal */
#filter .ts-wrapper .ts-control {
    min-height: 31px !important;     /* ou 34px si form-control-sm */
    max-height: 31px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
   /* white-space: nowrap !important;
   /* padding: 4px 30px 4px 8px !important;*/
	/*display: flex !important;*/
    /*align-items: center !important;*/
}


/* 2. Style "coché" dans le dropdown (fond bleu + texte blanc) */
.ts-dropdown .option.selected {
    background: #007bff !important;
    color: white !important;
}
/* cacher la coche pour les multiples */
.ts-dropdown .tomselect-checkbox { display:none; }

/* 3. Petit scroll discret */
/*.ts-wrapper.multi .ts-control::-webkit-scrollbar {
    height: 6px;
}
.ts-wrapper.multi .ts-control::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}*/

/* Rendre tomselect fixe sur une ligne seulement */
.ts-control .item {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100% - 20px) !important; /* Laisse de la place pour la petite flèche */
    display: block !important;
}

/* Aligne l'icône et le texte proprement */
.ts-control .item i, .ts-control .item svg {
    margin-right: 5px;
    vertical-align: middle;
}

/* 4. On cache l'input de recherche pour éviter qu'il ne pousse les parois */
.ts-wrapper.single .ts-control input {
    display: none !important;
}

/* dropdown TomSelect dans modal */
.card .ts-dropdown {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* laisser TomSelect gérer le contenu */
.card .ts-dropdown-content {
	max-height: none !important;
	overflow: visible !important;
}


		/* SummerNote */
	/*.note-editor { margin-bottom: 0; }*/
		
		/* Bootstrap */
	@media screen and (max-width: 768px) {
		.card-columns {
			column-count: 1;
		}
		.card-columns-2 {
			column-count: 1;
		}
	}
	
	@media screen and (min-width: 768px) {
		.card-columns {
			column-count: 2;
		}
		.card-columns-2 {
			column-count: 1;
		}
	}
	
	@media screen and (min-width: 1700px) {
		.card-columns {
			column-count: 3;
		}
		.card-columns-2 {
			column-count: 2;
		}
	}
	/*@media screen and (min-width: 2400px) {
	  .card-columns {
			column-count: 4;
		}
	}*/
	
	
	
	
	/* -------- RESPONSIVE -------- */
	@media only screen and (max-width: 990px) {
		.nomobile { display:none; }
	}
	
	
	@media (min-width: 1700px) {
	  .col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	  }
	  .col-xxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	  }
	  .col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	  }
	  .col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	  }
	  .col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	  }
	  .col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }
	  .col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	  }
	  .col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	  }
	  .col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	  }
	  .col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	  }
	  .col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	  }
	  .col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	  }
	  .col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	  }
	  .col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	  }
	  .mb-xxl-0 {
		margin-bottom: 0rem !important;
	  }
	  .mb-xxl-3 {
		margin-bottom: 1rem !important;
	  }
	  .order-xxl-first {
		-ms-flex-order: -1;
		order: -1;
	  }
	  .order-xxl-last {
		-ms-flex-order: 13;
		order: 13;
	  }
	  .order-xxl-0 {
		-ms-flex-order: 0;
		order: 0;
	  }
	  .order-xxl-1 {
		-ms-flex-order: 1;
		order: 1;
	  }
	  .order-xxl-2 {
		-ms-flex-order: 2;
		order: 2;
	  }
	  .order-xxl-3 {
		-ms-flex-order: 3;
		order: 3;
	  }
	  .order-xxl-4 {
		-ms-flex-order: 4;
		order: 4;
	  }
	  .order-xxl-5 {
		-ms-flex-order: 5;
		order: 5;
	  }
	  .order-xxl-6 {
		-ms-flex-order: 6;
		order: 6;
	  }
	  .order-xxl-7 {
		-ms-flex-order: 7;
		order: 7;
	  }
	  .order-xxl-8 {
		-ms-flex-order: 8;
		order: 8;
	  }
	  .order-xxl-9 {
		-ms-flex-order: 9;
		order: 9;
	  }
	  .order-xxl-10 {
		-ms-flex-order: 10;
		order: 10;
	  }
	  .order-xxl-11 {
		-ms-flex-order: 11;
		order: 11;
	  }
	  .order-xxl-12 {
		-ms-flex-order: 12;
		order: 12;
	  }
	  .offset-xxl-0 {
		margin-left: 0;
	  }
	  .offset-xxl-1 {
		margin-left: 8.333333%;
	  }
	  .offset-xxl-2 {
		margin-left: 16.666667%;
	  }
	  .offset-xxl-3 {
		margin-left: 25%;
	  }
	  .offset-xxl-4 {
		margin-left: 33.333333%;
	  }
	  .offset-xxl-5 {
		margin-left: 41.666667%;
	  }
	  .offset-xxl-6 {
		margin-left: 50%;
	  }
	  .offset-xxl-7 {
		margin-left: 58.333333%;
	  }
	  .offset-xxl-8 {
		margin-left: 66.666667%;
	  }
	  .offset-xxl-9 {
		margin-left: 75%;
	  }
	  .offset-xxl-10 {
		margin-left: 83.333333%;
	  }
	  .offset-xxl-11 {
		margin-left: 91.666667%;
	  }
	}