/* Algemeen */
*{
   font-size: 1rem;
}
html {
  /*width: auto;*/
  
}
body {
  background-color:#000A30;
  color:white;
}
small {
    color:#A8A8A8;
    font-size: 0.8rem;
}
small a{
    font-size: 0.8rem;
}
.footer{
  font-size: clamp(6px, 0.5rem, 26px);
  color: #897500;
  position:fixed;
  bottom:10px;
  text-align: center;
}
.footer a{
  color: #D3CC00;
   font-size: clamp(6px, 0.5rem, 26px);
 }
.footer a:hover{
  color: #FF8800;
 }
.borderbox{
  padding:5px;
  min-height:60%;
  position:relative;
  clear:both;
  border : solid 1px #00F6FF;
  border-radius: 15px;
  box-shadow : 2px 2px 10px #00F6FF;
}
/*table*/
.outline {
 border: solid gray 1px;
 border-radius: 5px;
 width:auto;
}

.mytable {
  border-collapse: separate;
  border: solid #3400B7 2px;
  border-radius: 10px;
  width: 95%;
}
.mytable th {
   background-color: #300047;
   font-size: 1rem;
}
.mytable th, .mytable td {
  text-align: left;
  padding: 8px;
  border: solid 0.5px #777;
  border-radius: 7px;
  word-wrap: normal;
}
.mytable tr:nth-child(even) {
  background-color: #0043FF;
}
.mytable tr:nth-child(odd) {
  background-color: #001893;
}

/*table GRAY*/
.mytable_gray {
  border-collapse: separate;
  border: solid #3400B7 2px;
  border-radius: 10px;
  width: 95%;
}
.mytable_gray th {
   background-color: #2D2D2D;
}
.mytable_gray th, .mytable_gray td {
  text-align: left;
  padding: 8px;
  border: solid 1px #494949;
  border-radius: 7px;
}
.mytable_gray tr:nth-child(even) {
  background-color: #504E56;
}
.mytable_gray tr:nth-child(odd) {
  background-color: #262633;
}

/* Mainpage */
.navbar{
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap:wrap;
    color:#00F6FF;
    list-style: none;
    gap:6px;
    text-align: center;
}
.navbar li{
    font-family: monospace;
    color:#00F6FF;
    flex-grow:1;
    flex-shrink:1;
    border : solid 1px #00F6FF;
    border-radius: 15px;
    box-shadow : 2px 2px 10px;
    padding: 3px;
}

.navbar a{
    color:yellow;
    text-decoration:none;
}
.navbar a:hover{
    color:orange;
}
/* Div */
.li_makeup{
    color:yellow;
    list-style-type: circle;
}
.li_makeup span{
    color:red;
}
.li_makeup a{
    color:green;
}
.li_makeup a:hover{
    color:blue;
}

/*links*/
html a{
 color:#3DB700;
 text-decoration:none;
}
html a:hover{
    color:#00FFE9;
}
/*small screen*/
.showonsmallscreen {
    display: none;
  }
@media (max-width:330px) {
  .hideonsmallscreen {
    display: none;
  }
  .showonsmallscreen {
    display: contents;
  }
}
/*lokatieblok*/
#showlocation{
 font-size: 0.65rem;
 color: #198900;
 position:absolute;
 top:3.5rem;
 text-align: center;
 z-index:999;
 
 bakground-color: rgba(0,0,0,0);
}

/*alert border*/
.alerts-border {
    animation: blink 1s infinite;
}

@keyframes blink {
 10% {
    border:dashed red 3px;
 }
 30% {
    border:dashed blue 3px;
 }
}
 .alerts-mssg {
    animation: blinkmsg 1s infinite;
    border:solid blue 3px;
    border-radius: 10px;
}

@keyframes blinkmsg {
 0% {
    border:solid blue 3px;
 }
 100% {
    border:solid green 3px;
 }
}