/* basic colors for boxes */

.app-map-nav > .color0, .right > .color0 {
  background-color: #C7C7C7; 
}
.app-map-nav > .color1, .right > .color1 {
  background-color: #780c1d;
}

.app-map-nav > .color2, .right > .color2 {
  background-color: #095946; 
}

.app-map-nav > .color3, .right > .color3 {
  background-color: #76523e;
}

.app-map-nav > .color4,.right > .color4 {
  background-color: #769cc3;
}

.app-map-nav > .color5, .right > .color5 {
  background-color: #3995a7;
}

.app-map-nav > .color6, .right > .color6 {
  background-color: #66c2d4;
}

.app-map-nav > .color7, .right > .color7 {
  background-color: #febf4d;
}


.h-color {
  font-size: 200% !important;
}
.h-color0{
  color: #C7C7C7 !important;
}
.h-color1{
  color: #780c1d !important;
}
.h-color2{
  color: #095946 !important;  
}
.h-color3{
  color: #76523e !important;
}
.h-color4{
  color: #769cc3 !important;
}
.h-color5{
  color: #3995a7 !important;
}
.h-color6{
  color: #66c2d4 !important;
}
.h-color7{
  color: #febf4d !important;
}


.available_rentals {
  border: 1px solid #ABABAB;
  border-radius: 2px;
  font: 14px Georgia, Times, serif; 
  font-weight: bold; 
  color: #fffde4; 
  text-align:center;
 }
 .available_rentals:hover {
  background-color: #2ABDA3;  
 }
 .available_rentals a {
  color: #fffde4!important;
 }

.selection {
  font-size: 18px;
  font-weight: 900;
}

.error {
  color: red;
  padding-left: 5px;
}
nav.map-nav {
    width: 100%;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-right: none;
}

nav.map-nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

nav.map-nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    width: 33%; /* fallback for non-calc() browsers */
    width: calc(100% /3);
    box-sizing: border-box;
}

nav.map-nav ul li:first-child {
    border-left: none;
}

nav.map-nav ul li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 0;
}

nav.map-nav ul li a:hover {
  color: #fff;
  text-shadow: 2px 2px #000;
}