/* 
    class="scrollbar-arrow glyphicon glyphicon-chevron-down"
*/

hr{
  border-top: 1px solid #333333;
}

.testoverzicht{
  margin: auto;
  width: 80%;
  background: #F6F6F6;
  overflow: hidden;
  padding: 10px;
}

.testoverzicht .titletext{
  font-size: 14px;
  font-weight: bold;
}


.testoverzicht .item{
  border-left: 2px solid hsl(214,50%,60%);
  background: white;
  color: #333;
  margin-bottom: 2px;
  overflow: hidden;
  line-height: 20px;
  padding: 5px;
}
.testoverzicht .item:hover{
  border-left: 3px solid hsl(214,50%,60%);
}

.testoverzicht .item button{
  display: inline-block;
  width: 70px;
  height: 28px;
  line-height: 0px;
  margin: -5px;
  border: 0px #d98313 solid;
  /*border-top: 4px #f1a94c solid;*/
  background: hsl(214,50%,60%);
  color: white;
  text-align: center;
}



.truetalent-test-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.truetalent-test-tabel::-webkit-scrollbar {
  width:auto;
  background:#cccccc;
}

.truetalent-test-tabel::-webkit-scrollbar-thumb {
  background-color: #888888;
}

.truetalent-test-tabel {
  position: absolute;
  top: 0;
  bottom: 40px;
  width: 100%;
  overflow: auto;
}
.truetalent-test-tabel .inner {
  position: relative;
  margin: 50px 100px;
  margin-bottom: 10px;
  padding: 20px;
  background: #fff;
}

.truetalent-test-tabel table table tr:hover{
  background: #eeeeee;
}

.truetalent-test-tabel table table td{
      font-size: 16px;
    line-height: 18px;
}

.truetalent-test-tabel table table td label{
  width: 100%;
  height: 100%;
  padding: 5px;
  margin-bottom: 0px;
}

.truetalent-test-footer {
  z-index: 100;
  background: #333;
  color: white;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 30px;
}

.TTtest-btnbar{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  color: white;
  text-align: center;
  background: #333;
}

.TTtest-btnbar .btn {
  background: #6692cc;
  color: white;
  display: inline-block;
  border-radius: 0px;
  width: 100px;
}

.TTtest-btnbar .btn:hover {
  background: #5374a0;
}

.copyright-notice{
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 30px;
}

/* oranje pijltje om te zien dat er meer content is */
.scrollbar-arrow {
  display: none;
  position: fixed;
  top: auto;
  z-index: 500; /* whatver */
  left: 13px;
  bottom: 70px;
  font-size: 1.4em;
  cursor: default;
  -webkit-animation: sba-bounce 1s infinite alternate;
  -moz-animation: sba-bounce 1s infinite alternate;
  -o-animation: sba-bounce 1s infinite alternate;
  animation: sba-bounce 1s infinite alternate;
  color: #ff570f;
}

.hoofditem{

  background: white;
}

.TTtestenlijst{
  margin-top: 10px;
}

.TTtestenlijst ul{
  list-style: none;
  padding-left: 0px;
}

.TTtestenlijst li button{
  float: right;
}

.TTtestenlijst span.toetsklaar{
  float: right;
  margin-right: 2px;
  color: hsl(214,50%,60%);
}

@-webkit-keyframes sba-bounce {
  0% {
    bottom: 60px; }
  100% {
    bottom: 70px; } }
@-moz-keyframes sba-bounce {
  0% {
    bottom: 60px; }
  100% {
    bottom: 70px; } }
@-o-keyframes sba-bounce {
  0% {
    bottom: 60px; }
  100% {
    bottom: 70px; } }
@keyframes sba-bounce {
  0% {
    bottom: 60px; }
  100% {
    bottom: 70px; } }