html {
    height: 100%;
}

body {
    /*padding-top: 50px;*/
    padding-top: 1em;
    padding-bottom: 20px;
    /*background-image: url('images/site_bg.jpg');*/
    background-size: cover;
    background-attachment: fixed;

    min-height: 100%;
    position: relative;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;

    margin-bottom: 4rem;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* fix styling for link-style buttons that are inside a paragraph */
p .btn-link,
label .btn-link {
    padding: 0;
    vertical-align: baseline;
}

/* change bootstrap modal backdrop to be somewhat transparent */
.modal-backdrop {
    opacity: .3;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* input styles */
input[type="date"],
input[type="time"] {
    min-height: 2.5em;
}

/* button styles */
.btn-shadow {
    box-shadow: 0 2px 4px #c3c3c3;
}

/* site background test */
.bg-main {
    background-image: url('images/site_bg_main.jpg');
}

.bg-1 {
    background-image: url('images/site_bg_1.jpg');
}

.bg-2 {
    background-image: url('images/site_bg_2.jpg');
}

.bg-3 {
    background-image: url('images/site_bg_3.jpg');
}

/* site style */
header a {
    color: white;
}

header a:hover {
    color: white;
}

.navbar {
    display: none;
}

header li {
    /*max-width: 12em;
    display: inline-block;
    margin-right: 3em;*/

    display: inline-block;
    /*margin-right: 3em;*/
    height: 60px;
    width: auto;
}

header li img {
    /*max-height: 8em;
    width: 100%;*/
    height: 100%;
}

.header-auth-link {
    float: right;
    margin-right: 2em;
}

.app-logo {
    left: 50%;
    margin-left: -150px;
    position: relative;
    width: 300px;
}

h1 + form,
h2 + form,
h3 + form,
h4 + form {
    margin-top: 2em;
}

footer {
    font-size: 1.1em;
    text-align: center;
}

.ap-content-box {
    background-color: rgba(251, 251, 251, 0.7);
    border: 4px solid white;
    box-shadow: 5px 5px 18px #52617b66;
    margin-top: 2em;
    padding: 2em 5em;
}

.ap-content-box.ap-prompt {
    margin-top: 2em;
}

.aircraft-controls hr {
    margin-top: 0;
}

.form-button-group {
    margin-top: 2rem;
}

/* required field styling */
.form-group.required {
    /*padding-right: 2rem;*/
}

.form-section-rounded {
    border: 1px solid gray;
    border-radius: 5px;
    padding: 1em 1em 0;
    margin: 1em 0 2em;
}

/*.form-group.required::after {
    content: "*";
    position: absolute;
    right: .3rem;
    top: 0;
    color: red;
}*/

.form-group.required label::after {
    content: " *";
    color: red;
}

.form-group.required.no-label::after {
    content: "*";
    position: absolute;
    right: .3rem;
    top: 0;
    color: red;
}

/*.form-group.required-with-label::after {
    top: 1.7em;
}*/

label {
    margin-bottom: 0.2rem;
}

footer {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    /*height: 2em;*/
    position: absolute;
    bottom: 0;

    padding: .5rem 0 0;
    border-top: 2px solid white;
}

footer .avman-link {
    display: inline;
    margin-right: 5rem;
}

footer p,
footer a {
    color: white;
}

/* tables */
table {
    background-color: rgba(255, 255, 255, .4);
    border-radius: 5px;
    width: 100%;
}

/* fuel order list on home page */
.fuel-order-table {
    /*font-size: 1.2em;*/
}

.fuel-order-table th,
.standard-table th {
    font-weight: normal;
    opacity: .7;
}

.standard-table tr[onclick] {
    cursor: pointer;
    transition-property: color, background-color;
    transition-duration: .2s;
}

.standard-table tr[onclick]:hover {
    background-color: white;
    color: blue;
}

/* make the font size in this table a little smaller, running out of room */
.fuel-order-table tr {
    /*font-size: .9em;*/
}

.fuel-order-table tbody tr,
.standard-table tbody tr {
    transition: color linear .2s;
    /*margin-bottom: 1rem;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    border-top: 1px solid rgba(0, 0, 0, .1);
}

/*.fuel-order-table tbody tr:hover {
    cursor: pointer;
    color: #007bff;
}*/

.fuel-order-table th,
.fuel-order-table td,
.standard-table th,
.standard-table td {
    padding: .3em 1em;
}

.fuel-order-table th:first-of-type,
.fuel-order-table td:first-of-type {
    /*padding-left: 0;*/
}

.fuel-order-table th:last-of-type,
.fuel-order-table td:last-of-type {
    /*padding-right: 0;*/
}

/* buttons column */
.fuel-order-table .request-actions,
.standard-table .actions {
    padding-left: 0;
    min-width: 170px;
}

/* alt row colors for request table */
.fuel-order-table tr.alt {
    background-color: #ffffff85;
}

/* service list and eyecatch animation for new items */
.service-info-row td {
    transition: background-color;
    transition-duration: .7s;
    transition-delay: 1s;
}

.new-service-completed.service-info-row td {
    background-color: rgba(54, 205, 54, 0.3);
}

.service-list-item.new {
    font-weight: 500;
}

/* user profile info section on home page */
.user-profile label,
.user-aircraft label {
    opacity: .7;
}

.user-profile .profile-text,
.user-aircraft .profile-text {
    font-size: 1.2em;
}

/* reservation request fbo search list */
.airport-client-image {
    margin-bottom: 2px;
}

.airport-client-image .client-image {
    width: 100%;
    border-radius: 5px;
}

.avman-fbo-logo {
    max-width: 80px;
    opacity: .5;
    /* position: absolute; 
    right: 1em;
    top: 4em; */
    margin: 0 1em;
}

#fboResultList h6 {
    font-size: 1.1em;
    color: #9498a2;
    text-decoration: underline;
}

.fbo-logo-container {
    margin: 2em 0 0;
}

.fbo-status-badge {
    max-height: 120px;
}

.fbo-contact-info-inner,
.fbo-fuel-info,
.fbo-tailor-price-list {
    margin: 1em 1em 1em 0;
}

.fbo-contact-info-inner span {
    margin-right: 2em;
}

.fbo-logo {
    max-width: 100%;
    max-height: 120px; /* was 150 */
}

.fuel-provider-logo {
    margin-right: 1em;
    margin-bottom: .75em;
    height: 75px;
    width: 75px;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
}

.fbo-fuel-price-list {
    display: inline-block;
}

.fuel-effective-date {
    font-size: .9em;
    opacity: .6;
    font-style: italic;
    position: relative;
    top: -5px;
}

.fbo-tailor-price-list {
    width: 100%;
}

#fboResultList .fbo-tailor-price-list {
    /* added to make section stand out */
    border: 1px solid #cecece;
    border-radius: 7px;
    padding: 5px;
    box-shadow: 1px 2px 5px #d1d1d1;
}

/* specificity */
#fboResultList .fbo-tailor-price-list h6 {
    margin-bottom: 0;

    text-decoration: none;
    color: #36b336;
    font-size: 1.2em;
    font-style: italic;
    text-shadow: 1px 1px 1px #d7d7d7;
}

