/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3-jun-2018, 21:52:46
    Author     : Stijn
*/

body{
    background: url(https://scoutssintlucas.be/assets/images/patterns/loginicon.png);
}

.container{
    background-color: rgba(250,250,250,0.91);

}
.knop{
    border: 3px solid #007BFF;
    background-color: #007BFF;
    color: white;
    border-radius: 8px;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.dot-red {
  height: 25px;
  width: 25px;
  background-color: #bd0600;
  border-radius: 50%;
  display: inline-block;
}

.dot-orange {
  height: 25px;
  width: 25px;
  background-color: #ff8a0d;
  border-radius: 50%; 
  display: inline-block;
}

.dot-green {
  height: 25px;
  width: 25px;
  background-color: #05f01c;
  border-radius: 50%;
  display: inline-block;
}

.knop:hover{
    border: 3px solid #007BFF;
    border-radius: 2px;
    background-color: transparent;
    color: #007BFF;
    text-decoration-line: none;
}
.knop:active{
    background-color: #007BFF;
    color: white;
}
.pasaan{
    border: 3px solid #28A745;
    background-color: #28A745;
}
.pasaan:hover{
    background-color: transparent;
    color: #28A745;
    border: 3px solid #28A745;
}

.loguit{
    border: 3px solid #DC3545;
    background-color: #DC3545;
}
.loguit:hover{
    background-color: transparent;
    color: #DC3545;
    border: 3px solid #DC3545;
}
.beheer{
    border: 3px solid #6C757D;
    background-color: #6C757D;
}
.beheer:hover{
    background-color: transparent;
    color: #6C757D;
    border: 3px solid #6C757D;
}
.leiding{
    border: 3px solid #111;
    background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
    font-weight: bold;
}
.leiding:hover{
    background: linear-gradient(to right,violet,indigo,blue,green,yellow,orange,red);
    font-weight: bold;
    text-transform: uppercase;
    border: 3px solid #111;
}
div>.container{
    background-color: transparent;
}
.countdown{
    border: 3px solid #DC3545;
    border-radius: 8px;
    background-color: transparent;
    color: #DC3545;
    padding: 20px 50px;
}

.rondframe{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.rainbow {
    /* Chrome, Safari, Opera */
    -webkit-animation: rainbow 3s infinite;

    /* Internet Explorer */
    -ms-animation: rainbow 3s infinite;

    /* Standar Syntax */
    animation: rainbow 3s infinite;
}
body { padding-bottom:20px; }

.card-body .btn:not(.btn-block) { width:240px;margin-bottom:10px; }

.container{
    padding-bottom: 40px;
}