/**********************************************************************************************************************/
/**** FM LOGISTIC *****************************************************************************************************/
/**********************************************************************************************************************/

:root {
    --fml-color: #01467F; 
}

/* Appliquer la couleur aux éléments Bootstrap */
.bg-fmlogistic {
    background-color: var(--fml-color) !important;
	color: white !important;
}

.text-fmlogistic {
    color: var(--fml-color) !important;
}

.border-fmlogistic {
    border-color: var(--fml-color) !important;
}

/* Appliquer aux badges et autres composants */
.badge.bg-fmlogistic {
    background-color: var(--fml-color) !important;
    color: white !important;
}

/* Changer l’apparence des boutons */
.btn-fmlogistic {
    background-color: var(--fml-color) !important;
    border-color: var(--fml-color) !important;
	color: white !important;
}

.btn-fmlogistic:hover {
    background-color: #013560 !important; /* Version plus foncée */
    border-color: #013560 !important;
	color: white !important;
}

.btn-outline-fmlogistic {
    color: var(--fml-color) !important;
    border-color: var(--fml-color) !important;
}

.btn-outline-fmlogistic:hover {
	color:#fff !important;
	background-color: var(--fml-color) !important;
    border-color: var(--fml-color) !important;
}

.btn-back-next{
	position: fixed;
    bottom: 0;
}

/**********************************************************************************************************************/
/**** PROJECT *********************************************************************************************************/
/**********************************************************************************************************************/

.modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    box-shadow: 0 0 2px #000;
}

.catalog-thumbnail-wrapper {
  position: relative;
  display: inline-block;
}

.catalog-thumbnail-wrapper .catalog-img-zoom {
  transition: box-shadow 0.3s;
  cursor: zoom-in;
}

.catalog-thumbnail-wrapper:hover .img-zoom-preview {
  display: block;
}

.img-zoom-preview {
  display: none;
  position: absolute;
  z-index: 10;
  left: 100%;
  top: 0;
  margin-left: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.18);
  border: 2px solid #fff;
  background: #fff;
  border-radius: 0.75em;
  width: 260px;
  max-width: 400px;
  max-height: 320px;
  object-fit: contain;
  padding: 6px;
}

#gantt_container {
  width: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: auto;
}

.gantt-container {
  max-width: 100%;
  position: static;
}

/**********************************************************************************************************************/
/**** LOGIN ***********************************************************************************************************/
/**********************************************************************************************************************/

.pgui-login {
    max-width: 364px;
    min-width: 195px;
    padding: 20px 30px;
    margin: 1em auto;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: whitesmoke;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.text-google-or{
    display: flex;
    align-items: center;
    position: relative;
    color: #01467F;
    max-width: 400px;
    margin: 0 auto;
}
.text-google-or::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #01467F; /* Change the color to match your design */
    margin-right: 10px; /* Adjust the spacing as needed */
}
.text-google-or::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #01467F; /* Change the color to match your design */
    margin-left: 10px; /* Adjust the spacing as needed */
}
.logo{
	width: 250px;
	max-height: 250px;
}
.w-45{
	width: 45%;
}
.fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.password-icon {
  display: flex;
  align-items: center;

  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;

  color: #f9f9f9;
  transition: all 0.2s;
}

.password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}


.page-lib{
	margin-top: 10px;
	padding-left: 20px;
}
.form-group {
    margin-bottom: 0.3rem;
}

.input-group-text{
	padding: .48rem .75rem;
}

.form-group.required>placeholder:after {
    content:"*";
    color:red;
    margin-left: 5px;
}

.required {
	border-color: #FFC7BB;
}

.form-control {
    font-size: 1.2rem;
}

input[type=checkbox].form-control {
    width: 20px;
}
.no-display{
	display: none;
}
/**********************************************************************************************************************/
/**** DIGICAM 2 *******************************************************************************************************/
/**********************************************************************************************************************/
#confirmationMessage,
#errorMessage {
  position: fixed;
  top: 80px;
  left: 25%;
  transform: translateX(200%);
  z-index: 1050;
  width: 50%;
  opacity: 0;
  transition: opacity 0.5s, transform 0.3s;
  padding-left: 2.5em;
  background-repeat: no-repeat;
  background-position: 10px center;

}

#confirmationMessage {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 5px !important;
  color: #155724;
}

#errorMessage {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 5px !important;
  color: #721c24;
}

