@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');


body{

    font-family: 'Montserrat', sans-serif;
}

h1 img, .logo-img{
  max-height: 50px;
}

.ui-state-highlight a{
  background: lime !important;
}


#bck-overlay{
  background: rgba(0,0,0,0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9;
}

#date-picker-container{
  position: fixed;
  background: #FFF;
  z-index: 1000;
  top : 0;
  left : 50%;
  margin : 50px;
  margin-left : -200px;
  padding : 50px;
  border-radius : 5px;
  text-align: center;
  display: none;
 
}

#waiting{
  
  position: fixed;
  width: 100%;
   height : 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10;
  display: none; 
}

#waiting div{
  color: #DDD;
  position: absolute;
  top : 50%;
  left: 50%;
  font-size: 5em;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;  
  width: 150px;
  text-align: center;
  height: 150px;
  padding: 20px;
  margin: -75px
}


.legend-color{
  display: inline-block;
  padding: 5px 10px;
  color: #FFF;
}

.welcome img{
  max-height: 25px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 5px;
  border : 1px solid #666;
}

.ui-datepicker-inline{
	margin: auto;
}


/* FLEET AVAIBILITY */

td.fleet-avaible.booked{
	background : #A9A9A9;
}
td.fleet-avaible.booked.jour0{
	background : #696969;
}
td.fleet-avaible{
	background : #98FB98;
}
td.fleet-avaible.jour0{
	background : #008000;
}