/* Fuelchecker CSS lib */
.block-fuelchecker{
  width:100%;
  text-align: center;

}

.block-fuelchecker input[type="text"]{
  padding:10px;
  width:250px;
  display:block;
  margin:10px auto;

}

.block-fuelchecker button{
  padding:9px;
  margin:10px auto;
  /*width:106px;*/
  width:250px;
  display:block;
}

@media (min-width: 768px) {
  .block-fuelchecker button{
    width:250px;
  }
}
#rego-search,
#resultContainerYes,
#resultContainerNo,
#resultsContainerMaybe {

  display: none;

}
#resultContainerYes button,
#resultContainerNo button,
#resultsContainerMaybe button,
#mapContainer button, .listResults button {
  position: absolute;
  z-index:5;
  top:10px;
  right: 10px;
  width: 78px;
  border-radius: 5px;
  background-color: #0b863d;
  border: 2px solid white;
}

#resultContainerYes button:hover,
#resultContainerNo button:hover,
#resultsContainerMaybe button:hover,#mapContainer button:hover, .listResults button:hover{
  color: #0b863d;
  background-color: white;
}


@media (min-width: 768px) {
  #resultContainerYes button,
  #resultContainerNo button,
  #mapContainer button, #resultsContainerMaybe button, .listResults button {
    width: 120px;
  }
}

.error{
  display:none;
  color:#F00;
}

#resultContainerYes,
#resultContainerNo,
#resultsContainerMaybe,
#map{
  top:0;
  left:0;
  width:100%;
  z-index: 2;
  background-color: #FFF;
}

#map{
  position:absolute;
  height:650px;
}
#mapContainer{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:700px;
  background-color: #FFF;

}

.showMap{
  z-index:10 !important;
  -webkit-transition: z-index 2s; /* Safari */
  transition: z-index 2s;
}
#mapContainer.hideMap{
  z-index:-10 !important;
  -webkit-transition: z-index 2s; /* Safari */
  transition: z-index 2s;
  opacity: 0;
  height: 0px;
}


#loading{
  position:absolute;;
  top:0;
  left:0;
  width:100%;
  height:650px;
  margin:0;
  padding:0;
  background: rgba(255, 255, 255, 0.6);
  z-index:10;
  display:none;
  color:#FFF;
}
#loading-maps{
  /*opacity:0;*/
  position:absolute;
  top:20px;
  left:20px;
  width:50px !important;
  height:50px !important;
  margin:0;
  padding:0;
  z-index:12;
}

#mytest {background-color: #F00;}
/*
'<div class="infoWindow">'+
      '<p class="title">'price.price
        '<div class="header">'+
        '</div>'+
        '<h1><img src="/modules/fuelchecker/images/'+station.brand+'_logo.png" width="40" height="40">'+station.name+'</h1>'+
        '<div>'+
        '<p>'+price.price+'</p>'+
        '<p>'+price.fueltype+'</p>'+
        '<p>'+station.address+'</p>'+
        '</div>'+
        '</div>';
*/

/*Remove google's padding*/
.custom-iw .gm-style-iw {
      top:0px !important;
      left:0 !important;
      border-radius:2px;
  }
  .custom-iw>div:first-child>div:nth-child(2) {
      display:none;
  }
  /** the shadow **/
  .custom-iw>div:first-child>div:last-child {
      left:0 !important;
      top:0px;
      box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
      z-index:-1 !important;
  }

  .custom-iw .gm-style-iw,
  .custom-iw .gm-style-iw>div,
  .custom-iw .gm-style-iw>div>div {
      width:100% !important;
      max-width:100% !important;
  }
  /** set here the width **/
  .custom-iw,
  .custom-iw>div:first-child>div:last-child {
      width:300px !important;
  }


  /** set here the desired background-color **/
  #div-main-infoWindow,
  .custom-iw>div:first-child>div:nth-child(n-1)>div>div,
  .custom-iw>div>div:last-child,
  .custom-iw .gm-style-iw,
  .custom-iw .gm-style-iw>div,
  .custom-iw .gm-style-iw>div>div {
      background-color:white !important;
  }

  /** close-button(note that there may be a scrollbar) **/
  .custom-iw>div:last-child {
    display:none !important;
      opacity:0 !important;
  }

  /** padding of the content **/
  #div-main-infoWindow {
      padding:0px;
  }




.info-window{
  background-color: #ff0;
  /*width: 269px;*/
}

.info-window a, .info-window a:visited, .info-window a:active{
  color:#04853C;
  text-decoration: none;
  font-size: 14px;
}

.info-window a:hover{
  text-decoration: underline;
}

.info-window .info-title{
  background-color: #04853C;
  font-size: 30px;
  font-weight: bold;
  padding: 2px 0;
  color: #fff;
  margin: 0;
  border-radius: 2px 2px 0 0;
}

#block-fuelcheckerblock .info-window .info-title h3{
    color: white;
}

#block-fuelcheckerblock .info-window  p{
    font-size: 14px;
}


#block-fuelcheckerblock .info-window .info-content{
  padding:10px 10px 0px 10px;
}
#block-fuelcheckerblock .info-window hr{
  margin: 10px 0;
}

.label-red {
    background-color: #db3131;
}
.marker-label {
    /*font-family: 'Open Sans Condensed',sans-serif;*/
    color: #fff;
    background-color: #04853C;
    font-size: 14px;
    text-align: center;
    width: 50px;
    white-space: nowrap;
    padding: 3px 0;
}
.cheapest-label{
  color: #fff;
  font-weight: bold;
  background-color: #99CE67;
  /*background-color: #851304;*/
  background-color: #ed1c24;
  font-size: 14px;
  text-align: center;
  width: 50px;
  white-space: nowrap;
  padding: 3px 0;
  z-order:10;
  position:relative;
}


.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;
}

.results-additional-notes,
.result-notes {
  padding:5px;
  margin-bottom: 20px;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.results-additional-notes,
.result-notes p{
  padding:0;
  margin:0;
}

#resultContainerYes #modelNameResult, #resultContainerNo #modelNameResultNo, #resultsContainerMaybe #modelNameResult  {
  text-transform: inherit;
}

#question-icon {
  display: none;
}

.unknownCompatible img {
  width: 50px !important;
  margin: 0px !important;
}
.notCompatible img {
  width: 50px !important;
  margin: 0px !important;
}

.compatible img {
  width: 50px !important;
  margin: 0px !important;
}

#modelNameResultNo span,
#modelNameResult span{
  text-transform: uppercase;
}

/*@media (min-width: 768px) {*/
  #block-fuelcheckerblock.map-showing {
    height: 659px;
    overflow: hidden;
  }
/*}*/

.debug{
  color:#F00;
}