/*
@font-face {
 font-family: "bourbon";
 src: url("bourbon.otf");
}
 */

 /* big-shoulders-display-100 - latin */
 @font-face {
   font-family: 'Big Shoulders Display';
   font-style: normal;
   font-weight: 100;
   src: url('/fonts/big-shoulders-display-v4-latin-100.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('/fonts/big-shoulders-display-v4-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/big-shoulders-display-v4-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/big-shoulders-display-v4-latin-100.woff') format('woff'), /* Modern Browsers */
        url('/fonts/big-shoulders-display-v4-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/fonts/big-shoulders-display-v4-latin-100.svg#BigShouldersDisplay') format('svg'); /* Legacy iOS */
 }

 /* dancing-script-regular - latin */
 @font-face {
   font-family: 'Dancing Script';
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/dancing-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Dancing Script'),
        url('/fonts/dancing-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/dancing-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/dancing-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('/fonts/dancing-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/fonts/dancing-script-v16-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
 }

 /* pattaya-regular - latin */
@font-face {
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pattaya-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Pattaya'), local('Pattaya-Regular'),
       url('/fonts/pattaya-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pattaya-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pattaya-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pattaya-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pattaya-v3-latin-regular.svg#Pattaya') format('svg'); /* Legacy iOS */
}

/* abril-fatface-regular - latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/abril-fatface-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abril Fatface'), local('AbrilFatface-Regular'),
       url('/fonts/abril-fatface-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/abril-fatface-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/abril-fatface-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/abril-fatface-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/abril-fatface-v9-latin-regular.svg#AbrilFatface') format('svg'); /* Legacy iOS */
}

/* alfa-slab-one-regular - latin */
@font-face {
  font-family: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/alfa-slab-one-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alfa Slab One Regular'), local('AlfaSlabOne-Regular'),
       url('/fonts/alfa-slab-one-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alfa-slab-one-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alfa-slab-one-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alfa-slab-one-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alfa-slab-one-v7-latin-regular.svg#AlfaSlabOne') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-mono-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('/fonts/roboto-mono-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-mono-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-mono-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-mono-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-mono-v5-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-italic - latin */
@font-face {
  font-family: 'Roboto Mono Italic';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-mono-v5-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
       url('/fonts/roboto-mono-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-mono-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-mono-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-mono-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-mono-v5-latin-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}


.font-family-alfa-slab-one{
	font-family: 'Alfa Slab One', cursive !important;
}

.font-family-roboto-mono{
	font-family: 'Roboto Mono' !important;
}

.font-family-roboto{
	font-family: 'Roboto' !important;
}

.font-family-open-sans{
	font-family: 'Open Sans' !important;
}

.fsize-xxsm{
	font-size: xx-small !important;
}

html{
	position: relative;
	height:auto;
/* 	background-image: linear-gradient(to right bottom , #9b5321, #df810a); */
/* 	background-image: linear-gradient(to right bottom , #343a40, #df810a); */
  /* overflow-x: hidden; */
}

body {
  background-color: var(--km-bg-main);
  /* background-color: #394d5e; */
  /* background-image: linear-gradient(147deg,hsl(14deg 100% 97.63%), #ffffff)!important; */
  min-height: 100%;
  max-width: 795px;
  margin: auto;
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-size: 100% 100%;
  border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
  border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

#bgstyle_1{
    display: none;
    position: fixed;
    /* background: linear-gradient(87deg, hsl(14deg 100% 54% / 49%), #343a40e3), url(airport-amsterdam-arrival.jpg)!important; */
    background: linear-gradient(to top right, #2196f3, #fff)!important;
    width: 1000px;
    top: -11%;
    left: 44%;
    height: 1400px;
    border-radius: 50%;
    margin: auto;
    z-index: -1;
    opacity:.2;
    background-size: 100% 100%!important;
  }
#bgstyle_2{
    display: none;
    position: fixed;
    background:linear-gradient(to top left, #2296f3, #d7ecfd)!important;
    width: 1000px;
    top: -45%;
    left: 48%;
    height: 1400px;
    z-index: -2;
    border-radius: 50%;
    opacity:.1;
  }


 @media (max-width: 768px) {
   /* body{background-image: linear-gradient(to right bottom , #25013e, #ff9800);} */
 }

@media (min-width: 767px){
  .nav-main-container{
  	/* background-image: linear-gradient(to right bottom , #0b022d, rgba(255,87,34,.52)) ,url(airport-amsterdam-arrival.jpg) !important;
       background-size:cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
  	background-size: cover;  */
    /* background-image: linear-gradient(147deg,#100327, #ffe7a7f2) ,url(airport-amsterdam-arrival.jpg) !important; */
    /* background-image: linear-gradient(147deg,#752a11, #3f51b5d9) ,url(airport-amsterdam-arrival.jpg) !important; */
    /* background-image: linear-gradient(92deg,#ffebee, #fffffff2) ,url(airport-amsterdam-arrival.jpg) !important; */
    /* background-image: linear-gradient(147deg,#fffde7, #ff4910) ,url(airport-amsterdam-arrival.jpg) !important; */
    /* background-image: linear-gradient(93deg, #fefeffe0, #fff), url(airport-amsterdam-arrival.jpg) !important; */
    /* background-image: linear-gradient(51deg, rgba(254,254,255,0.95), #fff), url(airport-amsterdam-arrival.jpg) !important; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }


}

/* HOMEPAGE */
main{
/*   background-image: linear-gradient(to right bottom , rgba(106,35,154,1), rgba(250,0,0,.85)) !important; */
}

/* MAIN SHOWCASE */
#showcase .showcase-container{
  mx-height:58vh;
  cursor: pointer;
}

#showcase .showcase-slider{
  height:36vh;
  cursor: pointer;
}

#showcase .showcase-slider .image{
  color: #bf2e00;
  font-family: Alfa Slab One;
  font-weight: 100;
  text-align: center;
  /* padding-top: 1%; */
  font-size: .8em;
  background-size: 100% 100%;
  height: 58vh;
  border-radius: 16px;
  /* border-top-right-radius: 16px; */
  /* max-height: 82.67px!important; */
  box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important;
}

#showcase .showcase-slider.slide-1 .image{
  background-image: linear-gradient(3deg, hsl(14deg 100% 54% / 0%), var(--km-primary-color)), url(airport-amsterdam-arrival.jpg);
}

#showcase .showcase-slider.slide-2 .image{
  background-image: linear-gradient(3deg, hsl(14deg 100% 54% / 0%), var(--indigo)), url(airport-amsterdam-arrival.jpg);
}

#showcase .showcase-slider.slide-3 .image{
  background-image: linear-gradient(3deg, hsl(14deg 100% 54% / 0%), var(--success)), url(airport-amsterdam-arrival.jpg);
}

#showcase .showcase-slider.slide-4 .image{
  background-image: linear-gradient(3deg, hsl(14deg 100% 54% / 0%), var(--warning)), url(airport-amsterdam-arrival.jpg);
}

#showcase .showcase-slider .title{
  position: absolute;
  bottom: 64px;
  font-family:'Alfa Slab One';
  color: rgb(255 215 203);
  /* text-align: center; */
  font-size: 2em;
  /* opacity: .8; */
  width: 50%!important;
  left: 25%;
  text-align: center;
}

@media (max-width: 767px) {
  #showcase .showcase-slider .image{
    background-size: cover;
  }

	#showcase .showcase-slider .title{
    position: absolute;
    bottom: 170px;
    /* left: 25%; */
    /* font-family: 'Alfa Slab One'; */
    color: rgb(243 234 231);
    /* text-align: center; */
    font-size: 1.4em;
    /* opacity: .8; */
    padding: 10px!important;
    width: auto!important;
    left: 0;
	}
}

/* ******************************* */

#categories-list .homepage-showcase-slider{
  /* height:20.5vh; */
  background: var(--km-ardoise)!important;
  border: 1px solid #c5c2c2!important;
  border-radius: 0px!important;
  cursor: pointer;
  margin: 1px!important;
}
#categories-list .homepage-showcase-slider:active{
  background: #ffede0 !important;
}
#categories-list .homepage-showcase-slider .image{
  color:#fff;
  color: var(--km-ardoise-strong-2);
  font-family: Alfa Slab One;
  font-weight: 100;
  text-align: center;
  /* padding-top: 1%; */
  font-size:5.5em;
  background-size: cover;
  height: 100%;
  /* border-top-left-radius: 4px;
  border-top-right-radius: 16px;
  border: 1px solid var(--bs-border-color); */
  /* max-height: 65.67px!important; */
  /* box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important; */
  /* background-color: var(--bs-yellow); */
  /* background-image: linear-gradient(3deg, #2945de, rgb(0 123 255 / 0%)), url(airport-amsterdam-arrival.jpg); */
}

#categories-list .homepage-showcase-slider.slide-1 .image{
  /* background-image: linear-gradient(3deg, var(--primary), rgb(0 123 255 / 0%)), url(airport-amsterdam-arrival.jpg); */
}

#categories-list .homepage-showcase-slider.slide-2 .image{
  /* background-image: linear-gradient(3deg, var(--warning), rgb(255 193 7 / 0%)), url(airport-amsterdam-arrival.jpg); */
}

#categories-list .homepage-showcase-slider.slide-3 .image{
  /* background-image: linear-gradient(3deg, var(--km-primary-color), rgb(220 53 69 / 0%)), url(airport-amsterdam-arrival.jpg); */
}

#categories-list .homepage-showcase-slider.slide-4 .image{
  /* background-image: linear-gradient(3deg, var(--indigo), rgb(102 16 242 / 0%)), url(airport-amsterdam-arrival.jpg); */
}



#categories-list .homepage-showcase-slider .title{
  color:var(--km-ardoise-strong-2)!important;
  text-shadow: none!important;
  font-family: 'Alfa Slab One';
  font-weight: 100;
  text-align: center;
  /* padding-top: 1%; */
  font-size: 1em;
  background-size: cover;
  /* background: var(--km-primary-color); */
  /* border-bottom-left-radius: 16px; */
  /* border-bottom-right-radius: 16px; */
  /* box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important; */
}

/* Dernières annonces publiées */

.latestannonces-list-parent{
  /* background:var(--km-ardoise-strong-2); */
}

#latestannonces-list .latestannonces-showcase-slider{
  height:20.5vh;
  cursor: pointer;
}

#latestannonces-list .latestannonces-showcase-slider .image{
  /* color: #bf2e00;
  font-family: Alfa Slab One;
  font-weight: 100;
  text-align: center;
  font-size: .8em;
  background-size: cover; */
  height: 64%;
  /* border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  max-height: 82.67px!important;
  box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important; */
}
#latestannonces-list .latestannonces-showcase-slider .title{
  /* color:var(--white);
  font-family: 'verdana';
  font-weight: 700;
  text-align: center;
  font-size: .7em;
  background-size: cover;
  background: var(--blue);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important; */
}
/* *********************************************** */

.container-page-0{
  /* width:98vw!important; */
  /* height: 100vh;background-image: linear-gradient(51deg, #090031, rgba(185,183,183,0.95)), url(airport-amsterdam-arrival.jpg) !important; */
}

.container-page-0 .kolimaya-what-is-header{
  color: var(--km-primary-color)!important;
  font-family: 'Alfa Slab One';
  /* background: aliceblue; */
  /* border-radius: 16px; */
  /* padding: 21px; */
  /* box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(50,50,133,0.4)!important; */
  font-size: 1.5em;
  font-weight: 100!important;
  text-shadow: none;
}

#carouselShowCase .carousel-caption{
  width: 16vw;
  /* float: right; */
  /* position: absolute; */
  /* right: 0px; */
  right: 2%!important;
  left: 48%;
  top: 21%;
}

.container-page-0 .kolimaya-what-is-description{
  font-family: monospace;
}

.container-page-0 .kolimaya-what-is-description-1{
  color: #232221;
}

.container-page-0 .kolimaya-what-is-description-2{
  color: #232221;
}

.container-page-0 .kolimaya-description-img{
  width : auto!important;
  height:30vh;
}

/* CAROUSEL */

.carousel-item{
  background: var(--km-ardoise);
  color : var(--bs-yellow)!important;
}

/* For small and middle sizes images */
@media (max-width: /*768*/ 768px){
  .container-page-0 .kolimaya-description-img{
   width : auto!important;
   height:20vh;
  }

  .carousel-caption.d-none{
    display:block!important;
  }

  .carousel-item{
    /* border-radius: 4px; */
    /* background: #fffcf1; */
    padding: 5px;
  }

  #carouselShowCase .carousel-caption{
    width: 50vw;
    left: 42%;
    top: 14%;
    /* font-size: .5em!important; */
  }

  .container-page-0 .kolimaya-what-is-header{
    color: var(--km-primary-color)!important;
    /* color:#787381!important; */
    text-shadow: none;
    font-size: .8rem!important;
    /* display: none; */
  }

  .container-page-0 .kolimaya-shortcut-header{
    font-size: x-large;
    color: #f3f5ed;
    display: none;
  }

  .container-page-0 .access-annonces-fhome{
    font-size: x-large!important;
  }

  .container-page-0 .kolimaya-what-is-description-1{
    display: none;
  }

  .container-page-0 .kolimaya-what-is-description-2{
    display: none;
  }

}


.container-page-0 .kolimaya-shortcut-header{
    font-family: 'Alfa Slab One';
    color: #f3f5ed;
}

.container-page-0 .access-annonces-fhome{
  color:#e2e2e6;
  font-family: 'Alfa Slab One';
  font-size: xx-large;
  /* border-bottom:15px solid var(--km-primary-color); */
  border:1px solid #c5c5c5!important;
  cursor:pointer;
  margin:auto;
  padding: 8px 34px;
}

.container-page-0 .access-annonces-fhome:hover{
  color:var(--km-primary-color)!important;
  background: #ffede0 !important;/*#ffe1a2;*/
  border:none!important;
}



.access-annonces-fhome-unmissible-item {
    border: 1px solid #ff5722;
    /* background:var(--km-primary-color); */
    color: #ff5722;
    font-family: 'Alfa Slab One';
    cursor: pointer!important;
}

.access-annonces-fhome-unmissible-item:hover{

  background:#ffede0;
  color:var(--km-primary-color);
  border:none;
}

.container-page-0 .access-expediteur-fhome{

}

.container-page-0 .access-transporteur-fhome{

}

.container-page-0 .access-annonces-fhome-items{
  background: var(--km-primary-color);
}

.container-page-1{
  /* background-image: linear-gradient(233deg, #090031, rgba(185,183,183,0.95)), url(airport-amsterdam-arrival.jpg) !important; */
}


.container-page-1 .access-annonces-shortcut{
  /* color: #51af55; */
  font-family: 'Roboto';
  font-size: x-small;
  /* border-bottom: 15px solid #ff4b14; */
  border: 1px solid #c5c5c5;
  cursor: pointer;
  margin: auto;
  padding: 21px 26px;
  text-align: center;
  /* background: #f4f9ee; */
  /* width: 101%; */
  font-weight: 400;
}

.container-page-1 .access-annonces-shortcut:hover,
.container-page-1 .access-annonces-shortcut:active{
  color:#fff;
  background: #ff4b14;
  border:none;
}
.slideshow-caption-1{
    color: #4a148c;
    text-shadow: -2px 0px 0px #ffd500;
    font-family: 'Dancing Script';
    font-size: xx-large;
    font-weight: bolder;
  }

.bg-main-color{
  background:#eaeaf0/* #eaeaf0 */;
  background-size:cover;
}

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
    vertical-align: top;
}

.navbar-brand.navbar-brand-custom-larges{
	/* margin-left:30% !important; */
}

.addressInput,
.addressInput-2{
  font-size:.8em;
  font-weight: 200;
  font-style: italic;
  font-family: recursive!important;
}

#addressInputHome,
#addressInputHome-2{
  font-size:.8rem;
  font-weight: 200;
}

/* LE LOGO DE L4APPLICATION*/
.main-navbar-container-1.fixed-top__{
  position: sticky!important;
  top: 0px;
  z-index: 1;
  /* background: white; */
}