#uploadProgressWrap .progress { background: #eee; }
#uploadProgressBar { transition: width .2s ease; }
/**********************************************************************************************************************/
/**** DROPZONE ********************************************************************************************************/
/**********************************************************************************************************************/
.drop-zone {
	width: 300px;
	height: 200px;
	border: 2px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto;
	cursor: pointer;
}
.drop-zone.dragover {
	border-color: #000;
}
#fds_result {
	width: 80%;
	margin: 20px auto;
	border: 1px solid #ccc;
	padding: 20px;
}

/**********************************************************************************************************************/
/**** FOOTER **********************************************************************************************************/
/**********************************************************************************************************************/
.footer{
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	height: 40px;
}

.resultbox{
	position: fixed;
    bottom: 45px;
    width: 100%;
    left: 0px;
    line-height: 15px;
    font-size: x-small;
    background-color: orange;
}
/**********************************************************************************************************************/
/**** TIMELINE ********************************************************************************************************/
/**********************************************************************************************************************/
.timer-line{
	width: 100%;
    border: 3px solid red;
    color: red;
    margin-top: 0px;
	position: fixed; 
	bottom: 40px; 
	left: 0px;
	-webkit-transition:all 1.1s linear;
	-moz-transition:all 1.1s linear;
	-o-transition:all 1.1s linear;
	-ms-transition:all 1.1s linear;
	transition:all 1.1s linear;
	transition: all 1.1s;
}
/**********************************************************************************************************************/
/**** SLIDEBOX ********************************************************************************************************/
/**********************************************************************************************************************/

.shadow-box {
    background: rgba(255, 255, 255, 0.9); /* Fond blanc semi-transparent */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre légère */
    padding: 20px; /* Espacement interne */
    border-radius: 8px; /* Coins arrondis */
    width: 300px; /* Largeur fixe */
    text-align: center; /* Centrage du contenu */
}

.slidebox-fullwidth{
  position: fixed;
  top: 0px; 
  left: -10000px;
  z-index: -100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  transition: all 2s;
  overflow: auto;
}
.slidebox-menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
}
.slidebox-img{
	border-radius: 10px;
	margin: 50px auto 0px;
	max-width: 90%;
	max-height: 90%;
  
}
.slidebox-img-style{
	max-width: 600px; 
	max-height: 800px; 
	margin: 0 auto;
}
.btn-fermer{
  position: absolute;
  top: 0px;
  right: 0px;
}

@media (max-width: 800px){
	.slidebox-img-style{
		max-width: 600px; 
		max-height: 800px; 
		margin: 0 auto;	
	}
}
/**********************************************************************************************************************/
/**** GESTION DES DRAPEAUX ********************************************************************************************/
/**********************************************************************************************************************/
.flag-btn{
	margin: 40px;
	text-align: center;
	width: 200px; 
	height: 200px; 
	border-radius: 400px; 
	border: 1px solid black;
}

.flag-btn:hover{
	border: 4px solid orange;
}
.flag-div{
	display: inline-table;
	width: 33.33%;
	text-align: center;
}
.thumb-flag{
	width: 25px;
}

.btn-next{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	float: left;
}

.top5{
	margin-top: 5px;
}
.top10{
	margin-top: 10px;
}
.top20{
	margin-top: 20px;
}
.top30{
	margin-top: 30px;
}
.top40{
	margin-top: 40px;
}

