/*#body_login {
  height: 600px;
}
#body_logo {
  position: fixed;
  top: 20px;
  right: 0px;
  left: 0px;
  color: #55919B;
} */
#body_copy {
  position: fixed;
  bottom: 5px;
  right: 10px;
  color: black;
  font-size: 75%;
}
/* #login_tekst {
  padding: 10px;
}
.centered{
  width:400px;
  height:200px;
  position:absolute;
  left:50%;
  top:290px;
  margin:-0px 0 0 -200px;
}
#buienradar {
  position: fixed;
  bottom: 0px;
  left: 0px;
}*/
#lockedSystem {
  position: absolute;
  top: 30px;
  right: 50px;
  /*left: calc(50% - 90px);*/
  display: none;
}
#database {
  position: fixed;
  bottom: 30px;
  right: 10px;
  display: none;
}
#logoStichting, #logoStichting10 {
  display:none;
  width:145px;
}
.form-control {
  display: initial;
}
#ff .form-group i {
    margin-left: -30px;
    cursor: pointer;
}
#tourDeDN {
  /*border:1px solid red;*/
  padding:10px;
  width:100px;
  position: fixed;
  bottom: 10px;
  display:none;
}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.foute-inlog {
  font-size: 75%;
  color: red;
  margin-bottom: 10px;
  padding:5px;
  border:1px solid red;
}
.bi {
  color: black;
  overflow: visible;
  float: right;
  position: relative;
  bottom:26px;
  right:16px;
}
#togglePassword:hover {
  color:red;
  cursor:pointer;
}
/*.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
    opacity: 0.25;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}*/
#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-color: #fff;
  opacity: 100%;
}
.marquee, .marqueeWindows {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  line-height:1em;
  font-family:Verdana, sans-serif;
  width:100%;
  height: 50px;
  font-size:1.5em;
  line-height:1em;
  text-align:center;
  color:#000;
  background-color:#FFFF00;
  padding:0.5em;
  display:none;
}
.marqueeWindows {
  position: absolute;
  top: 0;
}
.marquee {
  color:#FFF;
  background-color:#0C616D;
  position: absolute;
  bottom: 0;
  margin-bottom: 100px;
}
.marquee p, .marqueeWindows p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
@keyframes marqueeWindows {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
/*.dn {
  font-family: 'Luckiest Guy', cursive;
  font-size: 36px;
  line-height: 1;
  margin: 0;
  letter-spacing: 0.075ch;
  color: hsl(0 0% 90%);
  text-align: center;
  --light-pos-x: 1; // left: -1, center: 0, right: 1
  --light-pos-y: -1; // top: -1, center: 0, bottom: 1

  --rim-size: .02ch;
  --shadow-offset: .2ch;
  --shadow-blur: .1ch;
  text-shadow:
    calc(max(var(--rim-size), 1px) * var(--light-pos-x)) calc(max(var(--rim-size), 1px) * var(--light-pos-y)) hsl(0 0% 100%),
    calc(max(var(--rim-size), 1px) * var(--light-pos-x) * -1) calc(max(var(--rim-size), 1px) * var(--light-pos-y) * -1) hsl(0 0% 60%),
    calc(var(--shadow-offset) * var(--light-pos-x) * -1) calc(var(--shadow-offset) * var(--light-pos-y) * -1) var(--shadow-blur) hsl(0 0% 50% / .75)
}*/

/* INLINE STYLE */
.double_inlog {font-family:verdana;font-size:16px;margin:auto;line-height:2em;padding:20px;text-align:center;border:5px solid red;width:50%;border-radius:50px;}
.double_inlog h1 {color:red;text-decoration:underline;}
.double_inlog a {text-decoration:none;}
.double_inlog span {color:red;font-size:115%;}

.blocked {font-family:verdana;font-size:16px;margin:auto;line-height:2em;padding:20px;text-align:center;border:5px solid red;width:50%;border-radius:50px;}
.blocked font {font-family:Verdana;}

#div_loginform {backdrop-filter: blur(10px);}
.loginform {width: 410px;padding: 10px;margin-right: auto;margin-left: auto;text-align: center;color:rgba(255,255,255,0.8);box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.3);}
#login-form img {widht:145px;}
#login-form h2 {color:#0c616d;margin-top:15px;}
#ff h2 {color: #0c616d;margin-top:15px;}
#ff .displayBlock {display:block;}
#ff .displayNone {display:none;}
.verkeerde_login {border:1px solid #0c616d;color:#0c616d;padding:2px;}
#ff .margin15 {margin-top:15px;}
#divCapslock {display:none;color:#0c616d;width:400px;float:left}
#ff .alignLeft {color:#0c616d;text-align: left;}
#noTimeoutWarning {color:red;display:none;border:3px solid red;padding:5px;text-align:center;margin-top:10px;}
#btn_inloggen {width: 100%;background-color: #0c616d;}
#ww_vergeten {text-align: left;}
.ww_vergeten {background-color: rgba(0,123,255,0) !important;color: #0c616d !important;border: 1px solid #0c616d;}
.onlineDB {text-align: left;color:#ff0000;}
.onlineDB span {display:block;width:200px;float:left}
#dlg_Privacy {display:hidden;width:500px;height:300px;}
.padding5 {padding:5px;}