/*
(c) 2014 has.to.be GmbH
This file is licenced under the HTB Proprietary Licence (HPL)
If it contains third party plugins, that are licenced under the GPL
or any other open source licence, this file is licenced under the GPL.

Creator:	Martin Klaessner
Description:	
*/
/* 
    Created on : 19.11.2015, 06:25:21
    Author     : klma
*/
html {
  width: 100%;
  height: 100%;
  font-size: 12px;
  padding: 0px;
  margin: 0px; }

body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%; }

.main-view {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 0; }

mapbox {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 0; }

/* Map Styles */
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in; }

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6); }

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6); }

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6); }

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6); }

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6); }

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6); }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

.leaflet-popup {
  background-color: #FFF; }

/* Popup container layouts */
.leaflet-popup-content {
  width: auto !important; }

#station_popup_container.popup_default {
  width: 800px;
  height: 400px; }

.popup_please_wait {
  width: 100%;
  height: 100%;
  text-align: center; }
  .popup_please_wait .loader:before,
  .popup_please_wait .loader:after,
  .popup_please_wait .loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out; }
  .popup_please_wait .loader {
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
  .popup_please_wait .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .popup_please_wait .loader:after {
    left: 3.5em; }
  .popup_please_wait .loader:before,
  .popup_please_wait .loader:after {
    content: '';
    position: absolute;
    top: 0; }

/* Custom Tab Handling for Bootstrap 3 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #ddd; }

.tabs-right {
  border-left: 1px solid #ddd; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-left > li {
  margin-right: -1px;
  width: 100%; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent; }

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0; }

@-webkit-keyframes load7 {
  0%,
	80%,
	100% {
    box-shadow: 0 2.5em 0 -1.3em #cccccc; }
  40% {
    box-shadow: 0 2.5em 0 0 #cccccc; } }
@keyframes load7 {
  0%,
	80%,
	100% {
    box-shadow: 0 2.5em 0 -1.3em #cccccc; }
  40% {
    box-shadow: 0 2.5em 0 0 #cccccc; } }
/**
	*Include for Stationfindersetting via external SCSS
*/
/*
	Default Stationfinder Styles
*/
div.main-view {
  width: 100vw !important;
  height: 100vh !important;
  /* Stationfinder */ }
  div.main-view.mapfinder .leaflet-control-container {
    width: 100%;
    height: 100%; }
    div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left {
      width: 100%;
      height: 100%;
      position: relative;
      /* Zoomcontrol */
      /* Geocoder */ }
      div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom {
        background-color: transparent;
        border: 0px;
        border-radius: 0px;
        margin-left: 0px;
        width: 100%;
        margin-top: 0px;
        padding: 10px; }
        div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a {
          font-family: "htb-customer-portal";
          font-size: 22px;
          display: block;
          float: right;
          margin-left: 10px;
          width: 45px;
          height: 45px;
          text-align: center;
          text-indent: 0px;
          color: #FFF;
          background-image: none;
          text-decoration: none;
          border-bottom: 0px;
          background-color: #666;
          margin-bottom: 5px;
          border-radius: 0px !important;
          opacity: 1; }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover {
            text-decoration: none;
            background-color: #FFF;
            color: #666; }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-in {
            padding-top: 13px;
            padding-left: 2px; }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-out {
            padding-top: 13px;
            padding-left: 0px;
            font-size: 15px; }
      div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder {
        position: absolute;
        top: 0px;
        border: 0px; }
        div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-toggle {
          border-radius: 0px;
          width: 45px;
          height: 45px;
          border: none;
          background-color: #666;
          color: #FFF;
          background-image: none;
          padding-left: 11px;
          padding-top: 14px;
          opacity: 1;
          text-decoration: none; }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-toggle:before {
            font-family: "htb-customer-portal" !important;
            content: "h";
            font-size: 22px; }
        div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
          left: 45px;
          height: 45px;
          border: 0px;
          top: 0px;
          background-color: #FFF;
          border-radius: 0px;
          padding-top: 10px;
          width: 0px;
          -moz-transition: width .5s;
          -webkit-transition: width .5s;
          transition: width .5s; }
          @media (max-width: 767px) {
            div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
              width: -webkit-calc(100vw - 177px);
              width: -moz-calc(100vw - 177px);
              width: calc(100vw - 177px); } }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap .leaflet-control-mapbox-geocoder-form input {
            width: 100%; }
        div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
          width: 350px; }
        div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-results {
          left: 45px !important;
          top: 45px;
          border: 0px;
          width: 350px;
          background-color: #FFF;
          border-radius: 0px; }
          @media (max-width: 767px) {
            div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-results {
              left: 0px !important;
              width: -webkit-calc(100vw - 177px + 45px);
              width: -moz-calc(100vw - 177px + 45px);
              width: calc(100vw - 177px + 45px); } }
          div.main-view.mapfinder .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-results a {
            padding-top: 8px;
            padding-bottom: 33px; }
  div.main-view.mapfinder .station-address, div.main-view.mapfinder .station-connector-pricing-list {
    padding-top: 10px; }
  div.main-view.mapfinder .tab-pane h2 {
    padding-top: 10px; }
  div.main-view.mapfinder .station-connector-pricing-list {
    padding-top: 0px; }

