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

body {
    /* Margin bottom by footer height */
    margin-bottom: 100px;
}

.footer.contact-us {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    height: unset
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 100px;
    background-color: rgba(255, 255, 255, 0.7);
}

/* move-to-top Anchor */
#move-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

#move-to-top.is-visible, #move-to-top.fade-out, .no-touch #move-to-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

#move-to-top.is-visible, #move-to-top.fade-out:hover {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

#move-to-top.fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .3;
}

.no-touch #move-to-top:hover {
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    #move-to-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #move-to-top {
        right: 10px;
        bottom: 30px;
    }
}

.background-full-img-original:before {
    content: "";
    position: absolute;
    background: url(./laurelton_background_new_final.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: brightness(95%);
    -moz-filter: brightness(95%);
    -o-filter: brightness(95%);
    -ms-filter: brightness(95%);
    filter: brightness(95%);
    z-index: -10;
    /* Keep the background behind the content */
    min-height: 100%;
    min-width: 100%;
    /* Using Glen Maddern's trick /via @mente */
}

.background-full-img:before {
    content: "";
    position: absolute;
    background: url(../images/laurelton_background_new_final.jpg) no-repeat center center fixed;
    /*background-color: #C8CACB;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1000;
    /* Keep the background behind the content */
    min-height: 100%;
    min-width: 100%;
    /* Using Glen Maddern's trick /via @mente */
}

.panel.panel-transparent {
    background: none;
}

.panel.panel-transparent > .panel-heading {
    background: rgba(245, 245, 245, 0.8) !important;
}

.panel.panel-transparent > .panel-body, .panel.panel-transparent.panel-login > .panel-heading {
    background: rgba(255, 255, 255, 0.8) !important;
}

.well.well-transparent {
    background: #fff !important;
}

.navbar.navbar-transparent {
    background: rgba(255, 255, 255, 0.8) !important;
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-inline.list-inline-divided li:not(:first-child) {
    list-style: none;
    padding-left: 1em;
}

.list-inline.list-inline-divided li:not(:first-child):before {
    content: '\25AA';
    display: inline-block;
    width: 1em; /* same as padding-left set on li */
    margin-left: -1em; /* same as padding-left set on li */
}

.panel .panel-heading[data-toggle="collapse"] {
    cursor: pointer;
}

.panel.panel-chart .panel-actions {
    visibility: hidden;
}

.panel.panel-chart:hover .panel-actions {
    visibility: visible;
}

.table > colgroup > .divider {
    border-right: 4px double #ddd;
}

.mg-top-5 {
    margin-top: 5px;
}

.mg-top-10 {
    margin-top: 10px;
}

.mg-top-15 {
    margin-top: 15px;
}

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

.text-sm {
    font-size: 85%;
}

.text-lg {
    font-size: 125%;
}

.text-xl {
    font-size: 150%;
}

.label.label-lg {
    padding-top: 0.5em;
    padding-bottom: 0.7em;
    font-size: 100%;
}

.row.row-chart {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
}

@media (min-width: 979px) {
    /* Make Dropdown Open on Hover (only on big screens) */
    li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top: 0;
    / / remove the gap so it doesn 't close
    }
}

/* Small devices and up */
@media (min-width: 768px) {
    nav.navbar.navbar-lg {
        min-height: 85px;
    }

    nav.navbar-lg .navbar-brand {
        font-size: 40px;
        margin-top: 28px;
        margin-bottom: 28px;
    }

    nav.navbar-lg .navbar-nav > li > a, nav.navbar-lg .navbar-nav > li.divider {
        margin-top: 28px;
        margin-bottom: 28px;
        font-size: 15px;
    }

    nav.navbar-lg .navbar-nav > li > button,
    nav.navbar-lg .navbar-nav > li > input.btn {
        margin-top: 35px;
        margin-bottom: 36px;
        font-size: 15px;
    }

    nav.navbar-lg .navbar-nav > li.divider {
        border-left: 1px solid #ddd;
        height: 2em;
        margin: 37px 5px;
    }

    nav.navbar-lg .navbar-nav > li > .dropdown-menu {
        margin-top: -28px;
    }

    nav.navbar-lg .navbar-text {
        margin-top: 42px;
        margin-bottom: 42px;
        font-size: 15px;
    }

    .panel-divided > :not(.panel-heading):not(.panel-footer) {
        width: 32%;
        float: left;
    }

    .panel-divided > :not(.panel-heading):not(.panel-footer):first-child {
        width: 60%;
        float: right;
    }
    .panel-map {
        width: 65% !important;
        float: right !important;
    }
}

nav.navbar-sub {
    background-color: #f5f5f5;
    border-color: #dddddd;
    /* Stick sub-navbar to the primary one */
    margin-top: -20px;
    padding: 5px 0;
    /* keep behind elements from primary navbar like dropdowns */
    z-index: 900;
}

.list-group .list-group-title {
    color: #777777;
    background-color: #f5f5f5;
    font-size: larger;
}

/* Countdown Styles */

ul.countdown {
    list-style: none;
    display: block;
    padding: 0;
    vertical-align: middle;
}

ul.countdown li {
    display: inline-block;
}

ul.countdown li span {
    font-weight: bolder;
}

ul.countdown li.seperator {
    vertical-align: top;
}

ul.countdown li p {
    color: #777777;
    font-size: smaller;
}

#saleTitle .label {
    display: inline-block;
    margin: 1em 0;
}

