.ui-widget-header {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 1px solid #aaaaaa !important;
  background: none !important;
  color: #222222;
  font-weight: bold;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ui-widget-content {
  border: 0px !important;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px !important;
}
#tabs-1 {
  background-color: #fff;
}
#tabs-2 {
  background-color: #fff;
}
#tabs-3 {
  background-color: #fff;
}
#tabs-4 {
  background-color: #fff;
}
#tabs-5 {
  background-color: #fff;
}
.weather-label {
  font-weight: bold;
  margin-left: 18px;
  padding-top: 30px;
  margin-bottom: 15px;
  color: #666;
  text-decoration: underline;
}


:root {
  --rain-color: #3399ff;
  --wind-gust-color: #5f5f5f;
  --pressure-color: rgb(127 127 127);
  --temperature-color: #cc0000;
  --solarradiation-color-0: #ffc600;
  --solarradiation-color-50: rgba(255, 200, 0, 0.35);
  --solarradiation-color-100: rgba(255, 200, 0, 0);
  --solarradiation-border-color: #00000011;
}

.highcharts-legend-item rect {
  stroke: rgba(0, 0, 0, 0.15);
}

.highcharts-markers path.highcharts-point[fill="url(#temperature-gradient)"] {
  fill: url(#radial-gradient) !important;
}

.highcharts-legend-item path[stroke="url(#temperature-gradient)"] {
  x: 2;
  y: 6;
  rx: 6;
  ry: 6;
  width: 12;
  height: 12;
  fill: url(#temperature-gradient);
  stroke: red;
}

.highcharts-subtitle,
.highcharts-axis-title,
.highcharts-legend-item > text,
.highcharts-plot-line-label,
.highcharts-button text,
.highcharts-range-input text,
.highcharts-menu-item,
.highcharts-no-data text,
.highcharts-annotation-label text {
  font-size: 12.5px !important;
  font-family: "Ubuntu", sans-serif !important;
}

.highcharts-axis-labels,
.highcharts-axis-labels text {
  font-size: 12px !important;
  font-family: "Ubuntu", sans-serif !important;
}

.highcharts-tooltip span {
  font-size: 12px !important;
  font-family: "Ubuntu", sans-serif !important;
}

@media screen and (max-width: 767px) { 

  ol.breadcrumb {
    font-size: 13px !important;
  }

  #tabs {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    padding: 0 !important;
  }

  .liveweather-title { display: grid; margin-top: -10px; min-height: 65px; padding-bottom: 0px !important; } 
  .liveweather-last-update { display: grid; margin-top: -10px; min-height: 65px; padding-bottom: 0px !important; padding-left: 10px !important; text-decoration: underline !important; } 
  .article-title, .article-header h1 { margin: 0px 0 0px 0 !important; } 
  .liveweather-title font { font-weight: normal !important; text-decoration: underline; } 
} 
  
.ui-widget { font-family: inherit !important; } 
.ui-tabs .ui-tabs-nav {padding: 0px 0px 0px 5px !important;/* margin-left: -10px ! important; *//* margin-right: -10px ! important; */} 
.ui-state-default:not(.ui-state-active):hover { background: linear-gradient(to top, #ffffff 35%, #bebebe9c 100%) !important; } 
.ui-state-default:not(.ui-state-active) { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,#dedede4f 50%,#9999995e 51%,rgba(246,246,246,1) 100%) !important; } 
.ui-state-default { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,#ffffff 50%,#dadada96 51%,rgb(255 255 255) 100%) !important; } 
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px !important; } 
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px !important; } 
.wf-mediabox-nav { display: none !important; } 
.ui-widget-header { 
border-left: 0px !important; 
border-right: 0px !important; 
border-top: 0px !important; 
border-bottom: 1px solid #aaaaaa !important; 
background: none !important; 
color: #222222; 
font-weight: bold; 
border-bottom-left-radius: 0px !important; 
border-bottom-right-radius: 0px !important; 
} 
.ui-widget-content { border: none !important; } 
.ui-tabs .ui-tabs-panel { padding:0px !important; } 
#tabs-1 {background-color: #fff; } 
#tabs-2 {background-color: #fff; } 
#tabs-3 {background-color: #fff; } 
#tabs-4 {background-color: #fff; } 
#tabs-5 {background-color: #fff; } 
.weather-label { 
font-weight: bold; 
margin-left: 18px; 
padding-top: 30px; 
margin-bottom: 15px; 
color: #666; 
text-decoration: underline; 
} 
.article-title, .article-header h1 { 
margin: 0px 0 -10px 0 !important; 
}

.highcharts-markers {
  margin: 10px !important;
}