div.main-view {
  width: 100vw !important;
  height: 100vh !important;
  /* Home Map */
  /* MAP Container */ }
  div.main-view.map_home .leaflet-control-container {
    width: 100%;
    height: 100%;
    /* Searchfield Bottom */ }
    div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left {
      width: 100%;
      height: 100%;
      position: relative;
      /* Zoomcontrol */ }
      div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom {
        background-color: transparent;
        border: 0px;
        border-radius: 0px;
        float: right;
        margin-left: 0px;
        margin-top: 110px; }
        div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a {
          font-family: "htb-customer-portal";
          font-size: 22px;
          display: block;
          width: 45px;
          height: 45px;
          text-align: center;
          text-indent: 0px;
          color: #FFF;
          background-image: none;
          text-decoration: none;
          border-bottom: 0px;
          background-color: #666;
          margin-bottom: 5px;
          border-radius: 0px !important;
          opacity: 1; }
          div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover {
            text-decoration: none;
            background-color: #FFF;
            color: #666; }
          div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-in {
            padding-top: 13px;
            padding-left: 2px; }
          div.main-view.map_home .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-out {
            padding-top: 13px;
            padding-left: 3px;
            font-size: 15px; }
    div.main-view.map_home .leaflet-control-container .leaflet-control-mapbox-geocoder {
      display: none !important;
      width: 100%;
      background-color: #333;
      margin-left: 0px;
      border-radius: 0px;
      border: none;
      height: 98px;
      padding-top: 15px;
      bottom: 0px;
      position: absolute; }
    div.main-view.map_home .leaflet-control-container .leaflet-control-mapbox-geocoder-results {
      display: none !important;
      position: static;
      margin-left: auto;
      margin-right: auto;
      margin-top: -115px;
      padding-bottom: 24px; }
    div.main-view.map_home .leaflet-control-container .leaflet-control-mapbox-geocoder-toggle {
      margin-left: auto;
      margin-right: auto; }
    div.main-view.map_home .leaflet-control-container .leaflet-control-mapbox-geocoder-wrap {
      display: none !important;
      position: static;
      border-radius: 0px;
      margin-left: auto;
      margin-right: auto; }
  div.main-view .leaflet-map-pane {
    /* Popup Formats for Details-View */ }
    div.main-view .leaflet-map-pane .leaflet-objects-pane {
      /* Markers */ }
      div.main-view .leaflet-map-pane .leaflet-objects-pane .leaflet-marker-pane .marker-cluster {
        background-color: #92888c; }
        div.main-view .leaflet-map-pane .leaflet-objects-pane .leaflet-marker-pane .marker-cluster div {
          background-color: rgba(221, 218, 219, 0.6);
          color: #FFF; }
    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-close-button {
      z-index: 99;
      position: absolute;
      border-radius: 0px;
      background-color: #FFF; }
    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup {
      width: 480px !important;
      height: 300px;
      border: 3px solid #666;
      border-radius: 0px;
      overflow: hidden; }
      div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
        padding: 0px !important; }
        div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default {
          width: initial !important;
          height: initial !important;
          margin-top: -1px;
          /*External Content for Popup*/ }
          div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row {
            margin-left: 0px !important;
            margin-right: 0px !important;
            /* Popup Navitation Part */
            /* Popup Content Part*/ }
            div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation {
              padding: 0px !important;
              width: 40px;
              background-color: #666;
              height: 300px;
              margin-left: -1px; }
              div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav {
                position: absolute;
                bottom: 5px;
                border: 0px !important; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li.active > a {
                  border-right: 1px solid #FFF; }
                  div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li.active > a > i {
                    color: #666; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li a {
                  padding: 0px;
                  margin-right: 0px;
                  border-radius: 0px;
                  padding-left: 4px;
                  padding-top: 3px;
                  height: 38px; }
                  div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li a:hover {
                    background-color: #FFF;
                    border-color: #FFF; }
                    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li a:hover > i {
                      color: #666; }
                  div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li a i {
                    font-size: 26px;
                    color: #FFF; }
                  div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-navigation ul.nav li a span {
                    display: none; }
            div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content {
              padding: 0px !important;
              width: 433px !important;
              height: 295px;
              overflow-y: auto;
              overflow-x: hidden;
              right: 0px; }
              div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content {
                padding-left: 5px; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content h1 {
                  font-size: 16px; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content p {
                  font-size: 12px;
                  line-height: 14px; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station_location_image {
                  width: 190px;
                  height: auto;
                  margin-bottom: 10px; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list {
                  display: table;
                  table-layout: fixed; }
                  div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row {
                    display: table-row; }
                    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell {
                      display: table-cell;
                      /*
                      <div class="table-cell connector-function">
                      <a href="#" class="cpi-start-charging"><span>Start</span></a>
                      </div>
                      */ }
                      div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-icon-container img, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-icon-container img {
                        width: 15px;
                        height: auto;
                        margin-right: 3px; }
                      div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-details, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-details {
                        width: 120px;
                        overflow: hidden;
                        padding-top: 0px;
                        vertical-align: top; }
                        div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-details h2, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-details h2 {
                          font-size: 12px;
                          margin-bottom: 0px;
                          padding-top: 5px; }
                        div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-details p, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-details p {
                          margin-bottom: 2px; }
                      div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-function, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-function {
                        vertical-align: bottom; }
                        div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-function a, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-function a {
                          font-size: 1.875em;
                          text-decoration: none; }
                          div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-function a.cpi-start-charging, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-function a.cpi-start-charging {
                            color: #00C500 !important; }
                          div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-function a.cpi-stop-charging, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-function a.cpi-stop-charging {
                            color: #000 !important; }
                          div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row .table-cell.connector-function a span, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row .table-cell.connector-function a span {
                            display: none; }
                    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row.occupied .connector-details h2, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row.occupied .connector-details h2 {
                      color: #FB6C00; }
                    div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-list .table-row.available .connector-details h2, div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .station-connector-pricing-list .table-row.available .connector-details h2 {
                      color: #00C500; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .col-xs-8 {
                  width: 245px;
                  padding-right: 0px; }
                div.main-view .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup_default.row .popup-content .tab-content .col-xs-4 {
                  padding: 0px;
                  padding-left: 14px;
                  width: 190px; }

.mobile_popup {
  position: absolute;
  top: 0px;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #FFF; }
  .mobile_popup #station_popup_container.popup_default {
    width: 100% !important;
    height: -webkit-calc(45vh-67px);
    height: -moz-calc(45vh);
    height: calc(100vh - 67px);
    overflow: auto;
    margin-left: 0px;
    margin-right: 0px; }
  .mobile_popup .close-button {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 9;
    cursor: pointer; }
    .mobile_popup .close-button i {
      font-size: 35px;
      color: #666; }
    .mobile_popup .close-button span {
      display: none; }
  .mobile_popup .popup-content {
    padding-top: 60px; }
    .mobile_popup .popup-content .tab-content h1, .mobile_popup .popup-content .tab-content h2 {
      font-size: 1.25em;
      margin-top: 0px;
      padding-top: 0px; }
    .mobile_popup .popup-content .tab-content .station-address {
      padding-top: 0px; }
    .mobile_popup .popup-content .tab-content .station_location_image {
      width: 100%;
      height: auto; }
    @media (max-width: 590px) {
      .mobile_popup .popup-content .tab-content .col-xs-8 {
        width: 100%;
        clear: both; }
      .mobile_popup .popup-content .tab-content .col-xs-4 {
        width: 100%;
        clear: both; }
        .mobile_popup .popup-content .tab-content .col-xs-4 img.station_location_image {
          display: none; } }
    .mobile_popup .popup-content .station-connector-list, .mobile_popup .popup-content .station-connector-pricing-list {
      display: table;
      min-width: 60%; }
      .mobile_popup .popup-content .station-connector-list .table-row, .mobile_popup .popup-content .station-connector-pricing-list .table-row {
        display: table-row; }
        .mobile_popup .popup-content .station-connector-list .table-row .table-cell, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell {
          display: table-cell; }
          .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-icon-container img, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-icon-container img {
            width: 15px;
            height: auto;
            margin-right: 3px; }
          .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-details h2, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-details h2 {
            font-size: 12px;
            margin-bottom: 0px; }
          .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-details p, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-details p {
            margin-bottom: 2px; }
          .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-function, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-function {
            vertical-align: bottom;
            padding-top: 5px; }
            .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-function a, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-function a {
              font-size: 1.875em;
              text-decoration: none; }
              .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-function a.cpi-start-charging, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-function a.cpi-start-charging {
                color: #00C500 !important;
                cursor: pointer; }
              .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-function a.cpi-stop-charging, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-function a.cpi-stop-charging {
                color: #000 !important; }
              .mobile_popup .popup-content .station-connector-list .table-row .table-cell.connector-function a span, .mobile_popup .popup-content .station-connector-pricing-list .table-row .table-cell.connector-function a span {
                display: none; }
  .mobile_popup .footer_menu {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #666; }
    .mobile_popup .footer_menu ul {
      width: initial;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      border: none; }
      .mobile_popup .footer_menu ul li {
        float: left;
        width: initial;
        border-radius: 0px;
        border: none;
        width: 65px; }
        .mobile_popup .footer_menu ul li a {
          border: none;
          font-size: 35px;
          color: #666;
          padding-bottom: 0px; }
        .mobile_popup .footer_menu ul li.active > a {
          border: 0px;
          color: #333; }
        .mobile_popup .footer_menu ul li:hover > a {
          background-color: transparent;
          border: none; }
        .mobile_popup .footer_menu ul li span {
          display: none; }

.please_wait {
  width: 100%;
  height: 100%;
  text-align: center; }
  .please_wait .loader:before,
  .please_wait .loader:after,
  .please_wait .loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out; }
  .please_wait .loader {
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
  .please_wait .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .please_wait .loader:after {
    left: 3.5em; }
  .please_wait .loader:before,
  .please_wait .loader:after {
    content: '';
    position: absolute;
    top: 0; }

@-webkit-keyframes load7 {
  0%,
	80%,
	100% {
    box-shadow: 0 2.5em 0 -1.3em #f2f2f2; }
  40% {
    box-shadow: 0 2.5em 0 0 #f2f2f2; } }
@keyframes load7 {
  0%,
	80%,
	100% {
    box-shadow: 0 2.5em 0 -1.3em #f2f2f2; }
  40% {
    box-shadow: 0 2.5em 0 0 #f2f2f2; } }
/* Functionality for remote start charging: */
/* Bootbox Formats */
.bootbox .modal-content {
  border-radius: 0px; }
.bootbox .modal-header {
  color: #FFF;
  background-color: #666;
  border-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1em;
  font-weight: 400; }
.bootbox .bootbox-body {
  margin-top: 5px;
  margin-bottom: 5px; }
.bootbox .modal-footer {
  padding-top: 10px;
  padding-bottom: 10px; }
.bootbox .btn-cancel {
  background-color: #333;
  color: #FFF;
  border-radius: 0px; }
.bootbox .btn-submit,
.bootbox .btn-close {
  background-color: #666;
  color: #FFF;
  border-radius: 0px; }
.bootbox .btn-close {
  display: none; }
.bootbox .bootbox-close-button {
  color: #FFF;
  text-shadow: none !important;
  opacity: 0.8;
  line-height: 1.3; }
.bootbox .please_wait .loader {
  margin: 0px auto 50px; }
.bootbox .success,
.bootbox .warning {
  margin: 0px auto 20px;
  text-align: center; }
  .bootbox .success .cpi-checkmark,
  .bootbox .warning .cpi-checkmark {
    color: #008000;
    font-size: 3em; }
  .bootbox .success .cpi-warning,
  .bootbox .warning .cpi-warning {
    color: #FF9500;
    font-size: 4em; }
.bootbox .authentication-media-list {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .bootbox .authentication-media-list .card-list {
    border-top: 1px solid #f2f2f2;
    width: 100%; }
  .bootbox .authentication-media-list .table-row {
    display: table;
    width: 100% !important;
    vertical-align: top; }
  .bootbox .authentication-media-list .table-cell {
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 5px; }
    .bootbox .authentication-media-list .table-cell.item-name {
      min-width: 150px; }
    .bootbox .authentication-media-list .table-cell.item-function {
      min-width: 50px;
      text-align: right;
      padding-right: 5px; }
      .bootbox .authentication-media-list .table-cell.item-function a {
        font-size: 3em;
        line-height: 1;
        margin: 0px; }
        .bootbox .authentication-media-list .table-cell.item-function a span {
          display: none; }
        .bootbox .authentication-media-list .table-cell.item-function a:hover {
          text-decoration: none;
          color: #008000; }
  .bootbox .authentication-media-list .card-label {
    font-weight: 500; }
  .bootbox .authentication-media-list .btn-close {
    display: none; }
  .bootbox .authentication-media-list .success,
  .bootbox .authentication-media-list .warning {
    margin: 0px auto 20px;
    text-align: center; }
    .bootbox .authentication-media-list .success .cpi-checkmark,
    .bootbox .authentication-media-list .warning .cpi-checkmark {
      color: #008000;
      font-size: 3em; }
    .bootbox .authentication-media-list .success .cpi-warning,
    .bootbox .authentication-media-list .warning .cpi-warning {
      color: #FF9500;
      font-size: 4em; }

/* Connector Font Style */
i[class^="connector-"] {
  margin-right: 5px;
  font-size: 25px; }

/*# sourceMappingURL=stationfinder.css.map */