﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background: linear-gradient( rgba(52, 63, 85,.2), rgba(52, 63, 85,.2)), url('Background/1680.jpg') no-repeat center center fixed;
    /*    background: url('../Login/1670.jpg') no-repeat center center fixed;*/
    background-size: cover;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    text-align: center;
    background-color: rgba(233,236,239,.5);
    border-radius: 0.3rem;
    color: white;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}


.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    color: white;
}

    .modal-footer > * {
        margin: 0.25rem;
    }
