/* main */
html{
    background-color: #000;
    color:#FFF;
}
/* links */
a:link {
  color: #33ccff;
}

a:visited {
  color:  33ccff;
}

a:hover {
  color: red;
}

a:active {
  color: blue;
}

/*Table*/
.nicelist{
  border-collapse: collapse;
  width: 100%;
}
.nicelist td, .nicelist th {
  border: 1px solid #0094d4;
  padding: 8px;
    max-width: 100%;        /* voorkom overflow */
    white-space: normal;    /* voorkom nowrap */
}
.#nicelist tr:nth-child(even) td{
    background-color: #001c4a;
}
.nicelist tr:hover td {
    background-color: #203301;
}
.nicelist th{
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-color: #0094d4;
  color: white;
}


/*buttons----------------------------------------------- */
.btn_blue {
  background: #0094d4;
  background-image: -webkit-linear-gradient(top, #0094d4, #00618a);
  background-image: -moz-linear-gradient(top, #0094d4, #00618a);
  background-image: -ms-linear-gradient(top, #0094d4, #00618a);
  background-image: -o-linear-gradient(top, #0094d4, #00618a);
  background-image: linear-gradient(to bottom, #0094d4, #00618a);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  padding: 5px;
  margin: 1px;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 1.0s ease-in-out;
}
.btn_blue:hover {
  background: #00b2fe;
  background-image: -webkit-linear-gradient(top, #00b2fe, #4fd934);
  background-image: -moz-linear-gradient(top, #00b2fe, #4fd934);
  background-image: -ms-linear-gradient(top, #00b2fe, #4fd934);
  background-image: -o-linear-gradient(top, #00b2fe, #4fd934);
  background-image: linear-gradient(to bottom, #00b2fe, #4fd934);
  text-decoration: none !important;
  color: #ffffff !important;
}

.btn_red {
  background: #d4060d;
  background-image: -webkit-linear-gradient(top, #d4060d, #960509);
  background-image: -moz-linear-gradient(top, #d4060d, #960509);
  background-image: -ms-linear-gradient(top, #d4060d, #960509);
  background-image: -o-linear-gradient(top, #d4060d, #960509);
  background-image: linear-gradient(to bottom, #d4060d, #960509);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  padding: 5px;
  margin: 1px;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 1.0s ease-in-out;
}
.btn_red:hover {
  background: #fe0710;
  background-image: -webkit-linear-gradient(top, #fe0710, #4fd934);
  background-image: -moz-linear-gradient(top, #fe0710, #4fd934);
  background-image: -ms-linear-gradient(top, #fe0710, #4fd934);
  background-image: -o-linear-gradient(top, #fe0710, #4fd934);
  background-image: linear-gradient(to bottom, #fe0710, #4fd934);
  text-decoration: none !important;
  color: #ffffff !important;
}

.btn_orange {
  background: #d48505;
  background-image: -webkit-linear-gradient(top, #d48505, #965000);
  background-image: -moz-linear-gradient(top, #d48505, #965000);
  background-image: -ms-linear-gradient(top, #d48505, #965000);
  background-image: -o-linear-gradient(top, #d48505, #965000);
  background-image: linear-gradient(to bottom, #d48505, #965000);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  padding: 5px;
  margin: 1px;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 1.0s ease-in-out;
}
.btn_orange:hover {
  background: #fe9000;
  background-image: -webkit-linear-gradient(top, #fe9000, #4fd934);
  background-image: -moz-linear-gradient(top, #fe9000, #4fd934);
  background-image: -ms-linear-gradient(top, #fe9000, #4fd934);
  background-image: -o-linear-gradient(top, #fe9000, #4fd934);
  background-image: linear-gradient(to bottom, #fe9000, #4fd934);
  text-decoration: none !important;
  color: #ffffff !important;
}

.btn_green {
  background: #02a227;
  background-image: -webkit-linear-gradient(top, #02a227, #015415);
  background-image: -moz-linear-gradient(top, #02a227, #015415);
  background-image: -ms-linear-gradient(top, #02a227, #015415);
  background-image: -o-linear-gradient(top, #02a227, #015415);
  background-image: linear-gradient(to bottom, #02a227, #015415);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  padding: 5px;
  margin: 1px;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 1.0s ease-in-out;
}
.btn_green:hover {
  background: #02eb39;
  background-image: -webkit-linear-gradient(top, #02eb39, #4fd934);
  background-image: -moz-linear-gradient(top, #02eb39, #4fd934);
  background-image: -ms-linear-gradient(top, #02eb39, #4fd934);
  background-image: -o-linear-gradient(top, #02eb39, #4fd934);
  background-image: linear-gradient(to bottom, #02eb39, #4fd934);
  text-decoration: none !important;
  color: #ffffff !important;
}

/*form*/
input:not([type="checkbox"]):not([type="radio"]), select {
    width: 75%;
}