html, body { margin: 0; width: 100%; height: 100%; overflow:hidden}
#map {
	background-size:30px 30px;
	background-position:0 0, 15px 15px;
    height:100%;
}
.dark {
	background-color:#01111E;
	background-image: linear-gradient(45deg, rgba(6,34,46,.75) 25%, transparent 25%, transparent 75%, rgba(6,34,46,.75) 75%, rgba(6,34,46,.75)), linear-gradient(45deg, rgba(6,34,46,.75) 25%, transparent 25%, transparent 75%, rgba(6,34,46,.75) 75%, rgba(6,34,46,.75));
}
.light {
	background-color:#85A9CB;
	background-image: linear-gradient(45deg, rgba(214,232,244,.1) 25%, transparent 25%, transparent 75%, rgba(214,232,244,.1) 75%, rgba(214,232,244,.1)), linear-gradient(45deg, rgba(214,232,244,.1) 25%, transparent 25%, transparent 75%, rgba(214,232,244,.1) 75%, rgba(214,232,244,.1));
}
body { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  position:relative; }
div { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}
.leaflet-container .leaflet-control-attribution { font-size: 9px; }
.leaflet-control-attribution a, a { color: #007A53; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; color: #20A9C7; }
a:active { text-decoration: underline; }
a:visited { }
strong { color: #00313C; }
.dygraph-axis-label { font-family:  Calibri, Helvetica, Arial; font-size: 7.5pt; overflow: hidden; }
.graph { width: 100% !important;
          height: 200px !important; 
          margin-top: 5px; }

.snap-margin { position: absolute; right: 0px; top: 0px; z-index:998; width: 552px; margin: 0px; padding: 2px; }
.container {}
#survey-container { position: absolute; right: 10px; top: 10px; z-index:999; width: 552px; margin: 0px; padding: 3px; }
.drag-handle { position: relative; height: auto; text-align: center; padding: 2px;
	background-color: rgba(255,255,255,.5);
	border: 1px solid #aaa; border-radius: 3px; cursor:move;
}
#graph-legend { position: absolute; left: 46px; top: 10px; z-index:997; padding: 5px; line-height: 1; display: none; }
.rounded-border { background-color:rgba(255,255,255,.7); border-radius: 4px; padding: 3px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); }
.select2-container { margin: 0px; vertical-align: top; z-index:999; font-weight: normal; }
.select2-container-disabled { opacity:0.5 }
.select2-container-multi .select2-choices, .select2-container .select2-choice { 
/*	background-color: rgba(255,255,255,0.4); */
	background-image: linear-gradient(to bottom, rgba(238,238,238,.4) 1%, rgba(255,255,255,.4) 15%); 
	border-radius: 4px;
}
.leaflet-container { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; }
.leaflet-container .leaflet-control-attribution, .leaflet-control-scale-line { background: rgba(255,255,255,0.4); }
#csiro-mnf-logo { 
    z-index: 999;
    padding-left: 11px;
    padding-bottom: 8px;
}
#nrud-logo {
    z-index: 999;
    padding-left: 45px;
    padding-top: 12px;
}
#nrud { z-index:999; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.75); padding-left:45px; padding-top:48px;}
.button { background-color:#fff; }
div.button:hover { background-color:#eee; }
.radio-checkbox {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */}
.toolbar-icon {
    color:black !important;
}
.surveyBtn{
    margin: 5px 5px 0px 0px;
}
.surveyBtn span{
 	padding: 3px;
}
.sidebar-tabs p{
    margin-top:2px;
    font-size:11px;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.sidebar-tabs a{
    margin-top:8px;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.sidebar-content {
	background-color: rgba(255,255,255,0.7);
}
.sidebar-content h2{
    font-size: 16px;
    margin: 10px 0px 4px 0px;
    font-weight: bold;
    text-shadow: .5px .5px 1px rgba(255,255,255,0.75);
	 color: #333;
}
.sidebar-container {
    position:relative;
    width:100%;
    margin-top:12px;
}
.sidebar-header {
    background-color: #004B87;
}
.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
    background-color: #004B87;
}
.sidebar-tabs > li > a, .sidebar-tabs > ul > li > a {
    display: inline-block;
}
.gradx_slider {
    border: 1px solid rgba(0,0,0,0.5);
    width: 8px;
    height: 8px;
}
.gradx_slider:after {
    left: 4px;
		bottom: 9px;
    border-style: solid;
    border-width: 20px 1px 0px 0px;
    border-color: rgba(0,0,0,0.5);
}
.gradx_panel {
    margin-left: 4.5px;
    margin-right: 4.5px;
    height: 20px;
}
p {
	margin-top: 3px;
	margin-bottom: 15px;
	font-size: 12px;
}
h3 {
	margin: 0px;
	font-size: 13px;
	font-style: italic;
}
.software {
	padding-left: 5px;
	font-size: smaller;
	margin: 5px 0px 5px 0px;
}
.leaflet-popup-content {
    margin: 2px 23px 2px 6px
}
.details .leaflet-popup-content {
  margin: 6px 4px;
  line-height: 1;
  font-size: 0.75rem;
}
.details .leaflet-popup-tip {
  display: none;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background-color:rgba(255,255,255,.7);
}
.leaflet-popup-content-wrapper {
    border-radius: 4px;
}
.fwd-camera-img {
    width: 256px;
    height: 144px;
}
.leaflet-tooltip-pane {
  line-height: 1.2;
}