/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
 
 .sb_sidebar_body {
	 width: 100%;
	 overflow-x: hidden;
 }
 .sb_sidebar_body .header_native_topMobile, .sb_sidebar_body .header_native_bottomMobile {
	 display: none;
 }
 
 .sb_sidebar_body .site-content {
		 padding: 0 !important;
 }
 
 
 
 /*FIX PHOENIX*/
 .btn-sm, .btn-group-sm>.btn, .google-map-control-btn .btn-group-sm>.zoomIn, .google-map-control-btn .btn-group-sm>.zoomOut, .tox .tox-dialog__footer .btn-group-sm>.tox-button:last-child, .tox .tox-dialog__footer .btn-group-sm>.tox-button--secondary, .tox .btn-group-sm>.tox-button-secondary, .tox .btn-group-sm>.tox-button, [data-list] .btn-group-sm>.page, .table-list .btn-group-sm>.page {
		 --phoenix-btn-padding-y: 0.5rem;
		 --phoenix-btn-padding-x: 0.5rem;
		 --phoenix-btn-font-size: 0.875rem;
		 --phoenix-btn-border-radius: 0.375rem;
 }
 .btn-group>.btn, .google-map-control-btn .btn-group>.zoomIn, .google-map-control-btn .btn-group>.zoomOut, .tox .tox-dialog__footer .btn-group>.tox-button:last-child, .tox .tox-dialog__footer .btn-group>.tox-button--secondary, .tox .btn-group>.tox-button-secondary, .tox .btn-group>.tox-button, [data-list] .btn-group>.page, .table-list .btn-group>.page, .btn-group-vertical>.btn, .google-map-control-btn .btn-group-vertical>.zoomIn, .google-map-control-btn .btn-group-vertical>.zoomOut, .tox .tox-dialog__footer .btn-group-vertical>.tox-button:last-child, .tox .tox-dialog__footer .btn-group-vertical>.tox-button--secondary, .tox .btn-group-vertical>.tox-button-secondary, .tox .btn-group-vertical>.tox-button, [data-list] .btn-group-vertical>.page, .table-list .btn-group-vertical>.page {
		 flex: 1 1 auto;
		 flex: 1 1 1;
 }
 
 
.nav-underline .nav-link {
		 color: var(--informatizer-gray-900);
		 border-width: 0 0 3px;
		 border-style: solid;
		 border-color: var(--informatizer-gray-100);
 }
 .nav-underline .nav-link.active, .nav-underline .nav-item.show .nav-link {
	color: var(--informatizer-primary-700);
	border-bottom-width: 3px;
	border-color: var(--informatizer-primary-700);
 }
 
 .nav-link.active i:before {
	 font-weight: 400;
 }
 
 
 
 
 
 
 
 
 /* fuck */
* {
	-webkit-text-size-adjust:none;
	 -ms-text-size-adjust:none;
	 -moz-text-size-adjust:none;
	 text-size-adjust:none;
}
*, :before, :after, *::before, *::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}


body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: var(--informatizer-gray-700);
	background-color: var(--informatizer-white);
	margin: 0;
		
}
/*
height: auto; // Change height à auto
min-height: 100vh; // Forcer la hauteur pour éviter la coupure
overflow-y: auto; // Permet toujours le scroll
-webkit-overflow-scrolling: touch; // Scroll fluide sur mobile
overscroll-behavior: contain; // Empêche les sauts
touch-action: manipulation; // Priorise les gestes de scroll
*/

input[type="text"], input[type=password], input[type="text"]::placeholder, input[type=password]::placeholder {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}







.container {
		max-width: 1200px;
		max-width: 900px;
}

/* SPINNER BY ME */
.chargement:before {
		content: "\ef30";
		content: "";
		display: inline-block;
		box-sizing: border-box;
		min-width: 20px;
		min-height: 20px;
		width: auto;
		height: auto;
		margin: 0 auto;
		border-radius: 9999px;
		border-width: 3px;
		border-style: solid;
		border-color: var(--informatizer-always-gray-900) var(--informatizer-gray-300) var(--informatizer-gray-300);
		font: normal normal normal 25px / 1 bb-icons;
		speak: none;
		text-decoration: none;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-animation: spin 2s infinite linear;
		animation: spin 1s infinite linear;
}