.main-navbar-container-1 .navbar-brand .logo-img-part-1{
  width: 32px;
  margin-right: -12px;
  margin-bottom: 7px;
}

.main-navbar-container-1 .navbar-brand .logo-img{
    width: 90px;
  /* border-radius: 8px!important; */
  /* border: 4px solid #ff4b148a!important; */
}


@media /*(max-width: 767px) and*/ (max-width: 484px) {
  .main-navbar-container-1 .navbar-brand .logo-img{
      width: 100px;
    /* border-radius: 8px!important; */
    /* border: 4px solid #ff4b148a!important; */
  }
}


@media /*(max-width: 767px) and*/ (max-width: 484px) {
	.navbar .addressInputSmallForm{display:none !important;}
	/* .submit-search-delegate-trigger{display:block !important;} */
  /* Dimensions du logo */
  .navbar-brand-custom .logo-img{width: 105px!important;}
}

@media (min-width: 767px) and (max-width: 850px) {
	.navbar-brand.navbar-brand-custom-larges{
		margin-left:2% !important;
	}

  /* Dimensions du logo */
  .navbar-brand-custom .logo-img{width: 105px!important;}
}


@media (min-width: 856px) and (max-width: 989px) {
	.navbar-brand.navbar-brand-custom-larges{
		margin-left:6% !important;
	}
}

@media (min-width: 767px) and (max-width: 995px) {
	.navbar-brand.navbar-brand-custom-larges{
/* 		margin-left:auto; */
	}
}

@media (min-width: 989px) {
    /* Dimensions du logo */
    .navbar-brand-custom .logo-img{width: 164px!important;}
}

/* PayPal */
.paypal-button-row{height:110px !important;}
/* **************************************** */
/* MoMo */
.btn-confirm-payment-momo{
  background: #fc0!important;
  color: #00678f!important;
}
/* **************************************** */

.brand-for-mail{
	color:var(--km-primary-color) !important;
	font-family: 'Alfa Slab One', cursive;
}

.top-container{
/* 	background:linear-gradient(rgba(227,109,85,1),rgba(255,218,121,1),url(airport-wallpapers.jpg)); */
/*
	background: linear-gradient(45deg, rgba(227,109,85,1),rgba(255,218,121,1),linear-gradient(142deg, transparent, white),linear-gradient(108deg, red, transparent);
	-webit-background-size:cover;
	background-size : cover;
	position:relative;
 */
	}


.footer {
/*   position: absolute; */
  /* min-height: 14rem; */
  bottom: 0;
  width: 100%;
  /* height: 40vh;  *//* Set the fixed height of the footer here */
  /* line-height: 40em; *//* Vertically center the text there */
  color:#040404;
  background-color: #250027;
  font-size:.55em;
}

.footer-detail{
  /* height: 14rem; */
}

.footer-detail-item{
  color:#fff;
}

.footer-detail-item-separator{
  color:var(--km-primary-color);
}

.payments-modes img{
  height:50px;
  width:50px;
}

nav .logo{
	width:55px;
	height:50px;
	padding:5px;
	border-radius:50%;.annonces-list
/* 	background: linear-gradient(20deg, rgba(245,219,138,1),rgba(245,219,138,1)); */
/* 	background:rgba(245,219,138,1); */
	border:2px solid #fff;
}



nav .logo i{
color:rgba(245,249,288,1) !important;
text-shadow:0.5px 0.5px 0 rgba(0,0,0,.5);
}

.navbar li.nav-item .nav-link{
	padding:0;
}

.navbar li.nav-item, .navbar li.nav-item .btn, .nav-item .nav-link{
	font-size: 1.2rem !important;
	color: var(--km-primary-color);
	text-shadow: 1px !important;
	cursor: pointer;
	/* font-family: 'Alfa Slab One', cursive; */
  font-family: 'Dancing Script'!important;
  font-weight: 200;
	/*border-bottom:none !important;*/
}

.navbar-top .nav-item .nav-link:hover, .navbar-top .nav-item .nav-link:active{
  color:#fff!important;
  /* background:rgba(255,75, 20, 0.13)!important; */
}

.navbar-top .nav-item:hover .nav-link, .navbar-top .nav-item:active .nav-link{
  color:#fff!important;
  /* background:rgba(255,75, 20, 0.13)!important; */
}

.navbar-top .nav-item:hover button, .navbar-top .nav-item:active button{
  color:#fff!important;
  /* background:rgba(255,75, 20, 0.13)!important; */
}

.navbar-top .nav-item:hover a, .navbar-top .nav-item:active a{
  color:#fff!important;
  /* background:rgba(255,75, 20, 0.13)!important; */
}


.main-navbar-container-1 .navbar-top{
  /* background: var(--km-ardoise)!important; */
  /* border-bottom: 4px solid var(--km-primary-color); */
}


.navbar .show li.nav-item, .navbar .collapsing li.nav-item{
	/*border-bottom:2px solid #ffc107;*/
	padding:1em;
}


.navbar li .nav-icon{
	font-size: 1.1rem !important;
	color: var(--km-primary-color) !important;
	text-shadow: 1px !important;
	cursor: pointer;
  text-decoration: none;
}

/* Icones Menu standard */
.navbar .main-nav-menu-dropdown .nav-icon{
	font-size: 2rem !important;
/* 	color: rgba(87,98,99,1) !important; */
	text-shadow: 1px !important;
	cursor: pointer;
}

/* Libellé Menu standard */
.navbar .main-nav-menu-dropdown span{
/* 	color: rgba(87,98,99,1) !important; */
	font-weight:bold;

}

/* Nombre de notification en attente de lecture : Menu normal */
li .main-nav-menu-dropdown .active-notifications-count-container{
    position: absolute;
    bottom: 145px;
    left: 28px;
}

.main-nav-menu .dropdown-toggle::after{
  vertical-align : 0.15em;
}

/* Nombre de notification en attente de lecture : Menu autre --> small et extra small  */
.notification-center-small .active-notifications-count-container{
    position: absolute;
    top: 282px;
    left: 185px;
}

.active-notifications-count{
  position: relative;
  top: -13px;
  left: -9px;
  color: var(--km-primary-color)!important;
  background: #f8f9fa!important;
  cursor: pointer;
  font-family: verdana;
  font-size: .4em;
  text-decoration: none!important;
}
@media (max-width: 768px){
  .active-notifications-count{
    left: -11px;
  }
}

/* .navbar li.nav-item a.nav-link:hover,.navbar li.nav-item a.nav-link:active{
	color:#fff;
} */
/*
.navbar-collapse.collapse.show, .navbar-collapse.collapsing{
	padding-top:1.4em;
	height:84vh;
} */

/* .navbar-collapse.collapse.show li.nav-item, .navbar-collapse.collapsing li.nav-item{
	color:#ffc107 !important;
	cursor:pointer;
	border-bottom:2px solid #ffc107;
	font-size:100% !important;
	cursor:pointer;
}

.navbar-collapse.collapse.show li.nav-item:hover,
.navbar-collapse.collapse.show li.nav-item:active{
	color:var(--km-primary-color);
}

.navbar-collapse.collapse.show li.nav-item span, .navbar-collapse.collapsing li.nav-item span{
	color:var(--km-primary-color)!important;
	cursor:pointer;
	font-family: 'Alfa Slab One', cursive;
	font-weight: normal !important;
} */

/* .navbar-collapse.collapse.show li.identification-item span, .navbar-collapse.collapsing li.identification-item span{
	cursor:pointer;
	font-family: 'Abril Fatface', cursive;
	font-weight: normal !important;
} */

/* MENU PRINCIPAL POUR ECRANS LARGES */
li.nav-item .main-nav-menu .btn{
	font-family:Arial,Times New Roman,verdana;
}
li.nav-item .form-group span{
	font-size:1rem!important;
	/* font-family:Arial,Times New Roman,verdana !important; */
}
/* ********************************** */


/* background-color:#ffc107 !important; */

/* .navbar-brand-custom{
	color: var(--white)!important;
	font-size:1.2rem;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
  border-radius: 43px;
  border:none !important;
} */

/* Nouvelle annonce */
  @media (min-width: 992px){
    .navbar .create-new-annonce{
      position: absolute;
      right: 0;
      border: 2px solid var(--km-primary-color)!important;
      box-shadow: none!important;
      margin: 0 0.25rem 0.25rem 0.25rem!important;
    }

   .navbar .create-new-annonce .nav-link{
      font-size:.7em!important;
      font-family:'Alfa Slab One'!important;
   }
  }

/*.navbar-nav-custom{margin-right:22% !important;}
 */
/* .navbar span,.navbar b,.navbar .submit-search-delegate-trigger{color: var(--km-primary-color);}
.navbar-fixed-bottom span,.navbar-fixed-bottom b,.navbar-fixed-bottom .submit-search-delegate-trigger{
  color:#6393ff!important;
} */
.navbar{
/* 	background-image: linear-gradient(to right bottom , rgba(106,35,154,1), rgba(250,0,0,.85)); */
/* 	background-image:linear-gradient(to right bottom,rgba(140,17,98,1),rgba(140,17,98,1)) !important; */


	/* background-color:rgb(46,57,58); *//* Commented on Nov 15 2019 */
	/* rgba(81,98,99,1) */
/* background: *//* rgba(10,10,0,1) *//* rgba(29,141,238,1) */;
/* 	background:rgba(29,141,238,1); */
/* border-bottom:1px solid rgba(0,0,0,.1) !important; */
}

.text-navbar-bg-color{
	color:#777777 !important;
  font-family: 'Alfa Slab One';
}

.text-navbar{
	color:rgb(38,1,63) !important;
}

.border-navbar{
	border-color:rgb(38,1,63) !important;
}

.btn-outline-navbar{
	color:rgb(38,1,63) !important;
	border-color:rgb(38,1,63) !important;
}

.bg-navbar{
	background-color:rgb(46,57,58) !important;

	background-image: linear-gradient(to right bottom , #2c239a, #fa00006e) !important;
	background-image: linear-gradient(to right bottom , #fddd83, #00fa8270) !important;
}

.bg-navbar-hot{
/* 	background-image: linear-gradient(to right bottom , #f2cc4e, #fa0000db) !important; */
    background-image: linear-gradient(to right bottom , #ff680f, #fa86006e) !important;
}


.bg-navbar-smooth {
    background-image: linear-gradient(to right bottom , rgba(44, 35, 154,-1.5), rgba(250,160,0,0.68)) !important;
}

.bg-maya-bg{
    background-image: linear-gradient(to right bottom , #25013e, #25013e) !important;
}

.navbar-larges:hover{
  /* background: rgba(255,255,255,.9) !important; */
  /* border-bottom: 1px solid rgb(255, 125, 14)!important; */
}

.navbar-larges.navbar-manual{
	/*background-image: linear-gradient(to right bottom , rgba(106,35,154,1), rgba(250,0,0,.85)); */
/* 	background-image:linear-gradient(to right bottom,rgba(140,17,98,1),rgba(140,17,98,1)) !important; */
/* 	background-color:rgb(46,57,58); */
/* 	background-image: linear-gradient(to right bottom , rgba(106,35,154,1), rgba(106,35,154,1))  !important; */
/* background-image: linear-gradient(to right bottom , #25013e, #25013e) !important; */
/* background-image: linear-gradient(to right bottom , #25013e, #ff9800) !important; */
}

@media (max-width: 767px){
  .navbar-larges{
    /* background:#30294f!important; */
    /* background: rgba(242,204,78,1) !important; */
    /* background: #ffeb3b!important; */
     border-bottom::7px solid var(--km-primary-color)!important;
  }
}

.navbar-fixed-bottom{
  background : #fff!important;
  background: var(--km-bg-main) !important;
  /* background: #ebeef2 !important; */
}

.navbar-fixed-bottom .nav-link{
  color: var(--km-ardoise-strong-2)!important;/*var(--km-ardoise)!important;*/
}

.navbar-fixed-bottom .nav-link span{
      /* font-size: 2rem!important; */
}

.navbar-small.navbar-manual{
	/*background-image: linear-gradient(to right bottom , rgba(106,35,154,1), rgba(250,0,0,.85)); */
/* 	background-image:linear-gradient(to right bottom,rgba(140,17,98,1),rgba(140,17,98,1)) !important; */
	background-color:rgb(46,57,58)/* rgba(81,98,99,1) */;
}


/* NAVIGATOR */
nav.page-browser .previous-page,
nav.page-browser .current-page{
  font-size: .68rem;
  /* padding: 6px!important; */
}


nav.page-browser .current-page{
  /* padding: 6px!important; */
  margin-top: 6px;
}

nav.page-browser .previous-page .previous-page-link.btn{
  font-size:.6rem;
  box-shadow: none!important;
  border: none!important;
}
/* .navbar-collapse.collapse.show, .navbar-collapse.collapsing{
    border: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #dee2e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #dee2e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #dee2e6;
    border-left-style: solid;
    border-left-width: 1px;
	} */

/*
.navbar-collapse.collapsing{
    border: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #dee2e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #dee2e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #dee2e6;
    border-left-style: solid;
    border-left-width: 1px;

    padding-top: 1.4em;
    height: 92vh;
	}
 */
/*

.navbar-collapse .li.nav-item{
	font-size: 80% !important;
}
 */

 #addressInput::-webkit-search-cancel-button{
   display:none !important;
 }

.navbar .btn.submit-search-delegate{
/*
	border: 4px solid #ffc107;
	border-right:none;
 */

 	border:none;
	color:#ffc107;
	font-size:180%;
	background:#fff !important;
}

.navbar .submit-search-delegate:active{
	background:rgba(29,141,238,1) !important;
}

.navbar .submit-search-delegate:focus{
	background:/* none */#fff !important;
}


.navbar .submit-search-delegate:active:focus{
	background:#fff !important;
}

/* Mécanisme de suppression de l'animation Pris sur stackoverflow: https://stackoverflow.com/questions/13119912/disable-bootstraps-collapse-open-close-animation */
/* .navbar-collapse.collapsing li{
} */
/* .navbar-collapse.collapsing {  transition: height 0.1s !important; } */
/* ********************************************************************** */




/* BOOTSTRAP FORM */

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -3px);
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{
  height: calc(4.5rem + calc(var(--bs-border-width) * 2));
}
/* ********* */
/* BOOTSTRAP BORDERS */
.border-2{
	border-width:2px !important;
}

.border-3{
	border-width:3px !important;
}

.border-4{
	border-width:4px !important;
}

/*  BOX SHADOW */
.box-shadow-1{
/*
	-webkit-box-shadow: 0px -2px 26px 0px #adadad;
	-moz-box-shadow: 0px -2px 26px 0px #adadad;
	box-shadow: 0px -2px 26px 0px #adadad;
 */
	-webkit-box-shadow: 0px 0px 2px 0px #d2d1d1;
	-moz-box-shadow: 0px 0px 2px 0px #d2d1d1;
	box-shadow: 0px 0px 2px 0px #d2d1d1;
}

.box-shadow-2{
/*
	-webkit-box-shadow: 0px -2px 26px 0px #adadad;
	-moz-box-shadow: 0px -2px 26px 0px #adadad;
	box-shadow: 0px -2px 26px 0px #adadad;
 */
	-webkit-box-shadow: 0px 0px 5px 0px #d2d1d1;
	-moz-box-shadow: 0px 0px 5px 0px #d2d1d1;
	box-shadow: 0px 0px 5px 0px #d2d1d1;
}

/* ****************** */
/* Small devices */
.btn.submit-search-delegate-2{
/*
	border: 4px solid #ffc107;
	border-right:none;
 */
/* 	font-size:80%; */
	color:#FFD139;
	background:none !important;
}

#searchOptions{
/*
	border : 1px solid rgba(69,122,251,.1);
	border-radius : 1.25rem;
 */
 border-width: 0px!important;
}

/* Dialog Box Close Button */
.close{
    /* color: #000; */
    text-shadow: none !important;
    opacity: 1 !important;
}
#dialog-box-search  .input-group-wrapper{
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
  	border-radius: 5px;
}