/* fixing styles of JqGrid */
table#datagrid {
    border: none;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: visible;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: 0;
}

.ui-jqgrid .ui-icon-desc {
    margin-top: 1px;
}

.ui-jqgrid-view.panel {
    margin-bottom: 0;
}

.ui-jqgrid tr.jqgrow td.col-overflow-visible {
    overflow: visible;
}

.row.row-striped {
    background: repeating-linear-gradient(135deg, #fff, #fff .25em, #ddd 0, #ddd .75em);
}

.row.row-striped .col-white-transparent {
    background-color: rgba(255, 255, 255, 0.7);
    margin: 5px;
}

colgroup > col.tracking-documented {
    background-color: #DFE7EC;
}

colgroup > col.tracking-received {
    background-color: #EEF5F9;
}

colgroup > col.tracking-post-boil {
    background-color: #E3F2FD;
}

.header-links a {
    color: rgb(0, 0, 0, 0.6) !important;
    padding-bottom: unset !important;
    margin-bottom: unset !important;
}

.header-links a:hover {
    color: rgb(0, 0, 0, 0.7) !important;
}



.footer-link-group {
    margin: auto;
    display: flex;
    color: #6e6e6e;
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-link-group a {
    color: #6e6e6e;
}

.footer-link-group a:hover {
    color: rgb(0, 0, 0, 0.7);
}

.footer-link {
    color: #6e6e6e;
    text-decoration: none;
    margin: 11px;
    font-size: 14px;
    line-height: 1.57;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}



.footer-link-group-2 {
    margin: auto;
    width: 100%;
    background-color: #dfe8ed;
    color: #1790c5;
    display: block;
}

.footer-link-group-2 a {
    color: #1790c5;
}

.footer-link-group-2 a:hover {
    text-decoration-line: underline;
}

.email-link {
    margin: auto;
}


.footer > .footer-body  {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.57;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}
.navbar-nav {
    margin-top: 21px !important;
}


/* .container {
    padding-right: 40px;
} */

.well {
    font-family: "Open Sans", sans-serif !important;
    color: #484e53;
    text-align: justify;
    padding-right: 40px;
}

.container.body {
    display: flex;
}

.well h2, .container.body h2 {
    font-family: "Oswald", sans-serif;
    color: #333
}

.well h2 > small, .container.body h2 > small {
    font-family: "Oswald", sans-serif;
    color: #484e53
}

.well h4, .container.body h4 {
    font-family: "Oswald", sans-serif;
    color: #333
}

.list-group {
    margin-left: 10px;
}