/*Images should be set to 1920 x 1080px*/ 
blue 003A5D
yellow FED925
#activeMarkerHighlightColor{
  color: yellow;
}

.nucloud-map .infowindow {background:#003A5D; border-radius: 0px;border:none;  color:#003A5D;}
/****HEADER****/
.infowindow header {background:#003A5D; color:#ffd100; border:none;}
.infowindow header div.title {color:#ffd100; }
.infowindow header .close a{color:#ffd100;}

/****Content****/
.infowindow .description .desc-inner {color:#fff;}
.infowindow .description .desc-inner a {color:#ffd100;}
.infowindow .thumbnails img {border:3px solid #003A5D;}
.infowindow .thumbnails img:hover {border-color:#6eb2c8;}
.infowindow .thumbnails img:focus {border-color:#6eb2c8;}
.infowindow .default-footer {color:#333;}

.infowindow .gallery {background:#72c7e7;}
.nucloud-map .layout-left .gallery{padding-top:30px;}
.nucloud-map .layout-left .gallery:after{
    content:"Click Thumbnail for Larger Image"; 
  width:250px; 
  font-size:12px;  
  position:absolute; 
top:5px; 
    
}

/***********************
#### LEGEND ####
***********************/
.nucloudMapLegend{width:325px; background:#003A5D; }
.legend-leftside-closed {left: -326px!important;}
.legend-rightside-closed {right: -326px!important;}

.nucloudMapLegend .header{background:#003A5D; border:none; color:#FFFFFF !important;}
.nucloud-map .legendClose{color#ffd100;}
.nucloud-map .legendClose:hover{color:#ffffff;}
.nucloud-map .legendClose i{display:none;}

/*Legend Control*/
.showLegendContol{height:250px; top:0px; border-right:1px solid #999; color: #fff; background:#FED925;}
.showLegendContol .fa-bars{display:none;}
.showLegendContol:before{content:"Map Legend"; 
  width:180px; 
  font-size:26px;  
  position:absolute; 
  top:80px; 
  left:-70px; 
  transform: rotate(90deg); 
  color:#003A5D;
}

/*Legend Open Icon*/
.showLegendContol:after{
   font-family: FontAwesome;font-size:26px; position:absolute; top:180px; left:12px; color:#003A5D;}
.legend-rightside-open .showLegendContol:after{content:"\f101";}
.legend-rightside-closed .showLegendContol:after{content:"\f100";}

.nucloudMapLegend.rightside .legendControlSide {border-radius: 0;}
.rightside .legendControlSide {border:none;  border-style: solid;border-width:0 0 100px 100;border-color: transparent transparent transparent;}

/*Legend Contents*/
.nucloudMapLegend .list .layer-accordian .tab label:hover{color:#000;background:#F58114;}
.nucloudMapLegend .list .layer-accordian .tab .tab-content .item:hover{color:#000;background:#F58114;}

.nucloudMapLegend .list .layer-accordian .tab .tab-content .item {margin-left: 1px;}
.nucloudMapLegend .list .item{}
.nucloudMapLegend .list .item .title {color:#fff; font-weight:bold;}
.nucloudMapLegend .list .item:hover {color:#000; background:#39819D;}
.nucloudMapLegend .list .layer-accordian .tab .tab-content{padding:0 0 0 0;}
.nucloudMapLegend .list .layer-accordian .tab label::after{display:none;}
.nucloudMapLegend .list .layer-accordian .tab label .category-title {
    margin-left: 10px;
    color:#ffd100;
}
.nucloudMapLegend .list .layer-accordian .tab label .category-title:hover{color:#000;background:#F58114;}


/***********************
Stop Title Hover Over
***********************/
.nucloud-map .highlightMarker{border-radius:0px; background:#FED925 !important; color:#003A5D; font-weight:bold; border:1px solid #fff;}
.nucloudMapLegend .list .layer-accordian .tab label .layer-feature-count {
    color:#fff;
    font-size: x-small;
    font-weight: 400;
}
/***********************
Map Controls
***********************/
.nucloud-map .showLegendContol{}

.nucloud-map .ol-zoom {top:55px; bottom:auto;}
.nucloud-map .ol-zoom button{background:#FED925; height:40px; width:40px; font-size:24px;}
.nucloud-map .ol-zoom button:hover{background-color: #003A5D;}


.toggle-geo-map button{width:40px; height:40px; background:#003A5D;}
.toggle-geo-map button:hover{background:#FED925}
.toggle-geo-map button i{font-size:30px}

.geolocation-control{left:55px; top:8px;}
.geolocation-control button{width:40px; height:40px; background:#003A5D;}
.geolocation-control button:hover{background:#FED925;}
.geolocation-control button i{font-size:30px;}

.ol-full-screen{ top:144px;}
.ol-full-screen button{width:39px; height:40px; background:#003A5D; font-size:30px;}
.ol-full-screen button:hover, .ol-full-screen button:focus{background:#FED925;}

.basemap-control{left:102px; padding:3px; top:8px;}
.basemap-control .basemap-control-select{height:40px; background:#FED925;}
.basemap-control .basemap-control-select::selection{ background:#003A5D;}

.contact-form .toggle-contact-form-btn {
    background: #003A5D; bottom:auto; top:20px; font-weight:bold;
}
.contact-form .toggle-contact-form-btn:hover {background:#FED925; color:#000;}
.contact-form a{color:#eee;}

.infowindow .default-footer .paging a{color:#ffd100; font-weight:bold;}
.infowindow header .tool a {color:#ffd100; background:#003A5D; }
.infowindow header .tool a:hover {color:#72c7e7; background:#003A5D; }
.infowindow a {color:#ffd100; }
.infowindow a:hover{color:#72c7e7;background:#003A5D; }
/*******************
Scrollbars
*******************/
.mCSB_dragger_bar{background-color:#333!important;}
.mCSB_draggerRail{background-color:#ccc!important;}

/*Style Overrides */

@media (min-width: 750px) {

.infowindow {
    width: 90%;
    max-width: 1200px;
}

.nucloud-map .layout-left .viewer {
    width: 70%;
    float: left;
    overflow: hidden;
}

.infowindow .viewer-inner {
    padding: 20px;
    overflow: hidden;
}

.nucloud-map .layout-left .description {
    width: 30%;
}
.infowindow .description .desc-inner {

    height: 100%;
    max-height: 650px;
}
    .infowindow header .tool a .text{display:inline; color:#ffd100; }
    .infowindow header .tool a .text:hover{color:#72c7e7; }
    .infowindow header div.title{width:60%;}

}