body {
    background-image: url("/static/images/background.2b80c13e6a5e.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.title {
    color: white;
    margin-top: 3vh;
    margin-bottom:15px;
}

.container-fluid{
    margin-left: 3vw;
    margin-right: 3vw;
}

#body-container{
    min-height: 96vh;
    min-height: calc(100vh - 51px);
}

#not-logged-in-label{
    min-height: 30px;
    height: auto;
    background-color: #ff8d00;
    text-align: center;
    font-size: 1.2em;
    margin: auto;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.state-button{
    margin: 15px;
}

#not-logged-in{
    display:block;
}

#login-link,
#login-link a,
#login-link a:link,
#login-link a:hover,
#login-link a:visited
{
    color: black;
    text-decoration: underline;
}

#settingsButton {
    color: white;
    font-size: 20pt;
    position: absolute;
    right: 6vw;
    top: 90px;
    cursor: pointer;
}


.no-rivers-message {
    color: white;
}

#no-rivers-link {
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

.river-recommendations{
    margin-bottom: 15px;
}

.recommended-river{
    font-size:1.2em;
}

.add-river-button{
    padding-left: 6px;
    color: rgb(42, 107, 131);
    margin-right: 10px;
}

.glyphicon-plus-sign{
    margin-right: 7px;
}

.login{
    display: block;
}

.modal-delete-button {
    margin-bottom: 10px;
}

/* mobile phone */
@media all and (max-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }

    .container-fluid{
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .title {
        margin: 5px;
    }

    #settingsButton {
        top: 90px;
    }
}