.navbar {
    margin-bottom: 1ex;
    background-color: #007bff;
}
.navbar-brand span {
    overflow: hidden;
}
div.header {
    background-color: #007bff;
    color: white;
    padding:4px;
    font-weight: bold;
}
div#message {
    z-index: 100;
}
div#message.alert-danger {
    border: 1px solid red;
}
div#message.alert-warning {
    border: 1px solid orange;
}
div#message.alert-success {
    border: 1px solid green;
}
div.login {
    background-image: url(motorcycle.png);
    background-repeat: no-repeat, repeat;
    background-position: center;
    padding-bottom: 45%;
}
div.loginform, div.lostpwform {
    margin-top: 40%;
    padding: 10px;
    background: #EEE;
    border: 1px solid #CCC;
    border-radius: 0.25rem;
}
.form_description {
    background-color: #EEEEFF;
    border: 1px solid #8cacbb;
    color: black;
    padding: 3px;
    margin-top: 0.75em;
}
.right {
    text-align: right;
}
@media (max-height: 320px) {
    div.loginform, div.lostpwform {
	margin-top: 5%;
    }
}
@media (max-width: 360px) {
    .onlynarrow {
	display: inline;
    }
    .onlywide {
	display: none;
    }
}
@media (min-width: 361px) {
    .onlynarrow {
	display: none;
    }
    .onlywide {
	display: inline;
    }
}
div.loginform h3, div.lostpwform h3 {
    border-bottom: 2px solid #ccc;
}
div.loginform label, div.lostpwform label {
    display: block;
}
div.lostpw {
    margin-top: 2ex;
}
div.error h3 {
    border-bottom: 2px solid #ccc;
}
div.tourlist .row button.btn,
div.invite .row button.btn {
    width: 100%;
    margin-bottom: 1ex;
}
.tour table#plan td:nth-child(2) {
    text-align: center;
    cursor: pointer;
}
.bg-unknown {
    background-color: #FFFFFF;
}
.bg-ok {
    background-color: #00FF00 !important;
}
.bg-maybe {
    background-color: #FFFF00;
}
.bg-nope {
    background-color: #FF0000;
    color: white;
}
#datelist .table tbody tr.bg-maybe:nth-of-type(2n+1) {
    background-color: #EEEE00 !important;
}
form[name="newdate"] .form-group {
    float: left
}
form[name="newdate"] input {
    width: 12em;
    margin-right: 0.5em;
}
#povlist table button.btn {
    font-weight: bold;
}
div.tour table#matrix td#date-status {
    border-left: 1px solid white;
}
div.tour div.legende {
    border-top: 2px solid #ccc;
}
div#note_del {
    z-index: 50;
}
div#note_del.alert-warning {
    border: 1px solid orange;
}