/*
** Styles for the Google Maps
*/

p#ShowMap {
   border: solid 1px #AAAAAA;
   border-radius: 3px;
   padding: 10px;
   cursor: pointer;
   background: #FFFFFF;
   text-align: center;
   margin: 5px 2px;
}

#map_canvas {
font-family: Roboto,sans-serif,Helvetica;
margin:0px;
padding:0px;
font-size: 14px;
font-weight:normal;
line-height:12px;
border: solid 2px #DDDDDD;
border-radius: 3px;
margin-right:0px;
padding-right:0px;
background:#fff;
box-shadow: 1px 1px 3px #444444;
}

#map_canvas.mapFull {
     position:absolute!important;
     width:100vw!important;
     height:100vh!important;
     left:0!important;
     top:0!important;
     margin:0!important;
     padding:0!important;
     z-index: 1000;
     display:block;
}


div.mapCanvas {
    padding-right:0px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin-bottom: 45px;
}

div.mapLegend {
    background-color: #fff;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    height: 60px;
    width: 166px; 
    /* width: 120px; */
    padding: 0;
    margin: 0 0 0 10px;
}

div.mapControls {
   background: transparent;
   padding: 0;
   margin: 0 10px 0 10px;
   overflow: hidden;
}

div.mapControls.mobile {
   z-index: 0;
   position: absolute;
   top: 10px!important;
   right: 0;
}

div.mapControls p {
   background-color: #FFFFFF;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   margin: 0;
   padding: 10px;
   font-size: 14px;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
   box-shadow: 0 1px 4px -1px #0000004C;
   overflow:hidden;
   text-overflow:ellipsis;
}


div.mapControls p:first-child {
   margin-bottom: 12px;
}

div.mapControls p span.mapButton {
   color: #333333;
   font-weight: 500;
   font-size: 18px;
   
}

div.mapControls p span.Presb {
   font-weight: normal;
}

   
/*
** We need both the #map_canvas and the .ibfix styles to make sure that Google 
** sizes the info bubble correctly, and the HTML is rendered the way we want.
**
** if we omit one or the other then either the HTML is not styled the way we 
** want, or worse yet the infobubble window is sized incorrectly
*/

div.ibfix {
 margin: 6px;
}

.ibfix p{
font-family: Roboto,sans-serif,Helvetica;
font-size: 14px!important;
font-weight: normal;
line-height: 13px;
color: #333333;
margin:0px;
padding:0px;
}

.ibfix p a {
font-family: Roboto,sans-serif,Helvetica;
color: #0084b4;
}

.ibfix p a:hover {
color: #006731;
}
.ibfix h6{
font-family: Roboto,sans-serif,Helvetica!important;
font-size: 14px!important;
font-weight: bold;
color: #243B87;
margin-left: 0px;
margin-top: 12px;
margin-bottom: 4px;
margin-right:0px;
padding:0px;
}
.gm-style{
font-family: Roboto,sans-serif,Helvetica;
}

div.gm-style-iw.gm-style-iw-c button {
top: 0!important;
right: 0!important;
}


.ibfix h5{
font-family: Roboto,sans-serif,Helvetica;
font-size: 16px;
font-weight: bold;
color: #333333;
margin-top:0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
border-bottom: solid 1px #B0BEC5;
}

div.ibfix p.ibfix:last-child {
   border-top: solid 1px #B0BEC5;
   padding-top: 8px;
}
/*
** This provides the stuff for the list of markers on the right
** including the coloring to match the color of the marker
*/

.labelContainer {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
}

.lCblue {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
text-decoration:none;
color:#6b98ff;
} 


a.lCblue {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
font-weight:normal;
color:#6b98ff!important;
text-decoration:none;
}

a.lCblue:visited {
font-weight:normal;
color:#6b98ff!important;
text-decoration:none;
}

a.lCblue:hover {
font-weight:normal;
text-decoration:none;
color:#000000!important;
}

.lCdarkgreen {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
text-decoration:none;
color:#04c200!important;
}

a.lCdarkgreen {
font-size: 11px!important;
font-weight:normal;
color:#04c200!important;
text-decoration:none;
}

a.lCdarkgreen:visited {
font-weight:normal;
color:#04c200!important;
text-decoration:none;
}

a.lCdarkgreen:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}



.lCgreen {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#97ec7d!important;
text-decoration:none;
}

a.lCgreen {
font-size: 11px!important;
font-weight:normal;
color:#97ec7d!important;
text-decoration:none;
}
a.lCgreenvisited {
font-weight:normal;
color:#97ec7d!important;
text-decoration:none;
}
a.lCgreen:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}

.lCred {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#fff065!important;
text-decoration:none;
}

a.lCred {
font-size: 11px!important;
font-weight:normal;
color:#fff065!important;
text-decoration:none;
}
a.lCred:visited {
font-weight:normal;
color:#fff065!important;
text-decoration:none;
}
a.lCred:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}


.lCpaleblue {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#bde3ff!important;
text-decoration:none;
}

a.lCpaleblue{
font-size: 11px!important;
font-weight:normal;
color:#bde3ff!important;
text-decoration:none;
}
a.lCpaleblue:visited {
font-weight:normal;
color:#bde3ff!important;
text-decoration:none;
}
a.lCpaleblue:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}


.lCpurple {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#c89bff!important;
text-decoration:none;
}

a.lCpurple {
font-size: 11px!important;
font-weight:normal;
color:#c89bff!important;
text-decoration:none;
}
a.lCpurple:visited {
font-weight:normal;
color:#c89bff!important;
text-decoration:none;
}
a.lCpurple::hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}

.lCpink {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#fdabff!important;
text-decoration:none;
}

a.lCpink {
font-size: 11px!important;
font-weight:normal;
color:#fdabff!important;
text-decoration:none;
}
a.lCpink:visited {
font-weight:normal;
color:#fdabff!important;
text-decoration:none;
}
a.lCpink:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}



.lCyellow {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#fff065!important;
text-decoration:none;
}

a.lCyellow {
font-size: 11px!important;
font-weight:normal;
color:#fff065!important;
text-decoration:none;
}
a.lCyellow:visited {
font-weight:normal;
color:#fff065!important;
text-decoration:none;
}
a.lCyellow:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}


.lCorange {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#fd8d08!important;
text-decoration:none;
}

a.lCorange {
font-size: 11px!important;
font-weight:normal;
color:#fd8d08!important;
text-decoration:none;
}
a.lCorange:visited {
font-weight:normal;
color:#fd8d08!important;
text-decoration:none;
}
a.lCorange:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}


.lCbrown {
font-family: Roboto,sans-serif,Helvetica;
font-size: 11px!important;
font-weight:bold;
color:#cb9d7c!important;
text-decoration:none;
}

a.lCbrown {
font-size: 11px!important;
font-weight:normal;
color:#cb9d7c!important;
text-decoration:none;
}
a.lCbrown:visited {
font-weight:normal;
color:#cb9d7c!important;
text-decoration:none;
}
a.lCbrown:hover {
font-weight:normal;
color:#000000!important;
text-decoration:none;
}

table#WheelOption input[type="checkbox"] {
   height: 15px;
   width: 15px;
}

table#WheelOption label {
    vertical-align: top;

}

@media only screen
       and (hover: none) 
       and (pointer: coarse) {

    .gm-fullscreen-control {
        display:none;
    }

}

@media only screen
       and (max-device-width: 349px) 
       and (hover: none) 
       and (pointer: coarse) 
       and (orientation: portrait) { 

       div.mapControls p {
           overflow:hidden;
           text-overflow:ellipsis;
           width:70px;
       }
}