/*	Import Bootstrap CSS	*/

@import url("default.css");
@import url("charts.css");

body{
	color:grey;
}

.chart wall#back {			/*	Chart background	*/
	background: linear-gradient(to bottom right, black, black, #404040 ); 
}

.chart legend {			/*	Legend background	*/
	background: linear-gradient(to bottom right, black, black, #404040 );
	color: silver;
	font-size: 16px;
}

.gauge back {	/*	Gauge background	*/
	background: linear-gradient(to bottom right, black, #404040 ); /* black, white */
}

.gauge hand {
	background-color: #BF0000;
	color: #BF0000;
}

.gauge history {
	background-color: #FFC800;
	color: #FFC800;
}

.gauge marks {
	color:silver;
	display:none;
}

h1.latest-station,
 a.latest-station,
  .latest-station {
	color:grey;
}

.custom-table th,
.latest-table th {
	white-space:nowrap;
	color:grey;
	border:grey solid 2px;
}


.custom-table td,
.latest-table td {
	white-space:nowrap;
	color:#447F44;
	border:grey solid 2px;
}

.latest-value {
	color:#447F44;
}

.latest-alert {
	color: #bf0000 !important;
}

.latest-warning {
	color: #bf8800 !important;
}

.latest-threshold-1 {	/* green */
	background: #447F44 !important;
	color: black !important;
}

.latest-threshold-2 {	/* amber */
	background: #bf8800 !important;
	color: black !important;
}

.latest-threshold-3 {	/* red */
	background: #bf0000 !important;
	color: black !important;
}

.no-data {
	color: grey	!important;
}

.series:first-of-type {
	color: #ffc800 !important;
	width: 2px;
}

.series.parameter_50006,
.series#gustspeed {
	color: #ffc800;
	width: 2px;
}

.series.parameter_50002,
.series#windspeed {
	color: #7f0000;
	width: 2px;
}

.series.parameter_10003,
.series#observed {
	color: #ffc800 !important;
	width: 3px;
}

.series.parameter_10004,
.series#predicted {
	color: #007f0e;
	width: 3px;
}

.series#high {
	color: #00ffff;
}

.series#low {
	color: #ff0000;
}

.series#hw {
	color: #ff0000;
}

.series#lw {
	color: #ff0000;
}

.series.parameter_50003,
.series.parameter_60114,
.series#direction {
	color: #0000c0;
	width: 3px;
}

.series.parameter_60108,
.series#waveheightsig {	/* Wave Height (Sig) */
	color: #ffc800;
	width: 2px;
}

.series.parameter_60109,
.series#waveheightmax {	/* Wave Height (Max) */
	color: #7f0000;
	width: 2px;
}

#tidesdocklevels #predicted {
	color: grey !important;
	width: 3px;
}

.PLG-Header,
#PLG-Header-Left,
#PLG-Header-Right {
	color: grey	!important;
}