.winner {
    color: green;
    font-weight: bold;
}

.loser {
    color: red;
}

.unfinished {
    background-color: yellow;
}

.eliminated {
    text-decoration: line-through;
}

#pleasewait {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999; /* on top I suppose */
    background: url(../../images/pleasewait.png) center no-repeat #fff;
    opacity: 50%;
    visibility: hidden;
}

.logo {
    text-align: center;
}

.logo img {
    width: 75%;
}

.left-margin {
    margin: 0 .5em 0 0;
}

.right-button-margin {
    margin: 0 0 1em 0;
    overflow: hidden;
}

/* some changes in bootstrap modal stuff */
.modal-body {
    padding: 20px 20px 0px 20px;
    text-align: center;
}

.modal-footer {
    text-align: center;
}

/* RR display stuff*/
.RRdiagonal {
    background-color: gray;
}

/* don't print buttons, popups, links */
/* builtin class (BS3) is hidden-print */
@media print {
    button {
	display: none !important;
    }
    select {
	display: none !important;
    }
    
    a {
	display: none !important;
    }
}

/* doesn't seem to work */
/*
::placeholder {
    color: red;
    opacity: 1;
}

:-ms-input-placeholder {
    color: red;
}

::-ms-input-placeholder {
    color: red;
}
*/