/* Btn back close sidebar and offcanvas */
.btn-back-close, .btn-back-close:hover {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--informatizer-gray-100) !important;
	border-radius: 9999px;
}
.btn-back-close > * {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sb-link, .spa-link {
		height: 3rem;
}

/* logo */
.navbar-brand.navbar-brand img {
		max-width: 5rem;
}


/* class take from bootstrap space theme : custom radio style with checkbox */
.form-check-custom .form-check-input:checked[type=checkbox],
.form-check-custom .form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23fff'/%3e%3c/svg%3e")
}

/* bootstrap icon */
.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
		line-height: inherit;
		vertical-align: bottom;
}



/* Animation */
@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.rotation {
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: text-bottom;
	-webkit-animation: rotating .75s linear infinite;
	animation: rotating .75s linear infinite;
}

@keyframes ring {
	0%   { transform: rotate(0); }
	10%  { transform: rotate(15deg); }
	20%  { transform: rotate(-15deg); }
	30%  { transform: rotate(10deg); }
	40%  { transform: rotate(-10deg); }
	50%  { transform: rotate(5deg); }
	60%  { transform: rotate(-5deg); }
	70%  { transform: rotate(2deg); }
	80%  { transform: rotate(-2deg); }
	100% { transform: rotate(0); }
}

.ring {
	display: inline-block;
	transform-origin: top center; /* pivot comme une vraie cloche */
	animation: ring 1.5s ease-in-out infinite; /* <--- infini */
}


/* ============================================================*
 * bootstrap
 * Phoenix
 * ============================================================*/
 
 .w-fill-available {
		 width: -webkit-fill-available;
		 width: fill-available; /* Pour compatibilité avec d'autres navigateurs */
 }
 
.spinner-border-sm {
	--phoenix-spinner-width: 1rem;
	--phoenix-spinner-height: 1rem;
	--phoenix-spinner-border-width: 0.1rem
}


/* ============================================================*
 * my sb trigger
 * like spa
 * sidebard sb trigger
 * in footer
 * ============================================================*/



/* ============================================================*
	* fix buddypress
	* ============================================================*/
	
.sticky-header .site-content, body.buddypress.sticky-header .site-content, .bb-buddypanel.sticky-header .site-content, .single-sfwd-quiz.bb-buddypanel.sticky-header .site-content, .single-sfwd-lessons.bb-buddypanel.sticky-header .site-content, .single-sfwd-topic.bb-buddypanel.sticky-header .site-content {
		 padding-top: 0px;
		 padding: 50px 0;
 }
 
 
/* ============================================================*
	 * fix phoenix
	 * ============================================================*/
 
 .content {
		 padding: 1rem;
 }
 
 .form-control {
	line-height: normal; }
	
	section {
		padding: 0;
	}
	
	.form-check-input {
		min-width: 1rem;
		width: 1rem;
		height: 1rem;
	}
	
	svg.svg-inline--fa.fa-magnifying-glass.search-box-icon {
		opacity: 0;
	}
	
	
	
	
	
	
	
	
/* 
 * GESTION DES SUPPERPOSITIONS : Z-INDEX
 * ============================================================*/
 
.dropdown-menu {
		 z-index: 4;
 }

/* 
 * navbar
 * ============================================================*/
 
.fixed-top, .fixed-bottom, .sticky-top, .sticky-bottom {
	z-index: 5; /* old : z-index: 1030; */
}
.kms-navbarTopSlim {
	z-index: 5; /* old : z-index: 1028; z-index: 1029;  */
} 

/* 
 * fix div to top on scrolling
 * js in gray.js file
 * ============================================================*/
 
.js_fixed_top.fixed, .js_fixed_top_card.fixed, .js_fixed_top_table.fixed, .js_fixed_top_list.fixed {
		position: fixed; /* Devient fixe lorsqu'elle atteint le haut */
		top: 0;
		z-index: 6;
		width: 78% !important;
		background-color: var(--informatizer-white) !important;
		height: auto;
		max-height: 48px;
		padding: 0.25rem 1rem 0 !important;
		overflow: hidden;
}

/* 
 * offcanvas
 * ============================================================*/
 
.offcanvas-backdrop {
	z-index: 7; /* old : z-index: 1040; */
}
.offcanvas {
z-index: 8; /* old : z-index: 1045; */
}

/* 
 * modal
 * ============================================================*/
 
.modal-backdrop {
	z-index: 9;
}
.modal {
	z-index: 10;
}

/* 
 * modal
 * ============================================================*/
 