.submit-search-delegate-2:active{
	background:none !important;
}

 .submit-search-delegate-2:focus{
	background:none !important;
}


.submit-search-delegate-2:active:focus{
	background:none !important;
}

#dialog-box-search .addressInputSmall{font-family:Arial, 'Times New Roman',verdana;font-size:.7em;}
/* Small devices end */

.navbar .addressInputSmall{
/*
	border: 4px solid #ffc107;
	border-left:none;
 */
 	border:none;
}


/* SEARCH BAR */
.reset-search span{/* color:#eaeaf0 !important; */cursor:pointer;}
.reset-search span:active,.reset-search span:hover{color:var(--km-primary-color) !important}
.reset-search,.reset-search:active,.reset-search:focus{
		border:none !important;
		outline: none !important;
		box-shadow: none !important;
	}


/* SUBMIT SEARCH INSIDE INPUT */
.submit-search{cursor:pointer;}
.submit-search:active{background: #ffede0 !important;}
/* .submit-search:active,.submit-search:hover{color:var(--km-primary-color) !important} */

.filter-plus-dropdown:active,.filter-plus-dropdown:hover{color:#ffc107 !important}

/*  NAV BAR ICON ANIMATED */
.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:active,
.navbar-toggler:focus{
  border:none !important; outline: none !important;box-shadow: none !important;
}

.navbar-toggler .toggler-icon{
  font-size: 1.5em;
}
/* .navbar-toggler.navbar-toggler{border:none !important;} */


.input-label{
  font-family:Arial !important;
  font-size:.7em;
}

/* NAV BAR END */
/* .container-main{height:10vh !important;} */
.container-fluid-main{
/* 	background-color:#eaeaf0; */
min-height: 100vh!important;
}
.row-container-fluid-main{
/* 	background-color:#eaeaf0; */
}


.container-fluid-main .col-presentation{
/*       font-family: 'Pattaya', sans-serif !important; */
/* 	  background-image: linear-gradient(147deg,rgba(254,107,85,1),  rgba(255,218,121,.95))  ,url(airport-amsterdam-arrival.jpg) !important; */
	  /* background-color:rgba(255,255,255,1) !important; */
	  background-size:cover;
	  background-repeat:no-repeat;
    border-top-width: 0px!important;
    border-right-width: 0px!important;
    border-left-width: 0px!important;
    border-radius: 0px!important;
/*
	  border-radius: 2px;
	  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.10);
	  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 */
}

.container-fluid-main .col-presentation:hover{
    /* background: #fff !important; */
}

.presentation-box{
/* 	min-height:30vh; */
	background-color:transparent !important;
	}

.presentation-box .selected-filters-item:active,
.presentation-box .selected-filters-item:hover{
/*
	border-color:#ffc107 !important;
	background:#ffc107 !important;
	color :#fff !important;
 */
}

.presentation-box .display-5{
	color:#ffc107;
	font-family:'Abril Fatface', cursive;
/* 	font-weight:bold; */
/* 	text-transform:lowercase; */
	}

.presentation-text{font-size:1.8em;color:rgba(242,204,78,1)/* color:rgba(29,141,238,1) */ !important;text-shadow:0.5px 0.5px 0 rgba(0,0,0,.080);}
.presentation-box .sub-title{color:#ffc107;}


.search-params{font-size:.72em;}

/* JUMBOTRON */
/* // Small devices (landscape phones, 576px and up) */
/*  @media (min-width: 576px) /* and (max-width: 767.98px)  *//* { .presentation-box{min-height:10rem !important;}} */

/* Container principal résultat de la recherche */
.search-box-result-list{
	min-height:64vh !important;
	height:60% !important;
	background:transparent;
}

.show-hidden-annonces-trigger:hover, .annonces-extended-option:hover{
  text-decoration: underline;
  /* color:var(--km-primary-color) !important; */
  cursor:pointer !important;
}

#latestannonces-list .comName,
.search-box-result-list .comName{
  min-height: 169px;
  border: 1px solid #c5c2c2!important;
  border-radius:2px!important;
  /* background: var(--km-ardoise)!important; */
}

.search-box-result-list .comName{
	margin:8px 0px 8px 0px !important;
}


/* ANNONCES TRANSPORTEUR */
.search-box-result-list .comName-V{
	margin:0px 4px 4px 0px !important;
  padding:0 !important;
	/* background:#fff!important; */
  /* background: var(--km-ardoise)!important; */
  border: 1px solid #c5c2c2!important;
  border-radius: 2px!important;
}

/* .search-box-result-list .comName-V:hover, */
.search-box-result-list .comName-V:focus,
.search-box-result-list .comName-V:active{
  background: #ffede0 !important;
}

.search-box-result-list .comName-V:hover,
.search-box-result-list .comName-V:active,
.search-box-result-list .comName-V:focus{
  border:1px solid var(--km-secondary-color)!important;
}

.comName-V .attribute, .comName-V .btn, .comName-V .sub{
  color: var(--km-ardoise-strong-2)!important;
  /* background: var(--warning-light-ultra)!important; */
  /* border: 1px solid var(--km-secondary-color)!important; */
  /* border: none!important; */
  border-radius: 2px!important;
}

.comName-V .attribute span{
  font-size:.85rem;
}


.comName-V .from-to-infos.searching{
  height: auto !important;
  margin-bottom: 5px;
}

.comName-V .from-to-infos{
  color: var(--km-secondary-color)!important;
  font-size:.8rem!important;
  height: 64px!important;
}




.comName-V .price-container,
.comName-V .weight-container{
  color:var(--km-primary-color)!important;
  border: 1px solid var(--km-ardoise)!important;
  background: aliceblue!important;
  color: var(--km-secondary-color)!important;
  /* background: var(--km-ardoise)!important; */
  font-size: .64rem!important;
  font-weight: 100;
  border-radius: 5px;
  /* background: rgb(21 29 37 / 8%)!important; */
}

.comName-V .sender-traveler-name{
  color: hsl(14deg 100% 54%)!important;
}
.comName-V .publication-date{
  color:rgba(64,28,0,1)!important;
  font-size:.645rem!important;
}

.comName-V .col-options .btn:hover,
.comName-V .col-options .btn:active{
  color:white!important;
  background: var(--km-primary-color)!important;
}

.comName-V small .sub{
  background: none!important;
  color: black!important;
  border:none!important;
  }

.comName-V .sender-traveler-pic{
  color:var(--km-primary-color)!important;
}

.comName-V .row-annonce-footer-icon,
.comName-V .btn{
  background:none!important;
  border:none!important;
}


.comName-V .traveller-expeditor-label-value {
    color: var(--km-ardoise-strong-2);
    background:hsl(217.14deg 89.74% 22.94% / 4%)/*var(--km-ardoise)*/;
    padding: 8px 0px;
    border-radius: 5px;
    /* border: 16px solid var(--km-ardoise); */
}
/* En mode détails*/
.modal-dialog-details-annonce .comName-V .traveller-expeditor-label-value{
  font-size:2rem;
}

.comName-E .traveller-expeditor-label-value {
    color: #016b18!important;
    background:hsl(136deg 100% 20% / 4%)/*var(--km-ardoise)*/;
    padding: 8px 0px;
    border-radius: 5px;
    /* border: 16px solid var(--km-ardoise); */
}
.modal-dialog-details-annonce .comName-E .traveller-expeditor-label-value{
  font-size:2rem;
}

.comName .attribute:hover{
     cursor: pointer;
}
.comName .attribute:active{
     background: #ffede0 !important;
}

/* ********************************************** */

/* **************** ANNONCE EXPEDITEUR ****************** */
/* .search-box-result-list .comName-E{ */
	/* margin:8px 0px 8px 0px !important; */
  /* padding:0 !important; */
	/* background:#ecfff0!important;\ */
  /* background: var(--bs-teal)!important; */
  /* border: 1px solid #c5c5c5!important; */
/* } */

.search-box-result-list .comName-E{
	margin:0px 4px 4px 0px !important;
  padding:0 !important;
	/* background:#fff!important; */
  /* background: var(--km-ardoise)!important; */
  border: 1px solid #c5c2c2;
  border-radius: 2px!important;
}

/* .search-box-result-list .comName-E:hover, */
.search-box-result-list .comName-E:focus,
.search-box-result-list .comName-E:active{
  background:#f0fff4 !important;
  /* border:1px solid var(--km-secondary-color)!important; */
}

.search-box-result-list .comName-E:hover,
.search-box-result-list .comName-E:active,
.search-box-result-list .comName-E:focus{
  border:1px solid var(--km-secondary-color)!important;
}



.comName-E .attribute, .comName-E .btn, .comName-E .sub{
  color: var(--km-secondary-color)!important;
  /* background:var(--success-light-ultra)!important; */
  border-radius: 2px!important;
  border: none!important;
  /* border:none!important; */
}

.comName-E .attribute span{
  font-size:.85rem;
}


.comName-E .from-to-infos.searching{
  height: auto !important;
  margin-bottom: 5px;
}

.comName-E .from-to-infos{
  color: var(--km-secondary-color)!important;
  font-size:.8rem!important;
  height: 64px;
}


.comName-E .price-container,
.comName-E .weight-container{
  color:rgba(32, 203, 152, 1)!important;
  border: 1px solid var(--km-ardoise)!important;
  background: aliceblue!important;
  color: var(--km-secondary-color)!important;
  /* background: var(--km-ardoise)!important; */
  font-size: .64rem!important;
  font-weight: 100;
  border-radius: 5px;
  /* background: rgb(21 29 37 / 8%)!important; */
}

.comName-E .sender-traveler-name{
  color: var(--bs-success)!important;
}
.comName-E .publication-date{
  color: rgba(64,28,0,1)!important;
  font-size:.645rem!important;
}

.comName-E .col-options .btn:hover,
.comName-E .col-options .btn:active{
  color:#fff!important;
  background:#26cb98!important;
}

.comName-E small .sub{
  background: none!important;
  color: black!important;
  border:none!important;
  }

.comName-E .sender-traveler-pic{
  color:rgba(32, 203, 152, 1)!important;
}

.comName-E .row-annonce-footer-icon,
.comName-E .btn{
  color:var(--bs-success)!important;
  border:none!important;
}

.comName .kilos-pack-child{
  /* background: var(--km-ardoise); */
  /* border: 1px solid; */
}

/* ******************************************************** */

.search-box-result-list .comName .donnee:not(.btn){ /* All Devices */
	font-size:.64rem !important;
/* 	font-family:'Arial', cursive; */
	font-family:'Alfa Slab One', cursive !important;
	/* text-transform:uppercase; */
/* 	white-space: nowrap !important; */
/* 	overflow: hidden !important;	 */
/* 	text-overflow: ellipsis !important; */
/*     color:rgba(81,98,99,1); */
    /* width:95%; */
	}
 .search-box-result-list .comName .departure,
 .search-box-result-list .comName .destination{
    text-transform: capitalize !important;
 }
@media(max-width: 320px) { /* Small Devices */
	.search-box-result-list .comName .donnee:not(.btn){
		font-size:.64rem !important;
	   	width:100% !important;
	}
}


.search-box-result-list .comName .donnee:not(.sub){/* font-weight:bold; */}
.search-box-result-list .comName .sub{
/* 	color:#6d6d6d !important; */
	/* color:var(--primary); */
	font-family: 'Abril Fatface', cursive;
	min-height:4px;
  border: none!important;
}
.search-box-result-list .annonce-type{
	font-size:70% !important;
	/* border: 2px solid rgba(81,98,99,1) *//* rgba(60,63,69,1) */;
/* 	color:#b1b1b1 !important; */
	border-radius:8px;
/* 	background-image: linear-gradient(147deg,rgba(254,107,85,1),  rgba(255,218,121,.95));// ,url(airport-amsterdam-arrival.jpg) !important; */
/* -moz-transform: rotate(-13deg); */
/* -o-transform: rotate(-13deg); */
/* -webkit-transform: rotate(-13deg); */
/* filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(-13deg), M12=-sin(-13deg), M21=sin(-13deg), M22=cos(-13deg)); */
/* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-13deg), M12=-sin(-13deg), M21=sin(-13deg), M22=cos(-13deg))"; */
 zoom: 1;
	}


.search-box-result-list .icone-header{
	font-size:1.8em !important;
}
.search-box-result-list .annonce-type.inline{
/* 		color:#f1f1f1 !important; */
}
.search-box-result-list .btn:not(.filter-label){
/* 	border:1px solid #f1f1f1; */
/* 	color:rgba(29,141,238,1) !important; */
}


.search-box-result-list .traveller-expeditor-label,
#latestannonces-list .traveller-expeditor-label{
  line-height: 1;
  float:left;
  font-size:.7rem!important;
  	/* font-size:1em !important; */
}

/* ARROW DIRECTION  */
.arrow-travel-direction{
  position: absolute;
  font-size: 2rem;
  transform: rotateY(180deg);
  rotate: -100deg;
  left: -17px;
  top: 10px;
  font-family: Verdana;
}

@media(max-width: 768px) {
  .arrow-travel-direction{
    rotate: -90deg;
    left: -21px;
    display: none;
  }
}

@media (max-width: 768px){
  .search-box-result-list .traveller-expeditor-label{
    	/* font-size:.8em !important; */
  }
}

/* #result-box .last-created-annonces-label, #result-box .result-search-annonces-label{ */
#result-box .annonces-sorters-container{
  /* position: absolute; */
  /* top: .4%; */
  width: 100%;
  /* overflow-x: hidden; */
  z-index: 1020;
}

.annonces-sorters-item{
  padding: 4px!important;
  height: fit-content;
  border: 1px solid var(--bs-border-color);
  background: var(--km-ardoise)/*rgb(255, 243, 239)*/!important;
  color:  var(--km-ardoise-strong-2)!important;
  font-family: 'verdana'!important;
  font-size: .68rem;
  text-align: center;
  margin: 4px 2px;
  /* width:116px!important; */
}

/* .annonces-sorters-item select{
  color: var(--km-primary-color)!important;
} */

.annonces-sorters-item a, .annonces-sorters-item select{
  color:  var(--km-ardoise-strong-2)!important;
}

.annonces-sorters-item .currency-list{
  /* background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
    /* and then whatever styles you want*/
  /* height: 30px;
  width: 100px;
  padding: 5px; */
}

/* .annonces-sorters-item:hover, */
.annonces-sorters-item:active select,
.annonces-sorters-item span:active,
.annonces-sorters-item select:active,
.annonces-sorters-item:active,
.annonces-sorters-item:active select,
.annonces-sorters-item span:active,
.annonces-sorters-item select:active,
.annonces-sorters-item a:active,
.annonces-sorters-item a:active{
  /* text-decoration: underline; */
  background: var(--km-primary-color)!important;
  color:var(--white)!important;
  /* border:0px !important; */
}

/* Autheurs Annonce Trust Infos */
.comName .author-trust-infos .sub{
    /* font-family: Arial !important; */
    color: #d8d8d8 !important;
}

/* Couleur du bouto nd'accès aux détails */
.comName .fa-chevron-down{
  color:var(--km-ardoise)!important;
}
/*
.search-box-result-list .btn:hover{
	background:rgba(248,249,250,.2);
}

.search-box-result-list .btn:active{
	background:rgba(29,141,238,.5);
	color:rgba(248,249,250,.2) !important;
}
 */



/* Bootstrap Custom color */

/* btn-warning-smooth */
.btn-warning-smooth{
	color : rgba(239,191,47,.7);
	background-color: rgba(239,191,47,.2) !important;
}

.bg-warning-smooth{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(239,191,47,.2) !important;
}

.bg-warning-smoothest{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(239,191,47,.2) !important;
}

.bg-warning-smoothest-1{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(239,191,47,.1) !important;
}

.bg-warning-smoothest:hover,
.bg-warning-smooth:hover,
.bg-warning-smoothest:active,
.bg-warning-smooth:active{
/* 	color : rgba(190,56,71,.7); */
	color:#28a745 !important;
	background: rgba(99,166,78,.1) !important;
}

.border-secondary-light{
  border-color:#c5c5c5!important;
}

.bg-warning-light{
  color: #fff!important;
  background-color: #ff9d54!important;
  /* background-color:#fdc69d !important; */
  /* background-color:#ffe5d3 !important; */
  /* color:var(--km-primary-color) !important; */

}

.border-warning-light{
  border-color: var(--warning-light)!important;
}

.border-success-light{
  border-color: var(--success-light)!important;
}

.border-secondary-light{
  border-color: var(--secondary-light)!important;
}

.bg-warning-light-persistent{
  color: #fff!important;
  background-color: #ff9d54!important;
  /* background-color:#fdc69d !important; */
  /* background-color:#ffe5d3 !important; */
  /* color:var(--km-primary-color) !important; */

}

.bg-warning-light-ultra{
  background: #ffe1a2!important;
  background-color: rgb(255 243 239)!important;
}

.bg-warning-light-ultra-hover:active{
  background: #ffe1a2!important;
  background-color: rgb(255 243 239)!important;
}

.bg-warning-light-ultra:active{
  color: #fff!important;
  background: var(--km-primary-color)!important;
}

.bg-warning-light-ultra-no-hover:active{
  background: #ffe1a2!important;
  background-color: rgb(255 243 239)!important;
}

.border-warning-light-ultra{
  border:1px solid hsla(0, 71%, 61%, 0.0)!important;
  border:1px solid rgba(255,125,14,0.0)!important;
}

.bg-secondary-light{
  background:#d5d9dc!important;
}

.bg-secondary-light-ultra{
  background:#e0e0e02b!important;
}

.border-grey-premium{
  border:1px solid /*#918e98*/ #e91e63 !important;
}

.border-success-light-ultra{
  border-color: #4cae4f33!important;
}

.bg-grey-premium-light{
  background: #554f6b!important;
}

.border-primary-light-ultra{
  border: 1px solid #2196f32b!important;
}


.bg-pink-light{
  background: #fce4ec!important
}


/* .bg-warning-light:hover, */
.bg-warning-light:active{
	background:var(--km-primary-color) !important;
	color:#fff !important;
}

.bg-warning{
	background-color:var(--km-primary-color) !important;
}

button.bg-warning:active,
a.bg-warning:active,
.bg-warning:active{
  color:var(--km-primary-color)!important;
	background-color:#ffede0 !important;
}

.text-warning{
  color:var(--km-primary-color)!important;
	/* color:var(--km-primary-color)!important; */
}


/* .text-warning-hover:hover, */
.text-warning-hover:active{
	color:var(--km-primary-color)!important;/*hsla(14,100%,54%,1) !important;*/
}


.bg-warning-hover:active/*,.bg-warning-hover:active*/{
	background-color:var(--km-primary-color) !important;
	color:#fff!important;
}

.bg-warning-no-hover:active{
	background-color:var(--km-primary-color) !important;
  color:#fff!important;
}
.bg-warning-light-no-hover:hover,
.bg-warning-light-no-hover:active{
	background-color:var(--warning)!important;
	color:var(--km-primary-color)!important;
}

.bg-warning-light-1{
  background: #ffede0!important;
}
.bg-warning-light-1:hover,
.bg-warning-light-1:active{
  background: var(--km-primary-color) !important;
  color:#fff!important;
}

.bg-warning-origin{
	background-color:var(--warning)!important;
}


.bg-primary-hover:hover,.bg-primary-hover:active{
  background-color:var(--primary)!important;
  color:#fff!important;
}


.bg-pink{background-color: #fbeded;}

.border-warning{
	border-color:var(--km-primary-color)!important;
}

/* .text-white{color:#fff;} */


.text-warning-light{
  color:#ff9d54!important;
	/* color:#fdc69d !important; */
}

.text-warning-light-ultra{
    color: rgba(255,125,14,0.1)!important;
}

.text-danger-light{
  	color:rgba(220,53,69,.65) !important;
}

.text-kolimaya-yellow{
	color:rgba(242,204,78,1) !important;
}

.text-secondary-0{
	color: #777777 !important;
}
.text-secondary-1{
	color: #b3b3b3 !important;
}

.text-secondary-2{
	color: #b1b1b1 !important;
}
.text-secondary-4{
	color: #d8d8d8 !important;
}

.bg-secondary2-light{
  background-color: var(--secondary2-light)!important;
}

.bg-secondary2-light-ultra{
  background-color: var(--secondary2-light-ultra)!important;
}

.bg-danger-light{
  background: var(--danger-light)!important;
}

.bg-danger-light-ultra{
  background: var(--danger-light-ultra)!important;
}

:root{
	--secondary0: #777777 !important;
	--secondary1: #b3b3b3 !important;
	--secondary2: #b1b1b1 !important;
  --secondary2-light: #c7bfbf!important;
  --secondary2-light-ultra: #e7e5e5!important;
  /* THEME PRINCIPAL */
  --km-primary-color:hsla(14,100%,54%,1);
	--km-secondary-color:rgb(0 0 0 / 75%) /*#03356a*/;
  --km-secondary-light:#e8f1ff;
	--km-light-color:#6ca1f0;
  --km-bg-main:#eeeeee;/*#e9ecef;*/
  --km-warning-light-1 : #ffede0!important;
  --warning-light-ultra:/*rgb(245, 245, 245)*/rgb(255 243 239)!important;
  --warning-light:#ffd0c2!important;
  --primary-light:#6fb2f9!important;
  --success-light:#9efca3!important;
  --success-light-ultra:#e8faed!important;
  --danger-light:#fda2aa!important;
  --danger-light-ultra:#ffeced!important;
  --km-ardoise : #a8c7fa!important;
  --km-ardoise-light : #eef5fc!important;
  --km-ardoise-strong : #5e9cd8!important;
  --km-ardoise-strong-2 : #062e6f!important;
  /* --km-ardoise : #394d5e!important; */
  --km-warning-smoother : #c3d7ea!important;

  --bs-border-color: #a4a4a4;
}


.text-ardoise{
  color: var(--km-ardoise)!important;
}

.text-ardoise-strong-2{color:var(--km-ardoise-strong-2)!important;}

.text-km-secondary{
  color:var(--km-secondary-color)!important;
}

.bg-ardoise{
  background-color: var(--km-ardoise)!important;
}

.bg-main{
    background-color: var(--km-bg-main)!important;
}

.border-8{
  border-width:8px !important;
}


.border-kolimaya-yellow{
	border:4px solid transparent !important;
}

.border-kolimaya-yellow-1{
	border:1px solid rgba(242,204,78,1) !important;
}

.border-kolimaya-yellow-2{
	border:2px solid rgba(242,204,78,1) !important;
}

.border-kolimaya-yellow-3{
	border:3px solid rgba(242,204,78,1) !important;
}

.border-kolimaya-yellow-4{
	border:4px solid rgba(242,204,78,1) !important;
}

.bg-kolimaya-yellow{
	background:#ffc107 !important;
}

.bg-yellow{
  background: #ffeb3b!important
}

.text-green-fluo{
	color:#28a745f0 !important;
}

.border-green-fluo{
	border-color:#28a745f0 !important;
}

.bg-kolimaya-yellow-nervous{
	background: /* #FFC10C */ rgba(255,193,12,.4)!important;
}

.bg-kolimaya-yellow-blended{
	background: rgba(255,193,7,1)!important;
}

.bg-kolimaya-black-to-maroon{
	background: rgba(0,0,0,.7)!important;
}
.bg-kolimaya-black-to-maroon-prime{
	background: #372946!important;
}
.bg-kolimaya-yellow-smooth{
	background:rgba(242,204,78,.980) !important;
}

.text-kolimaya-green{
	color:rgba(87,98,99,1) !important;
}

.text-kolimaya-purple{
	color:#583737/* rgb(33, 21, 53)  */!important;
}

.border-kolimaya-purple{
	border-color:rgb(33, 21, 53) !important;
}

.bg-purple{
  background: #492588 !important;
}

.text-warning-stunt{
  color:var(--km-primary-color) !important;
}
.bg-warning-stunt{
  background: var(--km-primary-color) !important;
}

.text-warning-smoother{
  color:var(--km-warning-smoother)!important;
}

.bg-warning-smoother{
  background:var(--km-warning-smoother)!important;
}


.border-warning-stunt{
  border-color: var(--km-primary-color) !important;
}

.text-kolimaya-purple-light-1{
	color:#342056 !important;
}

.bg-kolimaya-green{
	background:rgba(87,98,99,1) !important;
}
.border-kolimaya-green{
	border-color:rgba(87,98,99,1) !important;
}
.bg-kolimaya-green-clear{
	background:rgba(87,98,99,.7) !important;
}
.btn-mutable,btn-notmutable{
		color:rgba(29,141,238,1);
}

.btn-mobile-filter{
	background:rgba(200,138,90,.7);
	color:rgba(64,28,0,1) !important;
}

.bg-blue-filter{
	background:rgba(200,138,90,.7);
}

.bg-blue-sky{background: #36bbf7!important;}

.bg-none{
	background:none !important;
}

.text-twitter-blue{
	color:rgba(29,141,238,1) !important;
}

.text-maroon{
	color : #3c0c0c !important;
}


.bg-hot-filter{
	background:rgba(239,201,165,.8);
}

.btn-hot-filter{
	background:rgba(239,201,165,.8);
	color:rgba(114,144,162,1);
}

.border-twitter-blue{
	border:1px solid rgba(29,141,238,.8) !important;
}

.outline-twitter-blue{
	border:1px solid rgba(29,141,238,.5) !important;
	color:rgba(29,141,238,.5) !important;
}

.outline-twitter-blue:hover,.outline-twitter-blue:active{
	color:#28a745 !important;
	background: rgba(255,205,64,.2) !important;
	border:none !important;
}
.border-smooth{
	border:1px solid #f1f1f1 !important;
}

.btn-light {
/*     color: #212529; */
    background-color: #b1e4ec4a !important;
/*     border-color: #658ea5; */
}

.text-success{
  color: #50af55!important;
}
/* btn-success-smooth */
.text-success-smooth{
	color : rgba(99,166,78,.9);
}

.text-success-smoothest{
	color : rgba(189,216,186,1);
}

.btn-success-smooth{
	color : rgba(99,166,78,.7);
	background-color: rgba(99,166,78,.2) !important;
}

.bg-success{
  background: #50af55!important;
  color:#fff;
}

.bg-success-smooth{
/* 	color : rgba(190,56,71,.7); */
	background-color: #eff6ec !important;
}


.bg-success-smoothest{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(99,166,78,.1) !important;
}
.bg-success-smoothest:hover,.bg-success-smoothest:active{
/* 	color : rgba(190,56,71,.7); */
	color:#ffc107 !important;
	background: rgba(255,205,64,.2) !important;
}


.bg-success-smoothest-plus-1{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(99,166,78,.08) !important;
}

.bg-success-light-ultra{
  background: #ffdda4!important;
  /* background: rgba(40,167,69,0.1)!important; */
  background: rgba(229, 242, 216, 0.44) !important;
}

.bg-success-light-ultra:hover{
  color:#fff!important;
  background: #50af55!important;
}



.bg-success-light-ultra-2{
  background: #e5f2d8 !important;
}

.border-success{
  border-color: #50af55!important;
}

.border-success-smooth{
	border-color: rgba(99,166,78,.2) !important;
}

.border-top-success-smooth{
	border-top-color: rgba(99,166,78,.2) !important;
}

.border-top-success-smoothest{
	border-top-color: rgba(99,166,78,.1) !important;
}


.text-success-smooth{
	color : rgba(99,166,78,.7) !important;
}

.text-black-styled{
	color:#212529 !important;
}

.text-black-smooth{
	color:rgba(0,0,0,.5) !important;
}
/********************/
/* btn-primary-smooth */
.btn-primary-smooth{
	color : rgba(69,122,251,.7);
	background-color: rgba(69,122,251,.2) !important;
}

.bg-primary-smooth{
/* 	color : rgba(190,56,71,.7); */
	background-color: #f4f7ff !important;
}


.bg-primary-smoothest{
/* 	color : rgba(190,56,71,.7); */
	background: rgba(69,122,251,.1) !important;
}

.bg-primary-smoothest-1{
/* 	color : rgba(190,56,71,.7); */
	background: rgba(69,122,251,.1) !important;
}

.bg-primary-smoothest:hover,.bg-primary-smoothest:active{
/* 	color : rgba(190,56,71,.7); */
	color:#28a745 !important;
	background: rgba(255,205,64,.2) !important;
}

.bg-primary-light{
  background:#6fb2f9!important;
}

.bg-primary-light-ultra-01{
  background: rgb(0, 123, 255, 0.1)!important;
}

.bg-primary-light-ultra-005{
  background: rgb(0, 123, 255, 0.05)!important;
}

.bg-warning-light-ultra-01{
  background: rgba(255, 193, 7, 0.1)!important;
}

.bg-warning-light-ultra-005{
  background: rgba(255, 193, 7, 0.05)!important;
}

.bg-success-light-ultra-01{
  background: rgba(40, 167, 69, 0.1)!important;
}

.bg-success-light-ultra-005{
  background: rgba(40, 167, 69, 0.05)!important;
}

.bg-primary-light-ultra{
  background-color:#ebf4fe!important;
}

.bg-primary-light:hover,
.bg-primary-light:active,
.bg-primary-light-ultra:hover,
.bg-primary-light-ultra:active
{
  background-color:var(--primary)!important;
  color:#fff!important;
}



.text-primary-light{
  color:#6fb2f9!important;
}

.text-primary-smooth{
  color:#f4f7ff!important;
	/* color : rgba(69,122,251,.9) !important; */
}

.text-primary-smooth-2{
	color : rgba(69,122,251,.7) !important;
}

.text-primary-smooth-4{
	color : rgba(69,122,251,.5) !important;
}


.text-primary-smoothest{
	color : rgba(69,122,251,.280) !important;
}

.border-primary-smooth{
	border-color: rgba(69,122,251,.2) !important;
}

.border-top-primary-smooth{
	border-top-color: rgba(69,122,251,.2) !important;
}

.border-top-primary-smoothest{
	border-top-color: rgba(69,122,251,.1) !important;
}

/********************/
/* text-shadow-warning-4px */
.text-shadow-4px-warning{
  text-shadow: 4px 4px 0 var(--warning), 4px -4px 0 var(--warning), -4px 4px 0 var(--warning), -4px -4px 0 var(--warning), 4px 0 0 var(--warning), 0px 4px 0 var(--warning), -4px 0 0 var(--warning), 0px -4px 0 var(--warning), 2px 2px 4px!important;
}
.text-shadow-4px-warning0{
  text-shadow: 4px 4px 0 var(--km-primary-color), 4px -4px 0 var(--km-primary-color), -4px 4px 0 var(--km-primary-color), -4px -4px 0 var(--km-primary-color), 4px 0 0 var(--km-primary-color), 0px 4px 0 var(--km-primary-color), -4px 0 0 var(--km-primary-color), 0px -4px 0 var(--km-primary-color), 2px 2px 4px!important;
}
.text-shadow-1px-warning{
  text-shadow:1px -1px 0 var(--km-primary-color), 1px -1px 0 var(--km-primary-color), 0px 0px 0 var(--km-primary-color), 0px -1px 0 var(--km-primary-color), 1px 0 0 var(--km-primary-color), 0px 1px 0 var(--km-primary-color), -1px 0 0 var(--km-primary-color), 0px -1px 0 var(--km-primary-color), 0px 0px 0px!important;
}
.text-shadow-2px-warning{
  text-shadow: 2px 2px 0 var(--warning), 2px -2px 0 var(--warning), -2px 2px 0 var(--warning), -2px -2px 0 var(--warning), 2px 0 0 var(--warning), 0px 2px 0 var(--warning), -2px 0 0 var(--warning), 0px -2px 0 var(--warning), 2px 2px 2px!important;
}
.text-shadow-2px-warning0{
  text-shadow: 2px 2px 0 var(--km-primary-color), 2px -2px 0 var(--km-primary-color), -2px 2px 0 var(--km-primary-color), -2px -2px 0 var(--km-primary-color), 2px 0 0 var(--km-primary-color), 0px 2px 0 var(--km-primary-color), -2px 0 0 var(--km-primary-color), 0px -2px 0 var(--km-primary-color), 2px 2px 2px!important;
}
.text-shadow-1px-teal{
  text-shadow:1px -1px 0 var(--bs-teal), 1px -1px 0 var(--bs-teal), 0px 0px 0 var(--bs-teal), 0px -1px 0 var(--bs-teal), 1px 0 0 var(--bs-teal), 0px 1px 0 var(--bs-teal), -1px 0 0 var(--bs-teal), 0px -1px 0 var(--bs-teal), 0px 0px 0px!important;
}
.text-shadow-2px-teal{
  text-shadow: 2px 2px 0 var(--bs-teal), 2px -2px 0 var(--bs-teal), -2px 2px 0 var(--bs-teal), -2px -2px 0 var(--bs-teal), 2px 0 0 var(--bs-teal), 0px 2px 0 var(--bs-teal), -2px 0 0 var(--bs-teal), 0px -2px 0 var(--bs-teal), 2px 2px 2px!important;
}
.text-shadow-2px-primary{
  text-shadow: 2px 2px 0 var(--bs-primary), 2px -2px 0 var(--bs-primary), -2px 2px 0 var(--bs-primary), -2px -2px 0 var(--bs-primary), 2px 0 0 var(--bs-primary), 0px 2px 0 var(--bs-primary), -2px 0 0 var(--bs-primary), 0px -2px 0 var(--bs-primary), 2px 2px 2px!important;
}
.text-shadow-1px-km-secondary{
  text-shadow:1px -1px 0 var(--km-secondary-color), 1px -1px 0 var(--km-secondary-color), 0px 0px 0 var(--km-secondary-color), 0px -1px 0 var(--km-secondary-color), 1px 0 0 var(--km-secondary-color), 0px 1px 0 var(--km-secondary-color), -1px 0 0 var(--km-secondary-color), 0px -1px 0 var(--km-secondary-color), 0px 0px 0px!important;
}



/*
.text-warning-smooth{
	color : rgba(239,191,47,.7) !important;
}
 */

.text-warning-smooth{
	color : rgba(239,191,47,.9) !important;
}
.text-warning-smoothest{
	color : rgba(239,191,47,.2) !important;
}

.border-warning-smooth{
	border-color: rgba(239,191,47,.2) !important;
}

.border-warning-smooth-2{
	border-color: rgba(239,191,47,0.58) !important;
}

.border-top-warning-smooth{
	border-top-color: rgba(239,191,47,.2) !important;
}

.border-top-warning-smoothest{
	border-top-color: rgba(239,191,47,.1) !important;
}

/********************/


/* btn-danger-smooth */
.btn-danger-smooth{
	color : rgba(190,56,71,.7);
	background-color: rgba(190,56,71,.2) !important;
}

.bg-danger-smooth{
/* 	color : rgba(190,56,71,.7); */
	background-color: rgba(190,56,71,.2) !important;
}

.text-danger-smooth{
	color : rgba(190,56,71,.7) !important;
}
/********************/

/* Default Bootstrap border color */
.border-default{
	border-color: rgba(205,211,217,1) !important;
}
/********************/

/* Form element disabled */
.bg-form-element-disabled{
	background : #e9ecef !important;
}
/********************/


/* outline-primary */
.btn-outline-primary:hover, .btn-outline-primary:active{
	border:none !important;
	color:#28a745 !important;
	background: rgba(255,205,64,.2) !important;
}
/**************/

/* Main Icon color */
.text-main-icon{
color: rgba(189,216,186,.8);
}
/* ********* */

/* Border radius  */
.rounded-50px{
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
}
.rounded-50px-force{
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  border-radius: 50px !important;
}
.rounded-16px{
  -webkit-border-radius: 16px !important;
  -moz-border-radius: 16px !important;
  border-radius: 16px !important;
}

.rounded-8px{
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
}


.select-wrapperrapper-rounded-50px{
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  border-radius: 50px !important;
  display:inline-block;
  overflow:hidden;
  background: rgba(215,211,217,1);
  border:1px solid rgba(205,211,217,1);
}
/* ********* */



/* CUSTOM UTILITIES */
.mt-6{margin-bottom:4rem;}
.mr-6{margin-bottom:4rem;}
.mb-6{margin-bottom:4rem;}
.ml-6{margin-bottom:4rem;}

.mt-7{margin-bottom:5rem;}
.mr-7{margin-bottom:5rem;}
.mb-7{margin-bottom:5rem;}
.ml-7{margin-bottom:5rem;}

.cursor-pointer{cursor:pointer!important;}

.capitalize-first{text-transform: capitalize;}
.capitalize-all{text-transform: uppercase;}


.menu-item-container .icon-text_{
  color:var(--km-secondary-color)!important;
}

.menu-item-container .icon-image_{
  font-size:1.5rem!important;
  margin-left: 0.8rem!important;
}

@media (max-width: 767px) {
	.search-box-result-list{
/* 		width:100% !important; */
	}

/* .navbar-collapse.collapse.show, .navbar-collapse.collapsing {
  background:white;
} */
}


/* SEARCH BAR */
@media (max-width: 767px) {
	.navbar-search-box{
    background: var(--km-bg-main)!important;
	}
  .navbar-search-box .search-new{
    padding-top: 0.25rem!important;
  }
}
#search_text_display{font-size:80% !important;color:gray;}
.form-control-borderless, .form-control-borderless, .form-control-borderless ,.element-borderless{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.element-no-outline{
    outline: none !important;
    box-shadow: none !important;
}

/* Annonce Hide details */
.collapse-annonce-icon-corner:hover{color:#dc3545!important;}

.custom-control-borderless:hover, .custom-control-borderless:active, .custom-control-borderless:focus, input, select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

input::placeholder,
.custom-control::placeholder { /*font-style:italic;color:#b7b5b5;*/color:rgba(200,200,200,.8);} /* Chrome, Firefox, Opera*/
:-ms-input-placeholder.custom-control { /*font-style:italic;*/color:rgba(200,200,200,.8);}  /* Internet Explorer*/
.custom-control::-ms-input-placeholder { color:rgba(200,200,200,.8);}  /* Microsoft Edge */

.form-select::placeholder {color:rgba(200,200,200,.8);} /* Chrome, Firefox, Opera*/
:-ms-select-placeholder.form-select {color:rgba(200,200,200,.8)}  /* Internet Explorer*/
.form-select::-ms-select-placeholder {color:rgba(200,200,200,.8)}  /* Microsoft Edge */

/* Zone de recherche principale : :-) Une exception  */
.addressInput::placeholder,
.addressInput::placeholder { font-style:italic;color:/*#717070*/var(--km-ardoise-strong)!important;} /* Chrome, Firefox, Opera*/
:-ms-input-placeholder.addressInput { font-style:italic;color: /*#717070*/var(--km-ardoise-strong)!important; }  /* Internet Explorer*/
.addressInput::-ms-input-placeholder { font-style:italic;color: /*#717070*/var(--km-ardoise-strong)!important; }  /* Microsoft Edge */

.addressInput-2::placeholder,
.addressInput-2::placeholder { font-style:italic;color:/*#717070*/var(--km-ardoise-strong)!important;} /* Chrome, Firefox, Opera*/
:-ms-input-placeholder.addressInput-2 { font-style:italic;color: /*#717070*/var(--km-ardoise-strong)!important; }  /* Internet Explorer*/
.addressInput-2::-ms-input-placeholder { font-style:italic;color: /*#717070*/var(--km-ardoise-strong)!important; }  /* Microsoft Edge */

/* Filtre : :-) Une autre exception  */
.date-depart__::placeholder,
.date-depart__::placeholder { /*font-style:italic;*/color:rgba(200,200,200,.8) ;}
:-ms-input-placeholder.date-depart__ { /*font-style:italic;*/color:rgba(200,200,200,.8); }
.date-depart__::-ms-input-placeholder {/*font-style:italic;*/color: rgba(200,200,200,.8); }

/* Filtre : :-) Une autre exception  */
.date-arrivee__::placeholder,
.date-arrivee__::placeholder { /*font-style:italic;*/color:rgba(200,200,200,.8);}
:-ms-input-placeholder.date-arrivee__ { /*font-style:italic;*/color:rgba(200,200,200,.8); }
.date-arrivee__::-ms-input-placeholder { /*font-style:italic;*/color:rgba(200,200,200,.8); }
/* Annonces : :-) Une autre exception  */
.annonce-value::placeholder,
.annonce-value::placeholder { /*font-style:italic;*/color:rgba(200,200,200,.8);} /* Chrome, Firefox, Opera*/
:-ms-input-placeholder.annonce-value { /*font-style:italic;*/color:rgba(200,200,200,.8);}  /* Internet Explorer*/
.annonce-value::-ms-input-placeholder { /*font-style:italic;*/color:rgba(200,200,200,.8); }  /* Microsoft Edge */

/* **************************************************** */

.filter-label{
  font-size: .50rem;
  font-weight: 100;
  font-family: verdana;
  width: 100%;
  text-align: start;
}

.radius-select-selected, .reset-label{
/* font-family:'Alfa Slab One', cursive !important; */
	font-family:'Arial', cursive;
}

.remove-setted-filter{
  font-size:larger!important;
}
.remove-setted-filter:hover{
  /* background: #dc3545!important; */
  color: #dc3545!important;
}
/*
.radius-select.filter-label option{
	font-size:.580rem !important;
/* 	background:orange !important; */
/* } */


/*
#radiusSelect.radius-select.filter-label{
		font-size:.880rem !important;
}
*/
#radiusSelect{
		/* font-size:.580rem !important; */
    margin-bottom: -8px;
}


.radius-select{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /* width: 150px !important; */
/*   padding:4px !important; */
  /* border-color:trasparent !important; */
}

.filter-element button{
	font-size:.65rem;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}


/* Les alertes */
.table-alert thead tr{
	font-size:.7em;
}

.table-alert tbody tr{
	font-size:.7em;
}

/* @media (min-width: @screen-sm-min) {  .presentation-box{min-height:0rem;} } */
/* // Small devices (landscape phones, 576px and up) */

/* @media (max-width: 767px) { .presentation-box{min-height:10rem !important;height:10rem !important;}} */
@media (max-width: 767px) {
	.presentation-box{
		/* min-height:7em !important; */
/* 		height:8rem !important; */
	}
}
/* // Medium devices (tablets, 768px and up) */
/* @media (min-width: 768px) and (max-width: 991.98px) { #search-box{height:1rem !important;margin-bottom:5px !important;background:yellow !important;}} */
/* @include media-breakpoint-only(sm) { .presentation-box{min-height:0rem !important;height:0 !important;} } */
/* SEARCH BAR END */




@media (max-width: @screen-xs) {
    body{font-size: 10px;}
    h2{
      font-size: 1.2em !important;
    }
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;!important}
}

h2{
  font-size:3.4em !important;
}

h5{
    font-size: 1.4em;
}

/* Liste des annonces */
.annonces-list .row-main{border-top:1px solid #F1F1F1 !important;}

.annonces-list .row-annonce-on{
  background:#fff;
}

/* DERNIERES ANONCES PRESEENTES EN PAGE D'ACCUEIL*/
.homepage-latestannonces .comName{
  background:rgb(244 248 255)!important;
}

.homepage-latestannonces.annonces-list .row-annonce-on{
  margin:0px 2px;
}

/* ICONES D'OPTIONS POUR TOUTE ANNONCE RECENTES PRESENTE SUR LA PAGE D'ACCUEIL */
.homepage-latestannonces.annonces-list .row-annonce-on .btn{
  font-size:1.8em!important;
}

/* On réduit la marge par rapport au titre du bloc */
.slick-list div.comName {
    margin-top: 4px!important;
}

/* SLICK JS */
.slick-dots li button:before{
  color: var(--km-primary-color);
  font-size: 25px!important;
  opacity: 0.0;
}
.slick-dots li.slick-active button:before{
  color: var(--km-warning-smoother)!important;
  opacity: .5;
}

.slick-dots li:not(.slick-active) {
    border: 1px solid var(--bs-border-color);
    border-radius: 50%;
}

/* ********************** */


/*
.annonces-list .row-annonce-on{
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.10);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.annonces-list .row-annonce-on:hover{
  box-shadow: 0 10px 24px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.18);
}
 */

/* MATERIAL DESIGN CARDS */
/* .annonces-list .row-annonce-on{ */
.card-gmd{

/*
	border-top : 1px;
	border-right : 1px;
	border-bottom : 1px;
	border-left : 1px;
	border-style : solid;
	border-color : rgba(0,0,0,.050)
 */
 border: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #dee2e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #dee2e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #dee2e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
	/* #00000020 */;/* 1px solid rgba(69,122,251,.1); */
	border-radius : 0.25rem;
	-moz-border-radius : 0.25rem;
	-webkit-border-radius: 0.25rem;
	-khtml-border-radius: 0.25rem;
}

.card-gmd-focus{
	border : 0px solid #ff7d0d !important;
}
/* .annonces-list .row-annonce-on:hover{ */
/*
.card-gmd:hover{
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
}
 */

.card-gmd-top{
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 0px rgba(0,0,0,0.10);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.box-shadow-2px{
  box-shadow: 2px 2px 2px #c3bdbd!important;
}

.box-shadow-4px{
  /* box-shadow: 1px 1px -1px #fff!important; */
  box-shadow: 1px 1px 1px 0px rgb(255 255 255 / 10%), 0px 0px 2px 0px rgba(75,48,100,0.1)!important;
}
/* MATERIAL DESIGN CARDS END */


/* PAGINATION STYLE */
.row-navigation .page-link{
/* 	border:1px solid rgba(0,0,0,.050) !important; */
}
#navigation .page-link{
  color:var(--km-secondary-color);
  background: var(--km-ardoise)!important;
  border: 1px solid var(--bs-border-color)!important;
  font-size: .7rem;
  font-family:'verdana';
}
#navigation .page-link.disabled{
  color:#b3b3b3;
  border:none;
}
/* #navigation .page-link:hover, */
#navigation .page-link:active{
  background:var(--warning-light-ultra);
  color:var(--warning0);
}
.page-item a{font-size: .5rem;}

.pagination-lg .page-item:last-child .page-link{
  border-radius: 5px;
  padding-left: 35px;
  padding-right: 35px;
  margin: 4px;
  /* border-bottom-right-radius: .3rem; */
}


.annonce-per-page-fly{max-width:50px!important;}
.annonce-per-page-fly:hover{cursor:pointer!important;}


/*.annonces-list .col */.comName div:not(.row-annonce-header-label):not(.row-annonce-footer-icon, .annonce-option-btn){
	font-family: 'Alfa Slab One', cursive !important;
/* 	font-family:verdana; */
/* 13.04.2019 : Commented color	 */
/* 	color:rgba(0,0,0,.6) !important; */
	font-weight:100!important;
  /* font-size: .78rem; */
	}

.annonces-list .col-options .annonce-option-btn{font-family: 'Roboto'!important;font-weight:300!important;}

.annonces-list .col-sender-traveler-icon{
  /*border:4px solid #f2f2f2;border-radius:5px;font-weight:bolder;*/text-align:left;
}
.annonces-list .info-icon{padding:4px;}
.annonces-list .sender-traveler-name{
  color:rgba(64,28,0,1)!important;
  /* border-color: rgba(189,216,186,1) !important;; */
  /* border-style: solid !important;; */
  text-decoration: none;
  border-bottom: 1px solid var(--bs-dark) !important;
  font-size: .845264rem!important;
  font-weight: 700;
}

.annonces-list .sender-traveler-name:hover{
	cursor:pointer;
/* 	font-weight:bold; */
/* 	color:rgba(255,205,64,.5); */
	text-decoration:none;
}

.annonces-list .row-annonce-header-label{
	font-size:1.54em !important;
/* 	font-family:  'Pattaya', sans-serif  !important; */
/* 	font-family: 'Abril Fatface' !important; */
	font-family: 'Alfa Slab One', cursive !important;
/* 	color:rgba(29,141,238,1); */
	}
/* #resultList_container  */
.social-icon-container .social-icon{font-size:5em;}
/* ######################################### */
/* ########### MODAL MANAGEMENT  ########### */
/* ######################################### */

/* HEADERS GLOBAL */
.modal .modal-title{
/* 	font-family:'Abril Fatface', cursive;	 */
	font-family: 'Alfa Slab One', cursive;
  font-size: large;
}

/* FILTERS */
.travel-mode-filter,
.reset-search-delegate-trigger,
.submit-search-delegate-trigger,
 {
    /* background: #ffeb3b!important; */
    /* background: #ffeb3b59!important; */
    /* color: #000!important; */
    /* border:0!important; */
    /* color: var(--km-primary-color) !important; */
    /* padding: 4px; */
    border:none;
    background:none;
    border-radius: 50px;
}



/* .travel-mode-filter:hover,
.travel-mode-filter:active, */
.reset-search-delegate-trigger:hover,
.reset-search-delegate-trigger:active,
.submit-search-delegate-trigger:not(.search-tag):hover,
.submit-search-delegate-trigger:not(.search-tag):active,
.navbar-bottom-item:hover,
.navbar-bottom-item:active,
/* .collapse-annonce-icon-center-parent-container:hover, */
.collapse-annonce-icon-center-parent-container:active
/* .collapse-annonce-icon-center-parent-container:focus */

 {
    background: #ffede0 !important;
    color: var(--km-primary-color)!important;
    border:none !important;
    /* border:0px!important; */
}

.search-departure-container{
  border-top-color: #c3c3c3!important;
  border-bottom-color: #c3c3c3!important;
  border-left-color: #c3c3c3!important;
}

.search-destination-container{
  border-top-color: #c3c3c3!important;
  border-right-color: #c3c3c3!important;
  border-bottom-color: #c3c3c3!important;
}

.search-departure-container:active,
.search-destination-container:active{
  background: #ffede0 !important;
  color: var(--km-primary-color)!important;
}

/* Text barré sur les filtres rapides */
.text-striked{
  /* text-decoration: line-through!important; */
  position:relative;
}
.text-striked::after{
  border-bottom: 0.25em solid rgba(255, 85, 34, 1);
  border-bottom : 0.25em solid hsla(14, 100%, 57%, 1);
  content: "";
  left: 0;
  line-height: 1em;
  margin-top: calc(0.25em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
  width: 61%!important;
  margin:auto!important;
  margin-left: 8%!important;
}
/* ************************************ */

.custom-control .custom-control-label{font-family: Arial;}

/* .modal .close{opacity:.5 !important} */

.modal .modal-body{
	font-family:'Alfa Slab One',cursive
}


/* SELECTED FILTERS */
#searchOptions{
  border-radius: 50px !important;
  border-width: 0px !important;
  border-color:#dee2e6;
}

#searchOptions .card-body {
    border: 1px solid var(--km-primary-color) !important;
    background: hsl(14deg 100% 98.2%)!important;
  /* background: #ffc107!important; */
}

#searchOptions .fas{
  color:var(--km-ardoise)!important;
}

