/* compiled by scssphp 1.10.2 on Wed, 04 May 2022 21:35:55 +0000 (0.173s) */

@charset "UTF-8";
html, body, .page-container {
  height: 100%;
  min-height: 100vh;
}
body {
  background-color: #f1f1f1;
  min-width: 320px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 24px;
  color: #2b2b2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px !important;
  margin: 0px !important;
}
.page-container {
  display: flex;
  flex-direction: column;
}
.contentWrapper {
  flex: 1 0 auto;
  padding-bottom: 60px;
}
.wrapper {
  padding-top: 45px;
}
@media only screen and (max-width: 992px) {
  .wrapper {
    padding-top: 35px;
  }
}
.wrapper.padding {
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  .wrapper.padding {
    padding-top: 35px;
  }
}
.wrapper.bg {
  background-image: url("../../images/bg-wrapper.jpg");
  background-repeat: repeat-x;
  background-position: 0 -40px;
}
@media only screen and (max-width: 768px) {
  .wrapper.show.padding {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper.show .showBanner {
    margin-bottom: 35px;
  }
}
.blog-left {
  margin-bottom: 30px;
}
.bg-lg {
  background: #ffffff;
}
.gray-bg {
  background: #f1f1f1;
}
i.marginRight {
  margin-right: 7px;
}
i.marginLeft {
  margin-left: 7px;
}
p {
  margin: 0 0 15px 0;
}
.no-padding {
  padding: 0;
}
/*===== Headers =====*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3f3f3f;
  margin-top: 0;
}
h1 {
  font-size: 32px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 992px) {
  h2, .h2 {
    font-size: 24px;
  }
}
h2 a, .h2 a {
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  h3, .h3 {
    font-size: 19px;
  }
}
h3 i, .h3 i {
  margin-right: 10px;
}
h3 a, .h3 a {
  text-decoration: none;
}
h5 {
  font-size: 13px;
  color: #676767;
}
/*===== Lists =====*/
.cardStyle ul {
  padding-left: 10px;
  list-style: none;
  margin-bottom: 15px;
}
.cardStyle ul li {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
}
.cardStyle ul li:before {
  content: "•";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 22px;
}
.cardStyle ul.list-arrows li:before {
  content: "";
  font-size: 15px;
}
.cardStyle ul.no-style {
  padding-left: 0;
}
.cardStyle ul.no-style li {
  padding-left: 0;
  margin-bottom: 10px;
}
.cardStyle ul.no-style li:before {
  display: none;
}
/*===== Links =====*/
a, .forum {
  text-decoration: underline;
  outline: none;
  color: #5A77AD;
}
a:hover, a:focus, .forum:hover, .forum:focus {
  text-decoration: underline;
  color: #334566;
}
.forum {
  text-decoration: none;
}
.head-section .nav li a:hover, .head-section .nav li a:focus, .head-section .nav li.active a, .head-section .nav li.active a:hover, .head-section .nav li a.dropdown-toggle:hover, .head-section .nav li a.dropdown-toggle:focus, .head-section .nav li.active ul.dropdown-menu li a:hover, .head-section .nav li.active ul.dropdown-menu li.active a, .head-section .nav > li > a, .head-section .navbar .nav > .open > a, .head-section .navbar .nav > .open > a:hover, .head-section .navbar .nav > .open > a:focus, .search, .search:focus, #back-to-top, #back-to-top:hover, .carousel-control.left, .carousel-control.right, .btn.btn-success, .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success.hover, .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger.hover {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
/*===== Ranks =====*/
.admin, .admin:hover {
  color: #ff5722;
}
.moderator, .moderator:hover {
  color: #3EC9C0;
}
.redacteur, .redacteur:hover {
  color: #f0c50a;
}
.hoofdmoderator, .hoofdmoderator:hover {
  color: #2789F9;
}
.developer, .developer:hover {
  color: #2BD12B;
}
.banned-user {
  text-decoration: line-through;
}
/*===== Select text =====*/
::selection {
  background: #5A77AD;
  color: #ffffff;
}
::-moz-selection {
  background: #5A77AD;
  color: #ffffff;
}
/*===== Alert =====*/
.alert-danger {
  border: 0;
}
.alert-danger p, .alert-danger ul {
  text-align: left;
  color: #2b2b2b;
  margin-bottom: 5px;
}
.alert ul {
  padding-left: 20px;
}
.alert-success {
  background-color: #C7D8D4;
  border: 0;
  color: #2b2b2b;
}
@media only screen and (max-width: 768px) {
  .alert-success p {
    font-size: 13px;
    line-height: 21px;
  }
}
.alert-success p:last-child {
  margin-bottom: 0;
}
/*===== Responsive =====*/
.stacktable.small-only, .small-only {
  display: none;
}
@media only screen and (max-width: 768px) {
  .stacktable.small-only, .small-only {
    display: table;
  }
}
@media only screen and (max-width: 768px) {
  .stacktable.large-only, .large-only {
    display: none;
  }
}
.show-for-medium-down {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .show-for-medium-down {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 992px) {
  .hide-for-medium-down {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .hide-for-small-down {
    display: none !important;
  }
}
/*===== Other =====*/
.signature {
  text-align: right;
  margin-top: 30px;
  font-style: italic;
}
blockquote {
  margin-top: 20px;
  border-left-color: #5A77AD;
  font-style: italic;
}
.header-fill {
  height: 74px;
}
@media only screen and (max-width: 1200px) {
  .header-fill {
    height: 60px;
  }
}
@media only screen and (max-width: 992px) {
  .header-fill {
    height: 55px;
  }
}
@media only screen and (max-width: 768px) {
  .header-fill {
    height: 50px;
  }
}
header {
  background: #2F8E85;
  color: #ffffff;
  height: 74px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  /* LOGO BLOCK */
  /* MENU BLOCK */
}
@media only screen and (max-width: 1200px) {
  header {
    height: 60px;
  }
}
@media only screen and (max-width: 992px) {
  header {
    height: 55px;
  }
}
@media only screen and (max-width: 768px) {
  header {
    height: 50px;
  }
}
header .row {
  position: relative;
}
header a {
  text-decoration: none;
}
header .logo-div {
  display: inline-block;
  width: 25%;
}
@media only screen and (max-width: 1200px) {
  header .logo-div {
    width: 27%;
  }
}
@media only screen and (max-width: 992px) {
  header .logo-div {
    width: 100%;
    position: absolute;
  }
}
header .logo-link {
  line-height: 74px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 30px;
}
@media only screen and (max-width: 1200px) {
  header .logo-link {
    font-size: 27px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 992px) {
  header .logo-link {
    font-size: 22px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 768px) {
  header .logo-link {
    line-height: 50px;
  }
}
header .logo-link:hover {
  text-decoration: none;
  color: #ffffff;
}
header .logo-link:focus {
  text-decoration: none;
}
header .logo-link .logo {
  width: 52px;
  margin-top: -9px;
}
@media only screen and (max-width: 1200px) {
  header .logo-link .logo {
    width: 46px;
  }
}
@media only screen and (max-width: 992px) {
  header .logo-link .logo {
    width: 40px;
    margin-top: -5px;
  }
}
header .logo-link span {
  margin-left: 10px;
}
@media only screen and (max-width: 1200px) {
  header .logo-link span {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 768px) {
  header .logo-link span {
    display: none;
  }
}
header .main-menu-div {
  display: inline-block;
  width: 75%;
  text-align: right;
  vertical-align: top;
  font-size: 15px;
}
@media only screen and (max-width: 1200px) {
  header .main-menu-div {
    width: 73%;
  }
}
@media only screen and (max-width: 992px) {
  header .main-menu-div {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  header .main-menu-div {
    font-size: 16px;
  }
}
header .main-menu {
  margin-bottom: 0;
  height: 74px;
  line-height: 74px;
  list-style: none;
}
@media only screen and (max-width: 1200px) {
  header .main-menu {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 992px) {
  header .main-menu {
    height: 55px;
    line-height: 55px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  header .main-menu {
    height: 50px;
    line-height: 50px;
    padding-right: 37px;
  }
}
header .main-menu-dropdown {
  display: none;
}
header .top-level {
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-left: 1px;
}
@media only screen and (max-width: 1200px) {
  header .top-level {
    line-height: 34px;
  }
}
header .top-level:hover .main-menu-dropdown, header .top-level:focus .main-menu-dropdown {
  display: block;
}
@media only screen and (max-width: 992px) {
  header .top-level:hover .main-menu-dropdown, header .top-level:focus .main-menu-dropdown {
    display: none;
  }
}
header .top-level:hover .top-level-toggle, header .top-level:focus .top-level-toggle {
  background: #11776B;
  color: #ffffff;
  text-decoration: none;
  cursor: default;
}
@media only screen and (max-width: 992px) {
  header .top-level:hover .top-level-toggle, header .top-level:focus .top-level-toggle {
    cursor: pointer;
  }
}
header .top-level:hover .top-level-toggle.cursor, header .top-level:focus .top-level-toggle.cursor {
  cursor: pointer;
}
header .top-level:first-child {
  margin-left: 0;
}
header .top-level-toggle {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  color: #ffffff;
  border-radius: 2px;
  padding: 0 15px;
  display: block;
}
@media only screen and (max-width: 1200px) {
  header .top-level-toggle {
    padding: 0 11px;
  }
}
@media only screen and (max-width: 992px) {
  header .top-level-toggle {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  header .top-level-toggle {
    padding: 0 8px;
  }
}
header .top-level-toggle:focus, header .top-level-toggle.open {
  background: #11776B;
  color: #ffffff;
  text-decoration: none;
  cursor: default;
}
header .top-level-toggle .fa-angle-down {
  margin-left: 5px;
}
header .top-level-toggle.open + .main-menu-dropdown {
  display: block;
}
header .main-menu-dropdown {
  position: absolute;
  min-width: 170px;
  max-width: 400px;
  background-color: #ffffff;
  text-align: left;
  list-style: none;
  font-size: 14px;
  line-height: 35px;
  right: 0;
  top: 100%;
  padding: 7px 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  z-index: 999999;
}
@media only screen and (max-width: 992px) {
  header .main-menu-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    top: 55px;
    max-width: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  header .main-menu-dropdown {
    top: 50px;
  }
}
header .main-menu-dropdown li {
  line-height: 21px;
}
@media only screen and (max-width: 992px) {
  header .main-menu-dropdown li {
    max-width: 750px;
    margin: 0 auto;
  }
}
header .main-menu-dropdown a {
  color: #2b2b2b;
  padding: 10px 20px;
  display: block;
}
@media only screen and (max-width: 992px) {
  header .main-menu-dropdown a {
    padding: 8px 15px;
  }
}
header .main-menu-dropdown a:hover {
  background: #e5e5e5;
  text-decoration: none;
}
header .scrollContainer {
  max-height: 320px;
  overflow-x: auto;
}
header .scrollContainer ul {
  padding-left: 0;
}
header .scrollContainer li {
  display: block;
}
header .scrollContainer a {
  clear: both;
  display: block;
  padding-right: 30px;
}
header .scrollContainer a:hover {
  background: #e5e5e5;
  color: #2b2b2b;
  text-decoration: none;
}
header .favourites .main-menu-dropdown {
  min-width: 300px;
}
header .no-messages, header .no-favourites {
  color: #848383;
  padding: 10px 20px;
  font-style: italic;
  line-height: 25px;
}
header .more-messages, header .more-favourites {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  white-space: nowrap;
}
header .new-notification .main-menu-dropdown, header .new-message .main-menu-dropdown {
  min-width: 240px;
}
header .new-notification span.unread, header .new-message span.unread {
  background: #ffffff;
  color: #2F8E85;
  font-size: 8px;
  width: 13px;
  height: 13px;
  line-height: 12px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -7px;
  left: 4px;
}
header .new-notification .subject, header .new-notification .from, header .new-notification .send, header .new-message .subject, header .new-message .from, header .new-message .send {
  display: block;
}
header .new-notification .unread .subject, header .new-message .unread .subject {
  font-weight: bold;
}
header .new-notification .unread .subject:before, header .new-message .unread .subject:before {
  content: "";
  font-family: "FontAwesome";
  font-weight: normal;
  margin-right: 8px;
}
header .new-notification .from, header .new-notification .send, header .new-message .from, header .new-message .send {
  font-size: 12px;
  color: #848383;
}
header .new-notification .scrollContainer, header .new-message .scrollContainer {
  max-height: 320px;
  overflow-x: auto;
}
header .new-notification .scrollContainer a, header .new-message .scrollContainer a {
  clear: both;
  padding-right: 30px;
}
header .login-li form {
  display: none;
  position: absolute;
  right: 0;
  top: 57px;
  background-color: #2F8E85;
  padding: 15px 20px;
  border-radius: 0 0 2px 2px;
  /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);*/
  z-index: 10;
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  header .login-li form {
    top: 47px;
  }
}
@media only screen and (max-width: 992px) {
  header .login-li form {
    top: 45px;
    padding: 11px 20px;
  }
}
@media only screen and (max-width: 768px) {
  header .login-li form {
    top: 42px;
  }
}
@media only screen and (max-width: 480px) {
  header .login-li form {
    top: 50px;
    position: fixed;
    width: calc(100% - 15px - 15px);
    left: 15px;
  }
}
header .login-li form fieldset {
  position: relative;
}
header .login-li form label {
  font-weight: normal;
}
header .login-li form input.form-control {
  width: 250px;
  height: 33px;
  color: #2b2b2b;
  border: 0;
  box-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: none;
  padding: 0 15px 0 35px;
  background-color: #ffffff;
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  header .login-li form input.form-control {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  header .login-li form input.form-control {
    width: 100%;
  }
}
header .login-li form input.form-control:focus {
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
header .login-li form input.form-control.form-control {
  border: 0;
}
header .login-li form #user {
  background-image: url("../../images/user-grey.png");
}
header .login-li form #user:focus {
  background-image: url("../../images/user-dark.png");
}
header .login-li form #password {
  background-image: url("../../images/lock-grey.png");
}
header .login-li form #password:focus {
  background-image: url("../../images/lock-dark.png");
}
header .login-li form label {
  position: relative;
  line-height: 20px;
  font-size: 14px;
}
header .login-li form label span {
  top: 1px;
}
header .login-li form i.fa-info-circle {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -2px;
}
header .login-li form i.fa-info-circle:hover:after {
  content: "Let op: Het onthouden van de login maakt een cookie aan op deze computer voor de gebruiker waarmee je aangemeld bent, zodat je ingelogd kunt blijven. Vink dit niet aan als je het account op deze computer deelt met iemand anders!";
  background: #ffffff;
  position: absolute;
  min-width: 230px;
  padding: 20px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  line-height: 18px;
  color: #2b2b2b;
  text-align: left;
}
header .login-li form p {
  font-size: 12px;
  line-height: 23px;
  margin-bottom: 0;
  margin-top: 20px;
}
header .login-li form p a {
  color: #ffffff;
  text-decoration: underline;
}
header .favourites .input-container {
  padding: 10px 20px;
  border-bottom: 1px solid #e5e5e5;
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  header .favourites .input-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
header .favourites input {
  box-shadow: none;
  margin-top: 0;
}
header .search-li form {
  display: none;
  position: absolute;
  right: 0;
  top: 57px;
  background-color: #2F8E85;
  padding: 15px 20px;
  border-radius: 0 0 2px 2px;
  /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);*/
  z-index: 10;
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  header .search-li form {
    top: 47px;
  }
}
@media only screen and (max-width: 992px) {
  header .search-li form {
    top: 45px;
    padding: 11px 20px;
  }
}
@media only screen and (max-width: 768px) {
  header .search-li form {
    top: 42px;
  }
}
@media only screen and (max-width: 480px) {
  header .search-li form {
    top: 50px;
    position: fixed;
    width: calc(100% - 15px - 15px);
    left: 15px;
  }
}
header .search-li form fieldset {
  position: relative;
}
header .search-li form label {
  font-weight: normal;
}
header .search-li form input.form-control {
  width: 250px;
  height: 33px;
  color: #2b2b2b;
  border: 0;
  box-shadow: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: none;
  padding: 0 15px 0 35px;
  background-color: #ffffff;
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  header .search-li form input.form-control {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  header .search-li form input.form-control {
    width: 100%;
  }
}
header .search-li form input.form-control:focus {
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
header .search-li form input.form-control.form-control {
  border: 0;
}
header .search-li form .search {
  background-image: url("../../images/search-grey.png");
}
header .search-li form .search:focus {
  background-image: url("../../images/search-dark.png");
}
header .margin-left {
  margin-left: 20px;
}
@media only screen and (max-width: 1200px) {
  header .margin-left {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 992px) {
  header .margin-left {
    margin-left: 1px;
  }
}
header .submenu-toggle {
  display: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
}
@media only screen and (max-width: 992px) {
  header .submenu-toggle {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  header .submenu-toggle {
    width: 31px;
  }
}
header .submenu-toggle .fa-times {
  display: none;
}
header .submenu-toggle .open .fa-bars {
  display: none;
}
header .submenu-toggle .open .fa-times {
  display: inline-block;
}
header .submenu {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 992px) {
  header .submenu {
    display: none;
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    color: #2b2b2b;
    padding: 10px 0 12px;
  }
}
@media only screen and (max-width: 768px) {
  header .submenu {
    top: 50px;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: url("../../images/bg-menu-shadow.png") repeat-x;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu a {
    color: #2b2b2b;
  }
}
header .submenu .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  header .submenu .inner {
    max-height: 300px;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level {
    display: block;
    text-align: left;
    line-height: 40px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level.margin-left {
    margin-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level:hover .main-menu-dropdown {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level i {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level .top-level-toggle:hover, header .submenu .top-level .top-level-toggle.open {
    background-color: #5A77AD;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .top-level .top-level-toggle.open i {
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
header .submenu .top-level .top-level-toggle.open + .main-menu-dropdown {
  display: block;
}
@media only screen and (max-width: 992px) {
  header .submenu .main-menu-dropdown {
    position: relative;
    top: 0;
    box-shadow: 0 0 0;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media only screen and (max-width: 992px) {
  header .submenu .main-menu-dropdown a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#outdatedBrowser {
  margin-top: 30px;
  font-size: 16px;
}
#outdatedBrowser .cardStyle {
  background-color: #F27929;
}
#outdatedBrowser .blog-content {
  padding-top: 5px;
  padding-bottom: 10px;
}
#outdatedBrowser p {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
}
#outdatedBrowser a {
  color: #ffffff;
}
/*===== Banner not found =====*/
#bannerNotFound {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 760px;
  padding: 15px;
}
#bannerNotFound p {
  color: #676767;
  text-align: center;
  margin-bottom: 5px;
}
#bannerNotFound a {
  color: #676767;
  text-decoration: underline;
}
footer {
  padding-top: 17px;
  padding-bottom: 17px;
  height: auto;
  background: #0A655B;
  color: #ffffff;
  line-height: 26px;
}
@media only screen and (max-width: 768px) {
  footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
footer p {
  margin: 0;
  text-align: center;
}
footer a {
  color: white;
}
.btn {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 15px;
  border: none;
}
@media only screen and (max-width: 768px) {
  .btn {
    font-size: 12px;
    padding: 8px 10px;
  }
}
.btn:focus {
  outline: none;
}
.btn i {
  margin-right: 7px;
}
.btn.icon-only i {
  margin-right: 0;
}
.btn .upload {
  margin-right: 5px;
}
.btn.btn-image, .btn.check, .btn.plus, .btn.min, .btn.star, .btn.delete, .btn.save, .btn.edit, .btn.heart, .btn.download, .btn.download-not, .btn.eye, .btn.eye-not {
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 13px center;
}
.btn.check {
  background-image: url("../../images/check.png");
}
.btn.plus {
  background-image: url("../../images/plus.png");
}
.btn.min {
  background-image: url("../../images/min.png");
}
.btn.star {
  background-image: url("../../images/star.png");
}
.btn.delete {
  background-image: url("../../images/delete.png");
  background-size: 16px auto;
}
.btn.save {
  background-image: url("../../images/save.png");
  background-size: 16px auto;
}
.btn.edit {
  background-image: url("../../images/edit.png");
  background-size: 16px auto;
}
.btn.heart {
  background-image: url("../../images/heart.png");
}
.btn.download {
  background-image: url("../../images/download.png");
}
.btn.download-not {
  background-image: url("../../images/download-not.png");
}
.btn.eye {
  background-image: url("../../images/eye.png");
}
.btn.eye-not {
  background-image: url("../../images/eye-not.png");
}
.favouriteButton[data-selected="1"]:hover, .topshowButton[data-selected="1"]:hover {
  background-image: url("../../images/min.png");
}
.btn-sm, .btn-xs {
  font-size: 12px;
  padding: 5px 10px;
}
.btn-primary {
  background-color: #23478B;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.hover {
  background-color: #14336C;
}
.btn-success {
  background-color: #5A77AD;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.hover, .btn-success.active, .btn-success.mixitup-control-active {
  background-color: #23478B;
  border: none;
}
.btn-danger {
  background-color: #F27929;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.hover, .btn-danger.active {
  background-color: #CE5910;
  border: none;
}
.btn-warning {
  background-color: #f6bb42;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning.hover, .btn-warning.active {
  background-color: #eaa61e;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
  background-color: #cecece;
}
.btn-right {
  float: right;
}
.buttonDiv {
  margin-bottom: 20px;
}
img.toggleEpisode:hover {
  cursor: pointer;
}
/*===== Back-to-top =====*/
#back-to-top {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  background-image: url("../../images/back-to-top.png");
  background-color: #5A77AD;
  background-repeat: no-repeat;
  background-position: 15px 18px;
  background-size: 20px auto;
  line-height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  z-index: 10;
}
@media only screen and (max-width: 992px) {
  #back-to-top {
    right: 25px;
    bottom: 25px;
  }
}
@media only screen and (max-width: 480px) {
  #back-to-top {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-position: 12px 15px;
    background-size: 15px auto;
  }
}
#back-to-top:hover {
  background-color: #23478B;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#back-to-top:focus {
  background-color: #89A1CE;
}
/*===== New message =====*/
.btn.new-message {
  border-radius: 50%;
  font-size: 30px;
  position: fixed;
  bottom: 50px;
  right: 110px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  padding: 0;
  z-index: 10;
  background-size: 20px auto;
  background-position: 15px center;
}
@media only screen and (max-width: 992px) {
  .btn.new-message {
    right: 85px;
    bottom: 25px;
  }
}
.conversation-message blockquote {
  font-style: normal;
}
.conversation-message blockquote p {
  font-size: 13px;
}
.conversation-message span.button {
  float: right;
  cursor: pointer;
}
/*===== Pager =====*/
.pager {
  text-align: left;
}
.pager.seasons {
  text-align: right;
  float: right;
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  .pager.seasons {
    margin-top: 0;
  }
}
.pager.seasons label {
  font-weight: normal;
  margin-right: 5px;
  color: #2b2b2b;
}
@media only screen and (max-width: 992px) {
  .pager.seasons label {
    margin-top: 8px;
  }
}
.pager.seasons .largePager {
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .pager.seasons .largePager {
    display: none;
  }
}
.pager.seasons .largePager.medium {
  display: none;
}
@media only screen and (max-width: 992px) {
  .pager.seasons .largePager.medium {
    display: block;
    float: right;
  }
}
.pager.overview {
  margin-top: 0;
  margin-bottom: 0;
}
.pager .btn {
  padding: 6px 12px;
}
.pager-space {
  margin: 0 3px;
}
@media only screen and (max-width: 480px) {
  .pager-space {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .pager-word {
    display: none;
  }
}
.largePager .btn {
  margin-right: 3px;
  padding: 6px 12px;
}
@media only screen and (max-width: 1200px) {
  .largePager .btn {
    margin-right: 2px;
    padding: 6px 10px;
  }
}
.largePager.large {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .largePager.large {
    display: none;
  }
}
.largePager.medium {
  display: none;
}
@media only screen and (max-width: 992px) {
  .largePager.medium {
    display: block;
    float: right;
  }
}
.cardStyle {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  color: #676767;
  border: 1px solid #eaeaea;
}
.cardStyle .blog-content {
  padding: 30px 30px 40px;
}
@media only screen and (max-width: 992px) {
  .cardStyle .blog-content {
    padding: 30px 20px 40px;
  }
}
.cardStyle .blog-content h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 25px;
  line-height: 32px;
}
.cardStyle .blog-content h2 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 25px;
  line-height: 25px;
}
.cardStyle .blog-content h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 29px;
}
@media only screen and (max-width: 992px) {
  .cardStyle .blog-content h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .cardStyle .blog-content h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 768px) {
  .cardStyle .blog-content h3 i.fa {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: -2px;
  }
}
.cardStyle .blog-content h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.cardStyle .blog-content p.recent {
  color: #000000;
  margin: 0 0 0px;
}
.cardStyle.cardTable .blog-content table {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
  margin-left: -30px;
  max-width: none;
  width: calc(100% + (2 * 30px));
}
@media only screen and (max-width: 992px) {
  .cardStyle.cardTable .blog-content table {
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + (2 * 20px));
  }
}
.cardStyle.cardTable a {
  text-decoration: none;
}
.cardStyle.cardTable a:hover {
  text-decoration: underline;
}
.cardStyle.cardTable a.btn:hover {
  text-decoration: none;
}
.cardStyle.cardVideo .blog-content {
  padding: 0;
}
.cardStyle.cardVideo .blog-content iframe {
  border-radius: 3px 3px 0 0;
}
@media only screen and (max-width: 1200px) {
  .cardStyle.cardVideo .blog-content iframe {
    height: 255px;
  }
}
@media only screen and (max-width: 992px) {
  .cardStyle.cardVideo .blog-content iframe {
    height: 190px;
  }
}
@media only screen and (max-width: 768px) {
  .cardStyle.cardVideo .blog-content iframe {
    height: 320px;
  }
}
@media only screen and (max-width: 480px) {
  .cardStyle.cardVideo .blog-content iframe {
    height: 220px;
  }
}
.cardStyle.cardVideo .blog-content h4 {
  padding: 15px;
}
.cardStyle.divStyle .blog-content {
  padding: 30px 0;
}
.cardStyle.divStyle .blog-content .blog-content p {
  padding: 0 30px;
}
.cardStyle.divStyle div.readMore {
  padding: 20px 30px 0;
}
@media only screen and (max-width: 992px) {
  .cardStyle.newsBlock .blog-content {
    padding: 15px 20px 30px;
  }
}
@media only screen and (max-width: 992px) {
  .cardSlider h2 {
    margin-top: 20px;
  }
}
.announcementBlock {
  background-color: #5A77AD;
  border: 0;
}
.announcementBlock .close {
  color: #ffffff;
  float: right;
  margin: 15px;
  opacity: 1;
}
.announcementBlock .blog-content {
  padding: 15px 5px 5px;
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .announcementBlock .blog-content {
    padding: 15px 5px 5px;
  }
}
.announcementBlock .blog-content p {
  text-align: center;
  font-size: 14px;
}
.announcementBlock .blog-content a {
  text-decoration: underline;
  color: #ffffff;
}
.nieuwsSlider .cardTable .blog-content {
  padding-left: 0;
  padding-right: 0;
}
.info-message {
  font-style: italic;
}
.info-message i {
  margin-right: 10px;
}
.form-control, .block-post .block-post-content .editing textarea {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 6px 15px;
  height: 40px;
}
.form-control:focus, .block-post .block-post-content .editing textarea:focus {
  background: #ffffff;
  border: 1px solid #eaeaea;
}
.largeFilter .form-control, .largeFilter .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing .largeFilter textarea {
  background-color: #ffffff;
  background-image: url("../../images/search-grey.png");
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 30px;
}
@media only screen and (max-width: 768px) {
  .largeFilter .form-control, .largeFilter .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing .largeFilter textarea {
    width: 100%;
  }
}
.largeFilter .form-control:focus, .largeFilter .block-post .block-post-content .editing textarea:focus, .block-post .block-post-content .editing .largeFilter textarea:focus {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  background-image: url("../../images/search-dark.png");
}
.radio, .checkbox {
  padding-left: 0;
}
.cardForm.cardStyle .blog-content p {
  margin-bottom: 30px;
}
.cardForm.cardStyle form p {
  padding-left: 0;
  padding-right: 0;
}
p.margin-top {
  margin-top: -25px;
}
.cardForm fieldset.margin-top {
  margin-top: -10px;
}
.cardForm fieldset:last-child {
  margin-bottom: 0;
}
.cardStyle input.form-control, .cardStyle textarea, .cardStyle select {
  box-shadow: 0 0 0;
  border-radius: 0;
}
.cardForm input.form-control, .cardForm textarea, .cardForm select, select, textarea {
  box-shadow: 0 0 0;
  border: 0;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.cardForm textarea, textarea {
  padding-top: 11px;
}
.kladblok-counter {
  padding-top: 10px;
}
.form-input.kladblok {
  box-shadow: 0 0 0;
  border: 0;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  cursor: default;
  margin-right: 10px;
}
#counter {
  width: 5em;
}
.message-options {
  float: right;
  display: block;
}
.cardForm input.form-control:focus, .cardForm textarea:focus, textarea:focus {
  border: 0;
  border: 1px solid #a6a4c1;
  /*4caf50*/
}
.cardForm input.form-control.error, .cardForm textarea.error, .cardForm input.form-control.error:focus, .cardForm textarea.error:focus {
  border: 0;
  border: 1px solid red;
}
select {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 40px;
  padding-right: 35px;
  background-image: url("../../images/bg-input.png");
  background-repeat: no-repeat;
  background-position: right 13px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
select:focus {
  background-image: url("../../images/bg-input.png");
  background-repeat: no-repeat;
  background-position: right 13px center;
}
select option {
  padding-bottom: 5px;
  padding-top: 5px;
}
select option:hover {
  background: #e5e5e5;
}
select.form-control {
  background-image: url("../../images/bg-input.png");
  background-repeat: no-repeat;
  background-position: right 13px center;
}
select.form-control:focus {
  background-image: url("../../images/bg-input.png");
  background-repeat: no-repeat;
  background-position: right 13px center;
}
.cardForm fieldset {
  margin-bottom: 30px;
  margin-top: 9px;
  position: relative;
}
.cardForm fieldset.fieldset-save {
  margin-bottom: 0;
}
.cardForm fieldset.radioButton {
  margin-bottom: 10px;
}
.cardForm label {
  font-weight: normal;
  font-size: 14px;
}
.cardForm input[type=submit], .cardForm button[type=submit] {
  float: right;
}
.radio-label {
  display: block;
}
.radio-fieldset input {
  display: none;
}
input[type="radio"], input[type="checkbox"] {
  margin-top: 0;
  border: 2px solid #848383;
}
input[type="radio"] + label {
  padding-left: 30px;
}
input[type="radio"] + label:hover, input[type="checkbox"] + label:hover {
  cursor: pointer;
}
input[type="radio"] + label:hover span, input[type="checkbox"] + label:hover span {
  border-color: #A6A4C1;
  /*4CAF50*/
}
input[type="radio"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: white;
  cursor: pointer;
  border: 2px solid #848383;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 0px;
}
input[type="radio"]:checked + label span {
  background: #7976a0;
  /*4CAF50*/
  border: 0px;
  width: 18px;
  height: 18px;
}
.hideCheckbox, .hideRadiobutton {
  display: none;
}
input[type="checkbox"] + label {
  padding-left: 30px;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: white;
  cursor: pointer;
  border: 2px solid #848383;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0px;
}
input[type="checkbox"]:checked + label span {
  background: url("../../images/check.png") #7976a0 no-repeat center center;
  /*4CAF50*/
  border: 0px;
  width: 18px;
  height: 18px;
}
input[type="file"] {
  margin-bottom: 10px;
}
input[type="checkbox"] + label.checkboxWithoutLabel {
  padding-left: 0;
}
input[type="checkbox"] + label.checkboxWithoutLabel span {
  position: relative;
}
.hasCheckboxHover {
  position: relative;
}
.checkboxHover:hover {
  cursor: pointer;
}
.checkboxHover:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background: url("../../images/niet-hover.png");
}
.rightButtons {
  margin: 20px 0;
  text-align: right;
}
.rightButtons.favourites {
  margin: 0;
  float: right;
}
.rightButtons.videos {
  margin-top: 0;
}
.rightButtons.videos a {
  margin-top: 0;
}
@media only screen and (max-width: 992px) {
  .news-overview .rightButtons {
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .news-overview .rightButtons .btn {
    margin-top: 0;
  }
}
.leftButtons {
  margin: 20px 0;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .leftButtons {
    margin-top: 0;
  }
}
.leftButtons.top {
  margin-top: 0;
}
@media only screen and (max-width: 992px) {
  .leftButtons .btn {
    margin-top: 0;
  }
}
.form-control + .form-control, .block-post .block-post-content .editing textarea + .form-control, .block-post .block-post-content .editing .form-control + textarea, .block-post .block-post-content .editing textarea + textarea {
  margin-top: 10px;
}
input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #d9d9d9;
  height: 40px;
  width: 60px;
  padding: 0 0 0 10px;
  margin-right: 5px;
}
.g-recaptcha {
  margin-bottom: 10px;
}
/*===== Bv serie voorstellen =====*/
.form-standaard {
  max-width: 500px;
  margin: 0px auto 0;
}
.form-standaard h2.form-standaard-heading {
  margin: 0;
  padding: 20px 15px;
  text-align: center;
  background: #1b5e20;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 18px;
}
.form-standaard .checkbox {
  margin-bottom: 14px;
}
.form-standaard .checkbox {
  font-weight: normal;
  color: #b6b6b6;
}
.form-standaard .form-control:focus, .form-standaard .block-post .block-post-content .editing textarea:focus, .block-post .block-post-content .editing .form-standaard textarea:focus {
  z-index: 2;
}
.form-standaard input[type="text"], .form-standaard input[type="password"], .form-standaard textarea {
  margin-bottom: 15px;
}
.form-standaard .btn-login {
  background: #48cfad;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-standaard .btn-login:hover {
  background: #37BC9B;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-standaard p {
  text-align: center;
  color: #b6b6b6;
  font-size: 16px;
  font-weight: 300;
}
#message-editor {
  margin-bottom: 15px;
}
#message-editor .bar {
  margin-bottom: 5px;
}
#message-editor .bar i {
  font-size: 15px;
}
#message-editor .bar i:hover {
  cursor: pointer;
  color: #5A77AD;
}
#message-editor .bar img:hover {
  cursor: pointer;
}
#message-editor .bar .button {
  margin-right: 5px;
}
#message-editor .bar .button:last-child {
  margin-right: 0;
}
#message-editor .bar.text img {
  margin-top: -2px;
}
#message-editor .bar.emoticons {
  margin-bottom: 10px;
}
#message-editor .bar.emoticons img {
  width: 23px;
  height: 23px;
  margin-bottom: 5px;
}
.smiley {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 992px) {
  .rightButtons.favourites {
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  .cardForm input[type=submit], .cardForm button[type=submit] {
    float: left;
  }
}
#composeMessage .btn.send, #composeMessage .btn.preview {
  float: right;
  margin-left: 5px;
}
table .header {
  background: none;
  font-weight: normal;
  color: #848383;
}
table.table-no-header tr:first-child td {
  border-top: 0;
  padding-top: 0;
}
table th h3, table th h4 {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 992px) {
  table th h3, table th h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
table tr i {
  margin-right: 2px;
}
table.sorted th {
  cursor: pointer;
}
table.sorted th.header::before {
  content: "";
  font-family: Fontawesome;
  margin-right: 5px;
}
table.sorted th.headerSortUp::before {
  content: "";
}
table.sorted th.headerSortDown::before {
  content: "";
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th, .table-striped > tbody > tr > td, .table-striped > tbody > tr > th, table .light {
  background: none;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table-hover tbody tr:hover {
  background: #e5e5e5;
}
.table-hover .readMore:hover, .table-hover .readMore:hover td {
  background: #ffffff;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
  padding: 13px 10px 10px;
}
.table thead {
  border-bottom: 1px solid #d9d9d9;
}
.table thead tr th {
  padding-right: 5px;
  position: relative;
}
.table thead tr th:first-child {
  padding-left: 30px;
}
.table thead tr th:last-child {
  padding-right: 30px;
}
.table thead > tr > th {
  border-bottom: 0px solid #d9d9d9;
  font-weight: normal;
  padding: 0 10px 10px;
  color: #848383;
}
table tbody tr td {
  padding-right: 15px;
  position: relative;
}
table tbody tr td:first-child {
  padding-left: 30px;
}
@media only screen and (max-width: 992px) {
  table tbody tr td:first-child {
    padding-left: 20px;
  }
}
table tbody tr td:first-child td {
  border-top: 0;
}
table tbody tr td:last-child {
  padding-right: 30px;
}
@media only screen and (max-width: 992px) {
  table tbody tr td:last-child {
    padding-right: 20px;
  }
}
/*===== Stacktable styling =====*/
.stacktable.small-only .st-head-row-main {
  display: none;
}
.stacktable.small-only td {
  padding: 5px 20px;
}
.stacktable.small-only td:first-child {
  padding-left: 20px;
  padding-right: 20px;
}
.stacktable.small-only td:last-child {
  padding-right: 20px;
}
.stacktable.small-only th {
  padding: 15px 20px 5px;
}
.stacktable.small-only thead > tr > td, .stacktable.small-only tbody > tr > td, .stacktable.small-only tfoot > tr > td {
  border-top: 0;
}
.stacktable.small-only tr > th {
  border-top: 1px solid #ddd;
}
.stacktable.small-only tr.readMore > th {
  text-align: right;
}
/*===== Table cards =====*/
.cardStyle .blog-content table {
  margin-bottom: 0;
}
.cardStyle .blog-content table.table-quote {
  margin-bottom: 25px;
}
.readMore {
  text-transform: uppercase;
  font-size: 15px;
}
@media only screen and (max-width: 768px) {
  .readMore a {
    font-weight: normal;
  }
}
.btn.readMore:hover, .btn.readMore:focus {
  color: #4caf50;
  text-decoration: underline;
}
.cardStyle .readMore td {
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-color: #d9d9d9;
}
@media only screen and (max-width: 992px) {
  .table thead tr th:first-child, .table tbody tr td:first-child {
    padding-left: 20px;
  }
  .cardStyle .readMore td, .table thead tr th:last-child, .table tbody tr td:last-child {
    padding-right: 20px;
  }
  .table tbody tr td {
    padding-right: 15px;
  }
}
/*===== Messages =====*/
.table-quote {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
}
@media only screen and (max-width: 480px) {
  .message-options {
    float: none;
    margin-top: 5px;
  }
}
.message-options i {
  color: #5A77AD;
  font-size: 19px;
  margin-left: 10px;
}
@media only screen and (max-width: 480px) {
  .message-options i {
    margin-left: 0;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .message-options i:last-child {
    margin-right: 0;
  }
}
.message-options i:hover {
  color: #23478B;
  cursor: pointer;
}
.message-options i.fa-reply {
  font-size: 17px;
}
.message-options i.fa-arrow-right {
  font-size: 16px;
  position: relative;
  top: -2px;
}
#accordion.cardStyle {
  border: 0;
  box-shadow: none;
  background: none;
}
#accordion .panel {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  border: none;
  position: relative;
  margin-bottom: 20px;
}
#accordion .panel-body {
  border-width: 0;
  border-color: #c7c7c7;
  border-style: solid;
  background-color: #e5e5e5;
}
#accordion .panel-body.white {
  background-color: #ffffff;
}
#accordion .panel-body fieldset {
  margin-bottom: 15px;
}
#accordion .panel-body fieldset.has-button {
  position: relative;
}
#accordion .panel-body fieldset.has-button .form-control, #accordion .panel-body fieldset.has-button .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing #accordion .panel-body fieldset.has-button textarea {
  min-height: 100px;
}
#accordion .panel-body fieldset.has-button .btn-translate {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
#accordion .rating {
  position: absolute;
  right: 15px;
  top: 10px;
}
#accordion .panel-heading-faq {
  border: 0 solid #c7c7c7;
}
.accordion-toggle {
  display: block;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 80px;
  position: relative;
  text-decoration: none;
}
.accordion-toggle:hover, .accordion-toggle:focus {
  color: #ffffff;
  text-decoration: none;
}
.accordion-toggle:before, .accordion-toggle.collapsed:before {
  content: "+";
  font-family: "FontAwesome";
  font-size: 21px;
  margin-right: 10px;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: -1px;
}
.accordion-toggle:before {
  content: "-";
  top: -4px;
  font-size: 32px;
}
.panel-group .panel {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}
.panel {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}
.panel-heading {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border: none;
  font-size: 15px;
}
.panel-default > .panel-heading, .panel-info > .panel-heading {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  color: #ffffff !important;
  background-color: #5A77AD;
}
.panel-default > .panel-heading:hover, .panel-info > .panel-heading:hover {
  background-color: #334566;
}
.panel-default > .panel-heading a:hover, .panel-info > .panel-heading a:hover {
  color: #eee;
}
.panel-body {
  border: 0px solid #eee;
  padding: 15px 20px;
}
.user-editable {
  position: relative;
}
.user-editable:after {
  display: inline-block;
  content: "";
  font-family: Fontawesome;
  font-size: 18px;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.user-editable .panel-body {
  padding-right: 50px;
}
.user-editable .panel-body.editing {
  padding-right: 20px;
}
.user-editable .panel-body.editing textarea {
  position: relative;
  z-index: 10;
}
.user-editable textarea {
  width: 100%;
  margin-bottom: 10px;
  height: 200px;
}
@media only screen and (max-width: 768px) {
  .user-editable textarea {
    height: 300px;
  }
}
.user-editable .btn {
  margin-right: 5px;
}
.white-popup {
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  padding: 20px;
  position: relative;
  background: #ffffff;
}
.white-popup table#multiSelect th {
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 5px;
}
.white-popup table#multiSelect select {
  box-shadow: none;
  border: 1px solid #d9d9d9;
  padding: 0;
}
.white-popup table#multiSelect option {
  padding: 7px 15px;
}
.white-popup table#multiSelect i {
  font-size: 16px;
}
.white-popup img {
  max-width: 100%;
}
.poll-popup {
  padding: 0;
}
.poll-popup .inline-input {
  width: auto;
  display: inline-block;
  height: 30px;
}
.poll-popup #answers-paragraph {
  margin-bottom: 0;
}
.poll-popup #poll_errors {
  margin-bottom: 0;
}
#multiSelect {
  width: 100%;
  margin-bottom: 20px;
}
#multiSelect th:nth-child(2), #multiSelect td:nth-child(2) {
  width: 20%;
  text-align: center;
}
#multiSelect select {
  width: 100%;
}
#multiSelect span {
  cursor: pointer;
  display: block;
}
.loginForm form {
  max-width: 340px;
  margin: 0 auto;
  border: 0;
}
.loginForm .checkbox {
  margin-bottom: 15px;
  display: inline-block;
}
.loginForm .checkbox span {
  display: inline-block;
  position: relative;
  top: -4px;
  left: 3px;
}
.loginForm .checkbox span i {
  margin-left: 3px;
}
.loginForm i.fa-info-circle {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -2px;
}
.loginForm i.fa-info-circle:hover:after {
  content: "Let op: Het onthouden van de login maakt een cookie aan op deze computer voor de gebruiker waarmee je aangemeld bent, zodat je ingelogd kunt blijven. Vink dit niet aan als je het account op deze computer deelt met iemand anders!";
  background: #ffffff;
  position: absolute;
  min-width: 250px;
  padding: 20px;
  font-family: "Lato", sans-serif;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  line-height: 18px;
}
.loginForm ul {
  list-style: none;
}
@media only screen and (max-width: 992px) {
  .loginForm fieldset {
    margin-bottom: 10px;
  }
}
.loginForm.register form {
  max-width: 400px;
}
.loginForm.register .intro {
  margin-bottom: 20px;
}
.loginForm.register .intro p {
  text-align: left;
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  .loginForm.register .intro ol {
    font-size: 12px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 768px) {
  .loginForm .alert p, .loginForm .alert ul, .loginForm .alert ol {
    font-size: 13px;
    line-height: 21px;
  }
}
.formBlock {
  max-width: 400px;
  margin: 0 auto;
  border: 0;
}
.formBlock .btn {
  margin-top: 15px;
}
.formBlock .form-control + .form-control, .formBlock .block-post .block-post-content .editing textarea + .form-control, .block-post .block-post-content .editing .formBlock textarea + .form-control, .formBlock .block-post .block-post-content .editing .form-control + textarea, .block-post .block-post-content .editing .formBlock .form-control + textarea, .formBlock .block-post .block-post-content .editing .block-post .block-post-content .editing textarea + textarea, .block-post .block-post-content .editing .formBlock .block-post .block-post-content .editing textarea + textarea {
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .formBlock .alert p, .formBlock .alert ul, .formBlock .alert ol {
    font-size: 13px;
    line-height: 21px;
  }
}
.cardFormInner {
  padding: 15px;
}
.loginForm h2, .formBlock h2 {
  margin: 0;
  padding: 20px 15px;
  text-align: center;
  background: #334566;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  color: #ffffff;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .loginForm h2, .formBlock h2 {
    padding: 12px 15px;
    font-size: 16px;
  }
}
.form-signin .form-control:focus, .form-signin .block-post .block-post-content .editing textarea:focus, .block-post .block-post-content .editing .form-signin textarea:focus {
  z-index: 2;
}
.form-signin input[type="text"], .form-signin input[type="password"] {
  margin-bottom: 15px;
}
.form-signin .btn {
  margin-bottom: 20px;
}
.form-signin p, .formBlock p {
  text-align: center;
  font-weight: 300;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .form-signin p, .formBlock p {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}
.form-signin .registration p {
  margin-bottom: 0;
}
.form-wrapper {
  padding-bottom: 70px;
}
.algemene-voorwaarden .av-part {
  margin-bottom: 25px;
}
.algemene-voorwaarden .av-part ul {
  padding-bottom: 0;
}
#submitVideoForm {
  position: relative;
}
#submitVideoForm p {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
}
#submitVideoForm .mfp-close {
  color: #ffffff;
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .loginForm form {
    margin-top: 0;
  }
  .loginForm i.fa-info-circle:hover:after {
    position: fixed;
    top: 50px;
    left: 10px;
    right: 10px;
  }
}
/*===== Wordt nu niet gebruikt =====*/
.login-social-link {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 15px;
}
.login-social-link a {
  color: #ffffff;
  padding: 15px 28px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}