.gray-modal-dropdown-overlay {
		display: none;
		opacity: 0;
}
.modal.show + .gray-modal-dropdown-overlay-backdrop {
		background-color: rgba(0, 0, 0, 0.5);
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9; /*juste en dessous de modal */
		
		opacity: 1;
		-webkit-transition: opacity .15s linear;
		-o-transition: opacity .15s linear;
		transition: opacity .15s linear;
}







/* ============================================================*
 * BUddyboss
 * ============================================================*/
 
 .ab-item, .ab-item .kms-htmxLoading {
		 display: flex;
		 flex-direction: row;
		 flex-wrap: nowrap;
		 align-content: center;
		 justify-content: flex-start;
		 align-items: center;
 }
 
 .mySignalDescript-msg::before {
		 content: " ";
		 position: absolute;
		 width: 0;
		 height: 0;
		 left: -2px;
		 right: auto;
		 top: 0px;
		 bottom: auto;
		 border: 12px solid;
		 border-color: var(--informatizer-gray-300) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
 }
 .mySignalDescript-msg::after {
		 content: " ";
		 position: absolute;
		 width: 0;
		 height: 0;
		 left: 0px;
		 right: auto;
		 top: 1px;
		 bottom: auto;
		 border: 12px solid;
		 border-color: var(--informatizer-white) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
 }
 

 
 .ab-sub-wrapper.wrapper {
		 padding: 0rem 0rem 0 1rem;
		 background-color: var(--informatizer-gray-100);
		 border-radius: 1rem;
		 font-size: 0.875rem;
 }
 .ab-submenu {
		padding: 0;
}
.ab-submenu li {
		list-style: none;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		
		padding: 0.5rem 0;
}



.ab-submenu li .ab-item:after {
		content: '\e827';
		font-family: 'bb-icons';
		font-weight: 300;
		position: absolute;
		right: 1rem;
		font-size: 1rem;
}

.bb-single-main-nav--horizontal {
		display: none;
}

.menupop.parent {
	margin: 0rem 0;
		font-size: 1rem;
}



.menupop.parent, .menupop.parent a, .menupop.parent i {
		color: var(--informatizer-navbar-top-link-color);
}

.ab-submenu i {
		margin: 0 1rem 0 0;
		font-size: 1.5rem;
		font-weight: 400;
		color: var(--informatizer-gray-500) !important;
}
/*
@media (max-width:992px) {
	article {
		margin: 1rem 0;
		padding: 0 1rem;
		overflow: hidden;
	}
}
*/

.hidden {
		display: none !important;
}




/* ============================================================*
 * @media
 * ============================================================*/
 

