<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#cc_outer_container {
}
#cc_menu {
 display: none;
 float: left;
 max-width: 150px;
 height: 400px;
 background-color: #FFFFFF;
}
#cc_map, #cc_meteogram {
 min-width: 200px;
 width: 100%;
 min-height: 500px;
 height: 35em;
}
#cc_map {
}
#cc_meteogram {
 display: none;
 margin: 0px 0px 20px 0px;
 float: right;
 background-color: #FFFFFF;
}
#cc_sidebar{
}
 #cc_sidebar_buttons {
  display: block;
 }
 #cc_sidebar .cc_station_info {
 }
 #cc_sidebar_buttons input[type=radio] {
  border-radius: 100%;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  top: 0.05em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
 }
 .cc_sidebar_param_sel, .cc_sidebar_param_unsel {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border-radius: 18px;
  margin-bottom: 3px;
  margin-bottom: 0px;
  padding: 6px;
  font-size: 14px;
  font-weight: normal;
 }
 .cc_sidebar_param_sel{
   background-color: rgb(66, 126, 147); /* Innovationblue */
   color: white;
  }
 .cc_sidebar_param_unsel {
  background-color: #F3F3F3;
  border-bottom: 2px solid #DDDDDD;
  color: #666666;
 }

 .cc_station_info_table {
  width: 100%;
 }
 .cc_station_info_row {
 }
.innovationblue{
  background-color: rgb(66, 126, 147); /* Innovationblue */
  color: white;
}
.cc_station_info_header {
  text-align: center;
  font-size: 18px;
 }
.cc_station_info_subheader {
  padding: 1px 4px;
  text-align: center;
  /*background-color: #c1d0de;*/
 }
.cc_station_info_subheader {
  font-size: 14px;
 }
 .cc_station_info_stationsel {
  display: none;
 }
  .cc_station_info_select_county {
   color: #52758c;
  }
 .cc_station_info_obtime {
  padding: 1px;
  text-align: center;
  border-bottom: 2px solid #a3bdd6;
  background-color: rgb(66, 126, 147); /* Innovationblue */
  color: white;
 }
 .cc_station_info_obtime {
  font-size: 12px;
 }
 .cc_station_info_data {
  padding: 0px;
  background-color: #a8b5c1;
  text-align: center;
  font-size: 12px;
 }
 .cc_station_info_wx_table {
  width: 100%;
 }
 .cc_station_info_wx_param {
  text-align: center;
  vertical-align: top;
  font-size: 1rem;
  font-weight: 700;
 }
 .cc_station_info_wx_value {
  padding: 1px 4px 1px 2px;
  text-align: center;
  vertical-align: top;
  font-size: 1.75rem;
 }
 .cc_station_info_wx_color0 {
  background-color: none;
 }
 .cc_station_info_wx_color1 {
  background-color: none;
 }
 .cc_station_info_footer {
  height: 24px;
  padding-top: 3px;
  background-color: #F3F3F3;
  border-radius: 0px 0px 18px 18px;
  border-bottom: 2px solid #849EB7;
 }
 .cc_station_info_footer {
  font-size: 11px;
 }

#cc_display_switch {
 display: block;
 text-align: center;
}
 #cc_map_switch, #cc_meteogram_switch {
 }
 #cc_map_switch {
  /*border-radius: 5px 0px 0px 5px;*/
 }
 #cc_meteogram_switch {
  /*border-radius: 0px 5px 5px 0px;*/
 }
 .cc_switch_sel {
   border-color: #5A7894;
   border-width: 3px 1px 1px 1px;
   border-style: solid;
   cursor: default;
   background-color: rgb(66, 126, 147); /* Innovationblue */
   color: white;
 }
 .cc_switch_unsel {
   background-color: #F3F3F3;
   color: #537BA0;
   border-color: #8296A9;
   border-width: 3px 1px 1px 1px;
   border-style: solid;
   cursor: pointer;
 }
 .cc_switch_disabled {
   background-color: #CCCCCC;
   color: black;
   border-color: #AAAAAA;
   border-width: 3px 1px 1px 1px;
   border-style: solid;
   cursor: not-allowed;
 }
/*
@media screen and (max-width: 500px) {
 #cc_container {
  width: auto;
 }
 #cc_displays {
  display: none;
 }
 #cc_sidebar {
  display: block;
  position: static;
  width: 100%;
  height: auto;
 }
 #cc_sidebar_buttons {
  display: none;
 }
 #cc_sidebar .cc_station_info {
  position: static;
 }
 #cc_sidebar .cc_station_info_header {
  font-size: 28px;
 }
 #cc_sidebar .cc_station_info_subheader {
  font-size: 24px;
 }
 #cc_sidebar .cc_station_info_stationsel {
  display: table-cell;
  padding: 1px 4px;
  text-align: center;
  font-size: 24px;
  background-color: #dde4ea;
 }
 #cc_sidebar .cc_station_info_stationsel select {
  font-size: 20px;
  width: auto;
 }
 #cc_sidebar .cc_station_info_obtime {
  font-size: 20px;
 }
 #cc_sidebar .cc_station_info_wx_param, #cc_sidebar .cc_station_info_wx_value {
  font-size: 20px;
 }
 #cc_sidebar .cc_station_info_footer {
  font-size: 18px;
  padding-bottom: 28px;
 }

 #cc_display_switch {
  display: none;
 }
}
*/
/* end media */