@media (max-width: 768px){
  #searchOptions{
    /* border-width: 4px !important; */
    /* border-color:var(--km-primary-color); */
  }
}

@media (max-width: 768px){

    /* .presentation-box{background-color: #fff !important;} */
  .container-fluid-main .col-presentation{
      /* border-radius: 50px !important; */
      border-width: 0px !important;
      /* background-image: linear-gradient(147deg,#fe6b55, #ffda79f2) !important; */

    }

    /* #searchOptions{
      border-radius: 50px !important;
      border-width: 1px !important;
      border-color:#dee2e6;
    } */

    .container-fluid-main .col-presentation:hover{
        /* background-image: linear-gradient(147deg,#fe6b55, #ffda79f2)  !important; */
    }

    /* .total-annonces-container small{color:#fff !important;} */


  }


/*  On booste la taille des options selectionnables */
  .selected-filters-container .custom-select-lg {
    /* height: calc(1.5em + 1rem + 23px) !important; */
    /* font-weight: lighter;font-size: smaller !important; */
  }


  /* // Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px){
    .selected-filters-container{
      /* position: fixed; */
      /* right: 18%;
      top: 180px;
      height: 150px; */
      /* transform: translateX(50%); */
      /* width: 225px; */
      /* z-index: 1; */
    }

  /* Filters End */

    .row-contanier-fluid-main{
      margin-top: 0px !important;
    }

    .presentation-box{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    #search-box{margin-top:0px !important;}

    .custom-select.custom-select-sm.travel-mode-filter{
      width:75%;
      width:75% !important;
    }
  }

