/**
 * @package Common / Bundeled Styles
 * @version 1.0
 * @author Benjamin Sinke
 */
.oo-cookie-notice {
  width: 100%;
  height: 60px;
  background: #686ea6;
  position: relative;
  border-bottom: 1px solid #7982cc;
  box-sizing: border-box;
}
.oo-cookie-notice .oo-cookie-notice-inner {
  position: relative;
  width: 980px;
  color: #fff;
  margin: 0 auto;
  height: 40px;
  padding: 15px 0;
}
.oo-cookie-notice .oo-cookie-notice-inner p {
  float: left;
  margin: 0 !important;
  max-width: 85%;
}
.oo-cookie-notice .oo-cookie-notice-inner a.button {
  color: #fff;
  background: #fdad2a;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
  border-radius: 3px;
  margin-top: -1px;
  float: right;
  padding: 0 20px;
}
.oo-cookie-notice .oo-cookie-notice-inner a.button:hover {
  background: #ff9a00;
}
div#header_menu {
  top: 430px !important;
  z-index: 999 !important;
}
div#header_menu.fixedmenu {
  top: 0px !important;
}
body.cookie-warning-open div#header_menu {
  top: 490px !important;
}
body.cookie-warning-open div#header_menu.fixedmenu {
  top: 0px !important;
}
.dopplerradar .doppler-controls {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
  color: #fdad2a;
}
.dopplerradar .doppler-controls a {
  color: #fdad2a;
  cursor: pointer;
  text-decoration: none;
  display: block;
  float: left;
  margin-right: 20px;
  width: 20px;
}
.dopplerradar .doppler-controls a.paused {
  font-size: 20px;
}
.dopplerradar .doppler-controls a:hover {
  color: #ff9a00;
}
.dopplerradar .doppler-controls .doppler-index-control {
  height: 2px;
  width: 100px;
  background: #fff;
  float: left;
  position: relative;
  margin-top: 6px;
}
.dopplerradar .doppler-controls .doppler-index-control > span {
  display: block;
  width: 10px;
  height: 10px;
  background: #fdad2a;
  border-radius: 100%;
  margin: -4px;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  outline: 0;
}
div.recenttopicrow {
  position: relative;
  height: 43px;
  margin-bottom: 1px;
}
div.recenttopicrow.tds1 {
  background: #d7d9ee;
}
div.recenttopicrow.tds2 {
  background: #ebecf7;
}
div.recenttopicrow.tds2:last-of-type {
  margin-bottom: 10px;
}
div.recenttopicrow.sticky-topic-home.tds1 {
  background: #ffefd4;
}
div.recenttopicrow.sticky-topic-home.tds2 {
  background: #fff7e9;
}
div.recenttopicrow .part {
  float: left;
  border-right: 1px solid #fff;
  height: 43px;
}
div.recenttopicrow .part span.iconized {
  display: block;
  clear: left;
  margin-left: 15px;
  margin-bottom: 3px;
  font-size: 10px !important;
}
div.recenttopicrow .part span.iconized:first-of-type {
  margin-top: 4px;
}
div.recenttopicrow .part span.iconized:before {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  content: '';
  background: url(../images/topic-icons.png);
  clear: left;
}
div.recenttopicrow .part span.iconized.time:before {
  background-position: 0 -30px !important;
}
div.recenttopicrow .part span.iconized.user:before {
  background-position: 0 -45px !important;
}
div.recenttopicrow .part span.iconized.replies:before {
  background-position: -15px -45px !important;
}
div.recenttopicrow .part span.iconized.views:before {
  background-position: -15px -30px !important;
}
div.recenttopicrow .part span.iconized.time {
  text-transform: uppercase;
}
div.recenttopicrow .part span.iconized.user a {
  font-weight: bold;
  color: #fdad2a;
}
div.recenttopicrow .part span.iconized.replies,
div.recenttopicrow .part span.iconized.views {
  font-size: 12px !important;
  color: #7b7e90;
}
div.recenttopicrow .part.small {
  width: 180px;
}
div.recenttopicrow .part.smaller {
  width: 117px;
}
div.recenttopicrow .part.large {
  width: 434px;
  box-sizing: border-box;
  padding-left: 10px;
}
div.recenttopicrow .part.large > span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #7b7e90;
}
div.recenttopicrow .part.large > span a {
  color: #7b7e90;
}
div.recenttopicrow .part:last-of-type {
  border-right: none;
}
div.recenttopicrow .part strong {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  width: 98%;
  font-weight: normal;
  color: #444863;
  font-size: 13px !important;
  text-overflow: ellipsis;
  margin-top: 8px;
  position: relative;
}
div.recenttopicrow .part strong a:first-of-type {
  font-size: 13px !important;
  vertical-align: middle;
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
}
div.recenttopicrow .part strong a img {
  position: absolute;
  top: 0;
  right: 0;
}
div.recenttopicrow.sticky-topic-home span,
div.recenttopicrow.sticky-topic-home .large span {
  color: #a48664 !important;
}
div.recenttopicrow.sticky-topic-home span a,
div.recenttopicrow.sticky-topic-home .large span a {
  color: #a48664;
}
div.recenttopicrow.sticky-topic-home span.iconized.time:before {
  background-position: 0 0 !important;
}
div.recenttopicrow.sticky-topic-home span.iconized.user:before {
  background-position: 0 -15px !important;
}
div.recenttopicrow.sticky-topic-home span.iconized.replies:before {
  background-position: -15px -15px !important;
}
div.recenttopicrow.sticky-topic-home span.iconized.views:before {
  background-position: -15px 0 !important;
}
div.recenttopicrow.sticky-topic-home strong:before {
  display: inline-block;
  font-weight: bold;
  color: #fdad2a;
  content: 'Uitgelicht';
  margin-right: 10px;
  margin-left: 33px;
}
div.recenttopicrow.sticky-topic-home .large span:before {
  float: left;
  width: 23px;
  height: 21px;
  display: inline-block;
  background: url(../images/topic-icons.png) -30px 0;
  content: '';
  margin: -13px 10px 0 0;
}
div.recenttopicrow.sticky-topic-home strong a:first-of-type {
  width: 68%;
}
div.recenttopicrow.sticky-topic-home.weathermagazine {
  background: #dfefd9 !important;
}
div.recenttopicrow.sticky-topic-home.weathermagazine strong a {
  color: #637355 !important;
}
div.recenttopicrow.sticky-topic-home.weathermagazine span,
div.recenttopicrow.sticky-topic-home.weathermagazine .forum_categorie a {
  color: #8ea489 !important;
}
div.recenttopicrow.sticky-topic-home.weathermagazine strong:before {
  color: #73a957;
  content: 'Het Weer Magazine';
}
div.recenttopicrow.sticky-topic-home.weathermagazine .large span:before {
  background: url(../images/topic-icons.png?v=weathermagazine) -30px -43px;
}
div.recenttopicrow.sticky-topic-home.brandedforum {
  background: #e0f5ff !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum strong a {
  color: #5d92a3 !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span,
div.recenttopicrow.sticky-topic-home.brandedforum .forum_categorie a {
  color: #86b7c7 !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum strong:before {
  display: inline-block;
  font-weight: bold;
  color: #2dc0f0;
  content: 'Alpenweerman';
  margin-right: 10px;
  margin-left: 33px;
}
div.recenttopicrow.sticky-topic-home.brandedforum .large span:before {
  background: url(../images/topic-icons.png?v=alpenweermanr2) -30px -21px;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized {
  display: block;
  clear: left;
  margin-left: 15px;
  margin-bottom: 3px;
  font-size: 10px !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized:first-of-type {
  margin-top: 4px;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized:before {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  content: '';
  background: url(../images/topic-icons.png);
  clear: left;
  vertical-align: top;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.time:before {
  background-position: 0 -30px !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.user:before {
  background-position: 0 -45px !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.replies:before {
  background-position: -15px -45px !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.views:before {
  background-position: -15px -30px !important;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.time {
  text-transform: uppercase;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.user a {
  font-weight: bold;
  color: #fdad2a;
}
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.replies,
div.recenttopicrow.sticky-topic-home.brandedforum span.iconized.views {
  font-size: 12px !important;
  color: #7b7e90;
}
.topics-more {
  border-top: 1px solid #fdad2a;
  margin-top: -1px;
  text-align: center;
  width: 100%;
}
.topics-more:hover {
  border-color: #ff9a00;
}
.topics-more:hover a {
  background: #ff9a00;
}
.topics-more a {
  display: inline-block;
  height: 25px;
  line-height: 23px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
  border-radius: 0 0 3px 3px;
  background: #fdad2a;
  cursor: pointer;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.topics-more a:before {
  display: inline-block;
  height: 11px;
  width: 11px;
  border-radius: 12px;
  border: 1px solid #fff;
  content: '+';
  margin-right: 10px;
  vertical-align: middle;
  line-height: 11px;
  font-weight: bold;
  text-align: center;
}
.block-weatherforecast {
  line-height: normal !important;
}
.block-weatherforecast .block_content {
  background: none !important;
}
.block-weatherforecast.winter {
  background: #e0f5ff url(../images/wforecast-box-winter.png) top center no-repeat;
  color: #5d92a3;
  position: relative;
}
.block-weatherforecast.winter:after {
  display: block;
  width: 70px;
  height: 70px;
  background: -webkit-linear-gradient(rgba(224, 244, 255, 0), #e0f5ff);
  background: linear-gradient(rgba(224, 244, 255, 0), #e0f5ff);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 8px;
  bottom: 10px;
  position: absolute;
  content: '';
}
.block-weatherforecast.winter strong {
  color: #2dc0f0;
}
.block-weatherforecast span.breakafter {
  display: block;
  text-align: center;
  margin: 5px 0;
  padding: 0 20px;
  line-height: normal !important;
  font-size: 16px;
}
.block-weatherforecast strong {
  font-size: 52px;
  display: block;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  line-height: normal !important;
}
.block-weatherforecast small {
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.5;
  text-align: center;
  display: block;
}
.block-weatherforecast .fstrip {
  width: 100%;
  height: 70px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  margin-top: 30px;
  position: relative;
  -ms-overflow-style: none;
}
.block-weatherforecast .fstrip::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.block-weatherforecast .fstrip .strip.inner {
  width: 1400px;
}
.block-weatherforecast .fstrip .fc {
  height: 70px;
  width: 100px;
  float: left;
  border-right: 1px solid #d4d4d4;
  box-sizing: border-box;
  text-align: center;
  line-height: 15px;
}
.block-weatherforecast .fstrip .fc .icon {
  width: 40px;
  height: 40px;
  display: block;
  margin: -4px auto 0 auto;
  background: url(../images/weericons/mastericon_small.png);
}
.block-weatherforecast .fstrip .fc .icon.icon-01d,
.block-weatherforecast .fstrip .fc .icon.icon-01n {
  background-position: 0 0;
}
.block-weatherforecast .fstrip .fc .icon.icon-02d,
.block-weatherforecast .fstrip .fc .icon.icon-02n {
  background-position: -40px 0;
}
.block-weatherforecast .fstrip .fc .icon.icon-03d,
.block-weatherforecast .fstrip .fc .icon.icon-04d,
.block-weatherforecast .fstrip .fc .icon.icon-03n,
.block-weatherforecast .fstrip .fc .icon.icon-04n {
  background-position: -80px -80px;
}
.block-weatherforecast .fstrip .fc .icon.icon-09d,
.block-weatherforecast .fstrip .fc .icon.icon-09n {
  background-position: -120px 0;
}
.block-weatherforecast .fstrip .fc .icon.icon-10d,
.block-weatherforecast .fstrip .fc .icon.icon-10n {
  background-position: -160px 0;
}
.block-weatherforecast .fstrip .fc .icon.icon-11d,
.block-weatherforecast .fstrip .fc .icon.icon-11n {
  background-position: -160px -40px;
}
.block-weatherforecast .fstrip .fc .icon.icon-13d,
.block-weatherforecast .fstrip .fc .icon.icon-13n {
  background-position: -120px -80px;
}
.block-weatherforecast .fstrip .fc .icon.icon-50d,
.block-weatherforecast .fstrip .fc .icon.icon-50n {
  background-position: -80px 0;
}
.block-weatherforecast .fstrip .fc .temp {
  display: inline-block;
  font-weight: bold;
  font-family: 'Open Sans Condensed', sans-serif;
  vertical-align: middle;
  font-size: 18px;
  width: 43px;
  text-align: center;
}
.block-weatherforecast .fstrip .fc .temp.max {
  color: #fa7024;
}
.block-weatherforecast .fstrip .fc .temp.min {
  color: #57c5e9;
  border-right: 1px solid #d4d4d4;
}
.block-weatherforecast .fstrip .fc .day {
  display: block;
  text-align: center;
  margin: 5px 0 0 0;
  font-size: 12px;
  opacity: 0.5;
}
/* Forum */
.forum {
  line-height: 11px;
}
.forum .topicheader {
  background: #FFF;
  border-bottom: 1px solid #fdad2a;
  padding: 10px 20px 20px 20px;
}
.forum .topicheader #footergrowdiv {
  border-bottom: 1px solid #B7B7B7;
}
.forum .topicheader #footergrowdiv .adsbygoogle {
  margin-left: -25px;
  margin-bottom: 10px;
}
.forum .topicheader .breadcrumb {
  font-size: 13px;
  font-weight: normal;
  color: #666;
  width: 60%;
  float: left;
}
.forum .topicheader .breadcrumb h1 {
  margin-top: 15px !important;
  margin-bottom: 7px;
}
.forum .topicheader .breadcrumb h1 a strong {
  color: #333;
  font-size: 16px;
  display: block;
  strong-weight: bold;
}
.forum .topicheader .breadcrumb img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.forum .topicheader .breadcrumb a {
  font-size: 13px;
  font-weight: normal;
  color: #666;
}
.forum .topicheader .pager {
  width: 40%;
  float: left;
  margin: 0;
  padding: 0;
  background: #FFF;
  margin-top: 23px;
}
.forum .antwoordenbutton {
  text-align: center;
}
.forum .antwoordenbutton .def_button.antwoorden,
.forum .antwoordenbutton .def_button.nieuwtopic {
  display: inline-block;
  margin: auto;
  float: none;
  border-radius: 0 0 4px 4px;
  margin-bottom: 15px;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  text-indent: 2px;
}
.forum .antwoordenbutton .def_button.antwoorden:before,
.forum .antwoordenbutton .def_button.nieuwtopic:before {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  border: 1px solid #fff;
  content: '+';
  margin-right: 10px;
  vertical-align: middle;
  line-height: 11px;
  font-weight: bold;
  text-align: center;
}
.forum .antwoordenbutton .def_button.antwoorden {
  width: 160px !important;
}
.forum .antwoordenbutton .def_button.nieuwtopic {
  width: 127px !important;
}
.forum #topicfooter {
  background: #FFF;
  padding: 20px;
}
.forum #topicfooter .mod_opties {
  margin: 0 auto 20px auto;
  float: none;
  height: 60px;
}
.forum #topicfooter #buttonscrolltop {
  width: 147px !important;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
}
.forum #topicfooter #forumpager {
  float: left;
  margin-top: 3px;
  margin-left: 20px;
}
.forum #topicfooter #forumpager .clear {
  display: none;
}
.forum #topicfooter a.def_button.antwoorden,
.forum #topicfooter a.def_button.nieuwtopic {
  border-radius: 4px !important;
}
.forum #topicfooter .topicclosed {
  height: 30px;
  border-radius: 4px;
  line-height: 30px;
  color: #FFF;
  font-weight: bold;
  border: none;
  text-transform: uppercase;
  background-color: #b42929;
}
.forum #topicfooter .usersreading {
  opacity: 1;
  color: #666;
  border: none;
  line-height: 18px;
  margin-bottom: 0px;
}
.forum #topicfooter .usersreading a.user {
  color: #fdad2a;
  font-weight: bold;
}
.forum #topicfooter .greyline {
  height: 1px;
  margin: 7px 0;
  background-color: #B7B7B7;
}
.forum .footerstatstable tr td {
  line-height: 21px;
  color: #666;
  width: 25%;
  background-color: #FFF;
}
.forum .footerstatstable tr td a {
  color: #fdad2a;
  font-weight: bold;
}
#Topiclargeleaderboard {
  background-color: #2b3050;
  width: 970px;
  height: 250px;
  margin: 20px auto;
  padding: 5px;
  text-align: center;
}
.topicdisclaimer {
  height: 50px;
  line-height: 50px;
  background-color: #767dad;
  text-align: center;
  color: #FFF;
  margin: 0 auto 50px auto;
  width: 980px;
}
.topicdisclaimer a {
  color: #FFF;
}
/* Forum overzicht */
.categoryheader {
  height: 120px;
  padding: 20px;
  background-size: cover;
  margin-top: 20px;
}
.categoryheader h2 {
  margin-top: 82px;
  color: #FFF;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
  font-size: 23px;
  margin-bottom: 13px;
  line-height: 11px;
}
.categoryheader h3 {
  margin-top: 0px;
  color: #FFF;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-weight: normal;
  line-height: 11px;
}
.algemeenboard {
  background: url(../images/bg_algemeen.jpg) no-repeat center center;
}
.Onweerboard {
  background: url(../images/bg_onweer2.jpg) no-repeat center center;
}
.Winterboard {
  background: url(../images/bg_winter5.1-small.jpg) no-repeat center center;
}
.Alpenweermanboard {
  background: url(../images/bg_alpenwinter2.jpg) no-repeat center center;
}
.Lenteboard {
  background: url(../images/bg_lente4.jpg) no-repeat center center;
}
.Zomerboard {
  background: url(../images/bg_zomer7-small.jpg) no-repeat center center;
}
.Herfstboard {
  background: url(../images/bg_herfst13-small.jpg) no-repeat center center;
}
.Achtergrondinformatieboard {
  background: url(../images/bg_meteorologie.jpg) no-repeat center center;
}
.natuurboard {
  background: url(../images/bg_fotografie.jpg) no-repeat center center;
}
.Wedstrijdenboard {
  background: url(../images/bg_onweer3.jpg) no-repeat center bottom;
}
.slowchatboard {
  background: url(../images/bg_koffiecorner-small.jpg) no-repeat center center;
}
.Onweer-Onlineboard {
  background: url(../images/bg_onweeronline.jpg) no-repeat center center;
}
.boardrow .newreplies {
  width: 7%;
}
.topicrow .newreplies {
  width: 7%;
}
.boardrow .topicinfo {
  width: 54%;
  margin-top: -3px;
}
.topicrow .topicinfo {
  width: 56%;
  margin-top: 3px;
}
.boardrow .lastreply {
  width: 23%;
  line-height: 14px;
}
.topicrow .lastreply {
  width: 25%;
  line-height: 14px;
}
.boardrow .stats {
  width: 16%;
}
.topicrow .stats {
  width: 12%;
}
.topicrow.sticky-topic.even .newreplies {
  color: #b06c14 !important;
}
.topicrow.sticky-topic {
  color: #9b5c0b !important;
}
.topicrow.sticky-topic a,
.topicrow.sticky-topic p,
.topicrow.sticky-topic span,
.topicrow.sticky-topic strong {
  color: #9b5c0b !important;
}
.topicrow.sticky-topic .stats span.iconized.views:before {
  background-position: -15px 0px !important;
}
.topicrow.sticky-topic .stats span.iconized.replies:before {
  background-position: -15px -15px !important;
}
.topicrow.closed-topic .newreplies {
  color: #6c6780;
}
.boardrow,
.topicrow {
  background: #FFF;
  height: 36px;
  padding: 10px;
  color: #333;
  /*line-height: 20px;*/
  border-bottom: 1px solid #D4D4D4;
}
.boardrow div,
.topicrow div {
  border-right: 1px solid #D4D4D4;
  float: left;
  height: 100%;
  padding: 0 13px;
  box-sizing: border-box;
}
.boardrow .newreplies,
.topicrow .newreplies {
  font-size: 11px;
  color: #666;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  line-height: 10px;
  padding-left: 10px;
}
.boardrow .newreplies span,
.topicrow .newreplies span {
  font-size: 26px;
  line-height: 22px;
  background: none;
  font-weight: bold;
  margin-top: -6px;
}
.boardrow .newreplies span.odd,
.topicrow .newreplies span.odd {
  color: #fbac3c;
}
.boardrow .topicinfo,
.topicrow .topicinfo {
  padding-top: 0px;
}
.boardrow .topicinfo a,
.topicrow .topicinfo a {
  font-weight: bold;
  font-size: 13px;
}
.boardrow .topicinfo .small,
.topicrow .topicinfo .small {
  font-size: 12px;
  line-height: 14px !important;
}
.boardrow .topicinfo .boardtopicpager,
.topicrow .topicinfo .boardtopicpager {
  line-height: 24px;
}
.boardrow .topicinfo.odd,
.topicrow .topicinfo.odd {
  background-color: none !important;
}
.boardrow .lastreply,
.topicrow .lastreply {
  margin-top: -3px;
}
.boardrow .lastreply strong,
.topicrow .lastreply strong {
  color: #4c485e;
}
.boardrow .lastreply span,
.topicrow .lastreply span,
.boardrow .lastreply span strong,
.topicrow .lastreply span strong {
  color: #837f98;
}
.boardrow .stats,
.topicrow .stats {
  padding-top: 3px;
  border: none;
  font-size: 12px;
  line-height: 16px;
  padding-right: 10px;
  color: #837f98;
}
.boardrow .stats span.iconized.views:before,
.topicrow .stats span.iconized.views:before {
  background-position: -15px -30px !important;
}
.boardrow .stats span.iconized.replies:before,
.topicrow .stats span.iconized.replies:before {
  background-position: -15px -45px !important;
}
.boardrow .stats span.iconized:before,
.topicrow .stats span.iconized:before {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  float: left;
  content: '';
  background: url(../images/topic-icons.png);
  clear: left;
}
.st-map-legend {
  margin: auto;
  color: #fff;
}
.st-map-legend .legend-item {
  padding: 20px 0 0 0;
}
.st-map-legend .legend-item.warning-item:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px 60px 0;
  float: left;
  content: '';
  background: url(../images/warning.svg) center center;
  background-size: 100%;
}
.st-map-legend .legend-item:last-of-type {
  border-right: none;
}
.st-map-legend .legend-item span {
  font-size: 18px;
}
.st-map-legend .legend-item ul {
  list-style: none;
  padding: 0;
}
.st-map-legend .legend-item ul li {
  display: block;
  margin-bottom: 10px;
}
.st-map-legend .legend-item ul li:before {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  content: '';
  margin-right: 10px;
}
.st-map-legend .legend-item ul li.age0:before,
.st-map-legend .legend-item ul li.it0:before {
  border: 2px solid #00f800;
  background: rgba(0, 248, 0, 0.8);
}
.st-map-legend .legend-item ul li.age1:before {
  border: 2px solid rgba(0, 248, 0, 0.8);
  background: rgba(0, 248, 0, 0.5);
}
.st-map-legend .legend-item ul li.age2:before {
  border: 2px solid rgba(0, 248, 0, 0.5);
  background: rgba(0, 248, 0, 0.1);
}
.st-map-legend .legend-item ul li.it1:before {
  border: 2px solid #f8e400;
  background: rgba(248, 228, 0, 0.8);
}
.st-map-legend .legend-item ul li.it2:before {
  border: 2px solid #f87b00;
  background: rgba(248, 123, 0, 0.8);
}
.st-map-legend .legend-item ul li.it3:before {
  border: 2px solid #f82900;
  background: rgba(248, 41, 0, 0.8);
}
.st-map-legend .legend-item ul li.it4:before {
  border: 2px solid #bb00f8;
  background: rgba(187, 0, 248, 0.8);
}
.st-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  background: rgba(118, 124, 175, 0.75);
  -webkit-backdrop-filter: blur(10px);
  z-index: 100000000;
}
.st-container .st-map-container {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  background: #333;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.st-container .st-map-container .st-map-sidebar {
  padding: 30px;
  width: 250px;
  background: #2b3050;
  overflow-y: auto;
}
.st-container .st-map-container .st-map-sidebar span {
  font-size: 18px;
  color: #fff;
  display: block;
  margin-bottom: 30px;
}
.st-container .st-map-container .st-map-sidebar form input[type="checkbox"] {
  display: none;
}
.st-container .st-map-container .st-map-sidebar form .st-option-row {
  margin-bottom: 10px;
}
.st-container .st-map-container .st-map-sidebar form label {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
}
.st-container .st-map-container .st-map-sidebar form label:hover {
  color: #fdad2a;
}
.st-container .st-map-container .st-map-sidebar form label:before {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background: url(../images/st-checkbox.png);
  content: '';
}
.st-container .st-map-container .st-map-sidebar form input[type="checkbox"]:checked + label:before {
  background-position: 0 -20px;
}
.st-container .st-map-container #stmap {
  width: 100%;
  height: 100%;
}
.st-container .st-map-container .st-map-close {
  display: block;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  background: #2b3050;
  color: #fdad2a;
  text-align: center;
  text-decoration: none;
  font-size: 40px;
  line-height: 40px;
  z-index: 9999;
  position: absolute;
  cursor: pointer;
}
.st-container .st-map-container .st-map-close:hover {
  color: #ff9a00;
}
.st-container .st-map-container .st-map-webcams {
  display: block;
  padding: 0 20px;
  height: 40px;
  top: 20px;
  right: 140px;
  background: #2b3050;
  color: #fdad2a;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 40px;
  z-index: 9999;
  position: absolute;
  cursor: pointer;
}
.st-container .st-map-container .st-map-webcams:hover {
  color: #ff9a00;
}
.st-container .st-map-container .st-map-layers {
  display: block;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 80px;
  background: #2b3050;
  color: #fdad2a;
  text-align: center;
  text-decoration: none;
  font-size: 40px;
  line-height: 40px;
  z-index: 9999;
  position: absolute;
  cursor: pointer;
}
.st-container .st-map-container .st-map-layers:hover {
  color: #ff9a00;
}
.st-container .st-map-container .st-map-layers svg {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: currentColor;
}
.st-container .st-map-container .st-map-layer-select {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #2b3050;
  border-radius: 3px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  box-sizing: border-box;
  color: #fff;
  z-index: 9999;
  display: none;
}
.st-container .st-map-container .st-map-layer-select span {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.st-container .st-map-container .st-map-layer-select input[type="radio"] {
  display: none;
}
.st-container .st-map-container .st-map-layer-select .bind {
  margin-bottom: 15px;
}
.st-container .st-map-container .st-map-layer-select label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.st-container .st-map-container .st-map-layer-select label:before {
  display: inline-block;
  width: 19px;
  height: 19px;
  box-sizing: border-box;
  margin-right: 20px;
  border: 1px solid #fff;
  vertical-align: middle;
  position: relative;
  content: '';
  border-radius: 100%;
}
.st-container .st-map-container .st-map-layer-select input[type="radio"]:checked + label:after {
  display: block;
  background: #fdad2a;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 5px;
  left: 5px;
  content: '';
  border-radius: 100%;
}
.st-container .st-map-container .st-map-layer-select a {
  display: inline-block;
  vertical-align: middle;
  color: #fdad2a;
  cursor: pointer;
}
.st-container .st-map-container .st-map-layer-select a.button {
  height: 30px;
  color: #fff;
  text-transform: uppercase;
  padding: 0 20px;
  border-radius: 3px;
  margin-right: 20px;
  font-weight: bold;
  text-decoration: none;
  background: #fdad2a;
  line-height: 28px;
}
.st-container .st-map-container .st-map-layer-select a.button:hover {
  background: #ff9a00;
}
@media (max-width: 700px) {
  .st-container .st-map-container .st-map-sidebar {
    width: 10px;
    padding: 0;
    overflow: visible;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
    position: relative;
  }
  .st-container .st-map-container .st-map-sidebar form,
  .st-container .st-map-container .st-map-sidebar .st-map-legend,
  .st-container .st-map-container .st-map-sidebar span {
    display: none;
  }
  .st-container .st-map-container .st-map-sidebar:before {
    position: absolute;
    right: -50px;
    top: 20px;
    width: 50px;
    height: 50px;
    background-color: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/st-mobile-toggle.png);
    content: '';
    display: block;
    z-index: 999999;
  }
  .st-container .st-map-container .st-map-sidebar.open {
    width: 550px;
    padding: 30px;
    overflow: visible;
  }
  .st-container .st-map-container .st-map-sidebar.open form,
  .st-container .st-map-container .st-map-sidebar.open .st-map-legend,
  .st-container .st-map-container .st-map-sidebar.open span {
    display: block;
  }
  .st-container .st-map-container .st-map-sidebar.open form .warning-item,
  .st-container .st-map-container .st-map-sidebar.open .st-map-legend .warning-item,
  .st-container .st-map-container .st-map-sidebar.open span .warning-item {
    display: none;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.oo-top-bar-st {
  color: #6e3100;
  font-weight: bold;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  float: right !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-right: 20px;
}
.oo-top-bar-st:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.oo-top-bar-st:before {
  width: 100%;
  position: absolute;
  top: 0;
  left: -20px;
  padding-right: 20px;
  z-index: -1;
  content: '';
  background: #fdad2a;
  height: 45px;
}
.oo-top-bar-st:after {
  display: block;
  height: 9px !important;
  width: 5px !important;
  background: url(../images/new-header-icons.png) 0 -107px !important;
  margin-right: 0 !important;
}
.oo-top-bar-st span {
  border-color: #fdad2a !important;
  background: #de9825 url(../images/radar.png?cb=12874) center center no-repeat !important;
}
.oo-top-bar-st span:before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  background: url(../images/radar-anim.png?cb=98327923) center center no-repeat !important;
}
.oo-top-bar-st small {
  display: block;
  float: right;
  text-transform: uppercase;
  padding: 5px;
  border-radius: 3px;
  background: #de9825;
  font-weight: normal;
  height: 10px;
  margin: 8px;
  font-size: 10px;
  line-height: normal !important;
  color: #fff;
  margin-left: 20px;
}
.cs-body {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  background: url(../images/chase-page-bg.jpg?r=3i402380) center center;
  background-size: cover;
}
.cs-body [data-hidden] {
  display: none;
}
.cs-body .cs-wrapper {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px;
}
.cs-body .cs-user {
  position: relative;
}
.cs-body .cs-user .avatar {
  width: 98px;
  height: 98px;
  margin: 0 auto;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 0 14px 21px rgba(0, 0, 0, 0.2);
  background: url(../images/forum-default-avatar.png);
  position: relative;
  overflow: hidden;
}
.cs-body .cs-user .avatar:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  content: '';
  width: 64px;
  height: 65px;
  background: url(../images/forum-avatar-glare.png);
}
.cs-body span {
  display: block;
  margin: 30px 0;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #fff;
}
.cs-body .cs-badge {
  display: block;
  height: 40px;
  line-height: 38px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
  margin-bottom: 30px;
}
.cs-body .cs-badge:before {
  display: inline-block;
  margin-right: 20px;
  height: 40px;
  width: 32px;
  margin-top: -20px;
  content: '';
  vertical-align: middle;
}
.cs-body .cs-badge.level0:before {
  background: url(../images/chase-badge-level0.png);
  background-size: 100%;
}
.cs-body a.button.main {
  display: block;
  border-radius: 3px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: #fdad2a;
  height: 40px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.cs-body a.button.main:hover {
  background: #ff9a00;
}
.cs-body a.button.main.inline {
  display: inline-block;
  width: calc(33% - 12px);
}
.cs-body .cs-footer {
  text-align: center;
  margin: 50px 0 0 0;
  opacity: 0.4;
  color: #fff;
}
.cs-body .cs-explaination {
  color: #fff;
  font-size: 13px;
  opacity: 0.7;
  line-height: 20px;
}
.cs-body .cs-explaination span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.cs-body .cs-chase-start form {
  margin: 0;
}
.cs-body .cs-chase-start form input {
  width: 66%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #fff;
  border-radius: 3px;
  padding: 0 20px;
  color: #333;
  margin-right: 10px;
  font-family: Arial, sans-serif;
}
.cs-body .cs-chase-start form input.fullwidth {
  width: 100%;
  margin-bottom: 30px;
}
.cs-body .cs-chase-start form input.error {
  border-color: red;
}
.cs-body .cs-chase-monitor .cs-last-waypoint {
  margin: 30px 0;
  color: #fff;
}
.cs-body .cs-chase-error {
  padding: 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  background: #b91515;
}
.minify-content {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
  color: #767caf;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
}
.minify-content:hover {
  background: #fff;
}
.minify-content:before {
  display: block;
  width: 15px;
  text-align: center;
  content: '-';
}
.minify-content.minified:before {
  content: '+' !important;
  font-weight: bold;
  line-height: 16px;
}
.block_layer h1 {
  float: none !important;
}
.block_layer .lang_switch {
  display: none;
}
.labeled-marker-inner {
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 30px;
}
.categoryheader.Het.Weer.Magazine {
  background: url(../images/bg_hetweermagazine.jpg);
}
.grid-area {
  position: relative;
  width: 100%;
}
.grid-area .grid-wrapper {
  position: relative;
  width: 980px;
  margin: auto;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex.wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex.distribute {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.flex.vcenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.blur {
  -webkit-backdrop-filter: blur(10px);
}
.oo-top-bar {
  z-index: 99;
  height: 45px;
}
.modal-overlay {
  display: none;
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.7);
}
.oo-header {
  height: 385px;
}
.oo-header .oo-weather-box-edit,
.oo-header .oo-notification-box-edit,
.oo-header .oo-expanded-notification-box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto;
  width: 450px;
  z-index: 99999;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  padding: 50px 30px 30px 30px;
  box-sizing: border-box;
  background: #767caf;
  overflow: hidden;
  display: none;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-close,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-close,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-close,
.oo-header .oo-weather-box-edit .oo-notification-box-edit-close,
.oo-header .oo-notification-box-edit .oo-notification-box-edit-close,
.oo-header .oo-expanded-notification-box .oo-notification-box-edit-close,
.oo-header .oo-weather-box-edit .oo-expanded-notification-box-close,
.oo-header .oo-notification-box-edit .oo-expanded-notification-box-close,
.oo-header .oo-expanded-notification-box .oo-expanded-notification-box-close {
  cursor: pointer;
  background: #fdad2a;
  font-size: 30px;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-align: center;
  line-height: 48px;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-close:hover,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-close:hover,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-close:hover,
.oo-header .oo-weather-box-edit .oo-notification-box-edit-close:hover,
.oo-header .oo-notification-box-edit .oo-notification-box-edit-close:hover,
.oo-header .oo-expanded-notification-box .oo-notification-box-edit-close:hover,
.oo-header .oo-weather-box-edit .oo-expanded-notification-box-close:hover,
.oo-header .oo-notification-box-edit .oo-expanded-notification-box-close:hover,
.oo-header .oo-expanded-notification-box .oo-expanded-notification-box-close:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.oo-header .oo-weather-box-edit input,
.oo-header .oo-notification-box-edit input,
.oo-header .oo-expanded-notification-box input {
  height: 40px;
  border-radius: 3px;
  border: none;
  width: 80%;
  outline: none;
  padding-left: 20px;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-inputs,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-inputs,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-inputs {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 30px;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-inputs span,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-inputs span,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-inputs span {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  background: url(../images/spinner.svg) center center;
  background-size: 40px;
  display: none;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-title,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-title,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-title,
.oo-header .oo-weather-box-edit .oo-notification-box-edit-title,
.oo-header .oo-notification-box-edit .oo-notification-box-edit-title,
.oo-header .oo-expanded-notification-box .oo-notification-box-edit-title,
.oo-header .oo-weather-box-edit .oo-expanded-notification-box-title,
.oo-header .oo-notification-box-edit .oo-expanded-notification-box-title,
.oo-header .oo-expanded-notification-box .oo-expanded-notification-box-title {
  display: block;
  font-size: 25px;
  color: #fff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  z-index: 0;
  height: 50px;
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-indent: 30px;
  background: #2b3050;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-results,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-results,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-results {
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  display: none;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-results small,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-results small,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-results small {
  color: #999;
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  text-transform: uppercase;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-results a,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-results a,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-results a {
  display: block;
  width: 100%;
  height: 30px;
  border-bottom: 2px dotted #d4d4d4;
  line-height: 28px;
  color: #686ea6;
  position: relative;
  text-indent: 10px;
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.oo-header .oo-weather-box-edit .oo-weather-box-edit-results a:after,
.oo-header .oo-notification-box-edit .oo-weather-box-edit-results a:after,
.oo-header .oo-expanded-notification-box .oo-weather-box-edit-results a:after {
  display: block;
  width: 6px;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/new-header-icons.png) 0 -85px;
  content: '';
}
.oo-header .oo-notification-box-edit .flex {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.oo-header .oo-notification-box-edit p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  margin: 20px 0;
}
.oo-header .oo-notification-box-edit input[type="checkbox"] {
  display: none;
}
.oo-header .oo-notification-box-edit .oo-notifiction-type-row {
  margin-bottom: 10px;
  width: 100%;
}
.oo-header .oo-notification-box-edit label {
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.oo-header .oo-notification-box-edit label:hover {
  color: #fdad2a;
}
.oo-header .oo-notification-box-edit label:before {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background: url(../images/st-checkbox.png);
  content: '';
}
.oo-header .oo-notification-box-edit input[type="checkbox"]:checked + label:before {
  background-position: 0 -20px;
}
.oo-header .oo-expanded-notification-box {
  width: 960px;
}
.oo-header .oo-expanded-notification-box [data-live-feed-container] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-top: 20px;
}
.oo-header .oo-expanded-notification-box .notification {
  box-sizing: border-box;
  width: calc(33.33% - 10px);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
  border: none !important;
  margin-bottom: 20px;
  padding: 15px 15px 15px 45px;
  opacity: 1 !important;
}
.oo-header .glasspanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  z-index: 0;
}
.oo-header .oo-current-condition-visual {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: -1;
  opacity: 0.6;
  -webkit-transition: background-position 30s ease-out;
  transition: background-position 30s ease-out;
}
.oo-header .oo-header-title {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #3b4161;
  display: block;
  font-size: 25px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oo-header .oo-header-inner {
  padding-top: 20px;
}
.oo-header .oo-header-inner .oo-header-col {
  width: 242px;
}
.oo-header .oo-header-inner .oo-header-col:after {
  position: absolute;
  bottom: -25px;
  height: 50px;
  width: 242px;
  border-radius: 100%;
  display: block;
  background: #2b314f;
  content: '';
  -webkit-filter: blur(30px);
          filter: blur(30px);
  z-index: 0;
  opacity: 0.9;
}
.oo-header .oo-header-inner .oo-header-col.col-weather {
  background: url(../images/spinner.svg) center center no-repeat;
  background-size: 25px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 20px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls span {
  display: block;
  text-transform: uppercase;
  color: #3b4161;
  margin-right: 10px;
  line-height: normal;
  font-size: 14px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls span small {
  font-size: inherit;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-slider-prev {
  display: block;
  width: 6px;
  height: 11px;
  cursor: pointer;
  background: url(../images/new-header-icons.png) 0 -96px;
  margin-right: 10px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-slider-prev:hover {
  -webkit-filter: brightness(2.5);
          filter: brightness(2.5);
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-slider-next {
  display: block;
  width: 6px;
  height: 11px;
  cursor: pointer;
  background: url(../images/new-header-icons.png) 0 -85px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-slider-next:hover {
  -webkit-filter: brightness(2.5);
          filter: brightness(2.5);
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-edit-location {
  width: 20px;
  height: 20px;
  background: url(../images/new-header-icons.png) -20px 0;
  cursor: pointer;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-edit-location:hover {
  -webkit-filter: brightness(1.6);
          filter: brightness(1.6);
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-edit-notifications {
  width: 20px;
  height: 21px;
  background: url(../images/new-header-icons.png) -20px -41px;
  cursor: pointer;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-edit-notifications:hover {
  -webkit-filter: brightness(1.6);
          filter: brightness(1.6);
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-expand-notifications {
  width: 20px;
  height: 21px;
  background: url(../images/new-header-icons.png) -20px -20px;
  cursor: pointer;
  display: block;
  position: relative;
  margin-right: 20px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-expand-notifications:hover {
  -webkit-filter: brightness(1.6);
          filter: brightness(1.6);
}
.oo-header .oo-header-inner .oo-header-col .oo-header-box-controls .oo-expand-notifications:after {
  display: block;
  height: 20px;
  width: 1px;
  margin: 0 10px;
  background: #686ea6;
  content: '';
  position: absolute;
  right: -20px;
}
.oo-header .oo-header-inner .oo-header-col.col-user {
  width: 194px;
  font-family: 'Open Sans', sans-serif;
}
.oo-header .oo-header-inner .oo-header-col.col-user:after {
  display: none;
}
.oo-header .oo-header-inner .oo-header-col.col-user .oo-logo {
  margin-bottom: 40px;
}
.oo-header .oo-header-inner .oo-header-col.col-user p {
  font-size: 14px;
  color: #2b314f;
  margin-top: 15px;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul {
  list-style: none;
  padding: 0;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  height: 35px;
  line-height: 33px;
  text-transform: uppercase;
  position: relative;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.forum {
  padding: 0 !important;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li a {
  color: #fff;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.sl:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 11px;
  content: '';
  background: url(../images/new-header-icons.png) 0 -74px;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.sl:before {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  content: '';
  background: url(../images/new-header-icons.png);
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.sl.forum:before {
  height: 19px;
  background-position: 0 -19px;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.sl.privatemsgs:before {
  height: 18px;
  background-position: 0 -38px;
}
.oo-header .oo-header-inner .oo-header-col.col-user ul li.sl.logout:before {
  height: 18px;
  background-position: 0 -56px;
}
.oo-header .oo-header-inner .oo-header-col.col-user .oo-user-row .oo-user-avatar {
  background: #000;
  width: 36px;
  height: 36px;
  border-radius: 17px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-right: 15px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.oo-header .oo-header-inner .oo-header-col.col-user .oo-user-row .oo-user-avatar img {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.oo-header .oo-header-inner .oo-header-col.col-user .oo-user-row .oo-header-title {
  font-size: 20px;
}
.oo-header .oo-header-inner .oo-header-col.col-user .oo-user-row .oo-header-title small {
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: normal;
  font-size: 15px;
  margin: 6px 0;
  line-height: 1px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-title-container {
  margin-bottom: 20px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-login {
  margin: 20px 0 0 0;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-login input {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-login input[type="text"],
.oo-header .oo-header-inner .oo-header-col .oo-header-login input[type="password"] {
  text-indent: 15px;
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-login input[type="submit"] {
  background: #fdad2a;
  text-align: center;
  color: #fff;
  font-weight: bold;
  height: 30px;
  margin-bottom: 10px;
  cursor: pointer;
}
.oo-header .oo-header-inner .oo-header-col .oo-header-login input[type="submit"]:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.oo-header .oo-header-box {
  background: #3b4161;
  height: 265px;
  width: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 1;
}
.oo-header .oo-header-box.oo-weather-box {
  position: relative;
  top: auto;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-visual {
  opacity: 1;
  background-position: -1880px 0;
  z-index: 1;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-visual:after {
  display: block;
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: inherit;
  z-index: 1;
}
.oo-header .oo-header-box.oo-weather-box .icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
  background-image: url(https://www.onweer-online.nl/images/weericons/mastericon.png);
  z-index: 3;
}
.oo-header .oo-header-box.oo-weather-box .oo-temp-indicator {
  position: absolute;
  top: 15px;
  left: 100px;
  font-size: 30px;
  z-index: 3;
  color: #ff6000;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.31);
}
.oo-header .oo-header-box.oo-weather-box h4 {
  position: absolute;
  top: 30px;
  left: 100px;
  font-size: 18px;
  z-index: 3;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.31);
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 185px;
  padding: 20px;
  box-sizing: border-box;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data span {
  display: block;
  height: 35px;
  border-bottom: 1px solid rgba(43, 49, 79, 0.2);
  z-index: 1;
  position: relative;
  line-height: 33px;
  color: #2b314f;
  font-size: 14px;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data span small {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url(../images/icons.png);
  vertical-align: middle;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data span.oo-data-precep small {
  background-position: 0 -15px;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data span.oo-data-pressure small {
  background-position: 0 -30px;
}
.oo-header .oo-header-box.oo-weather-box .oo-current-condition-additional-data:after {
  background: -webkit-linear-gradient(rgba(118, 124, 175, 0), #767caf);
  background: linear-gradient(rgba(118, 124, 175, 0), #767caf);
  display: block;
  width: 100%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 150px;
  content: '';
}
.oo-header .oo-header-box.oo-weather-box .oo-flash {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  z-index: 4;
  width: 206px;
  box-sizing: border-box;
  cursor: pointer;
}
.oo-header .oo-header-box.oo-weather-box .oo-flash:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.oo-header .oo-header-box.oo-weather-box .oo-flash:before {
  display: block;
  background: #fdad2a;
  content: 'Flits!';
  padding: 2px 5px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 3px;
  font-family: 'Open Sans Condensed', sans-serif;
  margin-right: 10px;
}
.oo-header .oo-header-box.oo-weather-box .oo-flash:after {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 11px;
  height: 6px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  content: '';
  background: url(../images/personal-dropdown-arrow.png) center right no-repeat;
}
.oo-header .oo-header-box.oo-livefeed-box .block_content.cutoff {
  padding: 15px 20px 20px 20px !important;
  height: 265px;
  max-height: 265px !important;
  overflow: hidden !important;
}
.oo-header .oo-header-box.oo-livefeed-box .notification-fade {
  height: 150px !important;
}
.oo-header .oo-header-box.oo-livefeed-box .no-notifications {
  text-align: center;
  margin-top: 100px;
  color: #fff;
}
.oo-header .oo-header-box.oo-livefeed-box .no-notifications strong {
  display: block;
  font-size: 20px;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  margin-bottom: 10px;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  display: none;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item:after {
  background: -webkit-linear-gradient(rgba(118, 124, 175, 0), #767caf);
  background: linear-gradient(rgba(118, 124, 175, 0), #767caf);
  display: block;
  width: 100%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 200px;
  content: '';
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item .oo-news-box-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item .oo-news-box-item-content h2 {
  font-size: 22px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item .oo-news-box-item-content p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  width: 80%;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item .oo-news-box-item-content p:before {
  position: absolute;
  bottom: 22px;
  right: 22px;
  background: #fdad2a;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  content: '';
  display: block;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item .oo-news-box-item-content p:after {
  position: absolute;
  bottom: 27px;
  right: 29px;
  background: url(../images/new-header-icons.png) 0 -74px;
  border-radius: 100%;
  width: 6px;
  height: 11px;
  content: '';
  display: block;
}
.oo-header .oo-header-box.oo-news-box .oo-news-box-slider .oo-news-box-item a.action {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
a.mention {
  padding: 3px 5px;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  background: #767caf;
}
a.mention:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.adblocker-warning {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(118, 124, 175, 0.88);
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.adblocker-warning .adblocker-container {
  max-width: 650px;
  color: #fff;
  text-align: center;
}
.adblocker-warning .adblocker-container h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.adblocker-warning .adblocker-container p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.adblocker-warning .adblocker-container a {
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
}
/*# sourceMappingURL=common.css.map */