html, body {
    height: 100%;
    min-height: 100%;
}

body {
    /*background: rgb(88 163 245 / 43%);*/
    background-color: #fff;
}

.main-container {
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0 auto;
}

.navbar a.navbar-brand { font-weight: bold; color: #FFF; }
.navbar p.user { height: 40px; line-height: 40px; margin: 0; padding: 0; color: #FFF; }

#gameForm div.modal-body { padding: 1rem 0rem 1rem 0rem; }

.btn-spr-sm {
    padding: .2rem .3rem;
    font-size: .875rem;
    line-height: 1em;
    border-radius: .2rem;
}

.waypoints .card-body .form-group:last-child {
    margin-bottom: 0;
}

.font-75 {
    font-size: 75%;
}

.list-group-item.font-75 {
    padding: .3rem .3rem;
}

.form-control-sm {
    padding: .25rem .75rem;
}

.modal-title small {
    font-size: 50%;
}

/* modal */
.modal-header button.close {
    position: absolute;
    right: 15px;
}

.modal-header-success {
    color: #fff;
    padding: 9px 15px 6px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px 6px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-danger {
    color: #fff;
    padding: 9px 15px 6px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px 6px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-color {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}