@media (max-width:992px) {
	body {
		padding: 50px 0;
	}
	
	input {
			width: 100%;
	}
	
	/* Headers top and bottom */
	.main {
		margin: 50px 0 3.75rem;
		margin: 0;
	}
	
	/* top & bottom header */
	
	.offcanvas-header {
			min-height: 50px;
			height: auto;
			max-height: 50px !important;
			overflow: hidden;
	}
	
	.kms-native-navbar-top.navbar-slim, .kms-navbar-top-mobile {
		min-height: 50px;
		height: auto;
		max-height: 50px !important;
		border-color: var(--informatizer-gray-100);
		overflow: hidden;
	}
	
	.kms-native-navbar-bottom.navbar-slim {
		min-height: auto;
		height: auto;
		max-height: max-content;
	}
	.kms-app-header-bottom, .header-bottom-app {
			min-height: 50px;
			height: auto;
			max-height: 70px !important;
			padding: 0rem 0 0rem;
			overflow: hidden;
	}
	.kms-app-header-bottom, .header-bottom-app {
		/*	background-color: var(--phoenix-soft); */
	}
	.kms-app-header-bottom li, .header-bottom-app li {
		flex: 0 0 0; /* flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
		flex: 1;
		
		border-width: 0px 0 0;
		border-style: solid;
		border-color: var(--informatizer-gray-50);
		padding: 0.25rem 0 0.25rem;
		padding: 0;
	}
	.kms-app-header-bottom li.activePage, .header-bottom-app .activePage {
			border-color: var(--informatizer-danger-700);
			/* background-color: var(--phoenix-danger-100); */
	}
	
	
	.navbar-horizontal .navbar-nav-top.kms-app-header-bottom .nav-link, .header-bottom-app .nav-link {
		color: var(--informatizer-gray-700);
	}
	.navbar-horizontal .navbar-nav-top.kms-app-header-bottom .nav-link.activePage, .header-bottom-app .nav-link.activePage {
		color: var(--informatizer-danger-700);
	}
	
	.header_bottom_app_tab .nav-link, .header_bottom_app_tab .nav-item.show .nav-link {
			border-width: 2px 0 0px;
			border-style: solid;
			border-color: var(--informatizer-gray-50);
			border-radius: 0;
	}
	.header_bottom_app_tab .nav-link.active, .header_bottom_app_tab .nav-item.show .nav-link {
		border-width: 2px 0 0px;
			color: var(--informatizer-danger-700);
			border-color: var(--informatizer-danger-700);
	}
	
	
	.header-bottom-app-icon {
			display: block;
			position: relative;
			width: 2rem;
			height: 2rem;
			margin: 0 auto 0rem;
			border-radius: 9999px;
			border: 0px solid var(--informatizer-gray-100);
			/* background-color: var(--informatizer-gray-50); */
	}
	.activePage .header-bottom-app-icon, .active .header-bottom-app-icon {
		position: relative;
		/* background-color: var(--phoenix-danger-50); */
		border-color: var(--informatizer-danger-300);
	}
	
	.header-bottom-app-icon i {
		position: absolute;
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		transform: translate(-50%, -50%);
	}
	.header-bottom-app .nav-link i:before {
		font-weight: 300;
	}
	.header-bottom-app .nav-link.active i:before {
		font-weight: 400;
	}
	
	/*this class is call in js into nativ-app for fix fs*/
	.headerBottom_native_fontSize_icons {
		font-size: 1.5rem;
	}
	.headerBottom_native_fontSize_txt {
		font-size: 0.875rem;
	}
	
	.htmx-request .native-header-bottom-spinner {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			
			width: 2rem;
			height: 2rem;
			line-height: 2rem;
			margin: 0 auto 0rem;
			border-radius: 9999px;
			background-color: transparent;
			border: 0px solid var(--informatizer-danger-200);
	}
	
	.header-bottom-app-iconName, .native-header-bottom-name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.activePage .header-bottom-app-icon, .activePage .header-bottom-app-iconName {
		color: var(--informatizer-danger-700);
	}
	/* end Headers top and bottom */
	
	
	
	
	.kms-home-btn-calls {
		width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			gap: 1rem;
	}
	.kms-home-btn-calls a {
		flex:1;
		max-width:100%;
	}
	
	.kms-home-navTab {
			border: 1.5px solid var(--informatizer-primary-700);
			background-color: var(--informatizer-white);
			border-radius: calc(0.5rem + 0px);
			overflow: hidden;
	}
	.nav-phoenix-pills.kms-home-navTab .nav-item:not(:last-child) .nav-link {
			border-width: 0 1.5px 0 0;
			border-style: solid;
			border-color: var(--informatizer-primary-700);
			border-radius: 0;
	}
	.nav-phoenix-pills.kms-home-navTab .nav-item .nav-link {
		color: var(--informatizer-primary-700);
			color: inherit;
			font-weight: inherit;
	}
	.nav-phoenix-pills.kms-home-navTab .nav-item .nav-link.active {
			color: var(--informatizer-white);
			background-color: var(--informatizer-primary-700);
			border-radius: 0rem;
			font-weight: 700;
	}
	
	/*
	.nav-phoenix-pills {
			border-color: var(--informatizer-primary-700);
	}
	.nav-phoenix-pills .nav-item .nav-link.active {
			color: var(--phoenix-white);
			border-color: var(--informatizer-primary-700);
			background-color: var(--informatizer-primary-700);
			font-weight: 700;
	}
	*/
	
	.nav-phoenix-pills .nav-item .nav-link.active i {
			font-weight: 300;
	}
	
	
	.kms-home-listeVue-inputSearch:focus {
			background-color: var(--informatizer-white) !important;
	}
	
	
	
	
	.navbar-brand.navbar-brand img {
		/*	max-width: inherit; */ /* à revoir */
	}
	
	.menupop.parent > a.ab-item {
			font-size: 0.875rem;
			font-weight: 900;
			color: var(--informatizer-black);
			background-color: var(--informatizer-gray-50);
	}
	
	
	.activePage i {
		font-weight: 300;
	}
	
	
	/*----------- Contre bootstrap --------- */
	
	.offcanvas.offcanvas-s, .offcanvas-s {
		height: 25vh; 
	}
	.offcanvas.offcanvas-m, .offcanvas-m {
	height: 50vh; 
}
	.offcanvas.offcanvas-l, .offcanvas-l {
	height: 100vh; 
}
	.offcanvas.offcanvas-auto, .offcanvas-auto {
	height: auto;
}

.offcanvas-bottom{
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

	
	/* bootstrap toeast */
	.toast-container {
			width: 100%;
			max-width: 100%;
			padding: 0 1rem;
	}
	
	
	.border-solid {
		--phoenix-border-style: solid
	}
	
	/* footer */
	/*
	footer.section-footer.scripts {
			margin: 0px 0 4rem;
			border-width: 0 0 1px;
			border-style: solid;
			border-color: red;
	}
	*/
}







/* ============================================================*
 * header link active
 * ============================================================*/


.kms-btn-close{
	all: unset;
	font-size: 1rem;
}

/* ============================================================*
 * header link active
 * ============================================================*/
 
 
 .navbar-horizontal .navbar-nav-top .nav-link.activePage, 
 .dual-nav .navbar-nav-top .nav-link.activePage, 
 .navbar-combo .navbar-nav-top .nav-link.activePage {
	color: var(--informatizer-primary-700);
}


.activePage i {
	font-weight: 300;
}


/* ============================================================*
 * 
 * ============================================================*/
 
progress {
	height: 0.5rem;
	/*
		width: 100%;
		border: 1px solid red;
		border-radius: 9999px;
		overflow: hidden;
		*/
}

/* ============================================================*
 * HTMX
 * ============================================================*/
 
 .htmx-indicator{
		 display:none;
 }
 .htmx-request .htmx-indicator {
		 display:inline;
 }
 .htmx-request.htmx-indicator {
		 display:inline;
 }
 
 
 /* HTMX TABLE FORM BTN */
	.kms-htmxIndicator .htmx-indicator {
		display: none;
	}
	.htmx-request .kms-htmxIndicator-tableExport-submit {
		display: none;
	}
	
/* htmx */

		.hxIndicator .htmx-indicator {
			display: none;
		}
		.htmx-request .tableAdd_submit {
			display: none;
		}
		
		/* htmx */
		
		
			.kms-htmxLoader {
				display: none;
			}
			.htmx-request .kms-htmxLoader {
				display: inline-block;
			}
			.htmx-request .kms-htmxLoading {
				display: none;
			}
			
			#page_main {
				transition: all ease-in 1s ; /*linear*/
			}