.filter-main-item{
  color: hsl(14deg 100% 7.61%)!important;
  /* border: 0!important; */
  border-radius: 4px!important;
  /* border-bottom: 1px solid var(--bs-border-color)!important; */
  /* background: rgb(241 246 255)!important; */
  font-family: 'Alfa Slab One'!important;
  box-shadow: none!important;
}
#dialog-box-advanced-search input{
  color: hsl(14deg 100% 7.61%)!important;
  margin-bottom: -10px;
  font-weight: 100!important;
}
#dialog-box-advanced-search select{
  margin-bottom: -10px;
  font-weight: 100!important;
}

.filter-main-item:hover,
.filter-main-item:active{
  background: #ffe1a2!important;
  background-color: rgba(255,125,14,0.1)!important;
  cursor: pointer;
}


.sorters-filters-container{
    background: #f8f9fa;
    /* border-bottom: 4px solid var(--km-primary-color); */
  }


.sorters-filters-container .selected-filters-item{
    /*float: left; */
    background: rgb(255, 243, 239)!important;
    color:hsl(215.75deg 93.34% 17.38%)!important;
    border: 1px solid rgb(216, 225, 234) !important;
    height: fit-content;
    padding:8px;
    font-family: verdana;
    font-size: xx-small;
    font-family: 'verdana'!important;
    font-size: xx-small;
    text-align: center;
    margin: 2px;
  }

