@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.css");
body {
    font-family: 'Varela Round', sans-serif;
	height: 100%;
	background: #DFE4DF; 
   }
p{	
	margin: 0px;
	/*color: #999999;*/
}
form{
	padding-top: 15px;
}

.orange{
	color: #FF9900;
}
.noPadding{
	padding: 0;
}
.nopadding{
	padding: 0;
}
.noMargin{
	margin: 0px;
}
.logo-lowcoast{
	max-height: 40px;
	max-width: 190px;
}
.logo-agence{
	margin-top:  5px;
	max-height: 50px;
	max-width: 50px;
}
.btn-menu-agence{
	background: #F8F8F8;
	color: #000000;
	border: 0px;
	margin-top: 10px;
	
}
.bar{
	background: #F8F8F8;
	border-bottom-color: #F8F8F8;
	webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	height: 70px;
}
.navbar-right{
	padding-right: 20px;
	
}
.img-br{
	
	border-bottom-left-radius: 4px;
}
.item-active{
	background-color: #E4E4E4;
	margin: 2px;
    border-radius: 4px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
}
.item{
	
	margin: 2px;
    border-radius: 4px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
}
.dropdown-header{
	color: #fff;
	font-size: 14px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	background-color: #4DB648;
}

.credit{
	font-size: 18px;
	color: #EF8928;
	padding-top: 10px;
}
.menu{
	
	background: #F2F4F2; 
	
	padding-top: 70px;
}
@media screen and (min-width: 1023px) {
	.menu{
	
	background: #F2F4F2; 
	min-height: 100vh; 
	height: 100%;
	padding-top: 70px;
}
}
.main{
	padding-top: 70px;
	background: #DFE4DF; 
	min-height: 100vh; 
	height: 100%;
}
.nav-pills{
	font-size: 10px;
	text-decoration-color: aqua;
}
.nav-filter {
	background-color:#444;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #4DB648;
}
.gris{
	color: #999999;
}
.li-btn{
	width: 32%;
	width: 33%;
}
.btn-menu{
	width: 100%;
	padding: 15px;
	background-color: #4DB648;
	border-color: #4DB648;
	color: #fff;
	margin-bottom: 15px;
	
}
.dateAller{
	padding-right: 2px !important;
}
.dateRetour{
	padding-left: 2px !important;
}
.div-passager{
	background-color: #FFF;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 2px;
	border-radius: 4px;
}
.btn-plus {
	width: 25px;
	height: 25px;
	background:#fff;
	border-radius:50%;
	border:none;
	padding: 0px;
	color:#71C56D;
}
.btn-moins {
	width: 25px;
	height: 25px;
	background:#fff;
	border-radius:50%;
	border:none;
	padding: 0px;
	color:#71C56D;/*color:#999999;*/
}
.btn-passagers.inactif {color: #d8d8d8;}
.btn-passagers{outline: none;}
.btn-passagers i{outline: none;}
#moteur > * {
  outline: none;
}
.btn-grp{
	font-size: 11px;
	background-color: #DFE4DF;
}
.btn-active{
	background-color: #FFF;
}
.pading-2{
	padding: 2px;
}


.clickable
{
    cursor: pointer;
}

.clickable .glyphicon
{
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px
}

.panel-heading span
{
    margin-top: -23px;
    font-size: 15px;
    margin-right: -9px;
}
.padding-top-buttom{
	padding-bottom: 20px;
	padding-top: 20px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }






.card {
    margin: 2px;
    border-radius: 4px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
}

.card .about {
  
  padding: 0px;
  box-sizing: border-box;
}

.card .about h3,
.card .about .lead {
  font-weight: 300;
  margin: 0;
}

.card .about h3 {
  font-size: 24px;
}

.card .about .lead {
  color: #aaa;
}

.card .info {
  float: left;
  padding: 10px 30px 10px 0;
}

.card .info p {
  font-size: 11px;
  color: #aaa;
  font-weight: 300;
}

.legends {
  padding-top: 10px;
  overflow: hidden;
}

.legend {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 50%;
}

.legend--this {
  background-color: #5555FF;
}

.legend--prev {
  background-color: #FF55B8;
}

.axis {
  position: absolute;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  bottom: 0;
}

.axis .tick {
  flex: 1;
  position: relative;
  overflow: hidden;
  opacity: 0.2;
  font-size: 11px;
  text-align: center;
  line-height: 40px;
  padding-top: 150px;
}

.axis .tick:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.2);
}

.axis .tick .value {
  transform: translateY(-40px);
  transition: 0.3s transform;
  position: absolute;
  top: 20px;
  color: #444;
  border-radius: 6px;
  width: 100%;
  line-height: 20px;
}

.axis .tick:hover .value.value--this {
  transform: translateY(0);
  display: block;
}

