@import url('https://fonts.googleapis.com/css?family=Material+Icons');

#map {
  width: 100%;height:auto;
  z-index: 1;
  padding-bottom: 60px;
}

.overlay h4 {
  font-size: 2rem;
    color: #ffffff;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
  text-align: center;
    text-transform: uppercase;
}

#map #wybierz_pp h4 {
  text-align: left;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

#pane-order-form > div.content-columns:nth-child(2) {
  margin-bottom: 0px;
}

#map_inside {
  position: relative;
   overflow: hidden;
    height: 100%;
  box-sizing: border-box;
}

#map > div#container {
    height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

#form-search-container {
  position: relative;
  border: 1px solid #cbcbcb;
  margin-bottom: 10px;
  padding-left: 50px;
  height: 44px;
}

#box.wide {
  width: auto;
}

#form-search-container input {
  border: none;
  outline: 0;
  width: 100%;
  box-sizing: border-box;
}

#form-search-container label {
  font-size: 14px;
}

#map .icons {
  color: #c3c3c3;
  font-size: 30px;
}

#map .btn-show-lists {
  height: 30px;
  padding: 5px 10px;
    padding-left: 0px;
}

#map .btn-show-lists .icon-menu {
  position: absolute;
}

#map .btn-show-lists span {
  padding-left: 35px;
  line-height: 30px;
}

#map.error label.error {
  display: block;
}

#form-search-container .icon-search {
    position: absolute;
    top: 10px;
    left: 10px;
  -moz-transform:    scaleX(-1); /* Gecko */
  -o-transform:      scaleX(-1); /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform:         scaleX(-1); /* Standard */
  filter: FlipH;                 /* IE 6/7/8 */

}

.form-control-input #kod {
  font-family: Open Sans,sans-serif;
    display: block;
    background: #fff;
    border: 1px solid #cbcbcb;
    padding: 8px 16px;
    width: 100%;
    height: 48px;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 2px;
    line-height: 18px;
    color: #0d0d0d;
  padding: 16px 32px 8px 16px;
  padding-left: 49px;
}

#podpowiedzi {
  border: 1px dotted #bbb;
    border-top: 0px;
    margin-top: -10px;
    padding: 0px;
   display: none;
   background-color: #fff;
  margin-bottom: 10px;
}

#podpowiedzi ul {
  list-style: none;
    margin: 0px;
  padding: 0px;
}

#podpowiedzi ul li {
  padding: 15px;
  border-bottom: 1px solid silver;
  cursor: pointer;
}

#map_canvas {
  height: 30vw;
  max-height: 100%;
  width: 100%;
  z-index: 1;
  min-height: 360px;
}


.icon-search {
   cursor: pointer;
}

.leaflet-container a.leaflet-popup-close-button {
  display: none;
}

#map .leaflet-marker-icon {
  cursor: pointer;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #poczta_miejsca {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    border: 1px solid silver;
    overflow-y: scroll;
    display: none;
  }

  #box {
    width: 100%;
  }

  .has-float-label input:placeholder-shown:not(:focus)+* {
    font-size: 125%;
    top: 0.5em;
  }

  .overlay h4 {
    top: 35%;
  }
}
@media screen and (min-width: 768px) {
  #poczta_miejsca {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    z-index: 2;
    background-color: #fff;
    border: 1px solid silver;
    overflow-y: scroll;
    display: none;
  }
  #box {
    position: relative;
   /* width: 60%; */
    margin: 0 auto;
    height: 100%;
    overflow: auto;
  }
}



#poczta_miejsca::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#poczta_miejsca::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#poczta_miejsca::-webkit-scrollbar-thumb
{
  background-color: #000000;
}


#poczta_miejsca div {
  padding: 10px;
  position: relative ;
}

#poczta_miejsca .button {
  background-color: transparent ;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -99999px;
  margin: 0px;
}

#poczta_miejsca div:hover {
  background-color: #ededed;
}

.pp_nazwa {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}

.wybierz_pp {
  width: 100%;
  border: 0;
  cursor: pointer;
  text-align: center;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  margin-top: 8px;
  background: #313131;
    border-top: 1px solid silver;
  outline: 0;
}

#poczta_miejsca > div:first-child .wybierz_pp {
  border-top: 0px;
}

#wybierz_pp .ico-pni {
  display: none;
}

.pp_pni, .leaflet-popup-content .pp_pni {
  margin: 0 ;
}

.pp_pni {
 position: relative ;
 padding-left: 0px !important;
}

.pp_info * {
	font-size: 16px !important;
}

.ico-pni {
  width: 36px;
  height: 41px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15px;
}

.ico-orlen {
  background-image: url( /scripts/images/marker-icon-orlen.png ) ;
}

.ico-poczta {
  background-image: url( /scripts/images/marker-icon-poczta.png ) ;
}

.ico-zabka {
  background-image: url( /scripts/images/marker-icon-zabka.png ) ;
}

.ico-ruch {
  background-image: url( /scripts/images/marker-icon-ruch.png ) ;
}

.btn-show-lists {
  cursor: pointer;
  display: none;
}

.overlay {
  background: rgba(128, 128, 128, 0.6196078431372549);
    height: 30vw;
    max-height: 100%;
    width: 100%;
    z-index: 5;
    min-height: 360px;
    position: absolute;
}

#map_inside .leaflet-popup-content-wrapper {
  display: none;
  }

#map_inside .leaflet-popup-tip-container {
  display: none;
  }
#map_inside .leaflet-popup-tip {
    display: none;
  }


.point-info-popup {
  position: absolute;
  right: 16px;
  bottom: 0px;
  width: auto;
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition: all .6s ease;
  z-index: 100;
  min-width: 200px;
    width: auto;
  overflow: hidden;
}

.point-info-popup .button.wybierz_pp {
  margin: 0px;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 0px;
}

.point-info-popup .pp_pni {
  margin: 15px 15px 10px 15px;
}

.point-info-popup .leaflet-popup-close-button {
  cursor: pointer;
}


.point-info-popup span.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.point-info-popup.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.point-info-popup .ico-pni {
  display: none; 
}