.sorters-filters-container  select,
.sorters-filters-container .selected-filters-item a{
  color: hsl(215.75deg 93.34% 17.38%)!important;
  text-decoration: none;
}

#geolocationTriggerFromDashboard.selected-filters-item{
  background: #f2eafd!important;/*hsla(102, 100%, 54%, 1);*/
  border:1px solid var(--indigo)!important;
  color:var(--indigo)!important;
  cursor: pointer;
}


#geolocationTriggerFromDashboard.selected-filters-item .annonces-from-location-trigger-icon{
  font-size: small;
}

.sorters-filters-container .selected-filters-item:hover,
.sorters-filters-container .selected-filters-item:active,
#geolocationTriggerFromDashboard.selected-filters-item:hover,
#geolocationTriggerFromDashboard.selected-filters-item:active,
.sorters-filters-container  select:hover,
.sorters-filters-container  select:active,
.sorters-filters-container .selected-filters-item a:hover,
.sorters-filters-container .selected-filters-item a:active{
  background: var(--km-primary-color)!important;
  color:var(--white)!important;
  border:0px !important;
}

  /* // Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .selected-filters-container{
      /* position: fixed;
      right: 24%;
      top: 180px;
      height: 150px;
      transform: translateX(50%);
      width: 225px;
      z-index: 1; */
    }

    .presentation-box{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    .row-contanier-fluid-main{
      margin-top: 0px !important;
    }

    #search-box{margin-top:0px !important;}

    .custom-select.custom-select-sm.travel-mode-filter{
      width:75%;
      width:75% !important;
    }
  }

  @media (min-width: 1200px){
    .selected-filters-container{
      /* position: fixed;
      right: 25%;
      top: 180px;
      height: 150px;
      transform: translateX(50%);
      width: 225px;
      z-index: 1; */
    }

    .presentation-box{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    .row-contanier-fluid-main{
      margin-top: 0px !important;
    }

    #search-box{margin-top:0px !important;}

    .custom-select.custom-select-sm.travel-mode-filter{
      width:75% !important;
    }
  }
/* ******************************** */


/* Modal All */
.modal-content {
    /* background: linear-gradient(to right bottom, #006064, #f44336) !important; */
}

/* ACCOUNT CREATION  */
/* #dialog-box-create-account .modal-title{color:rgba(0,0,0,.5);}
#dialog-box-create-account .modal-dialog{max-width:48%;}
#dialog-box-create-account .modal-content{height: 94vh;}
#dialog-box-create-account input,#dialog-box-create-account select{font-size:70%;}
#dialog-box-create-account .btn-footer{font-size:80%;}
#dialog-box-create-account .alert{font-size:80%;} */
/* #dialog-box-create-account .row-demands{font-size:80%;background:#fff;} */
.modal-body .alert,
.modal-body input,
.modal-body select,
.modal-body button{
  font-size:.84rem!important;
  font-weight: 100;
  font-family: 'Alfa Slab One';
}

.modal-body input,
.modal-body select{
  font-family:verdana!important;
}

.modal-body a{
  font-family: :Roboto!important;
  font-family: Roboto;
  font-size: .7rem;
}

/* .modal-body-create-account .form-floating>.form-control,
.modal-body-create-account .form-floating>.form-control-plaintext,
.modal-body-create-account .form-floating>.form-select {
    height: calc(2.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
} */
/*********************/

/* CGUs */
#dialog-box-cgu .modal-dialog{max-width:48%;}
#dialog-box-cgu .modal-content{min-height: 94vh;background:rgba(255,255,255,1);/* background:#eaeaf0; */}
#dialog-box-cgu embed{min-height: 88vh;}
/* ***************** */


/* ANNOUNCE CREATION */
/* #dialog-box .modal-dialog{} */
#dialog-box .modal-dialog{/*max-width:48%;*/}
#dialog-box .modal-content{min-height: 92vh;}
#dialog-box input, #dialog-box select{font-size: .7em !important;padding: 1em!important;}
/*****************************  **************************/

/* INFOS PAIEMENT GENERIC */
/* #dialog-box-payment-generic.modal-title{color:rgba(0,0,0,.5);} */
#dialog-box-payment-generic .modal-dialog{max-width:48%;}
/* #dialog-box-generic.dialog-box-received-demands .modal-title{color:rgba(0,0,0,.5) !important;} */
#dialog-box-payment-generic .modal-content{height: 94vh !important;/* color:#fff; */ ba/* ckground: rgba(255,193,7,1)!important; */ }
#dialog-box-payment-generic.row{/* font-family:'Arial', cursive !important; *//* background:#fff; *//* width:98%; */margin:auto;}
#dialog-box-payment-generic .payment-instructions{font-family: verdana;}

/* Détails évaluations  */
.modal-header{border:none !important;}
#dialog-box-evaluation-details .modal-title{color:rgba(0,0,0,.5);}
#dialog-box-evaluation-details .modal-dialog{max-width:48%;}
#dialog-box-evaluation-details .modal-content{min-height: 94vh !important;/* max-height: 50vh; */background:/* #eaeaf0 */#fff;}
#dialog-box-evaluation-details .comment-template{font-size:70%;background:#fff;}

/* VALIDATION DU CODE RECU DE L'EXPEDITEUR */
/* #dialog-box-code-validation-status .modal-dialog{max-width:42%;} */
/* #dialog-box-code-validation-status .modal-content{} */
/********************************************/

/* Messages standard */
#dialog-box-generic-child.messages-standard .modal-header{padding-right: 1.5rem!important;position:absolute;top:0;z-index: 100000000;}
#dialog-box-generic-child.messages-standard .modal-footer{padding-right: 1.5rem!important;position:absolute;bottom:0;z-index: 100000000;}

@media (max-width: 767px) {
  #dialog-box-generic-child.messages-standard .modal-header{background: #fff;padding-top: .25rem!important;padding-left: 1rem!important;padding-right: 1rem!important;position:fixed;top:0;z-index: 100000000;}
  #dialog-box-generic-child.messages-standard .modal-footer{padding-top: .25rem!important;padding-left: 1rem!important;padding-right: 1rem!important;position:fixed;bottom:0;z-index: 100000000;}
}
#dialog-box-generic-child.messages-standard .modal-title{color:rgba(0,0,0,.5);}
#dialog-box-generic-child.messages-standard .modal-dialog{max-width:48%;}
#dialog-box-generic-child.messages-standard .modal-content{height: 94vh;/*max-height: 100vh; */
  padding-left:2%;padding-right:2%;
  /* background: linear-gradient(to right bottom, #016ec5, #ffecec) !important; */
}
#dialog-box-generic-child.messages-standard .modal-body{overflow-y:hidden !important;height:84rem !important;}
#dialog-box-generic-child.messages-standard .modal-header .adress-depart,
#dialog-box-generic-child.messages-standard .modal-header .adress-destination{text-transform: capitalize;}
/* #dialog-box-generic-child.messages-standard .modal-header .adress-depart::first-letter,
#dialog-box-generic-child.messages-standard .modal-header .adress-destination::first-letter{text-transform: capitalize !important;} */
/* #dialog-box-generic-child.messages-standard .modal-footer{position:fixed;bottom:4px;z-index:10000;} */


/* Messages Express */
/* Gestion de l'entête en fonction du type de Device */
#dialog-box-generic-child.messages-express .modal-header{background: #fff;padding-right: 1.5rem!important;position:absolute;top:0;z-index: 100000000;}
#dialog-box-generic-child.messages-express .modal-footer{padding-right: 1.5rem!important;position:absolute;bottom:0;z-index: 100000000;}

@media (max-width: 767px) {
  #dialog-box-generic-child.messages-express .modal-header{padding-top: .25rem!important;padding-right: 1.5rem!important;position:fixed;top:0;z-index: 100000000;}
  #dialog-box-generic-child.messages-express .modal-footer{padding-top: .25rem!important;padding-right: 1.5rem!important;position:fixed;bottom:0;z-index: 100000000;}
}
#dialog-box-generic-child.messages-express .modal-title{color:rgba(0,0,0,.5);}
#dialog-box-generic-child.messages-express .modal-dialog{max-width:48%;}
#dialog-box-generic-child.messages-express .modal-content{height: 94vh;/*max-height: 100vh !important; */
  padding-left:2%;padding-right:2%;overflow:hidden !important;
  /* background: linear-gradient(to right bottom, #bf360c, #ffecec) !important; */
}
#dialog-box-generic-child.messages-express .modal-body{overflow-y:hidden !important;height: 7484remvh !important;}
#dialog-box-generic-child.messages-express .modal-header .adress-depart,
#dialog-box-generic-child.messages-express .modal-header .adress-destination{text-transform: capitalize;}
/* #dialog-box-generic-child.messages-express .modal-header .adress-depart::first-letter,
#dialog-box-generic-child.messages-express .modal-header .adress-destination::first-letter{text-transform: capitalize !important;} */
/* #dialog-box-generic-child.messages-express .modal-footer{position:fixed;bottom:4px;z-index:10000;}
/* Xpress & Std */
.messages-flow{overflow:hidden !important;/* background:#eaeaf0; */}
#dialog-box-generic-child .messages-flow .message{font-size:.65em !important;font-weight:light;text-shadow:0 !important;overflow:hidden !important;}

.message-row{
/* 	max-width:80% !important; */
}

.message-row-col{
  /* max-width:80% !important; */
}

.message-received .bubble-arrow{
	display:none; /* For esthetics reasons  */
	content: '';
	position: relative;
	bottom: 0;
	left: 19%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	/* border-top-color: #00aabb; */
	border-bottom: 0;
	border-left: 0;
	margin-left: -4px;
	margin-bottom: -8px;
}

.message-sent .bubble-arrow{
	display:none; /* For esthetics reasons  */
	content: '';
	position: relative;
	bottom: 0;
	left: 81%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
/* 	border-top-color: #00aabb !important; */
	border-bottom: 0;
	border-right: 0;
	margin-left: -4px;
	margin-bottom: -8px;
}

.message-timestamp{
  text-transform: capitalize;
}

.message-received .message-timestamp{
  padding-left:2%;
}