/**********************************************************************************************************************/
/**** QUIZ ************************************************************************************************************/
/**********************************************************************************************************************/
input[type="file"] {
    /*display: none;*/
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.checkbox-group{
	float: right; 
	width: 20px; 
	height: 20px;
}
/**********************************************************************************************************************/
/**** GESTION DES ACTIVITES *******************************************************************************************/
/**********************************************************************************************************************/
.activity-title {
	width: 100%; 
	padding-left: 20px; 
	font-weight: lighter; 
	font-size: 1.5rem;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    width: 30px;
    height: 30px;
	padding-left: 20px;
}
.form-check-label{
	line-height: 30px;
	padding-left: 10px;
}
.activity-btn img{
	width: 135px; 
	height: 135px;
}

.activity-btn-select img{
	width: 135px; 
	height: 135px;
}

.activity-btn{
	margin: 20px 20px 5px 20px;
	width: 160px; 
	height: 160px; 
	border-radius: 50px; 
	border: 1px solid black;
	background-color:#01467F;
	color: white;
	text-align: center;
}

.activity-btn-select{
	margin: 20px 20px 5px 20px;
	width: 160px; 
	height: 160px; 
	border-radius: 50px; 
	border: 4px solid orange;
	background-color:#01467F;
	color: white;
	text-align: center;
}
/**********************************************************************************************************************/
/**** SPECIFIQUE SMARTPHONE/ TABLETTE *********************************************************************************/
/**********************************************************************************************************************/
@media (max-width: 1200px){
	.flag-btn{
		margin: 20px;
		text-align: center;
		width: 60px; 
		height: 60px; 
		border-radius: 20px; 
		border: 1px solid black;
	}
	.activity-btn img{
		text-align: center;
		margin-left: -4px;
		width: 35px; 
		max-height: 35px;
	}
	.activity-btn-select img{
		text-align: center;
		width: 35px; 
		max-height: 35px;
		margin-left: -7px;
	}
	.activity-btn{
		margin: 20px 20px 5px 20px;
		width: 60px; 
		height: 60px; 
		border-radius: 20px; 
		border: 1px solid black;
		text-align: center;
	}
	.activity-btn-select{
		margin: 20px 20px 5px 20px;
		width: 60px; 
		height: 60px; 
		border-radius: 20px; 
		border: 4px solid orange;
		text-align: center;
	}
	p{
		font-size: 0.7rem;
	}
}
/**********************************************************************************************************************/
/**** SLIDESHOW *******************************************************************************************************/
/**********************************************************************************************************************/
.slideshow-fullwidth{
  position: fixed;
  top: 0px; 
  left: -10000px;
  z-index: -100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  vertical_align: middle;
  text-align: center;
  margin: 0 auto;
  transition: all 2s;
  
}
.btn-fermer{
  position: absolute;
  top: 0px;
  right: 0px;
}
.slideshow-menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
}
.slideshow-img{
	border-radius: 10px;
	margin-top: 40px;
	max-width: 90%;
	max-height: 90%;
  
}
.slide-active{
}
.lcf-design{
	display: none;
}
.lcf-design-active{
	display: block;
}

/**********************************************************************************************************************/
/**** QRCODE **********************************************************************************************************/
/**********************************************************************************************************************/

.html5-qrcode-element{
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#html5-qrcode-button-camera-start, #html5-qrcode-button-camera-permission{
	color: #fff;
    background-color: #198754;
    border-color: #198754;
}
#html5-qrcode-button-camera-stop{
	color: #000;
    background-color: #ffc107;
    border-color: #ffc107;

}
#html5-qrcode-anchor-scan-type-change{
	display: none !important;
}
/**********************************************************************************************************************/
/**** DISPLAY **********************************************************************************************************/
/**********************************************************************************************************************/
.Display{
	display: inline;
}
.unDisplay{
	display: none;
}
.compteur{
	text-align: center;
	font-size: 2rem;
	color: red;
}
.pas-de-mission{
	text-align: center;

}
.pas-de-mission img{
	/*width: 60%;*/
    height: 60%;
}
.body-display{
	overflow: auto; 
	height: calc( 100% - 90px - 1.625rem ); 
	margin-bottom: 40px;
}
.body-screen{
	overflow: auto; 
	height: calc( 100% - 40px - 1.625rem ); 
	margin-bottom: 40px;
}
.hidden-scrollbar {
	overflow: hidden !important; /* Masque la barre de défilement */
}
@media (max-width: 1200px){
	.pas-de-mission img{
		width: 60%;
		/*height: 60%;*/
	}
}

/**********************************************************************************************************************/
/**** CONTACT *********************************************************************************************************/
/**********************************************************************************************************************/
.row-contact-name{
	color: #01467F;	
	z-index: 9;
}
.contact-body{
	position: relative;
	top: -30px;
	z-index: 0;
}
.qr-contact-code-title {
	font-size: 2rem;
	color: white;
	/*font-family: cursive;*/
}
.btn-to-bottom {
	position: fixed;
	left: 0px;
	bottom: 60px;
}
.btn-share-contact{
	font-weight: 100;
    line-height: .75;
}

/**********************************************************************************************************************/
/**** IDEABOX *********************************************************************************************************/
/**********************************************************************************************************************/

#userVote::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 40px;
	width: 40px;
	background: url('../../public/images/star.png') no-repeat center;
	background-size: cover;
	cursor: pointer;
	border: none;
}

