.list-matches, .list-matches-invitation {
    cursor: pointer; text-align: center; width: 100%; margin: 5px; padding: 5px; border:solid 1px #fff; background-color: #222; color: #fff; box-shadow: 0 8px 6px -6px black;
}

.list-matches-disabled, .list-matches-invitation-disabled {
    cursor: not-allowed; text-align: center; width: 100%; margin: 5px; padding: 5px; border:solid 1px #000; background-color: rgb(231, 231, 231); color: #222; box-shadow: 0 8px 6px -6px black;
}
.list-matches-final, .list-matches-invitation-final {
    cursor: pointer; text-align: center; height: 80px; width: 100%; margin: 0px 5px 5px 5px; padding: 0% 5% 5% 5%; color: rgb(175, 211, 15);  text-shadow: 0 8px 6px -6px black; font-size: 32pt;
}
.list-matches:hover {
    background-color: rgb(85, 85, 85);
}
.list-matches-invitation-final:hover {
    background-color: rgb(85, 85, 85);
}
.bg-play-match {
    background-color: #009612;
    background-image: url('../../images/binding-dark.png');
}