/* Normal sized thumb-button-animation */



.error {
  margin-bottom: 20px;
}


.ocrloader span{
    position: absolute;
    left: 52px;
    top: 45px;
    width: 200px;
    height: 5px;
    background-color: rgba(256, 0, 0, 0.4);
    z-index: 1;
    transform: translateY(135%);
    animation: move 2s cubic-bezier(0.15, 0.44, 0.76, 0.24);
    animation-iteration-count: infinite;
}

#loginForm.tall div.loginbtn{
  margin-top:100px !important;
}

#loginForm.tiny div.loginbtn{
  margin-top:-10px !important;
}


.ocrloader:after,
.ocrloader em:after,
.ocrloader em:before {
  border-color: red; //#000;
    content: "";
    position: absolute;
    width: 19px;
    height: 16px;
    border-style: solid;
    border-width: 0px;
    z-index:5;
}

.ocrloader img {
  margin-left:-125px;
  z-index:100;
  height:400px;
  margin-top:-40px;
  cursor: -webkit-grab; cursor: grab !important;
} 






/* Other */




@keyframes move {
  10% { transform: translateY(4700%); }
  50% { transform: translateY(0%); }
  
}


/* nodig voor fade in / fade out van de foto */
#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}


.urgent {
  color:red ;
}


.wide {
  width: 1100px;
}

/* .login {
  position:static;
} */


#loginForm.tall {
  padding-top:100px !important;
}

#loginForm.tiny {
  padding-top:200px !important  ;
}



/* Login form in different sizes */
@media (min-width: 300px) {
  /* small iphone */
  form#login > button {
    /* background-color:purple; */
    width:350px;
  }
  form#login > .form-group {
    width:350px;
  }
  p.error {
    width:350px;
  }
  #loginForm.tiny {
    padding-top: 0px !important;
}
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    form#login > button {
      /* background-color:red; */
    width:700px;
  }
  form#login > .form-group {
    width:700px;
  }
  p.error {
    width:700px;
  }
}

@media (min-width: 992px) {
  form#login > button {
    /* background-color:yellow; */
    width:900px;
  }
  form#login > .form-group {
    width:900px;
  }
  p.error {
    width:900px;
  }
}

@media (min-width: 1200px) {
  form#login > button {
    /* background-color:green; */
    width:650px;
  }
  form#login > .form-group {
    width:650px;
  }
  p.error {
    width:650px;
  }
}