/* clearfix */
.clearfix-7da63 {
    clear: both;
}

/* board */
.board-b72b1 {
    border: 2px solid #404040;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* square */
.square-55d63 {
    float: left;
    position: relative;

    /* disable any native browser highlighting */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* white square */
.white-1e1d7 {
    background-color: #f0d9b5;
    color: #b58863;
}

/* black square */
.black-3c85d {
    background-color: #b58863;
    color: #f0d9b5;
}

/* highlighted square */
.highlight1-32417, .highlight2-9c5d2 {
    -webkit-box-shadow: inset 0 0 3px 3px yellow;
    -moz-box-shadow: inset 0 0 3px 3px yellow;
    box-shadow: inset 0 0 3px 3px yellow;
}

/* notation */
.notation-322f9 {
    cursor: default;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: absolute;
}

.alpha-d2270 {
    bottom: -20px;
    right: 3px;
    color: #424242;
    background: lightgrey;
    width: 100%;
    height: 18px;
    text-align: center;
}

.numeric-fc462 {
    top: -2px;
    left: -20px;
    color: #424242;
    background: lightgrey;
    height: 100%;
    width: 18px;
    text-align: center;
}

.timer-block-container {
    display: inline-block;
    border: 2px solid black;
    width: 100%;
}

.timer-block-header {
    background-color: black;
    color: white;
    padding: 10px;
}

.timer-block-time {
    padding: 5px 10px;
    font-size: 2em;
    font-family: Arial;
}

.player-box {
    border: 4px solid white;
}

.selected-player-box {
    border: 4px solid forestgreen;
}

.commentOptionContainer {
    display: inline-block;
    border: 2px solid white;
}

.commentOptionSelected {
    border: 2px solid forestgreen;
}

.game-scenario {
    display: inline-block;
    max-width: 170px;
    margin: 10px;
}

.lock-img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hiddenTrophy {
    visibility: hidden;
}

.trophy-img {
    width: 50px;
}