.highcharts-background {
 fill: #FFFFFF;
}
.highcharts-title {
 font-size: 20px !important;
 color: #000000 !important;
 fill: #000000 !important;
}
.highcharts-subtitle {
 font-size: 14px !important;
 color: #52758c !important;
 fill: #52758c !important;
}
.highcharts-tooltip table {
 margin: 5px;
}
.highcharts-tooltip tbody {
 border: 0px;
}
.highcharts-tooltip td {
 padding: 2px;
 border: 0px;
}
.highcharts-menu hr {
 margin: 5px 0px;
}
.highcharts-legend-item &gt; rect.highcharts-point{
  stroke-width: 1px;
  stroke: rgb(0,0,0);
}

/* Styles for the wind vector explanation tooltip */
.cc_tooltip {
 display: inline-block;
 position: absolute;
 left: 50px;
 top: 50px;
 background-color: #A3BDD6;
 border: 2px solid #2d567d;
 box-shadow: 0 0 3px grey;
 cursor: default;
 color: #000000;
 border-radius: 8px;
 width: 16px;
 height: 16px;
 font-size: 12px;
 line-height: 12px;
 margin-left: 2px;
 vertical-align: middle;
 text-align: center;
 padding: 0px;
}
.cc_tooltip:before {
 content: '?';
 font-weight: bold;
 color: #000000;
}

/* How the tooltip box fades in */
.cc_tooltip:hover p {
 display: block;
 transform-origin: 100% 0%;
 -webkit-animation: fadeIn 0.3s ease-in-out;
 animation: fadeIn 0.3s ease-in-out;
}
/* The tooltip box */
.cc_tooltip p {
 position: absolute;
 display: none;
 width: 310px;
 height: 120px;
 top: -102px;
 margin-left: 21px;
 text-align: left;
 background-color: #FFFFFF;
 padding: 0px;
 border-radius: 5px;
 color: #FFFFFF;
 font-size: 13px;
 line-height: 1.4;
 z-index: 1000;
 white-space: normal;
}
/* The triangle above the help box */
.cc_tooltip p:before {
 position: absolute;
 content: '';
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-right-color: #333333;
 left: -16px;
 bottom: 4px;
}
.cc_tooltip p:after {
 width: 200px;
 height: 100px;
 content: '';
 position: absolute;
 top: -40px;
 left: 0;
}

/* The tooltip answer/content */
.cc_tooltip_content {
 display: block;
 width: 310px;
 height: 120px;
 padding: 6px;
 border: 3px solid #333333;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 11px;
 font-weight: normal;
 border-radius: 5px;
 overflow: hidden;
}
@-webkit-keyframes fadeIn {
 0% { 
  opacity: 0; 
  transform: scale(0.6);
 }
 100% {
  opacity: 100%;
  transform: scale(1);
 }
}
@keyframes fadeIn {
 0% { opacity:0; }
 100% { opacity:100%; }
}
.circle, .square{
  font-size: 150%;
}

/* New styles */
.bg-primary, .btn-primary{
  background-color: var(--primary) !important;
}
.border-primary{
  border 2px solid var(--primary);
}
.border-danger{
  border 2px solid var(--red);
}
.featured{
  background-color: var(--primary) !important;
  color: white !important;
}
.text-black{
  color: black !important;
}
.is-na{
  display: none;
}

.border-orange{
	border-color: var(--orange) !important
}
.border-blue{
	border-color: var(--blue) !important
}
.bg-white{
	background-color: white !important;
}
.bg-blue{
	color: white;
	background-color: var(--blue) !important
}
.text-grey{
	color: #666;
}
.text-black{
	color: black;
}
.bg-black{
	background-color: #000;
	color: white;
}
.bg-red{
	background-color: var(--red);
	color: white;
}
.bg-orange{
	background-color: var(--orange);
	color: white;
}
.bg-yellow{
	background-color: var(--yellow);
	color: black;
}
.bg-green{
	background-color: var(--green);
	color: white;
}
.bg-dark{
	background-color: var(--dark);
}
.text-black{
	color: var(--black) !important;
}
.text-red{
	color: var(--red) !important;
}
.text-orange{
	color: var(--orange) !important;
}
</pre></body></html>