/* - - - Components - - - */
html {
    background-color: #0F131F;
}

* {
    color: #EEEFF3;
}

.ghost-button {
    color: #fff;
}

.standard-textbox input,
.standard-textbox .readonly {
    background-color: #151C2C;
}

.standard-textbox ::-webkit-input-placeholder {
    color: #586075;
}
.standard-textbox :-ms-input-placeholder {
    color: #586075;
}
.standard-textbox ::placeholder {
    color: #586075;
}

/* - - - Create Game - - - */

.toggle-block {
    border-bottom: 4px solid #151C2C;
}

.toggle-option {
    border-bottom: 4px solid #151C2C;
}

.list {
    background-color: #151C2C;
    box-shadow: 0 5px 20px -10px rgba(0,0,0,0.50);
}

.slider {
    background-color: #151C2C;
}

.slider-fill {
    background-color: #D03737;
}

.timer input{
    background: #151C2C;
}

/* - - - Gameplay - - - */

.nav-header {
    background-color: #0F131F;
}

.timer-container {
    background-color: #10131f;
}

/* - - - Main Menu - - - */

.main-background {
    background: url(../images/scatter_brains_background_dark.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* - - - Party Lobby - - - */

.game-code .code {
    background-image: url(../images/copy_dark.svg);
    background-size: .9em;
    background-position: 100% 40%;
    background-repeat: no-repeat;
}

/* - - - Results - - - */

.vote-box {
    color: #fff;
    background-color: #0A142C;
    background-image: url(../images/x_light.svg);
    background-size: .7em;
    background-position: .4125em .4125em;
    background-repeat: no-repeat;
}

.vote-box.voted {
    width: 3.5em;
    background-color: #D03737;
    background-image: url(../images/x_light.svg);
    z-index: 4;
}

.vote-box.voted * {
    color: #FFF;
}

.no-vote {
    background-color: #0F131F;
}

.dot {
    background-color: #151C2C;
}

.arrow-button {
    border-left: 4px solid #151C2C;
    border-top: 4px solid #151C2C;
}

.arrow-button:hover {
    border-left: 4px solid #d03737;
    border-top: 4px solid #d03737;
}

/* - - - Standings - - - */

.table-header {
    border-bottom: 2px solid #151C2C;
}

.standings .row {
    border-bottom: 2px solid #151C2C;
}