/* ============================================================*
 * wizard step
 * ============================================================*/
 
		.theme-wizard .nav-item .nav-link {
				padding: 0;
		}
		.theme-wizard .nav-item:not(.theme-wizard .nav-item:last-child) .nav-link:before {
				top: 100%;
				top: auto;
				bottom: calc(100% - 1.5rem);
				height: 1px;
				border-radius: 9999px;
		}
		.theme-wizard .nav-item:not(.theme-wizard .nav-item:last-child) .nav-link.done::before {
			height: 2px;
		}
		.theme-wizard .nav-item .nav-link .nav-item-circle {
			line-height: inherit;
			height: 2.75rem;
			width: 2.75rem;
			margin: 0;
			padding: 0rem;
			
			color: var(--informatizer-gray-500);
			background-color: var(--informatizer-white);
			border: 1px solid var(--informatizer-gray-300); 
		}
		.theme-wizard .nav-item .nav-link .nav-item-circle i {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
		}
		
		.theme-wizard .nav-item .nav-link.active .nav-item-circle {
				/* border: 0; */
				color: var(--informatizer-primary-700);
				background-color: var(--informatizer-primary-50);
				border-color: var(--informatizer-primary-700);
				border-width: 2px;
		}
		.theme-wizard .nav-item .nav-link.done .nav-item-circle {
				color: var(--informatizer-success-700);
				background-color: var(--informatizer-success-600) !important;
				border-color: var(--informatizer-success-700);
				border-width: 2px;
		}
		
		.theme-wizard .nav-item .nav-link.done .nav-item-circle i:before {
				content: "\e876";
				font-family: bb-icons;
				font-weight: 300;
				color: var(--informatizer-always-white);
		}
		.theme-wizard .nav-item .nav-link.done .nav-item-circle i:before {
				content: "\e876";
				font-family: bb-icons;
				font-weight: 300;
				color: var(--informatizer-always-white);
				
				/* font-family: keenicons-duotone; */
				/* font-family: keenicons-outline; */
				/* font-family: keenicons-solid; */
				/* content: "\eabc"; */
				
				font-family: bootstrap-icons;
				content: "\f272";
				font-weight: 700;
		}
		
		.theme-wizard .nav-item .nav-link.active .wizard-navStep-text:after {
				content: '';
				display: block;
				width: 100%;
				border-width: 1.5px;
				border-style: solid;
				border-radius: 9999px;
		}
		
		
		.theme-wizard .nav-item .nav-link.active span {
				font-weight: 900;
		}
		
		.theme-wizard .nav-item .nav-link.done .iconCheck {
			display: inline !important;
		}
		
		
