.buttonsStudent td{
    padding-left:10px;
    padding-right:10px;
    vertical-align: top;
}

#resultSearchStudent{
    width: 100%;
}

#resultSearchStudent th{
    padding:3px;
    background-color: #A6CCE4;
}

#resultSearchStudent td{
    padding:3px;
}

#resultSearchStudent tr:nth-child(2n+2) {
  background: #E6F0F7;
}
#resultSearchStudent tr{
  cursor: pointer;
}

#Statistieken{
    height: 600px;
    overflow-y: scroll;
}

#StatistiekenSynopsis, #StatistiekenLog{
    height: 550px;
    overflow-y: scroll;

    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 15px;

    padding-bottom: 20px;
    border: 2px solid #A6CCE4;
}

.ssCourse{
    font-weight: 800;
    padding-top: 30px;
}
.ssModule{
    padding-right:10px;
    padding-left:10px;
    border-bottom: 1px solid lightgray;
}

.ssModuleExam{
    font-weight: 600;
    padding-top: 30px;
}

.sterretje {
    font-size: 1em;
    float: left;
    cursor: pointer;
    position: relative;
    top: 0px;
    padding-left: 5px;
}

/******************************************************************************
  classes gebruikt voor de progress-sterren
 ******************************************************************************/

 /* Rating Star Widgets Style */
 .ModuleNaam{
     font-size: 1.2em;
 }

 .rating-stars{
     height: 1em;
     display:inline-block;
 }

 .rating-stars ul {
   list-style-type:none;
   padding:0px;
   -moz-user-select:none;
   -webkit-user-select:none;
 }

 .rating-stars ul > li.star {
   display:inline-block;
 }

 /* Idle State of the stars */
 .rating-stars ul > li.star{
   font-size:2em;
   color: lightgray;
 }

 /* Hover state of the stars */
 .rating-stars ul > li.star.hover{
   color: var(--blauwMiddel);
 }

 /* Selected state of the stars */
 .rating-stars ul > li.star.selected{
   color: var(--blauwDonker);
 }

/******************************************************************************
  classes gebruikt voor de RSyst
 ******************************************************************************/

.rsyst_wait{
  position: absolute;
  top:100px;
  height: 500px;
  width: 550px;  // ivm IC438
  overflow-y: auto;
  overflow-x: hidden;
}

#rsyst_wait{
  z-index:2;
}

#rsyst_go{
  z-index:1;
}



.tblProtest{
  width: 600px;
}

.tblProtest td{
  padding: 5px;
}

.tblProtest td.header{
  background-color: var(--oranjeLicht);
  color: var(--menuAchtergrond);
  font-size: 1.2em;
  font-weight: 800;
}

.messagesD{
    position: absolute;
    top: 7px;
    padding: 0px;
    padding-left: 10px;
}

/*
 * Deze geeft de animatie voor als je moet wachten.
 * Wordt nu alleen nog gebruikt bij het voortgangsoverzicht.
 */
.aniBackgroundColor {
      animation-name: aniBackgroundColorName;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-timing-function: ease;
}

@keyframes aniBackgroundColorName {
    from {}
    to{
        background-color: var(--oranjeLicht);
    }
}