.login-social-link a:hover {
  color: #ffffff;
}
.login-social-link a i {
  font-size: 20px;
  padding-right: 10px;
}
.login-social-link.facebook {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #5D9CEC;
  margin-right: 15px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 2px;
  float: left;
}
.login-social-link.facebook:hover {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #4A89DC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.login-social-link.twitter {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #4FC1E9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: left;
}
.login-social-link.twitter:hover {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #3BAFDA;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/*===== Slider =====*/
.cardSlider {
  margin-bottom: 30px;
}
.cardSlider .row {
  margin: 0;
}
.cardSlider h2 {
  margin-top: 0;
}
.carouselLeft {
  padding: 20px 30px 0;
}
.carousel-control.left, .carousel-control.right {
  background: none;
}
.carousel-control {
  background: #ffffff !important;
  color: #2b2b2b;
  position: absolute;
  bottom: 40%;
  left: 10px;
  top: 40%;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  opacity: 1;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}
.carousel-control.left i {
  padding-right: 2px;
}
.carousel-control.right {
  right: 10px;
}
.carousel-control.right i {
  padding-left: 2px;
}
.carousel-control:hover, .carousel-control:focus {
  background: #7976a0 !important;
  /*4caf50*/
  opacity: 1;
  color: #FFFFFF;
  text-decoration: none;
}
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  bottom: 0;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  padding: 15px 20px 17px;
}
@media only screen and (max-width: 1200px) {
  .carousel-caption {
    padding: 10px 20px 12px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-caption {
    text-shadow: none;
  }
}
.carousel-caption p {
  text-align: left;
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .carousel-caption p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-caption p {
    font-size: 16px;
  }
}
.carousel-caption a {
  text-decoration: none;
}
.dashboard #afleveringen td img {
  width: 10px;
  height: auto;
  vertical-align: top;
}
.dashboard .fa-star, .uitzendlijst .fa-star, .kijklijst .fa-star, .weekoverzicht .fa-star {
  color: #fcd271;
  font-size: 12px;
  position: relative;
  top: -2px;
}
.news .fa-comments-o, .news .fa-eye {
  color: #676767;
  margin-right: 4px;
}
.laatste-berichten .fa-envelope-o {
  color: #676767;
}
.column-image-cell img {
  width: 90%;
}
.carousel-inner > .item {
  height: 242px;
}
@media only screen and (max-width: 1200px) {
  .carousel-inner > .item {
    height: 172px;
  }
}
@media only screen and (max-width: 992px) {
  .carousel-inner > .item {
    height: 264px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-inner > .item {
    height: auto;
  }
}
.news-article-carousel {
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .news-article-carousel {
    margin-bottom: 20px;
  }
}
.news-article-carousel .carousel-inner > .item {
  height: 300px;
}
@media only screen and (max-width: 1200px) {
  .news-article-carousel .carousel-inner > .item {
    height: 260px;
  }
}
@media only screen and (max-width: 992px) {
  .news-article-carousel .carousel-inner > .item {
    height: 350px;
  }
}
@media only screen and (max-width: 768px) {
  .news-article-carousel .carousel-inner > .item {
    height: auto;
  }
}
.news-article-carousel iframe {
  width: 100%;
  height: 300px;
}
@media only screen and (max-width: 1200px) {
  .news-article-carousel iframe {
    height: 260px;
  }
}
@media only screen and (max-width: 992px) {
  .news-article-carousel iframe {
    height: 350px;
  }
}
@media only screen and (max-width: 768px) {
  .news-article-carousel iframe {
    height: 257px;
  }
}
@media only screen and (max-width: 480px) {
  .news-article-carousel iframe {
    height: 196px;
  }
}
.dashboard .news-article-carousel .carousel-inner > .item {
  height: 242px;
}
@media only screen and (max-width: 1200px) {
  .dashboard .news-article-carousel .carousel-inner > .item {
    height: 172px;
  }
}
@media only screen and (max-width: 992px) {
  .dashboard .news-article-carousel .carousel-inner > .item {
    height: 264px;
  }
}
@media only screen and (max-width: 768px) {
  .dashboard .news-article-carousel .carousel-inner > .item {
    height: auto;
  }
}
@keyframes menu-popout {
  0% {
    width: 0;
  }
  100% {
    width: 275px;
  }
}
.showBanner {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  background: #C7D8D4;
}
@media only screen and (max-width: 768px) {
  .showBanner {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .showBanner .container {
    padding: 0;
    width: 100%;
  }
}
.showBanner img {
  max-width: 100%;
}
.displayNone {
  display: none;
}
.showMenu {
  background: #C7D8D4;
  margin-bottom: 30px;
  padding-top: 15px;
}
@media only screen and (max-width: 768px) {
  .showMenu {
    position: fixed;
    z-index: 9000;
    top: 0;
    bottom: 0;
    margin-bottom: 0;
    padding-top: 20px;
    background-color: #5A77AD;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  }
}
@media only screen and (max-width: 768px) {
  .showMenu .container {
    padding: 0;
    width: 100%;
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu .fa-times {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu .fa-bars {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu.open {
    width: 275px;
    animation-name: menu-popout;
    animation-duration: 0.3s;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu.open .container {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu.open .fa-times {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .showMenu.open .fa-bars {
    display: none;
  }
}
.showMenu span, .showMenu a {
  background: none;
  color: #3f3f3f;
  text-transform: none;
  font-size: 14px;
  padding: 0px 10px 15px;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  box-shadow: 0 0 0;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  .showMenu span, .showMenu a {
    display: block;
    margin: 0;
    padding: 10px 25px;
    border-bottom: 0;
    text-align: left;
    color: #ffffff;
    text-transform: none;
  }
}
.showMenu span:hover, .showMenu span.active, .showMenu span.mixitup-control-active, .showMenu a:hover, .showMenu a.active, .showMenu a.mixitup-control-active {
  border-bottom: 3px solid #2F8E85;
  color: #3f3f3f;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .showMenu span:hover, .showMenu span.active, .showMenu span.mixitup-control-active, .showMenu a:hover, .showMenu a.active, .showMenu a.mixitup-control-active {
    border-bottom: 0;
    background-color: #334566;
    color: #ffffff;
  }
}
@media only screen and (max-width: 992px) {
  .showMenu a {
    font-size: 11px;
  }
}
.showMenu a:after {
  background: none;
  box-shadow: 0;
}
.mobileMenuTrigger {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobileMenuTrigger {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 35px;
    height: 45px;
    background-color: #5A77AD;
    color: #ffffff;
    border-radius: 0 3px 3px 0;
    right: -35px;
    text-align: center;
    line-height: 45px;
    top: 50%;
    font-size: 17px;
  }
}
.showFavorite {
  margin-bottom: 0px;
}
.showFavorite input {
  margin-bottom: 5px;
}
.showFavorite form {
  display: inline-block;
}
.showFavorite form .btn {
  margin-right: 5px;
}
.showPoster img {
  border-radius: 3px;
  width: 100%;
}
.showPoster.cardStyle {
  border: 0;
}
.showPoster.cardStyle .blog-content {
  padding: 0;
}
.showEpisodes {
  margin-bottom: 30px;
}
.largeFilter {
  margin-bottom: 30px;
  max-width: 400px;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .largeFilter {
    max-width: none;
  }
}
@media only screen and (max-width: 992px) {
  .largeFilter.no-margin-top {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .largeFilter.no-margin-top .form-control, .largeFilter.no-margin-top .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing .largeFilter.no-margin-top textarea {
    margin-top: 0;
  }
}
.showSeen.first {
  margin-bottom: 30px;
}
.showSeen input {
  margin-right: 10px;
}
.showSeen input:last-child {
  margin-right: 0;
}
.cardStyle .nieuwsItem {
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  overflow: hidden;
}
.cardStyle .nieuwsItem:last-child {
  padding-bottom: 0;
}
.cardStyle .nieuwsItem a {
  font-size: 15px;
  line-height: 17px;
  text-decoration: none;
}
.cardStyle .nieuwsItem.withoutImage a {
  font-size: 13px;
}
#edit_summary {
  width: 100%;
  height: 150px;
  margin-bottom: 8px;
}
.nieuwsItem {
  margin-bottom: 20px;
}
.nieuwsItem:last-child {
  margin-bottom: 0;
}
.nieuwsItem .item {
  float: right;
  width: 265px;
}
@media only screen and (max-width: 1200px) {
  .nieuwsItem .item {
    width: 182px;
  }
}
@media only screen and (max-width: 992px) {
  .nieuwsItem .item {
    width: calc(100% - 130px);
  }
}
.nieuwsItem.withoutImage {
  padding-bottom: 5px;
}
.nieuwsItem.columns .item {
  width: calc(100% - 127px);
}
@media only screen and (max-width: 480px) {
  .nieuwsItem.columns .item {
    width: calc(100% - 80px);
  }
}
.nieuwsItem.columns .info {
  margin-bottom: 10px;
}
.nieuwsItem.columns .readMore {
  text-align: right;
}
.nieuwsItem.large .item {
  width: 363px;
}
@media only screen and (max-width: 1200px) {
  .nieuwsItem.large .item {
    width: 263px;
  }
}
@media only screen and (max-width: 992px) {
  .nieuwsItem.large .item {
    width: calc(100% - 130px);
  }
}
@media only screen and (max-width: 480px) {
  .nieuwsItem.large .item {
    width: calc(100% - 80px);
  }
}
.nieuwsItemPhoto, .nieuwsItemPhoto img, .nieuwsItemPhoto iframe {
  width: 107px;
  float: left;
  margin-right: 10px;
}
@media only screen and (max-width: 480px) {
  .nieuwsItemPhoto, .nieuwsItemPhoto img {
    width: 60px;
  }
}
.nieuwsItemPhoto iframe {
  height: 60px;
}
.infoFaded {
  color: #717171;
  margin-top: 5px;
}
.cardStyle.divStyle .blog-content .nieuwsItem.columns p {
  padding: 0;
  font-size: 13px;
}
#ratingStars {
  /* Some padding to give the user some room for mouseout event */
  padding: 5px 0 0 0;
  display: flex;
  margin-top: 20px;
}
#ratingStars i {
  margin-right: 5px;
  font-size: 20px;
  flex: 1;
  max-width: 25px;
}
@media only screen and (max-width: 1200px) {
  #ratingStars i {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 992px) {
  #ratingStars i {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 480px) {
  #ratingStars i {
    margin-right: 4px;
  }
}
#ratingStars i:hover {
  cursor: pointer;
}
#ratingStars i.removeRating {
  margin-left: 15px;
  margin-right: 0;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  #ratingStars i.removeRating {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 992px) {
  #ratingStars i.removeRating {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 480px) {
  #ratingStars i.removeRating {
    margin-left: 10px;
  }
}
#ratingStars i.removeRating:hover {
  color: #5A77AD;
}
#ratingStars .fa-star {
  color: #5A77AD;
}
span#ratingAjax {
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .cardStyle.divStyle .nieuwsItem {
    padding: 0px 15px 25px;
  }
}
/*===== Testimonial =====*/
.about-testimonial {
  position: relative;
}
.about-testimonial ul li {
  list-style: none;
}
.about-testimonial a {
  text-decoration: none;
}
.about-testimonial .about-testimonial-image {
  float: left;
  margin: 0 20px 0 0;
  position: relative;
}
.about-testimonial .about-testimonial-image img {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 100px !important;
  width: 100px !important;
  background: #919191;
}
.about-testimonial a.about-testimonial-author {
  display: inline-block;
  font-size: 15px;
  line-height: 11px;
  margin: 30px 0 8px 0;
  font-weight: normal;
}
.about-testimonial .about-testimonial-company {
  display: block;
  font-size: 13px;
  line-height: 14px;
  color: #848383;
  font-weight: 300;
}
.about-testimonial .about-testimonial-content {
  margin-top: 55px;
  position: relative;
}
.about-testimonial .about-testimonial-content p {
  line-height: 20px;
  margin: 0;
}
.flex-direction-nav {
  position: absolute;
  right: 10px;
  top: 30px;
  width: 70px;
}
.flex-direction-nav li {
  display: inline-block;
  width: 12px;
}
.flex-direction-nav li a {
  outline: none;
}
.flex-direction-nav li a i {
  color: #cccccc;
}
.flex-control-paging {
  display: none;
}
.about-flexslider .about-flex-slides img {
  display: block;
  width: 100%;
}
.about-testimonial.boxed-style .about-testimonial-content:before {
  background-color: #ffffff;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  top: -8px;
  content: "";
  display: block;
  height: 14px;
  left: 45px;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 15px;
}
.about-testimonial.boxed-style .noReview .about-testimonial-content {
  margin-top: 30px;
}
.about-testimonial.boxed-style .noReview .about-testimonial-content:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .btn, .form-control, .block-post .block-post-content .editing textarea {
    margin-top: 10px;
  }
}
/* Video form. Should be hidden in page, but displayed when in popup */
#submitVideoForm {
  display: none;
}
.mfp-content > #submitVideoForm {
  display: block;
}
#serieProposals textarea {
  width: 100%;
  height: 250px;
}
input[readonly].tvdb_clickable {
  cursor: pointer;
}
.banner-selection {
  margin-bottom: 15px;
}
.banner-selection img, .poster-selection img {
  width: 160px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .banner-selection img, .poster-selection img {
    width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .banner-selection img, .poster-selection img {
    width: 50px;
  }
}
.banner-selection img.selected, .poster-selection img.selected {
  position: relative;
  z-index: 1;
  outline: 2px solid #F27929;
}
.fora .fa-exclamation-circle {
  color: #F27929;
  font-size: 15px;
  margin-right: 0;
}
.topic-subtitle {
  margin-top: 20px;
  margin-bottom: 4px;
  font-size: 20px;
  color: #848383;
}
.block-post .blog-content {
  padding-bottom: 20px;
}
.block-post .block-post-header {
  border-bottom: 1px solid #ddd;
  display: flex;
  padding-bottom: 15px;
  margin-bottom: 15px;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 992px) {
  .block-post .block-post-header {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header {
    position: relative;
  }
}
.block-post .block-post-header .block-post-img {
  flex: 0 0 90px;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .block-post-img {
    flex: 0 0 55px;
  }
}
.block-post .block-post-header .block-post-img img {
  width: 70px;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .block-post-img img {
    width: 40px;
  }
}
.block-post .block-post-header .block-post-author {
  flex: 1;
  line-height: 20px;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .block-post-author {
    line-height: 12px;
  }
}
.block-post .block-post-header .userName {
  text-decoration: none;
  font-size: 17px;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .userName {
    font-size: 15px;
    margin-bottom: 2px;
    display: inline-block;
  }
}
.block-post .block-post-header .block-post-date, .block-post .block-post-header .block-post-rang {
  color: #848383;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .block-post-date, .block-post .block-post-header .block-post-rang {
    font-size: 10px;
  }
}
.block-post .block-post-header .fa-ellipsis-v {
  display: none;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .fa-ellipsis-v {
    display: block;
    font-size: 17px;
    position: absolute;
    right: calc(20px - 5px);
    top: 0;
    padding: 0 5px;
    cursor: pointer;
    color: #5A77AD;
  }
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-header .block-post-actions {
    display: none;
    position: absolute;
    top: 18px;
    right: 20px;
    padding: 5px 10px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  }
}
.block-post .block-post-header .block-post-actions.open {
  display: block;
}
.block-post .block-post-content {
  padding-left: 90px;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-content {
    padding-left: 0;
  }
}
.block-post .block-post-content .editing {
  display: block;
  text-align: right;
}
.block-post .block-post-content .editing textarea {
  width: 100%;
  height: 336px;
  margin-bottom: 10px;
}
.block-post .block-post-content .editing .btn {
  margin-left: 3px;
}
.block-post .block-post-content .last-edited {
  color: #848383;
}
@media only screen and (max-width: 480px) {
  .block-post .block-post-content .last-edited {
    font-size: 9px;
  }
}
.block-post .block-post-content blockquote cite {
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}
.block-post .block-post-content blockquote p {
  font-size: 13px;
  line-height: inherit;
}
.block-post .block-post-content img {
  max-width: 100%;
}
.poll {
  background-color: #f1f1f1;
  padding: 25px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .poll {
    padding: 15px;
  }
}
.poll h3 {
  margin-bottom: 10px !important;
}
.poll label {
  font-weight: normal;
}
.poll .poll-results {
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 20px;
  border-top: 1px solid #cecece;
}
@media only screen and (max-width: 480px) {
  .poll .poll-results {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.poll .poll-answer {
  border-bottom: 1px solid #cecece;
  padding: 8px 25px;
}
@media only screen and (max-width: 480px) {
  .poll .poll-answer {
    padding: 8px 15px;
  }
}
.poll .question {
  width: 35%;
  display: inline-block;
  padding-right: 10px;
}
@media only screen and (max-width: 992px) {
  .poll .question {
    width: 100%;
  }
}
.poll .result {
  width: 64%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 992px) {
  .poll .result {
    width: 100%;
  }
}
.poll .counter {
  margin-bottom: 0;
}
.poll .counter span {
  color: #5A77AD;
}
.spoilerTag {
  background: #f1f1f1;
  color: #f1f1f1;
  padding: 5px 10px;
}
.spoilerTag:hover {
  cursor: pointer;
}
.spoilerTag:not(.open) a {
  color: #f1f1f1;
  pointer-events: none;
}
.spoilerTag:not(.open) a:hover {
  color: #f1f1f1;
}
.spoilerTag.open {
  color: #2b2b2b;
}
.spoilerTag p:last-child {
  margin-bottom: 0;
}
.min-width-topics {
  min-width: 105px;
}
.min-width-response {
  min-width: 115px;
}
.message-options-optionalform {
  display: inline-block;
}
.forum-message .form-control, .forum-message .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing .forum-message textarea {
  box-shadow: 0 0 0;
}
.wrapper.show .wrapper.topic {
  padding-top: 0;
}
.table-quote .spoilerTag {
  background: #ffffff;
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  embed {
    max-width: 490px;
  }
}
@media (max-width: 768px) {
  .forumUser img {
    max-width: 70px;
  }
  embed {
    width: 100%;
    height: 300px;
  }
}
@media only screen and (max-width: 480px) {
  embed {
    width: 100%;
    height: 200px;
  }
}
/*===== Quote blok =====*/
.table-quote, .table-quote .table thead, .table-quote td {
  border: 0px !important;
}
.table-quote {
  color: #2b2b2b;
}
.table-quote tbody {
  background-color: #f1f1f1;
}
.headerquote {
  font-weight: normal;
}
.table-quote .table-quote {
  border: 3px solid white !important;
}
.table-quote .table-quote td:first-child {
  padding-left: 10px;
}
.table-quote .table-quote td:last-child {
  padding-right: 10px;
}
.forum-message input {
  margin-top: 5px;
}
/* Hide all images that are not smilies that are deeper than one level */
.forum-message .table-quote .table-quote img:not(.smiley) {
  display: none;
}
@media (max-width: 768px) {
  /* Very small phones */
  .forum-message img:not(.smiley) {
    width: 100%;
  }
  .forum-message .table-quote img:not(.smiley) {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .forum-message img {
    max-width: 500px;
    /* 80% of the 750px max width of the container */
  }
  .forum-message .table-quote img:not(.smiley) {
    max-width: 440px;
  }
}
@media (min-width: 992px) {
  .forum-message img {
    max-width: 720px;
    /* 80% of the 970px max width of the container */
  }
  .forum-message .table-quote img:not(.smiley) {
    max-width: 660px;
  }
}
@media (min-width: 1200px) {
  .forum-message img {
    max-width: 916px;
    /* 80% of the 1170px max width of the container */
  }
  .forum-message .table-quote img:not(.smiley) {
    max-width: 856px;
  }
}
@media only screen and (max-width: 992px) {
  .cardStyle .blog-content .col-md-7 {
    padding: 0;
  }
}
.cardSlider .left-side {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
@media only screen and (max-width: 1200px) {
  .cardSlider .left-side {
    width: 35%;
  }
}
@media only screen and (max-width: 992px) {
  .cardSlider .left-side {
    width: 100%;
    max-width: 470px;
    margin: 0 auto 30px;
    display: block;
  }
}
.cardSlider .right-side {
  width: 57%;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .cardSlider .right-side {
    width: 62%;
  }
}
@media only screen and (max-width: 992px) {
  .cardSlider .right-side {
    width: calc(100% + (2 * 20px));
    margin-left: -20px;
    margin-right: -20px;
  }
}
.cardSlider .right-side a {
  text-decoration: none;
}
.cardSlider .right-side a:hover {
  text-decoration: underline;
}
.item img {
  width: 100%;
}
/*===== Weekoverzicht =====*/
.portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  background: #ffffff;
  cursor: pointer;
}
#portfoliolist .portfolio {
  width: 24.2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin-right: 1%;
  margin-bottom: 1%;
  float: left;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  #portfoliolist .portfolio {
    width: 32.6%;
  }
}
@media only screen and (max-width: 768px) {
  #portfoliolist .portfolio {
    margin-left: 0;
    width: 48.5%;
    margin-right: 3%;
  }
}
@media only screen and (max-width: 480px) {
  #portfoliolist .portfolio {
    width: 100%;
    margin-right: 0;
  }
}
#portfoliolist .portfolio:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 992px) {
  #portfoliolist .portfolio:nth-child(4n) {
    margin-right: 1%;
  }
}
@media only screen and (max-width: 768px) {
  #portfoliolist .portfolio:nth-child(4n) {
    margin-right: 3%;
  }
}
@media only screen and (max-width: 480px) {
  #portfoliolist .portfolio:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  #portfoliolist .portfolio:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #portfoliolist .portfolio:nth-child(3n) {
    margin-right: 3%;
  }
}
@media only screen and (max-width: 480px) {
  #portfoliolist .portfolio:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #portfoliolist .portfolio:nth-child(2n) {
    margin-right: 0;
  }
}
#portfoliolist .portfolio img {
  max-width: 100%;
  position: relative;
}
.portfolio-hover {
  position: relative;
  overflow: hidden;
}
.portfolio-hover .seen {
  font-size: 16px;
}
.portfolio-hover .seen img {
  margin-left: 8px;
}
.portfolio-hover .icon {
  background-color: #5A77AD;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.image-caption {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  padding-top: 25%;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  text-align: center;
  color: #ffffff;
  z-index: 2;
  text-shadow: 0 0 9px #000000;
}
.image-caption a {
  padding: 10px 13px;
}
@media only screen and (max-width: 992px) {
  .portfolio-title h4 {
    font-size: 16px;
  }
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #5A77AD;
}
.portfolio-info {
  padding: 15px;
}
.portfolio-info .fa-star {
  margin-left: 2px;
}
.portfolio-info .fa-calendar {
  color: #676767;
  margin-right: 7px;
  position: relative;
  font-size: 10px;
  top: -1px;
}
.portfolio-info a {
  text-decoration: none;
}
.portfolio-title span {
  white-space: nowrap;
}
@media only screen and (max-width: 992px) {
  .portfolio-title span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 992px) {
  .portfolio-date {
    font-size: 12px;
  }
}
/*===== Series overzicht =====*/
.series-overview img {
  width: 120px;
}
@media only screen and (max-width: 992px) {
  .series-overview img {
    width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .series-overview img {
    width: 50px;
  }
}
.series-overview .width-20 {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .series-overview .width-20 {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .series-overview .btn {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.user-name {
  text-align: center;
  margin-top: 10px;
}
.user-img-container {
  text-align: center;
  margin-bottom: 40px;
}
.user-img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  margin-bottom: 0;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  border: 2px solid #ffffff;
  max-width: 150px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .user-img {
    width: 70%;
    max-width: 130px;
  }
}
.user-img.small {
  width: 38px;
  margin-bottom: 0;
  box-shadow: none;
}
@media only screen and (max-width: 992px) {
  .user-img.small {
    width: 30px;
  }
}
#userPreferencesForm fieldset {
  margin-bottom: 9px;
}
/*===== Edit profile =====*/
#avatars h4 {
  text-align: center;
}
#activeAvatar {
  text-align: center;
}
#oldAvatars {
  display: block;
  overflow: hidden;
}
#oldAvatars .user-img {
  max-width: 100px;
  margin-bottom: 10px;
}
#oldAvatars .user-img:hover {
  border-color: #5A77AD;
  cursor: pointer;
}
#oldAvatars div {
  float: left;
  min-width: 120px;
  margin-bottom: 10px;
  text-align: center;
}
.avatarBlock {
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
}
/*===== Favourites =====*/
img.poster-miniature {
  width: 45px;
  height: 66px;
}
.news-article.cardStyle {
  line-height: 24px;
}
.news-article.cardStyle table {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
  margin-left: -30px;
  max-width: none;
  width: calc(100% + (2 * 30px));
}
@media only screen and (max-width: 992px) {
  .news-article.cardStyle table {
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + (2 * 20px));
  }
}
.news-article.cardStyle h1 {
  margin-bottom: 0;
}
.news-suggest .intro p {
  text-align: left;
  margin-bottom: 10px;
}
.news-suggest .formBlock {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .news-suggest .formBlock {
    max-width: none;
  }
}
.nieuwsStats {
  margin-bottom: 20px;
  margin-top: 5px;
}
.nieuwsStats a {
  text-decoration: none;
}
.nieuwsStats a:hover {
  text-decoration: underline;
}
.nieuwsViewed {
  float: right;
}
@media only screen and (max-width: 768px) {
  .nieuwsViewed {
    float: none;
    display: block;
  }
}
.nieuwsAuteur {
  color: #848383;
}
.nieuwsFoto {
  cursor: pointer;
  float: left;
  padding: 7px 30px 20px 0;
  width: 100%;
  height: auto;
  max-width: 420px;
}
@media only screen and (max-width: 768px) {
  .nieuwsFoto {
    padding: 0;
    margin: 10px 0 20px;
    max-width: none;
  }
}
.cardStyle .blog-content div.intro p {
  font-size: 15px;
}
/*===== Tags =====*/
ul.tag {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  list-style: none;
}
ul.tag li {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #5A77AD;
  border-radius: 2px;
  padding-left: 0;
  font-size: 11px;
}
ul.tag li:before {
  display: none;
}
ul.tag li:hover {
  background: #3c386f;
}
ul.tag li a {
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  color: #fff;
  display: block;
  padding: 0 5px;
  text-decoration: none;
}
ul.tag li a:hover {
  text-decoration: none;
}
/*===== Small comments =====*/
.smallComment {
  overflow: hidden;
  margin-bottom: 30px;
}
.smallComment .blog-content {
  padding-top: 0;
}
.smallComment .left {
  width: 120px;
  float: left;
  margin-right: 25px;
}
@media only screen and (max-width: 768px) {
  .smallComment .left {
    width: 75px;
  }
}
.smallComment .left:before {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  top: 15px;
  content: "";
  display: block;
  height: 20px;
  right: -35px;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 20px;
  z-index: 10;
}
.smallComment .left a {
  text-decoration: none;
}
.smallComment .userImage {
  width: 120px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .smallComment .userImage {
    width: 75px;
  }
}
.smallComment .section {
  position: relative;
  vertical-align: top;
}
.smallComment .right {
  overflow: hidden;
}
.smallComment .right .cardStyle {
  margin-bottom: 10px;
}
.smallComment .date {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
  margin-left: -30px;
  max-width: none;
  width: calc(100% + (2 * 30px));
  border-bottom: 1px solid #d9d9d9;
  display: block;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  color: #848383;
}
@media only screen and (max-width: 992px) {
  .smallComment .date {
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + (2 * 20px));
  }
}
@media only screen and (max-width: 992px) {
  .smallComment .date {
    padding: 20px 20px 5px;
  }
}
/*===== Nieuws home =====*/
.nieuwsItem .date {
  margin-right: 10px;
}
/*===== Overzicht pagina =====*/
.date-wrap .date {
  font-size: 30px;
  font-weight: 300;
  background: #7976a0;
  color: #fff;
  border-radius: 1px 1px 0 0;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
}
.date-wrap .month {
  font-size: 16px;
  font-weight: 300;
  background: #ffffff;
  color: #a19fa2;
  border-radius: 0 0 1px 1px;
  -webkit-border-radius: 0 0 1px 1px;
  -moz-border-radius: 0 0 1px 1px;
}
.blog-img img {
  width: 100%;
}
.blog-item h2 {
  font-size: 25px;
  color: #3f3f3f;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 35px;
}
.blog-item h2 a {
  font-size: 25px;
  color: #3f3f3f;
  font-weight: 300;
}
/* Video form. Should be hidden in page, but displayed when in popup */
#uploadImageForm {
  display: none;
}
.mfp-content > #uploadImageForm {
  display: block;
}
.newsBlock {
  overflow: hidden;
  position: relative;
}
.newsBlock .blog-content {
  overflow: hidden;
  position: relative;
}
.newsBlock.cardStyle .blog-content h3 {
  padding-right: 0;
  margin-bottom: 5px;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .newsBlock.cardStyle .blog-content h3 {
    padding: 0;
  }
}
.newsBlock.cardStyle .blog-content p {
  padding-right: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .newsBlock.cardStyle .blog-content p {
    padding: 0;
  }
}
.newsBlock .readMore {
  bottom: 25px;
  position: absolute;
  right: 30px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .newsBlock .readMore {
    right: 20px;
  }
}
.newsBlock .date, .newsBlock .views {
  margin-right: 20px;
}
.newsBlockInfo {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .newsBlockInfo {
    padding: 0;
  }
}
.newsBlockInfo a {
  text-decoration: none;
}
.newsBlockPhoto {
  max-width: 300px;
}
.leftSide {
  width: 300px;
  float: left;
}
@media only screen and (max-width: 768px) {
  .leftSide {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .leftSide, .newsBlockPhoto {
    width: 250px;
  }
}
.rightSide {
  width: calc(100% - 320px);
  float: left;
  margin-left: 20px;
}
@media only screen and (max-width: 992px) {
  .rightSide {
    width: calc(100% - 270px);
  }
}
@media only screen and (max-width: 768px) {
  .rightSide {
    margin-left: 0;
  }
}
.small .leftSide, .small .leftSide img, .small .leftSide iframe {
  width: 200px;
}
.small .leftSide iframe {
  height: 112px;
}
@media only screen and (max-width: 768px) {
  .small .leftSide iframe {
    height: 270px;
  }
}
@media only screen and (max-width: 480px) {
  .small .leftSide iframe {
    height: 210px;
  }
}
.small .rightSide {
  width: calc(100% - 220px);
}
@media only screen and (max-width: 768px) {
  .rightSide, .small .rightSide, .leftSide, .small .leftSide, .newsBlockPhoto, .small .newsBlockPhoto, .small .leftSide img, .small .leftSide iframe {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .newsBlockPhoto, .small .newsBlockPhoto {
    max-width: none;
  }
}
/* Article tables */
.table.renewals th {
  border-top: none;
}
.table.renewals th h3 {
  margin-bottom: 0;
}
.table.renewals td:nth-child(1) {
  width: 50%;
}
.table.renewals > tbody > tr:hover > th, .table.renewals .table.renewals > tbody > tr:hover {
  background: none;
}
.table.renewals, .table.renewals-legend {
  margin-top: 5px;
  margin-bottom: 5px;
}
.table.renewals i, .table.renewals-legend i {
  margin-right: 7px;
}
.table.renewals td.canceled, .table.renewals-legend td.canceled {
  color: #FF0000;
}
.table.renewals td.very-likely-cancellation, .table.renewals-legend td.very-likely-cancellation {
  color: #F27929;
}
.table.renewals td.likely-cancellation, .table.renewals-legend td.likely-cancellation {
  color: #F27929;
}
.table.renewals td.uncertain, .table.renewals-legend td.uncertain {
  color: #6960EC;
}
.table.renewals td.likely-renewal, .table.renewals-legend td.likely-renewal {
  color: #6CC417;
}
.table.renewals td.very-likely-renewal, .table.renewals-legend td.very-likely-renewal {
  color: #008000;
}
.table.renewals td.renewed, .table.renewals-legend td.renewed {
  color: #254117;
}
.table.renewals td:nth-child(2), .table.renewals td:nth-child(1), .table.renewals-legend td:nth-child(2), .table.renewals-legend td:nth-child(1) {
  width: 2%;
}
.table.renewals i.fa-arrow-down, .table.renewals-legend i.fa-arrow-down {
  color: #FF0000;
}
.table.renewals i.fa-minus, .table.renewals-legend i.fa-minus {
  color: #DAA520;
}
.table.renewals i.fa-arrow-up, .table.renewals-legend i.fa-arrow-up {
  color: #006400;
}
.message-header {
  position: relative;
}
.message-header i {
  color: #5A77AD;
  cursor: pointer;
}
.message-header .button {
  position: absolute;
  right: 30px;
}
@media only screen and (max-width: 1200px) {
  .message-header .button {
    right: 20px;
  }
}
.message-participants {
  margin-top: -10px;
  font-size: 16px;
}
table .message-user-td {
  width: 150px;
}
@media only screen and (max-width: 768px) {
  table .message-user-td {
    width: 70px;
  }
}
table .message-user {
  width: 150px;
}
@media only screen and (max-width: 768px) {
  table .message-user {
    width: 70px;
  }
}
#notepad textarea {
  margin-bottom: 10px;
}
.dark-theme {
  background-color: #000000;
  color: #f1f1f1;
}
.dark-theme .wrapper.bg {
  background-image: none;
}
.dark-theme .white-popup {
  background-color: #494949;
}
.dark-theme .white-popup .mfp-close-btn-in .mfp-close {
  color: #f1f1f1;
}
.dark-theme .mfp-close {
  color: #f1f1f1;
}
.dark-theme hr {
  border-color: #676767;
}
.dark-theme #message-editor .bar i:hover {
  color: #6b85b5;
}
.dark-theme .smallComment .left::before {
  border-color: #202220;
  background-color: #202220;
}
.dark-theme .smallComment .left a {
  color: #819ED4;
}
.dark-theme .smallComment .date {
  border-color: #494949;
}
.dark-theme .block-post .block-post-header {
  border-color: #494949;
}
.dark-theme header {
  background-color: #1c554f;
}
@media only screen and (max-width: 992px) {
  .dark-theme header .submenu {
    background-color: #202220;
  }
}
@media only screen and (max-width: 992px) {
  .dark-theme header .submenu a {
    color: #f1f1f1;
  }
}
.dark-theme header .user-img {
  border-color: #ffffff;
}
.dark-theme header .main-menu-dropdown {
  background-color: #0a0a0a;
  border: 1px solid #3b3b3b;
}
.dark-theme header .main-menu-dropdown a {
  color: #f1f1f1;
}
.dark-theme header .main-menu-dropdown a:hover {
  background-color: #202220;
}
.dark-theme header .favourites .input-container, .dark-theme header .more-messages, .dark-theme header .more-favourites {
  border-color: #202220;
}
.dark-theme header .search-li form {
  background-color: #171717;
  border: 1px solid #3b3b3b;
}
.dark-theme header .search-li form input.form-control {
  border: 1px solid #202220;
  background-color: #202220;
  color: #f1f1f1;
}
.dark-theme header .search-li form .search:focus {
  background-image: url("../../images/search.png");
  border-color: #6b85b5;
}
.dark-theme .showBanner {
  background-color: #171717;
}
.dark-theme .showMenu {
  background-color: #202220;
}
.dark-theme .showMenu span, .dark-theme .showMenu a {
  color: #cecece;
}
.dark-theme .showMenu span:hover, .dark-theme .showMenu a:hover {
  color: #f1f1f1;
}
.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6 {
  color: #f1f1f1;
}
.dark-theme .table-hover > tbody > tr:hover > td, .dark-theme .table-hover > tbody > tr:hover > th, .dark-theme .table-hover tbody tr:hover {
  background-color: #494949;
}
.dark-theme .table-hover > tbody > tr:hover > td.info-message, .dark-theme .table-hover > tbody > tr:hover > th.info-message, .dark-theme .table-hover tbody tr:hover.info-message {
  background-color: #202220;
}
.dark-theme .table thead > tr > th, .dark-theme .table thead > tr > td, .dark-theme .table tbody > tr > th, .dark-theme .table tbody > tr > td, .dark-theme .table tfoot > tr > th, .dark-theme .table tfoot > tr > td {
  border-color: #494949;
}
.dark-theme .table thead > tr > th {
  color: #cecece;
}
.dark-theme .table-hover > tbody tr.readMore:hover > td {
  background-color: #202220;
}
.dark-theme .table-hover > tbody tr.readMore a:not(.admin, .moderator, .redacteur, .hoofdmoderator, .developer, .btn) {
  color: #819ED4;
}
.dark-theme #accordion .panel-body {
  background-color: #202220;
  border-color: #202220;
}
.dark-theme .panel-default > .panel-heading:hover, .dark-theme .panel-info > .panel-heading:hover {
  background-color: #6b85b5;
}
.dark-theme .panel-default > .panel-heading .accordion-toggle, .dark-theme .panel-info > .panel-heading .accordion-toggle {
  color: #ffffff;
}
.dark-theme .user-img {
  border-color: #000000;
}
.dark-theme .cardStyle {
  background-color: #202220;
  border-color: #202220;
  color: #f1f1f1;
}
.dark-theme .cardStyle a:not(.admin, .moderator, .redacteur, .hoofdmoderator, .developer, .btn) {
  color: #819ED4;
}
.dark-theme .cardStyle .spoilerTag a {
  color: #f1f1f1;
}
.dark-theme .cardStyle .spoilerTag.open a {
  color: #6b85b5;
}
.dark-theme .cardForm a:not(.admin, .moderator, .redacteur, .hoofdmoderator, .developer, .btn) {
  color: #819ED4;
}
.dark-theme .cardForm input.form-control, .dark-theme .form-control, .dark-theme .block-post .block-post-content .editing textarea, .block-post .block-post-content .editing .dark-theme textarea, .dark-theme input[type="number"] {
  border-color: #171717;
  background-color: #171717;
  color: #f1f1f1;
}
.dark-theme .cardForm input.form-control:focus, .dark-theme .form-control:focus, .dark-theme .block-post .block-post-content .editing textarea:focus, .block-post .block-post-content .editing .dark-theme textarea:focus, .dark-theme input[type="number"]:focus {
  border-color: #6b85b5;
}
.dark-theme .loginForm i.fa-info-circle:hover::after {
  border-color: #171717;
  background-color: #171717;
}
.dark-theme input[type="radio"]:not(:checked) + label span, .dark-theme input[type="checkbox"]:not(:checked) + label span {
  background-color: #202220;
}
.dark-theme .btn-primary.disabled, .dark-theme .btn-primary[disabled], .dark-theme fieldset[disabled] .btn-primary, .dark-theme .btn-primary.disabled:hover, .dark-theme .btn-primary[disabled]:hover, .dark-theme fieldset[disabled] .btn-primary:hover, .dark-theme .btn-primary.disabled:focus, .dark-theme .btn-primary[disabled]:focus, .dark-theme fieldset[disabled] .btn-primary:focus, .dark-theme .btn-primary.disabled:active, .dark-theme .btn-primary[disabled]:active, .dark-theme fieldset[disabled] .btn-primary:active, .dark-theme .btn-primary.disabled.active, .dark-theme .btn-primary.active[disabled], .dark-theme fieldset[disabled] .btn-primary.active, .dark-theme .btn-success.disabled, .dark-theme .btn-success[disabled], .dark-theme fieldset[disabled] .btn-success, .dark-theme .btn-success.disabled:hover, .dark-theme .btn-success[disabled]:hover, .dark-theme fieldset[disabled] .btn-success:hover, .dark-theme .btn-success.disabled:focus, .dark-theme .btn-success[disabled]:focus, .dark-theme fieldset[disabled] .btn-success:focus, .dark-theme .btn-success.disabled:active, .dark-theme .btn-success[disabled]:active, .dark-theme fieldset[disabled] .btn-success:active, .dark-theme .btn-success.disabled.active, .dark-theme .btn-success.active[disabled], .dark-theme fieldset[disabled] .btn-success.active {
  background-color: #000000;
  color: #202220;
}
.dark-theme .info-message a {
  color: #6b85b5;
}
.dark-theme .largeFilter .form-control:focus, .dark-theme .largeFilter .block-post .block-post-content .editing textarea:focus, .block-post .block-post-content .editing .dark-theme .largeFilter textarea:focus {
  background-image: url("../../images/search.png");
}
.dark-theme .btn-danger {
  background-color: #b94a48;
}
.dark-theme .btn-danger:hover {
  background-color: #a93f3e;
}
.dark-theme .alert-danger {
  background-color: #b94a48;
}
.dark-theme .alert-danger p, .dark-theme .alert-danger ul {
  color: #f1f1f1;
}
.dark-theme .banner-selection img.selected, .dark-theme .poster-selection img.selected {
  outline-color: #f6bb42;
}
.dark-theme .pager.seasons label {
  color: #f1f1f1;
}
.dark-theme footer {
  background-color: #1c554f;
}