/* ============================================================*
 * whatsapp
 * ============================================================*/
 
.btn-whatsapp, .btn-whatsapp:hover, .btn-whatsapp:focus {
	background-color: #128C7E;
}

.dark .btn-whatsapp {
		background-color: #075E54;
}

/* ============================================================*
 * tooltip
 * ============================================================*/
 

.tooltip.bs-tooltip-auto.fade.show {
		display: none;
}


/* ============================================================*
 * Animation
 * ============================================================*/

@keyframes rotation {
	 from {
		 transform: rotate(0deg);
	 }
	 to {
		 transform: rotate(360deg);
	 }
 }
 
 .rotate-infinite, .rotate-infinite:before, .rotate-infinite:after {
	 animation: rotation 1s linear infinite;
 }
 






/* ============================================================*
 * Root
 * ============================================================*/
 
:root {
--8px: 0.5em;
--9px: 0.5625em;
--10px: 0.625rem;
--11px: 0.6875rem;
--12px: 0.75rem;
--13px: 0.8125rem;
--14px: 0.875rem;
--15px: 0.9375rem;
--16px: 1rem;
--17px: 1.0625rem;
--18px: 1.125rem;
--19px: 1.1875rem;
--20px: 1.25rem;
--21px: 1.3125rem;
--22px: 1.375rem;
--23px: 1.4375rem;
--24px: 1.5rem;
--25px: 1.5625rem;
--26px: 1.625rem;
--27px: 1.6875rem;
--28px: 1.75rem;
--29px: 1.8125rem;
--30px: 1.875rem;
--31px: 1.9375rem;
--32px: 2rem;
--33px: 2.0625rem;
--34px: 2.125rem;
--35px: 2.1875rem;
--36px: 2.25rem;
--37px: 2.3125rem;
--38px: 2.375rem;
--39px: 2.4375rem;
--40px: 2.5rem;
--41px: 2.5625rem;
--42px: 2.625rem;
--43px: 2.6875rem;
--44px: 2.75rem;
--45px: 2.8125rem;
--46px: 2.875rem;
--47px: 2.9375rem;
--48px: 3rem;
--49px: 3.0625rem;
--50px: 3.125rem;
--51px: 3.1875rem;
--52px: 3.25rem;
--53px: 3.3125rem;
--54px: 3.375rem;
--55px: 3.4375rem;
--56px: 3.5rem;
--57px: 3.5625rem;
--58px: 3.625rem;
--59px: 3.6875rem;
--60px: 3.75rem;
--61px: 3.8125rem;
--62px: 3.875rem;
--63px: 3.9375rem;
--64px: 4rem;
}








/* Media Query Medium */
@media (min-width: 768px) {
	/* flex */
	.md-justify-content-start {
			-webkit-box-pack: start !important;
			-ms-flex-pack: start !important;
			justify-content: flex-start !important;
	}
	
	/* font-weight */
	.fw-md-1, .fw-md-100 {
		font-weight: 100;
	}
	.fw-md-2, .fw-md-200 {
		font-weight: 200;
	}
	.fw-md-3, .fw-md-300 {
		font-weight: 300;
	}
	.fw-md-4, .fw-md-400 {
		font-weight: 400;
	}
	.fw-md-5, .fw-md-500 {
		font-weight: 500;
	}
	.fw-md-6, .fw-md-600 {
		font-weight: 600;
	}
	.fw-md-7, .fw-md-700 {
		font-weight: 700;
	}
	.fw-md-8, .fw-md-800 {
		font-weight: 800;
	}
	.fw-md-9, .fw-md-900 {
		font-weight: 900;
	}
}