/* BADGE TRANSPORTEUR/EXPEDITEUR */
.message-timestamp .sender-carrier-label{
  position: relative;
  bottom: -49px;
  left: -30px;
  font-size: .5rem;
  border: 0px!important;
  color: #ffefea!important;
  padding:4px!important;
  text-shadow: none!important;
  box-shadow: none!important;
}

/* TRANSPORTEUR */
.message-timestamp .sender-carrier-label.label-V{
  color: #ff3900 !important;
  background: rgb(255 229 221) !important;
}

/* EXPEDITEUR */
.message-timestamp .sender-carrier-label.label-E{
  color: #effff8!important;
  background: #007955!important;
}


.message-sent .message{
  font-size: .8rem;
	border-radius:50px;/*  50px 10px 50px; */
  max-width: 75%!important;
}

.message-received .message{
  font-size: .8rem;
	border-radius:50px;
  /* max-width: 75%!important; */
/*
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
 */
}
/* .message .delete-message-trigger-button{
   position: relative;
   top: 8px;
   right: 22px;
   width: 15px;
   height: 15px;
} */

/* MESSAGES PAR ANNONCES POUR UN UTILISATEUR DONNE */
.modal-content-messages-full .search-container,
.modal-content-mes-annonces .search-container{
  /* position: sticky;
  background: var(--km-ardoise);
  width: 100%;
  top: -16px;
  z-index: 1; */
}
.modal-content-mes-annonces .filters-container,
.modal-content-mes-demandes .filters-container{
  position: sticky;
  width: 100%;
  top: -2px;
  z-index: 1;
  background: white;
}
.modal-content-mes-annonces .modal-title .search-container,
.modal-content-mes-demandes .modal-title .search-container{
  font-family: Roboto;
  position: absolute;
  top: 5px;
  left: 150px;
}
.modal-content-mes-demandes .sub{
  font-family: verdana;
}

.modal-content-messages-full .search,
.modal-content-mes-annonces .search,
.modal-content-mes-demandes .search
{
  /* font-size: .7rem!important; */
  font-family: verdana;
  border-bottom:1px solid var(--bs-border-color)!important;
  text-transform: capitalize;
  /* padding: 5px; */
  border-radius: 0px!important;
}

.modal-content-messages-full .notifications-shortcut .btn{
  font-family: verdana;
  font-size: .8rem;
  /* border:1px solid var(--bs-border-color)!important; */
  /* padding: 5px; */
  border-radius: 14px!important;
}


.messages-by-annonce-by-user-container .row-line{
  font-size:.7rem;
  border-bottom:1px solid var(--bs-border-color);
  /* padding-bottom: 2px; */
  cursor: pointer;
}


.messages-by-annonce-by-user-container .depart-dest-item{
  font-weight: 700!important;
}

.messages-by-annonce-by-user-container .row-line:hover,
.messages-by-annonce-by-user-container .row-line:focus,
.messages-by-annonce-by-user-container .row-line:active{
  background-color:var(--km-primary-color);
}


.messages-by-annonce-by-user-container .row-line .recipient-item{
  font-size:.5rem;
}

.messages-by-annonce-by-user-container .row-line .date-depart-item{
  font-size:.5rem;
}
.messages-by-annonce-by-user-container .row-line .total-messages-item{
  font-size:.8rem;
}
/***************************************************/

.kolimaya-no-message-img{
   width : 16vw;
}
@media (max-width: /*768*/ 872px){
  .kolimaya-no-message-img{
     width : 16vw;
  }
}


/* Message Textarea */
/* Result Skip Results Iframe */
/* EDIT ON */
/* .grow-wrap { */
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  /* display: grid!important; */
/* } */
/* .grow-wrap::after { */
  /* Note the weird space! Needed to preventy jumpy behavior */
  /* content: attr(data-replicated-value) " "!important; */

  /* This is how textarea text behaves */
  /* white-space: pre-wrap!important; */

  /* Hidden from view, clicks, and screen readers */
  /* visibility: hidden!important; */
/* } */
/* .grow-wrap > textarea { */
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  /* resize: none !important; */

  /* Firefox shows scrollbar on growth, you can hide like this. */
  /* overflow:  !important;
} */
/* .grow-wrap > textarea,
.grow-wrap::after { */
  /* Identical styling required!! */
  /* border: 1px solid black; */
  /* padding: 0.5rem; */
  /* font: inherit; */

  /* Place on top of each other */
  /* grid-area: 1 / 1 / 2 / 2 !important;
} */
/* ***************** */


/* Alert messages */
.alert-message .modal-dialog{min-width:10%;}
.alert-message .modal-content{min-height: 5vh;}

/* Evaluation */
#dialog-box-generic-child.evaluation-popup .modal-content{height:94vh;}



/* confirmation Box  */
#dialog-box-generic.modal-confirmation-box .modal-dialog{max-width:48%;}
#dialog-box-generic.modal-confirmation-box .modal-content{min-height:37vh !important;}
#dialog-box-generic.modal-confirmation-box .fa{
  width: 81px!important;
  height: 81px!important;
  border-radius:40px!important;
  padding:24px!important;
  font-size:1.8rem!important;
  border: 1px solid!important;
}
#dialog-box-generic.modal-confirmation-box .requested-kilos-input-minus,
#dialog-box-generic.modal-confirmation-box .requested-kilos-input,
#dialog-box-generic.modal-confirmation-box .requested-kilos-input-plus,
#dialog-box-generic.modal-confirmation-box .modal-body a{
  font-size: 1.8rem!important;
}

#dialog-box-generic.modal-confirmation-update-box .modal-dialog{max-width:48%;}
#dialog-box-generic.modal-confirmation-update-box .modal-content{min-height:90vh;}

#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-plus:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-minus:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input:active:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-plus:active:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-minus:active:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input.active:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-plus.active:focus,
#dialog-box-generic.modal-confirmation-update-box .requested-kilos-input-minus.active:focus{outline: none !important;border:none !important;box-shadow: none !important;}


#dialog-box-generic.max-requests-sent-for-current-date .modal-dialog{max-width:48%;}
#dialog-box-generic.max-requests-sent-for-current-date .modal-content{min-height:38vh !important;/* background: #f2f2f2 !important; */}

/***************** Annonces ********************/
/* #dialog-box-user-annonces .row-annonces-header{background:#fff;} */
 /*  -- ANNONCES CREES */
.modal-content-mes-annonces .row-annonces{

}
.modal-content-mes-annonces .row-annonce-container{
  font-size: .8rem!important;
  color: #00101d !important;
}
.modal-content-mes-annonces .row-annonce-container .sub{
  color: hsl(14deg 100% 12.2%)!important;
  background-color: #f1f5ff;
  text-transform: capitalize;
  display: inline;
  padding: 4px;
}
.modal-content-mes-annonces .address-depart,
.modal-content-mes-annonces .address-arriv{
  color: hsl(14deg 100% 12.2%)!important;
}

/* -- FORMULAIRE DE MISE A JOUR DES ANNONCES */
.row-update-annonces label{
  font-size: .7rem;
}
.row-update-annonces input{
  font-size: 1rem!important;
}
.row-update-annonces select{
  font-size: 1rem!important;
}

#summernoteImage1UpdateAnnonce{
  border:none;
}

.row-update-annonces .note-editor.note-frame,
.note-editor.note-airframe{
  border:none;
}

.row-update-annonces .note-toolbar{
  background: none;
  border:none;
}

#summernoteImage1UpdateAnnonce{
  background: none;
  border:none;
  width:100%;
}

#summernoteImage1UpdateAnnonce{
  border:none;
}

.row-update-annonces .note-editor.note-frame .note-editing-area .note-editable,
.row-update-annonces .note-editor.note-airframe .note-editing-area .note-editable{
  overflow: hidden;
}


.row-update-annonces .note-statusbar{display: none;}

.row-update-annonces .note-toolbar button{
  border: var(--km-secondary-color);
  background: #f9f9f9!important;
  width: 198px;
  height: 65px;
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  font-size: xx-large!important;
}
/* ********************************************************* */

/************** Demandes *****************/
/* partie supérieure contenant les infos clés */
.modal-content-mes-demandes .row-demands.header-label{
  background: #88888812;
}
/* Partie inférieure contenant les infos clés  */
.modal-content-mes-demandes .row-demands.col-line{
  background: #f6f9ff;
}

.modal-content-mes-demandes .header-min-info .badge{
  color: #000;
  padding-left: 0px!important;
  padding-right: 0px!important;
  font-style: italic;
  font-weight: 200;
}


.modal-content-mes-demandes .header-min-info .badge-demand-status{
  background-color: #f4f5f6!important;
}

.modal-content-mes-demandes .row-demande-container{
  font-size: .8rem!important;
  color: #00101d !important;
}

.modal-content-mes-demandes .row-demande-container .sub{
  color: hsl(14deg 100% 12.2%)!important;
  /* background-color: #cfe2ff; */
  text-transform: capitalize;
  /* display: inline; */
  padding: 4px;
}

.modal-content-mes-demandes .address-depart,
.modal-content-mes-demandes .address-arriv{
  color: hsl(14deg 100% 12.2%)!important;
}
/* ********************************************************* */


/* Messages d'alertes */
#dialog-box-generic.alert-message .modal-dialog{max-width:48%;}
#dialog-box-generic.alert-message .modal-content{max-height:20vh !important;/* background: #f2f2f2 !important; */}

/* Paramètres */
#dialog-box-account-info .modal-dialog{
  /* max-width:48%; */
}
#dialog-box-account-info .modal-content{
  height: 95vh;
  border-radius: 0!important;
}
#dialog-box-account-info .nav-link{padding: .5rem .8rem;border-radius: 0px;}
#dialog-box-account-info .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
 color: var(--bs-gray-500);
}
#dialog-box-account-info .nav-tabs .nav-link{border:none}
#dialog-box-account-info .nav-tabs{border-bottom:none!important}
#dialog-box-account-info .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background:var(--km-ardoise);
  border-radius: 0px;
  border-bottom: 1px solid!important;
  /* border: 1px solid!important; */
  font-family: 'Alfa Slab One';
  /* padding: 4px !important; */
  font-size: .8rem;
  box-shadow: none!important;
}

/* #dialog-box-account-info .nav-payments{min-height: 70vh;max-height: 70vh;} */
#dialog-box-account-info .modal-body .nav-alert-content{/* overflow-y:scroll; */}
#dialog-box-account-info .modal-body .table-alert td{font-family:Arial, verdana;font-size:95%;}
/* #dialog-box-account-info .modal-body .btn:hover, */
/* #dialog-box-account-info .modal-body .btn:active{color:#28a745 !important;background: rgba(99,166,78,.1) !important;	} */

#dialog-box-account-info .modal-body fieldset legend{color:#d0cece;font-family: 'Alfa Slab One', cursive;}


#dialog-box-account-info input,
#dialog-box-account-info select{
  border:none!important;
  border-radius:0px!important;
  border-bottom:1px solid hsl(215.75deg 100% 91.59%)!important;
  font-family:'Alfa Slab One',cursive !important;
}

/* Paiement stripe*/
#dialog-box-payment-stripe .modal-dialog{max-width:48%;}
#dialog-box-payment-stripe .modal-content{min-height: 94vh;background:rgba(255,255,255,1);/* background:#eaeaf0; */}
/* #dialog-box-payment-stripe .row{font-size:80%;background:#fff;width:98%;margin:auto;} */

/* confirmation de paiement */
#dialog-box-payment-confirmation .modal-dialog{max-width:48%;}
#dialog-box-payment-confirmation .modal-content{min-height: 94vh;/* background: #f2f2f2 !important; */}
/* #dialog-box-payment-stripe .row{font-size:80%;background:#fff;width:98%;margin:auto;} */

/* Recherche Avancée */
/* @media (min-width: 767px) { */
/* #dialog-box-advanced-search .modal-dialog{min-width:48%;} */
/* } */
/* @media (max-width: 767px) {
  #dialog-box-advanced-search .modal-dialog{
    min-width: 96vw;
  }
} */
#dialog-box-advanced-search .modal-content{min-height: 490px/* background: #f2f2f2 !important; */}


/* Aides */
#dialog-box-help .modal-dialog{max-width:48%;}
#dialog-box-help .modal-content{
  height: 94vh;
  background:#fff;
  border-radius: 0!important;
}
#dialog-box-help .modal-body{overflow-y:scroll;}
#dialog-box-help .container-fluid{
	position:relative;
	/* overflow-y:scroll; */
	height:auto;
}

/* #dialog-box-help .collapse{font-size:.780em !important;} */

#dialog-box-help .help-content{
		height:100%;
}
#dialog-box-help .navbar-help{
/* 	position:absolute !important; */
}

#dialog-box-help .card-body:not(h5){
	font-family: 'Open Sans', sans-serif;
}

/* Notifications  */
#dialog-box-notifications .modal-dialog{/*max-width:48%;*/}
#dialog-box-notifications .modal-title{color:rgba(0,0,0,.5);}
/*#dialog-box-notifications .modal-body{overflow-y:hidden !important;}*/
#dialog-box-notifications .modal-content{min-height: 94vh;font-family:'Alfa Slab One',cursive !important;overflow-x:hidden !important;}
#dialog-box-notifications .modal-body{/* max-height:50vh; */overflow-y:hidden;}
#dialog-box-notifications .container-fluid{
	position:relative;
	/* overflow-y:scroll; */
	height:auto;
}
#dialog-box-notifications div:not(.btn) {
    text-overflow: ellipsis !important;
/*     font-family: 'Arial' !important; */
}

#dialog-box-notifications .help-content{
		height:100%;
}

#dialog-box-notifications .card{
/*
	border:0px !important;
	box-shadow:0px;
	background:none !important;
 */
}

#dialog-box-notifications .card-body:not(h5){
/* 	font-family: 'Open Sans', sans-serif; */
	overflow:hidden !important;
/*
	padding-bottom:0px;
	border:0px !important;
	box-shadow:none !important;
	background:none !important;
 */
}

#dialog-box-notifications .action-button small{cursor:pointer;}
/* #dialog-box-notifications .notification-label{font-family:roboto sans-serif;} */
.snarl-notification .notification-message{
  font-size: .7rem;
  /* text-align:center; */
  /* color:#b1b1b1; */
  /* font-family:roboto sans-serif; */
}

#dialog-box-notifications .notification-container{overflow:hidden;}
/* *********************** */

/* Boite de connexion */
/* #dialog-box-connection .modal-dialog{max-width:48%;}
#dialog-box-connection .modal-content{min-height:92vh;} */

/* Activation de compte */
#dialog-box-generic.activate-account .modal-dialog{max-width:48%;}

/* MES INFOS */
#dialog-box-account-info input,#dialog-box-account-info .btn, #dialog-box-account-info select{
	font-size:80%;
}

#dialog-box-account-info small{
	font-size:70%;
}

#dialog-box-account-info input{
	font-size:87%;
}

#dialog-box-account-info input, #dialog-box-account-info select{
  outline:none;
}
/*
#dialog-box-account-info .tab-alert input,#dialog-box-account-info .tab-alert .btn, #dialog-box-account-info .tab-alert select{
	font-size:80%;
}

#dialog-box-account-info .tab-alert select{
	font-size:70%;
}
 */

#dialog-box-account-info .modal-footer{
	border-top:none !important;
}



/* FACEBOOK LOGIN BUTTON  */
#facebookLoginBtn{
/* 	font-size:90%; */
/* 	background-color:rgba(69,86,147,1);color:#fff; */
}

#facebookLoginBtn:active{
	/* background-color:rgba(69,86,147,.5);color:#fff; */
}

#facebookLoginBtn:hover{
	/* background-color:rgba(69,86,147,.9);color:#fff; */
}


/* minimum size setting */
/* Modal auto full screen management */
/* Extra small devices (less than 768px) */

/* #dialog-box-generic-child .messages-flow .message */

@media (max-width: 767px) {
		.navbar{
    	/* background: var(--km-bg-main) !important; */
      /* border-bottom:7px solid var(--km-primary-color); */
  }
	.presentation-box{
/* 	background: rgba(254,107,85,1) !important; */
}

.container-fluid-main .col-presentation{
/* display:none; */
}
}

