@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.ttf');
}

html, body{
  margin:0px;
  padding:0px;
  font-family: 'Roboto';
}


#rounds, #participants{
  padding:10px;
}
.round{
  display:flex;
  flex-wrap: wrap;
}
.group{
  margin:5px;
  border: 1px solid #aaa;
  border-radius:3px;
  padding:5px;
  width: 15%;

}
h4{
  margin:5px;
}
.group ul {
  list-style-type: square;
}
label{
   display:inline-block;
}

.participant{
   margin:2px;
}

.empty-slot{
  display:none;
}

#participants{
  border-bottom: 2px solid black;
  padding-bottom:10px;
  margin-top:20px;
}
nav{
  display: flex;
  justify-content: space-between;
  padding:10px;
}
button{
  background-color: white;
  border: 1px solid #333;
  border-radius: 2px;
  cursor:pointer;
}

button img{
  vertical-align: middle;
}
button:hover{
  background-color: #ddd;
}

button:disabled, button[disabled],button[disabled]:active{
  background-color: rgba(0,0,0,0.15);
  border-color:rgba(0,0,0,0.25);
  cursor:not-allowed;
}

#settings > div{
  height:32px;
}

#settings input{
    width:80px;
}

#settings img{
  vertical-align: bottom;
  margin-right:10px;
}

#filechooser{
  display:none;
}