body{
    margin: 0;
    padding: 0;
}
#cmap{
  height: 500px;    
  height: 90vh;
  border: 1px solid #999;
  border-radius: 3px; 
}
#cmap.fullscreen{
  width:      100%;
  height:     100%; 
  z-index:    99;
  top:        0; 
  left:       0; 
  position:   fixed; 
}
.cmaplabel{z-index: 999 !important;}
.leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px;
}
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px;
}
.leaflet-container a[class|="leaflet"] {
    text-decoration: none !important;
}
.ccmap-bldng-name{font-weight: bold;}
.ccmap-bldng-col{
    width: 48%;
    float: left;
}
.ccmap-bldng-col:nth-child(2){
    margin-left: 3%;   
}
.ccmap-bldngs {
    margin-top: 20px;
}
.ccmap-bldngs:after {
    content: "";
    display: table;
    clear: both;
}
.ccmap-popup-name{
    font-size: 1.5em;
    font-weight: bold;
}
.ccmap-popup-img{
    width: 300px;
    margin-top: 5px;
}
.leaflet-popup-content{
    max-width: 320px;
}
.ccmap-popup-hours-head, .ccmap-popup-entrance-head{
   display: block;
   font-weight: 700;
   margin-top: 8px;
}
.ccmap-popup-hours p, .ccmap-popup-hours li {
   margin: 0;
   font-size: 12px;
}
.ccmap-popup-hours p em{
   font-size: 12px;    
}
.ccmap-popup-more{
    margin-left: 1em;
    font-size: .9em;
    white-space: nowrap;
}
.ccmap-popup-short{
    font-size: .9em;
    display: block;
    line-height: 1.3em;
}
.ccmap-bldngs h2{
    color: #fff;
    padding: 3px 8px;
    font-size: 1.5em;
    border-radius: 2px;
}
h2.ccmap-bldng-aa{
    background-color: #007b81;
}
h2.ccmap-bldng-rhh{
    background-color: #d09b2c; 
}
h2.ccmap-bldng-lh{
    background-color: #83240e; 
}
h2.ccmap-bldng-fs{
    background-color: #6a3b64; 
}
h2.ccmap-bldng-fsh{
    background-color: #746148; 
}
h2.ccmap-bldng-facilities{
    background-color: #003f68; 
}
h2.ccmap-bldng-sports{
    background-color: #b7682b; 
}
h2.ccmap-bldng-fac{
    background-color: #89002f; 
}
h2.ccmap-bldng-green{
    background-color: #91af46; 
}
#content h2[class^="ccmap-bldng"] {
    color: white !important;
    text-shadow: rgba(0,0,0,.5) 0 0 3px;
}
#cmap.showcoords {
    cursor: crosshair;
}
.leaflet-control-layers input{
    border: none;   
}
#content .leaflet-control a {
    text-decoration: none;
}
.maplegend{
    display: inline-block;
    background: rgba(255,255,255,1);
    padding: 3px 7px;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 1px 5px 0px; 
    border-radius: 4px;
    min-width: 360px;
}
.maplegend strong{
    font-size: 1.2em;
    display: block;
    margin: 0;
    padding: 0;
}
.maplegend div{
  margin: 0px;
  width: 125px;
  float: left;  
}
.maplegend span{
  display: inline-block; 
  width: 95px; 
  height: 5px;
  margin: 0 10px;
}
.maplegend .accroute{
    border-bottom: 3px dashed black;
    margin-top: 22px;
}
.maplegend .diffroute{
    border-bottom: 3px dashed red;
    margin-top: 22px;
}
.maplegend .entrance {
    border: 1px solid #4764AE;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: rgba(71,100,175,.8);
    margin-top: 17px;
}
.maplegend label{
  display:inline-block; 
  width: 115px; 
  margin-left: 10px;
  font-style: italic;
}

@media only screen and (max-width: 600px)  {
    .ccmap-bldng-col{
        width: 100%;
        float: none;
    }
    .ccmap-bldng-col:nth-child(2){
        margin-left: 0;   
    }    
    .ccmap-popup-img{
        width: 180px;
    }
    .leaflet-popup-content{
        max-width: 180px;
    }
}

/**
@media
(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.leaflet-control-fullscreen a {
background-position: 2px 2px;
}
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
background-position:2px -24px;
}
}
**/

/** leaflet accessibility fixes, labels are clipped when text increases in size **/
.leaflet-control-zoom *,
.leaflet-control-layers-list *,
.leaflet-control-attribution *{
  overflow: visible !important;    
  overflow-x: visible;
  overflow-y: visible;
}