.value.value--this {
  color: #5555FF;
  font-weight: bold;
}
.frame{
	min-height: 100vh; 
	height: 100%;
	min-width: 100%;
	border: 0px;
}
.item-dash{
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
    border-radius: 4px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.33);
}
.green{
	color: #77C573;
}
.icon-dash{
	font-size: 60px;
}
.margin-5{
	margin: 5px;
}
.white{
	color: #FFF;
}
.item-dash-credit{
	padding-top: 12px;
	background-color: #009999;
}.item-dash-chifre{
	padding-top: 20px;
	background-color: #7AA3C4;
}
.wait .trajet{
 position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  
}
.loader {

  animation: rotate 5s linear infinite;
}
.loading-img{
	max-width: 350px;
	
}
@keyframes rotate {
100% {transform: rotate(360deg);}
}
.bg-green-price{
	background-color: #77C573;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.bg-green{
	background-color: #77C573;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.filtre-balance{
	margin-top: 10px;
	border-radius: 6px;
	border: 1px solid #999999;
	
}
.moteur label.error{position:unset;border:2px solid #cc2908;background-color:#cc2908;padding:5px 10px;color:#fff;border-radius:0px;font-size:1rem;line-height:1.4rem;box-shadow:0 0 20px rgba(0,0,0,.1);text-align:center;text-transform:none;width:auto;}
.moteur .locationError{position:absolute;margin-top:6px;z-index:9;width:100%; text-align:center;}
.moteur .locationError .error:before{content:'';display:block;position:absolute;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #cc2908 transparent;top:-6px;left:50%;margin-left:-5px;z-index:9002;}
.moteur #errordivDepartureDate{margin-top: 40px;}
.moteur #errordivReturnDate{margin-top: 40px;}
.wait {display:none}
.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #4db648;
    background-image: -webkit-linear-gradient(top, #4db648 0%, #3a9c35 100%);
    background-image: -o-linear-gradient(top, #4db648 0%, #3a9c35 100%);
    background-image: linear-gradient(to bottom, #4db648 0%, #3a9c35 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;}
.datepicker table tr td.active.active{background-color: #4db648;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{background-color: #4db648;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -ms-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4db648),to(#4db648));
    background-image: -webkit-linear-gradient(top,#4db648,#4db648);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(top,#08c,#04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #4db648 #4db648 #4db648;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);}
	
	.spField .spField-input .spField-input-raw{border:0;background:#fff;font-weight:inherit;font-size:inherit;font-size:14px;font-weight:500;box-sizing:border-box;background-color:transparent;height:44px;border-radius:3px;color:#2e353b;display:inline;width:100%;white-space:nowrap;overflow:hidden;line-height:20px;padding-left:14px;}
.spField-input{border-radius:3px;}
.spField-input{border:1px solid #c6d0dc;}
.spField._error .spField-note{color:#d21c1c;text-align:right;}
.ReservationPassengerNationality-flag{position:absolute;top:30px;left:40px;right:30px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;z-index:10;width:30px}
.ReservationPassengerTel-flag{position:absolute;top:30px;left:40px;right:30px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;z-index:10;width:40%;padding:0px;height:30px;}
.Flag{position:relative;z-index:1;height:11px;margin-bottom:2px;}
select {
	width: 100%;
    height: 65px;
    /*border: solid 0px;*/
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    height: 44px;
    border-radius: 3px;
    color: #2e353b;
    display: inline;
    width: 100%;
    line-height: 20px;
    padding-left: 0px;
    padding: 10px 8px;}
#frmPassagers 	select {border: solid 0px;}
	.ReservationPayment-col label{width:100%}
.ButtonWrapper._primary{color:#fff;background:#fb2e00;}
.ButtonWrapper._fullwidth{width:100%;}
.ButtonWrapper._large{height:60px;padding:0 28.5px;}
.ButtonWrapper._large, .ButtonWrapper._xlarge{font-size:20px;}
.ButtonWrapper{position:relative;box-sizing:border-box;display:inline-block;height:100%;background-color:#01bba5;border-radius:3px;text-align:center;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;border:none}
#sessionTimeoutModal .modal-content,#sessionAlertModal .modal-content {
    position: relative;
    color: #fff;
    background-color: #d20000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
#sessionTimeoutModal .modal-content p,#sessionAlertModal .modal-content p{
    color: #fff;
}
.searchExpired{text-align:center;margin:60px 0px;}
.searchExpired .title{font-size:32px;color:#cc0202}
.searchExpired .btns{margin-top:30px;}
#scrollTol {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	/*font-size: 18px;  Increase font size */
	font-size: 45px;
	color: #4db648;
	padding: 0px 5px;
    height: 55px;
}

#scrollTol:hover {
	/*background-color: #4db648;*/ /* Add a dark-grey background on hover */
	color:#d8262c;/*white;*/
}
#scrollTol i {
	 font-size: 45px;
	 padding-top: 5px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
   /* min-width: 240px;*/
    padding: 0px;
    margin: 5px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.filtre  .dropdown-menu {min-width: 240px;}
.pnrDiv   .dropdown-menu {border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);left: auto;
    top: 20px;}
.nav-pills>li+li {
    padding-left: 2px;
	margin-left:0px;
}

@media (max-width: 767px) {
	.navbarDd {border:none;}
	.navbarUl { float:right;padding-right: 0px;}
	.btn-menu-agenceDD { float:right;    margin-bottom: 10px}
	.subMenuDd { clear:both;background-color: white !important;    border: 1px solid rgba(0,0,0,.15) !important; border-radius: 0px !important;}
	.subMenuDd a{ color: #333 !important;}
	.subMenuDd .divider{ background-color: #e5e5e5 !important;}
}

.nav>li>a{padding: 10px 2px;}

.btn:focus , .btn:active{ outline: none !important;}
.btn:hover , .btn-menu:hover{ background-color: #fff !important; border-color: #4DB648 !important; color: #4DB648 !important;font-weight: 600 !important;  text-decoration: none !important; border: 1px solid #4DB648 !important;}