#userVote::-moz-range-thumb {
	height: 40px;
	width: 40px;
	background: url('../../public/images/star.png') no-repeat center;
	background-size: cover;
	cursor: pointer;
	border: none;
}

#userVote::-ms-thumb {
	height: 40px;
	width: 40px;
	background: url('../../public/images/star.png') no-repeat center;
	background-size: cover;
	cursor: pointer;
	border: none;
}

/**********************************************************************************************************************/
/**** TASKFORCE *******************************************************************************************************/
/**********************************************************************************************************************/

.taskforce-cpt-text {
	font-weight: 700;
    /*font-family: "Comic Sans MS", "Comic Sans", cursive;*/
    color: white;
}
.color-white{
	color: white;
}
.col-deg-green {
    background: linear-gradient(to bottom, #85f065 0%, #43bb26 100%);
}
.col-deg-yellow {
    background: linear-gradient(to bottom, #F0CF65 0%, #ebc137 100%);
}
.col-deg-red {
    background: linear-gradient(to bottom, #BD4F6C 0%, #9e3b55 100%);
}
.col-deg-blue{
    background: linear-gradient(to bottom, #5E9EAD 0%, #49828f 100%)
}
.col-deg-orange {
    background: linear-gradient(to bottom, #f09165 0%, #eb7037 100%);
}

.col-deg-purple {
    background: linear-gradient(to bottom, #a665f0 0%, #7423c0 100%);
}

.user-bloc-body{
	margin: 2vw 0px;
	/*font-family: "Comic Sans MS", "Comic Sans", cursive;*/
}
.user-bloc-line{
	width: calc(100% - 20px);
}
.user-bloc{
	position: relative; /* Nécessaire pour que les éléments absolus soient positionnés par rapport à cette div */
	height: 20vh;
    line-height: 5vh;
    font-size: 5vh;
	margin: 5px;
	padding: 20px;
	font-size: 4vw;
	border-radius: 10px;
}
.user-bloc-title{
	margin-top: 0.1vw;
	font-size: 2vw !important;
}
.user-bloc > i{
	font-size: 1em !important;
}
.user-bloc-notification{
    position: absolute;
    bottom: -10px; /* Place la bulle à 10px du bas */
    right: 0px; /* Place la bulle à 10px du bord droit */
	height: 3vh;
	width: 3vh;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Optionnel : un peu d'ombre pour le style */
	line-height: 3vh;
	font-size: 1.8vh;
	color: white;
	background-color: red;
    animation: bounce 0.4s ease;
}

@keyframes bounce {
    0%   { transform: scale(0.8); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/*
	Taskforce user bloc
*/
.doc-alert {
	margin : 2rem;
}

.doc-card {
	margin: 1rem;
    border: 1px solid #ffc107;
    background-color: #fff8e1;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    cursor: pointer;
    transition: box-shadow 0.2s ease;
}

.doc-card:hover {
    background-color: #fff3cd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.doc-title {
    font-weight: bold;
    font-size: 1.1rem;
    color: #c57c00;
}

.doc-dates {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
}
.doc-signature-canvas {
    border: 1px solid #ccc;
    border-radius: 5px;
    /*width: 100%; */
	height: auto;
    max-height: 200px;
    background-color: white;
    display: block;
}
@media (max-width: 1200px){
	.user-bloc > i{
		font-size: 4em !important;
	}
	.user-bloc-title{
		margin-top: 0.1vw;
		font-size: 1em !important;
	}
}

/**********************************************************************************************************************/
/**** CA DEVRAIT EXISTER DANS BOOTSTRAP *******************************************************************************/
/**********************************************************************************************************************/
.text-justify {
	text-align: justify;
}
.text-small {
	font-size: small;
}



/* Font Size*/
.sfs-07 {font-size: 0.7rem !important;}
.sfs-08 {font-size: 0.8rem !important;}
.sfs-09 {font-size: 0.9rem !important;}

.sfs-1 {font-size: 1rem !important;}
.sfs-2 {font-size: 2rem !important;}
.sfs-3 {font-size: 3rem !important;}
.sfs-4 {font-size: 4rem !important;}
.sfs-5 {font-size: 5rem !important;}
.sfs-6 {font-size: 6rem !important;}
.sfs-7 {font-size: 7rem !important;}
.sfs-8 {font-size: 8rem !important;}
.sfs-9 {font-size: 9rem !important;}
.sfs-10 {font-size: 10rem !important;}

/* Line height */
.lh-1{line-height: 1vh !important}
.lh-2{line-height: 2vh !important}
.lh-3{line-height: 3vh !important}
.lh-4{line-height: 4vh !important}
.lh-5{line-height: 5vh !important}
.lh-6{line-height: 6vh !important}
.lh-7{line-height: 7vh !important}
.lh-8{line-height: 8vh !important}
.lh-9{line-height: 9vh !important}
.lh-10{line-height: 10vh !important}

.input-group-text{
	width: 45px;
	height: 45px;
}

.a-none{
	color: inherit;
    text-decoration: inherit;
}

.border-none{
	border: none;
}

.form-control:disabled{
	background-color: inherit;
}

.bd-form_control{
	border: 1px solid #ced4da;
}

.wp-10{width: 10px;}
.wp-15{width: 15px;}
.wp-20{width: 20px;}
.wp-30{width: 30px;}

.w-1{width: 1% !important;}
.w-2{width: 2% !important;}
.w-3{width: 3% !important;}
.w-4{width: 4% !important;}
.w-5{width: 5% !important;}
.w-6{width: 6% !important;}
.w-7{width: 7% !important;}
.w-8{width: 8% !important;}
.w-9{width: 9% !important;}
.w-10{width: 10% !important;}
.w-11{width: 11% !important;}
.w-12{width: 12% !important;}
.w-13{width: 13% !important;}
.w-14{width: 14% !important;}
.w-15{width: 15% !important;}
.w-16{width: 16% !important;}
.w-17{width: 17% !important;}
.w-18{width: 18% !important;}
.w-19{width: 19% !important;}
.w-20{width: 20% !important;}
.w-21{width: 21% !important;}
.w-22{width: 22% !important;}
.w-23{width: 23% !important;}
.w-24{width: 24% !important;}
.w-25{width: 25% !important;}
.w-26{width: 26% !important;}
.w-27{width: 27% !important;}
.w-28{width: 28% !important;}
.w-29{width: 29% !important;}
.w-30{width: 30% !important;}
.w-31{width: 31% !important;}
.w-32{width: 32% !important;}
.w-33{width: 33% !important;}
.w-34{width: 34% !important;}
.w-35{width: 35% !important;}
.w-36{width: 36% !important;}
.w-37{width: 37% !important;}
.w-38{width: 38% !important;}
.w-39{width: 39% !important;}
.w-40{width: 40% !important;}
.w-41{width: 41% !important;}
.w-42{width: 42% !important;}
.w-43{width: 43% !important;}
.w-44{width: 44% !important;}
.w-45{width: 45% !important;}
.w-46{width: 46% !important;}
.w-47{width: 47% !important;}
.w-48{width: 48% !important;}
.w-49{width: 49% !important;}
.w-50{width: 50% !important;}
.w-51{width: 51% !important;}
.w-52{width: 52% !important;}
.w-53{width: 53% !important;}
.w-54{width: 54% !important;}
.w-55{width: 55% !important;}
.w-56{width: 56% !important;}
.w-57{width: 57% !important;}
.w-58{width: 58% !important;}
.w-59{width: 59% !important;}
.w-60{width: 60% !important;}
.w-61{width: 61% !important;}
.w-62{width: 62% !important;}
.w-63{width: 63% !important;}
.w-64{width: 64% !important;}
.w-65{width: 65% !important;}
.w-66{width: 66% !important;}
.w-67{width: 67% !important;}
.w-68{width: 68% !important;}
.w-69{width: 69% !important;}
.w-70{width: 70% !important;}
.w-71{width: 71% !important;}
.w-72{width: 72% !important;}
.w-73{width: 73% !important;}
.w-74{width: 74% !important;}
.w-75{width: 75% !important;}
.w-76{width: 76% !important;}
.w-77{width: 77% !important;}
.w-78{width: 78% !important;}
.w-79{width: 79% !important;}
.w-80{width: 80% !important;}
.w-81{width: 81% !important;}
.w-82{width: 82% !important;}
.w-83{width: 83% !important;}
.w-84{width: 84% !important;}
.w-85{width: 85% !important;}
.w-86{width: 86% !important;}
.w-87{width: 87% !important;}
.w-88{width: 88% !important;}
.w-89{width: 89% !important;}
.w-90{width: 90% !important;}
.w-91{width: 91% !important;}
.w-92{width: 92% !important;}
.w-93{width: 93% !important;}
.w-94{width: 94% !important;}
.w-95{width: 95% !important;}
.w-96{width: 96% !important;}
.w-97{width: 97% !important;}
.w-98{width: 98% !important;}
.w-99{width: 99% !important;}
.w-100{width: 100% !important;}

.h-1{height: 1% !important;}
.h-2{height: 2% !important;}
.h-3{height: 3% !important;}
.h-4{height: 4% !important;}
.h-5{height: 5% !important;}
.h-6{height: 6% !important;}
.h-7{height: 7% !important;}
.h-8{height: 8% !important;}
.h-9{height: 9% !important;}
.h-10{height: 10% !important;}
.h-11{height: 11% !important;}
.h-12{height: 12% !important;}
.h-13{height: 13% !important;}
.h-14{height: 14% !important;}
.h-15{height: 15% !important;}
.h-16{height: 16% !important;}
.h-17{height: 17% !important;}
.h-18{height: 18% !important;}
.h-19{height: 19% !important;}
.h-20{height: 20% !important;}
.h-21{height: 21% !important;}
.h-22{height: 22% !important;}
.h-23{height: 23% !important;}
.h-24{height: 24% !important;}
.h-25{height: 25% !important;}
.h-26{height: 26% !important;}
.h-27{height: 27% !important;}
.h-28{height: 28% !important;}
.h-29{height: 29% !important;}
.h-30{height: 30% !important;}
.h-31{height: 31% !important;}
.h-32{height: 32% !important;}
.h-33{height: 33% !important;}
.h-34{height: 34% !important;}
.h-35{height: 35% !important;}
.h-36{height: 36% !important;}
.h-37{height: 37% !important;}
.h-38{height: 38% !important;}
.h-39{height: 39% !important;}
.h-40{height: 40% !important;}
.h-41{height: 41% !important;}
.h-42{height: 42% !important;}
.h-43{height: 43% !important;}
.h-44{height: 44% !important;}
.h-45{height: 45% !important;}
.h-46{height: 46% !important;}
.h-47{height: 47% !important;}
.h-48{height: 48% !important;}
.h-49{height: 49% !important;}
.h-50{height: 50% !important;}
.h-51{height: 51% !important;}
.h-52{height: 52% !important;}
.h-53{height: 53% !important;}
.h-54{height: 54% !important;}
.h-55{height: 55% !important;}
.h-56{height: 56% !important;}
.h-57{height: 57% !important;}
.h-58{height: 58% !important;}
.h-59{height: 59% !important;}
.h-60{height: 60% !important;}
.h-61{height: 61% !important;}
.h-62{height: 62% !important;}
.h-63{height: 63% !important;}
.h-64{height: 64% !important;}
.h-65{height: 65% !important;}
.h-66{height: 66% !important;}
.h-67{height: 67% !important;}
.h-68{height: 68% !important;}
.h-69{height: 69% !important;}
.h-70{height: 70% !important;}
.h-71{height: 71% !important;}
.h-72{height: 72% !important;}
.h-73{height: 73% !important;}
.h-74{height: 74% !important;}
.h-75{height: 75% !important;}
.h-76{height: 76% !important;}
.h-77{height: 77% !important;}
.h-78{height: 78% !important;}
.h-79{height: 79% !important;}
.h-80{height: 80% !important;}
.h-81{height: 81% !important;}
.h-82{height: 82% !important;}
.h-83{height: 83% !important;}
.h-84{height: 84% !important;}
.h-85{height: 85% !important;}
.h-86{height: 86% !important;}
.h-87{height: 87% !important;}
.h-88{height: 88% !important;}
.h-89{height: 89% !important;}
.h-90{height: 90% !important;}
.h-91{height: 91% !important;}
.h-92{height: 92% !important;}
.h-93{height: 93% !important;}
.h-94{height: 94% !important;}
.h-95{height: 95% !important;}
.h-96{height: 96% !important;}
.h-97{height: 97% !important;}
.h-98{height: 98% !important;}
.h-99{height: 99% !important;}
.h-100{height: 100% !important;}


.m-05{
	margin:0 5%;
}

.mt-6{margin-top: 4rem !important;}
.mt-7{margin-top: 5rem !important;}

.mb-6{margin-bottom: 4rem !important;}
.mb-7{margin-bottom: 5rem !important;}

.bg-waze{background-color: #05c8f7 !important;}
.text-waze{color: #05c8f7 !important;}