/*
Modificators : color
*/
.text-blue-dark,
.text-blue-dark:visited,
.text-blue-dark *,
.text-blue-dark *:visited,
.text-link,
.text-link:visited,
.text-link *,
.text-link *:visited,
.text-font-light .text-link,
.text-font-light .text-link:visited {
  color: #1676F3;
}

.text-blue,
.text-blue:visited,
.text-blue *,
.text-blue *:visited {
  color: #2A89EF;
}

.text-blue-light,
.text-blue-light:visited,
.text-blue-light *,
.text-blue-light *:visited {
  color: #419EA4;
}

.text-green-dark,
.text-green-dark:visited,
.text-green-dark *,
.text-green-dark *:visited {
  color: #005200;
}

.text-green,
.text-green:visited,
.text-green *,
.text-green *:visited,
.text-success,
.text-success:visited,
.text-success *,
.text-success *:visited {
  color: #009900;
}

.text-green-light,
.text-green-light:visited,
.text-green-light *,
.text-green-light *:visited,
.text-primary,
.text-primary:visited,
.text-primary *,
.text-primary *:visited {
  color: #99B433;
}

.text-yellow,
.text-yellow:visited,
.text-yellow *,
.text-yellow *:visited {
  color: #FFBF00;
}

.text-orange-dark,
.text-orange-dark:visited,
.text-orange-dark *,
.text-orange-dark *:visited,
.text-warning,
.text-warning:visited,
.text-warning *,
.text-warning *:visited {
  color: #DA502B;
}

.text-orange-light,
.text-orange-light:visited,
.text-orange-light *,
.text-orange-light *:visited {
  color: #E4A41B;
}

.text-red,
.text-red:visited,
.text-red *,
.text-red *:visited,
.text-error,
.text-error *,
.text-error:visited,
.text-error *:visited {
  color: #B01C43;
}

.text-pink-dark,
.text-pink-dark:visited,
.text-pink-dark *,
.text-pink-dark *:visited {
  color: #A000A8;
}

.text-pink,
.text-pink:visited,
.text-pink *,
.text-pink *:visited {
  color: #C33260;
}

.text-purple,
.text-purple:visited,
.text-purple *,
.text-purple *:visited {
  color: #5F3CB9;
}

.text-black,
.text-black:visited,
.text-black *,
.text-black *:visited {
  color: #000000;
}

.text-darkgrey-dark,
.text-darkgrey-dark:visited,
.text-darkgrey-dark *,
.text-darkgrey-dark *:visited,
.text-font,
.text-font:visited,
.text-font *,
.text-font *:visited {
  color: #262626;
}

.text-darkgrey,
.text-darkgrey:visited,
.text-darkgrey *,
.text-darkgrey *:visited {
  color: #4D4D4D;
}

.text-darkgrey-light,
.text-darkgrey-light:visited,
.text-darkgrey-light *,
.text-darkgrey-light *:visited {
  color: #737373;
}

.text-grey-dark,
.text-grey-dark:visited,
.text-grey-dark *,
.text-grey-dark *:visited,
.text-font-light,
.text-font-light:visited,
.text-font-light *,
.text-font-light *:visited {
  color: #8C8C8C;
}

.text-grey,
.text-grey:visited,
.text-grey *,
.text-grey *:visited {
  color: #B3B3B3;
}

.text-grey-light,
.text-grey-light:visited,
.text-grey-light *,
.text-grey-light *:visited,
.text-hover,
.text-hover:visited,
.text-hover *,
.text-hover *:visited {
  color: #D9D9D9;
}

.text-white,
.text-white:visited,
.text-white *,
.text-white *:visited {
  color: #FFFFFF;
}

/**
Modificators : background
*/
.background-blue-dark,
.background-blue-dark *,
.background-link,
.background-link * {
  background-color: #1676F3;
}

.background-blue,
.background-blue * {
  background-color: #2A89EF;
}

.background-blue-light,
.background-blue-light * {
  background-color: #419EA4;
}

.background-green-dark,
.background-green-dark * {
  background-color: #005200;
}

.background-green,
.background-green,
.background-success,
.background-success * {
  background: #009900;
}

.background-green-light,
.background-green-light *,
.background-primary,
.background-primary * {
  background-color: #99B433;
}