.fbo-tailor-price-list .standard-table {
    line-height: 1.2em;
}

.tp-min-gal,
.tp-effective-date {
    margin-left: 1em;
    font-size: .9em;
}

hr.dotted {
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}

.fbo-search-results .dotted {
    width: 100%;
}

.fbo-service-badge {
    margin-right: .7em;
    margin-bottom: .7em;
}

.service-list h6 {
    margin-top: 1.2rem;
}

/* xl */
@media all and (max-width: 1200px) {
    .aircraft-form-box {
        padding: 2em;
    }
}

/* lg */
@media all and (max-width: 992px) {
    .aircraft-controls .row {
        margin-top: 2em;
    }
}

/* med */
@media all and (max-width: 768px) {
    .ap-content-box {
        padding: 2em 2em;
    }
}

/* sm */
@media all and (max-width: 576px) {
    
    body {
        /*background-size: auto;*/
    }

    .ap-content-box {
        padding: 2em 1em;
    }

    .ap-content-box.ap-prompt {
        margin-top: 2em;
    }

    .app-logo {
        margin-left: 1em;
        position: inherit;
        width: 60%;
    }

    .sponsor-list {
        display: none;
    }

    .header-auth-link {
        margin-right: 1em;
        margin-top: .7em;
        font-size: 1.3em;
    }

    .aircraft-controls hr {
        margin-top: 1rem;
    }

    footer .avman-link {
        display: block;
        margin: 0;
    }

    .fuel-order-table tbody tr {
        display: block;
        padding: .6em .6em 0;
        /*margin-bottom: 1rem;*/
        /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    }

    .fuel-order-table tbody tr.service-info-row {
        padding: 0;
    }

    tr.service-info-row td {
        display: block;
    }

    tbody tr:first-of-type {
        border-top:none;
    }

    .fuel-order-table th {
        display: none;
    }

    .fuel-order-table tr:not(.service-info-row) td {
        display: block;
        padding: 0;
        margin-bottom: 1rem;
    }

    .fuel-order-table tr:not(.service-info-row) td::before {
        content: attr(row-label);
        display: block;
        opacity: .7;
        margin-bottom: .2rem;
    }
}