h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}
p, div {
    font-family: 'Open Sans', sans-serif;
}
html, body {
    height: 100%;
    position: relative;
}
body {
    background: url("../img/hexellence.e1a9d72825ac.png") repeat 0 0;  /* Background pattern from Toptal Subtle Patterns */
}
footer {
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

#main-title {
    text-decoration: none;
    color: black;
}

.fancy-font {
    font-family: 'Concert One', cursive;
}

.regular-text {
    text-align: justify;
}

.alert-text {
    color: red;
    font-weight: bold;
}

/*
#signup-form .helptext {
    visibility: hidden;
}
*/

#signup-form label {
    width: 14rem;
    font-weight: bold;
}
#signup-form ul {
    display: none;
}

#login-form label {
    width: 7rem;
    font-weight: bold;
}

#edit-info-form label {
    width: 5rem;
    font-weight: bold;
    vertical-align: top;
}

#edit-account-settings-form label {
    width: 12rem;
    font-weight: bold;
    vertical-align: top;
}

.helptext {
    font-size: 80%;
    color: grey;
}

#new-topic-form label, #contact-form label, #change-username-form label {
    width: 6rem;
    font-weight: bold;
    vertical-align: top;
}
#new-topic-form input, #contact-form input, textarea {
    width: 40rem;
    max-width: 100%;
}

#selected-topic-form label {
    width: 7rem;
    font-weight: bold;
    vertical-align: top;
}
#selected-topic-form textarea {
    /*height: 150px;*/
    width: 100%;
}

#regular-form label {
    width: 5rem;
    font-weight: bold;
}

.selected-topic-ul {
    list-style: none;
}

.form-signin {
    /*
    width: 100%;
    margin: auto;
    max-width: 330px;
    padding: 15px;
    */
}

a {
    color: #0094c3;
}
.btn-primary, .btn-primary:hover {
    background-color: #0094c3;
    border: none;
    font-family: 'Concert One', cursive;
}

#lobby-chat .chat-games {
    height: 15rem; /*250px*/
    width: 100%; /*700px*/
    overflow: auto;
    background: white;
    margin: 2px 0 5px 0;
}

#chat-message-input {
    width: 90%;
}

#chat-message-submit {
    float: right;
}

#lobby-chat .chat-messages {
    display: inline-block;
    height: 15rem; /*250px*/
    width: 100%; /*600px*/
    overflow: auto;
    background: #eee;
    margin: 2px 0 5px 0;
}

#lobby-chat .chat-participants {
    /*display: inline-block;*/
    height: 100%;
    width: 100%; /*100px*/
    overflow: auto;
    background: white;
    margin: 2px 0 5px 0;
}

#lobby-chat .participant-username {
    font-weight: bold;
}

.message {
    margin: 5px 0 0 10px;
}

.message-username {
    display: inline-block;
    color: #333333;
    width: 7rem;
    font-weight: bold;
}

.message-system {
    display: inline-block;
    color: #C07A36;
    width: 7rem;
    font-weight: bold;
}


#game-table .table-messages {
    display: inline-block;
    height: 22rem; /*200px*/
    max-height: 50vh;
    width: 100%;  /*600px*/
    overflow: auto;
    background: #eee;
    margin: 2px 0 5px 0;
}

#table-participants {
    display: inline-block;
    height: 8rem;
    width: 100%;  /*100px*/
    overflow: auto;
    background: white;
    margin: 5px 0 5px 0;
}

#game-table .participant-username {
    font-weight: bold;
/*    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;*/
}

#game-table .participant {
    padding-top: 0.25rem;
    padding-left: 1rem;
}

#table-message-input {
    width: 100%;
}

.table-listed:hover {
    /*border: 1px solid;*/
    /*border-radius: 10px;*/
}

.table-listed small {
    float: right;
}

#game-board {
    /*width: 100%;*/
    /*height: 100%;*/
}

svg {
    display: block;
    margin: auto;
    /*background: #bbb;*/
}

#start-game-button, .table-player-label-sit-down-button > button {
    width: 100%;
/*    margin: auto;
    display: block;*/
}

#resign-button, #swap-button {
    width: 100%;
    margin-top: 1rem;
/*    margin: auto;
    display: block;*/
}

.table-players-labels, .table-player-label {
    /*border: 1px solid;*/
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.table-players-labels > :first-child {
    border-right: 1px solid;
}

.table-player-label-header {
    border-bottom: 1px solid;
}

#player1-left-time {
    /*font-family: 'Forum', cursive;*/
    font-size: 90%;
}
#player2-left-time {
    /*font-family: 'Forum', cursive;*/
    font-size: 90%;
}


.dropdown-form label {
    width: 5rem;
    font-weight: bold;
    vertical-align: top;
}

.dropdown-form input {
    width: 4rem;
    display: inline-block;
}

.dropdown-form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
}

.dropdown-menu {
    width: 13rem;
}

/*.dropdown-toggle::after {
    display:none;
}*/

#dropdownHexMenuButton, #dropdownHavannahMenuButton {
    border-left: 1px solid #eee;
}