.background-yellow,
.background-yellow * {
  background-color: #FFBF00;
}

.background-orange-dark,
.background-orange-dark *,
.background-warning,
.background-warning * {
  background-color: #DA502B;
}

.background-orange-light,
.background-orange-light * {
  background-color: #E4A41B;
}

.background-red,
.background-red *,
.background-error,
.background-error * {
  background-color: #B01C43;
}

.background-pink-dark,
.background-pink-dark * {
  background-color: #A000A8;
}

.background-pink,
.background-pink * {
  background-color: #C33260;
}

.background-purple,
.background-purple * {
  background-color: #5F3CB9;
}

.background-black,
.background-black * {
  background-color: #000000;
}

.background-darkgrey-dark,
.background-darkgrey-dark *,
.background-font,
.background-font * {
  background-color: #262626;
}

.background-darkgrey,
.background-darkgrey * {
  background-color: #4D4D4D;
}

.background-darkgrey-light,
.background-darkgrey-light * {
  background-color: #737373;
}

.background-grey-dark,
.background-grey-dark *,
.background-font-light,
.background-font-light * {
  background-color: #8C8C8C;
}

.background-grey,
.background-grey * {
  background-color: #B3B3B3;
}

.background-grey-light,
.background-grey-light *,
.background-hover,
.background-hover * {
  background-color: #D9D9D9;
}

.background-white,
.background-white * {
  background-color: #FFFFFF;
}

* {
  margin: 0;
  padding: 0;
  font-size: large;
  font-family: Verdana, sans-serif;
  color: #262626;
}

body {
  background-color: #FFFFFF;
}

h1,
h1 * {
  font-size: 1.75rem;
}

img {
  max-width: 100%;
}

.logo {
  display: block;
  margin: 3em auto 1em;
}

figure {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  background-color: #262626;
  box-shadow: 0.25rem 0.25rem 0.25rem #262626;
}

figure img {
  display: block;
  max-width: calc(100% - 1rem);
  margin: 0.5rem auto;
}

a:hover,
a:focus {
  color: #99B433;
}

li {
  text-align: center;
  list-style-type: none;
  padding: 0.25em 0;
}

form {
  padding: 1em;
  color: #FFFFFF;
}

input,
select {
  width: 10em;
  padding: 0.5em;
  color: #262626;
  border: 1px solid #B3B3B3;
}

button {
  display: inline-block;
  width: 11em;
  margin: 1em auto;
  padding: 0.5em 0;
  color: #262626;
  background-color: #99B433;
  border: none;
}

table {
  margin: 1em auto;
  table-layout: auto;
  text-align: center;
  border-collapse: collapse;
}

caption {
  padding: 1em;
  font-weight: 700;
  border-bottom: 1px solid #B3B3B3;
}

th,
td {
  text-align: left;
  padding: 1em;
  border-bottom: 1px solid #B3B3B3;
}

/* Navigation .item on login and about */
nav.item {
  margin: 5em auto;
}

nav.item ul {
  text-align: center;
}

nav.item a {
  display: inline-block;
  padding: 0.5em 0;
  width: 11em;
  color: #333333;
  background-color: #99B433;
  text-decoration: none;
}

nav.item a:hover,
nav.item a:focus,
button:hover {
  color: #FFFFFF;
  background-color: #C33260;
}

/* 
    Menus
*/
.nav-main {
  height: 2rem;
  background-color: #262626;
}

.nav-main ul {
  display: block;
  height: 2rem;
  margin: 0;
  padding: 0;
  z-index: 500;
}

.nav-main li {
  display: inline-block;
  list-style-type: none;
  margin-left: 0;
  border-top: none;
  padding: 0;
}

.nav-main a {
  display: block;
  padding: 0.25rem 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.25rem;
  text-decoration: none;
}

.nav-main a span {
  color: #FFFFFF;
}

.nav-main li a:hover {
  background-color: #99B433;
}

.nav-main li:hover a {
  color: #FFFFFF;
}

.mobileDisplay li.always {
  display: none;
}

/*
Maps 'Leaflet'
*/
#map-parkingmeter-index {
  width: calc(100% - 2em);
  height: 700px;
  margin: 1em;
}

#map-parkingmeter-show {
  height: 200px;
}