/* Small devices (less than 992px) */
@media (max-width: 767px) {

	.modal-dialog.modal-full {
		min-width: 100%;
		margin: auto;
		border:none;
		border-radius:none;
	}

	.modal-dialog.modal-full .modal-content {
		min-height: 100vh;
		height:100vh !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
    border:none !important;
	}


	.messages-dialog .modal-dialog.modal-full .modal-content{
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
	}

	/* Mes annonces */
		#dialog-box-user-annonces{
		border:none;
		border-radius:0;
	}
	#dialog-box-user-annonces .modal-dialog{
		min-width: 100%;
		margin: 0;
		border:none;
		border-radius:0;
	}
	#dialog-box-user-annonces .modal-dialog .modal-content {
		min-height: 100vh;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		/* background: #f2f2f2 !important; */
	}

	/* Demandes par annonce #dialog-box-generic.dialog-box-received-demands */
	#dialog-box-generic.dialog-box-received-demands{
		border:none;
		border-radius:0;
	}
	#dialog-box-generic.dialog-box-received-demands .modal-dialog{
		min-width: 100%;
		margin: 0;
		border:none;
		border-radius:0;
	}
	#dialog-box-generic.dialog-box-received-demands .modal-dialog .modal-content{
		min-height: 100vh;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		/* background: #f2f2f2 !important; */
	}


	/* Mes Annonces */
  .modal-content-mes-annonces .row-annonces{

  }

  .modal-content-mes-annonces .row-annonce-container{
    font-size: .8rem!important;
    color: #00101d !important;
  }

  .modal-content-mes-annonces .row-annonce-container .sub{
    color: hsl(14deg 100% 12.2%)!important;
    background-color: #f1f5ff;
    text-transform: capitalize;
    display: inline;
    padding: 4px;
  }


	/* Mes paramètres */
	#dialog-box-account-info .modal-dialog .modal-content{
		/* min-height: 100vh; */
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}
}


  .modal-content-mes-annonces .badge-annonce-status{
    font-size: .74rem!important;
  }

/* .small,
small,
.selected-filters select{
  font-family: fantasy!important;
} */


/* 	COLLAPSIBLE INSIDE DEMANDS AND ANNONCES */


/* Medium devices (less than 1200px) */
@media (max-width: 1199px) {

}


/* PAYPAL CAPTURE BUTTON HEIGHT */
@media only screen and (min-width: 75px){
	.paypal-button-height {
    	height: 25px;
	    min-height: 25px;
    	max-height: 30px;
	}
}

@media only screen and (min-width: 150px){
	.paypal-button-height {
    	height: 25px;
	    min-height: 25px;
    	max-height: 55px;
	}
}

@media only screen and (min-width: 200px){
	.paypal-button-height {
    	height: 35px;
	    min-height: 35px;
    	max-height: 55px;
	}
}

@media only screen and (min-width: 300px){
	.paypal-button-height {
    	height: 45px;
	    min-height: 30px;
    	max-height: 55px;
	}
}

@media only screen and (min-width: 500px){
	.paypal-button-height {
    	height: 55px;
	    min-height: 40px;
    	max-height: 55px;
	}
}






/* Hack affichage google map */
#map {
/*   box-sizing: content-box; */
}

.iframe-container{
    position: relative;
    width: 100%;
/*     padding-bottom: 56.25%; */
}
.iframe-container > *{
    display: block;
/*
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
 */
}
.pac-container {
    background-color: #ffede0 !important;
    position: absolute!important;
    z-index: 10000;
    border-radius: 5px;
    /* border-top: 1px solid #d9d9d9; */
    font-family: Roboto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.pac-matched, .pac-item-query{
  color:var(--km-primary-color)!important;
  /* background-color:var(--km-primary-color)!important; */
}

/* *********************************** */
/* BUTTONS CUSTOM STYLES  */
.btn-warning-pressed-maya{
	background-color:rgba(253,182,13,1);
	color:rgba(200,141,9,1) !important;
}


/* MESSAGE BOX */
.contact-box .col{text-align:left !important;}

/* POPOVER */
.popover{
    max-width: 320px; /* Max Width of the popover (depending on the container!) */
    /* background-color:var(--km-primary-color); */
    /* border: 1px solid var(--km-primary-color); */
}


.show-demand-details.popover{
  width:74%;
}

.popover-show-requests{
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .5) !important;
  border: 4px solid var(--km-primary-color);
  border: 4px solid var(--km-primary-color);
}

/* POPOVER ARROW */
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-top>.arrow::after,
.bs-popover-bottom>.arrow::after {
  border-top-color:var(--km-primary-color);
}



.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}



/* CUSTOM CHECKBOX */
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
/*   font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
/*   background-color: #f1f1f1; */
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
/*   background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: /* #2196F3; */rgba(69,122,251,.9);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: " ";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* CUTOM CHECKBOX ENDS */



/* custom control-input : checkbox utilisés notament dans les filtres de contenu */
.custom-control-label::before {
    background-color: #f8f9f0;
}
.custom-control-input:checked~.custom-control-label::before {
/*     color: #fff; */
    background-color: var(--km-primary-color);
    border:none;
}

.custom-control-label::before{
/* 	top : auto; */
/* 	left:5px; */
/* 	border-radius:50px; */
}

/* ************************************************** */

/* NOUVELLE ANNONCE DATETIME PICKER */
.bootstrap-datetimepicker-widget table th{
	border-bottom : none;
}
.bootstrap-datetimepicker-widget table tr .dow,
table tr .dow{
	display:none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: 18rem !important;
}

.datetimepicker .prev:before{
	content:'«';
}
.datetimepicker .next:before{
	content:'»';
}

/* Fixed UI height */
.datetimepicker.dropdown-menu{
	height: 14.4rem;
}

/* Days UI size */
.datetimepicker-days{width :18rem !important;}
.datetimepicker-days .table-condensed{width :18rem !important;}

/* Hours UI size */
.datetimepicker-hours{width :18rem !important;}
.datetimepicker-hours .table-condensed{width :18rem !important;}

/* Minutes UI size */
.datetimepicker-minutes{width :18rem !important;}
.datetimepicker-minutes .table-condensed{width :18rem !important;}
/**************************************/

/* ISCROLL CONFIG */
#wrapper {
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-new-annonce {
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#scroller-new-annonce {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/* START SUMMERNOTES STYLE */
#wrapper-new-annonce__ .note-statusbar{display: none;}

#wrapper-new-annonce__ .note-editor.note-frame,
.note-editor.note-airframe{
  border:none;
}

#wrapper-new-annonce__ .note-toolbar{
  background: none;
  border:none;
}

#wrapper-new-annonce__ .annonce-image-label{
  display:block;
  text-align: center;
}

#wrapper-new-annonce__ .note-toolbar .note-btn-group{
  width:100%;
  display: block;
  margin: auto;
}

/* #wrapper-new-annonce__ .note-toolbar .note-btn-group .note-btn{
  width:100%;
} */


#wrapper-new-annonce__ .note-toolbar .note-btn-group .note-btn{
  border: none!important;
  background:var(--km-warning-light-1)!important;
  width: 7em;
  height: 82px;
  border-radius: 7px;
  display: block;
  margin: auto;
}

.new-annonce-section-label{color:var(--km-ardoise-strong-2);font-family: "Alfa Slab One";font-size: .85rem!important;}

#wrapper-new-annonce__ .note-toolbar .note-btn-group .note-icon-picture{
  font-size: 2.84rem;
}


#wrapper-new-annonce__ #summernoteNewAnnonce{
  background: none;
  border:none;
  width:100%;
}

#wrapper-new-annonce__ #summernoteImage1NewAnnonce{
  border:none;
}

#wrapper-new-annonce__ .note-editor.note-frame .note-editing-area .note-editable,
#wrapper-new-annonce__ .note-editor.note-airframe .note-editing-area .note-editable{
  overflow: hidden;
}

/* END SUMMER NOTES STYLE */
.note-modal-header{border: none;}
.note-modal-header h4{display: none;}
.form-group.note-group-image-url{display: none;}
.note-modal-footer{display: none;}


/* ********************************************************** */
/* CREATE ACCOUNT */
#wrapper-create-account {
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#scroller-create-account {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
/* CREATE ACCOUNT END */

#wrapper-mes-annonces {
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-mes-annonces {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-mes-demandes {
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-mes-demandes {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-generic{
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#scroller-generic{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
#wrapper-evaluations-detail{
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-evaluations-detail{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-bank-account{
    position: absolute;
    z-index: 1;
    top: 70px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-bank-account{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-account-info{
    position: absolute;
    z-index: 1;
    top: 70px;
    bottom: 40px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-account-info{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/* Params start */
#wrapper-params{
    position: absolute;
    z-index: 1;
    top: 70px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-params{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
/* Params end */
#wrapper-alerts-subscribe{
    position: absolute;
    z-index: 1;
    top: 70px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-alerts-subscribe{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-payment{
    position: absolute;
    z-index: 1;
    top: 190px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-payment{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-notifs{
    position: absolute;
    z-index: 1;
    top: 0px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-notifs{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-update-annonce{
    position: absolute;
    z-index: 1;
    top: 50px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-update-annonce{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-connection{
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-connection{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#wrapper-advanced-search{
    position: absolute;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
/*     background: #ccc; */
    overflow: hidden;
}
#scroller-advanced-search{
    position: absolute;
    z-index: 1;
/*     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
/* Iscroll Advanced search End */

/* Iscroll annonces sorters Start */
#wrapper-annonces-sorters {
    /* position: absolute;
    z-index: 1;
    bottom: 0;
    top: -10px;
    width: 90vw;
    height:50px;
    overflow: hidden; */
}
@media (max-width: 767px) {
    #wrapper-annonces-sorters {
      /* width: 98vw; */
    }
}
#scroller-annonces-sorters {
    /* position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 135%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none; */
}
@media (max-width: 767px) {
    #scroller-annonces-sorters {
      /* width: 350%; */
    }
}
/* Iscroll Annoces sorters End */

/* Iscroll annonces filters Start */
 #wrapper-annonces-filters {
   /* margin-top: 5px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 30px;
    width: 90vw;
    height:50px;
    overflow: hidden; */
}
@media (max-width: 767px) {
    #wrapper-annonces-filters {
      /* width: 98vw; */
    }
}
#scroller-annonces-filters {
    /* position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 135%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none; */
}
@media (max-width: 767px) {
    #scroller-annonces-filters {
      /* width: 310%; */
    }
}
/* Iscroll Annoces filters End */

/* ISCROLL Scrollbar Custom Styles */
.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 16px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: hidden;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 16px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: visible !important;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}
.iScrollIndicator {
	position: absolute;
	background: #cc3f6e;
	border-width: 0px;
/* 	border-style: solid; */
/* 	border-color: #EB97B4 #7C2845 #7C2845 #EB97B4; */
	border-radius: 8px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 100%;
	background : #ffb47d;
/*	background: -moz-linear-gradient(left,  #cc3f6e 0%, #93004e 100%);
	background: -webkit-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: -o-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: -ms-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
	background: linear-gradient(to right,  #cc3f6e 0%,#93004e 100%);
 */
}
.iScrollVerticalScrollbar .iScrollIndicator {
  right: 0;
  width: 100%;
  width: 5px;
/*   height: 100px !important;*/ /* Added By Roland BODO */
  transition: width .3s ease !important;
  background : #ffb47d;
/*
	background: -moz-linear-gradient(top, #cc3f6e 0%, #93004e 100%);
	background: -webkit-linear-gradient(top,  #cc3f6e 0%,#93004e 100%);
	background: -o-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
	background: -ms-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
	background: linear-gradient(to bottom,  #cc3f6e 0%,#93004e 100%);
 */
}

.iScrollVerticalScrollbar .iScrollIndicator:hover, .iScrollVerticalScrollbar .iScrollIndicator:active {
  width: 10px;
}

/* DASHBOARD MES DEMANDES, MES ANNONCES,.... */
.dashboard .card-title{font-family: 'Alfa Slab One', cursive !important;text-align: center;text-decoration: underline;color:var(--km-secondary-color);/*font-size:1.5em !important;*/}
.dashboard-sub-item{
  cursor:pointer;
  background-color:var(--blue) !important;
  color:#fff!important;
}

.dashboard-sub-item{
  cursor: pointer;
  background-color: rgb(255 255 255)!important;
  color: var(--km-secondary-color)!important;
  text-align: center;
  width: 85.33px!important;
  width: 80.33px!important;
  border-radius: 5px!important;
  /* border: 1px solid #c5c5c5!important; */
}

.dashboard-sub-item:hover{
  background-color:#ff7d0e1a !important;
  color:var(--km-primary-color)!important;
}

.dashboard-element-value{font-family:'Alfa Slab One'}

/* // Medium devices (tablets, less than 992px) */
/* @media (max-width: 991.98px) {
  .dashboard-container{
    position: fixed;
    width: 200px;
    left:15%;
    top:100px;
    height:150px;
    transform: translateX(-45%);
  }
} */
/* // Large devices (desktops, 992px and up) */
/* @media (max-width: 992px){*/
  /* .dashboard-container .card{

    background: #676178;
  } */
/* }  */

.dashboard-icon{
  font-size: 4rem;
  color: var(--km-ardoise-strong-2)!important;
}

/* // small devices (desktops, less than 1200px) */
 @media (max-width: 768px) {

   .dashboard-icon{font-size: 6rem;}

   .dashboard-container .card{
     /* background: #efebe9!important; */
     /* background: #ffe1a2!important; */
     /* background-color: rgba(255,125,14,0.1)!important; */
     /* background: rgba(230,228,207,0)!important; */
     /*linear-gradient(to right bottom, #009688, #e57373) !important;*/
     /* color:#fff!important; */
     /* border-color: #fff !important; */
   }

  .dashboard-container .dashboard-sub-item{
      /* background-color:var(--km-primary-color) !important; */
      /* color:#fff!important; */
      padding: 20px;
      margin: 5px 12px!important;
      height: 113.33px;
      width: 45%!important;
  }

  /* #dashboardBody.show{display:none;} */

  .dashboard-element-value {
      font-size: 2rem;
  }

  .dashboard-container .dashboard-sub-item:hover,
  .dashboard-container .dashboard-sub-item:active{
    background-color:#ffede0 !important;
    color:var(--km-primary-color) !important;
  }
}
/* // Extra large devices (large desktops, 1200px and up) */


/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){
  .dashboard-container{
    /* position: fixed; */
    /* min-width: 200px; */
    max-width: 204px;
    /* left:23%; */
    /* top:180px; */
    /* height:150px; */
    /* transform: translateX(-75%); */
    /* z-index: 1; */
  }
  .dashboard small{font-size: x-small;}
}

/* // Medium devices (tablets, 768px and up) */
/* @media (min-width: 820px) and (max-width: 891px){
  .dashboard-container{
    position: fixed;
    width: 200px;
    left:23%;
    top:150px;
    transform: translateX(-75%);
    z-index: 1;
  }
  .dashboard small{font-size: x-small;}
} */


/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 912px){
  .dashboard-container{
    /* position: fixed; */
    /* min-width: 200px; */
    max-width: 204px;
    /* left:23%; */
    /* top:180px; */
    /* height:150px; */
    /* transform: translateX(-75%); */
    /* z-index: 1; */
  }
  .dashboard small{font-size: x-small;}
}


/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-container{
    /* position: fixed; */
    /* min-width: 200px; */
    max-width: 204px;
    /* left:23%; */
    /* top:180px; */
    /* height:150px; */
    /* transform: translateX(-50%); */
    /* z-index: 1; */
  }
  .dashboard small{font-size: x-small;}
}

@media (min-width: 1200px){
  .dashboard-container{
    /* position: fixed; */
    /* min-width: 200px; */ 
    max-width: 204px;
    /* left:25%; */
    /* top:180px; */
    /* height:150px; */
    /* transform: translateX(-50%); */
    /* z-index: 1; */
  }
  .dashboard small{font-size: x-small;}
}





/* STEPS MANAGER WIZARD */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}