.map-leaflet {
  width: 100%;
  margin: 0.15em auto;
}

.map-leaflet .leaflet-control-container,
.map-leaflet .leaflet-shadow-pane,
.map-leaflet .leaflet-title-pane {
  display: none;
}

.map-leaflet .leaflet-marker-pane {
  background-color: transparent;
}

/* Parkingmeters */
#parkingmeters-index,
#parkingmeters-get {
  table-layout: fixed;
  width: calc(100% - 2em);
  margin: 1em auto;
  border-collapse: collapse;
}

#parkingmeters-index a {
  display: block;
  text-decoration: none;
}

#parkingmeters-index th {
  text-align: left;
}

#parkingmeters-index td,
#parkingmeters-get td,
#parkingmeters-get th {
  border-bottom: 1px solid #B3B3B3;
}

#parkingmeters-get td,
#parkingmeters-get th {
  padding: 0.5em 0.25em;
}

#parkingmeters-get th {
  text-align: left;
}

#parkingmeters-image-get {
  display: block;
  margin: 0.25em auto;
  width: calc(100% - 2em);
}

#map-parkingmeter-get {
  display: block;
  width: calc(100% - 3em);
}

/* Row and column */
main:after,
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  width: 100%;
  margin: 0.5rem 0;
}

form .row {
  width: 100%;
  margin: 0.5rem 0;
}

.column {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

table.hoverable tr:hover td {
  background-color: #D9D9D9;
}

/* Level */
.level {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.level-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.level-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
  margin-right: 0.75rem;
}

.level a {
  text-decoration: none;
}

a.button {
  padding: 0.5rem;
  background-color: #262626;
  color: #FFFFFF;
  border: none;
  margin-right: 0.5rem;
  text-align: center;
}

button[type=submit] span,
button[type=button] span {
  background-color: #262626;
  color: #FFFFFF;
  border: none;
}

.button, .button *, .button:visited, .button:visited * {
  color: #FFFFFF !important;
  background-color: #262626 !important;
}

.button, .button.disabled {
  display: inline-block;
  padding: 0.5rem;
}

#notice {
  width: 90%;
  margin: 1em auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

#notice div {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.text-orange-light,
.text-orange-light * {
  color: #E4A41B;
}

.text-green,
.text-green * {
  color: #009900;
}

.text-darkgrey,
.text-darkgrey * {
  color: #4D4D4D;
}

.text-blue,
.text-blue * {
  color: #2A89EF;
}

.text-red,
.text-red * {
  color: #B01C43;
}

.text-purple,
.text-purple * {
  color: #5F3CB9;
}

/*********************************** 
    Medium and large devices display 
***********************************/
@media only screen and (min-width: 769px) {
  .mobileBlock {
    display: none;
  }

  .mobileDisplay li.always {
    display: none;
  }

  .column {
    margin-left: 4%;
  }

  .column:first-child {
    margin-left: 0;
  }

  .one.column {
    width: 13.3333333333%;
  }

  .two.column {
    width: 30.6666666667%;
  }

  .three.column {
    width: 48%;
  }

  .six.column {
    width: 100%;
    margin-left: 0;
  }
}
/***********************
    Small device display 
***********************/
@media only screen and (max-width: 768px) {
  img {
    margin-top: 1em;
  }

  nav {
    margin: 0 auto;
  }

  .mobileBlock,
.mobileDisplay li.always {
    display: block;
  }

  .nav-main,
.nav-main ul,
.mobileMainNav,
.mobileMainNav ul {
    height: auto;
  }

  .nav-main li.always {
    display: block;
    text-align: left;
  }

  .nav-main li {
    display: none;
  }

  .nav-main li.display,
.mobileMainNav li.display {
    display: block;
    text-align: left;
  }

  .nav-main .nav-mainSubVisible .display a {
    color: #FFFFFF;
    padding-left: 2.375rem;
    font-size: inherit;
    list-style-type: circle;
  }

  .nav-main .text {
    display: inline-block;
    color: #FFFFFF;
    padding-left: 1rem;
  }

  .nav-main li:hover ul {
    visibility: hidden;
  }

  .nav-main li:hover .nav-mainSubVisible {
    visibility: visible;
    display: block;
  }
}

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