html {
    font-size: 16px;
}

body {
    background-color: #E3EAF0;
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
}

/* Navbar Start */

.navbar {
    margin-bottom: 0px !important;
    color: white;
}

.navbar-inverse {
    background: #84a5b3; /* Old browsers */
    background: -moz-linear-gradient(top, #84a5b3 0%, #596775 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84a5b3), color-stop(100%,#596775)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #84a5b3 0%,#596775 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #84a5b3 0%,#596775 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #84a5b3 0%,#596775 100%); /* IE10+ */
    background: linear-gradient(top, #84a5b3 0%,#596775 100%); /* W3C */
}

.navbar-brand {
    padding: 7px 7px !important;
}

#main-logo {
    width: 155px;
    height: 39px;
}

.navbar-nav a.dropdown-toggle {
    color: white !important;
}

.navbar-nav a.dropdown-toggle:hover {
    color: yellow !important;
}

#navbar-breadcrumb {
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size:11.5pt;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.navbar-nav .dropdown.open {
    position: initial;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background: #4A626E;
    background: -moz-linear-gradient(top, #43758E 0%, #243E59 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43758E), color-stop(100%,#243E59));
    background: -webkit-linear-gradient(top, #43758E 0%,#243E59 100%);
    background: -o-linear-gradient(top, #43758E 0%,#243E59 100%);
    background: -ms-linear-gradient(top, #43758E 0%,#243E59 100%);
    background: linear-gradient(top, #43758E 0%,#243E59 100%);
}

.navbar-nav .dropdown-menu.panel-menu {
    width: 60%;
    background-color: rgba(227, 234, 240, 0.88);
    padding-left: 4px;
    padding-right: 4px;
}

.list-group-item.disabled, .list-group-item.disabled:hover {
    background-color: rgb(132, 165, 179);
    color: white;
}

/* Navbar End */

/* Tables Start */

table thead tr {
    color:white;
    border: 1px solid black !important;
    background: #84A5B3;
    background: -moz-linear-gradient(top, #84A5B3 0%, #596775 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84A5B3), color-stop(100%,#596775));
    background: -webkit-linear-gradient(top, #84A5B3 0%,#596775 100%);
    background: -o-linear-gradient(top, #84A5B3 0%,#596775 100%);
    background: -ms-linear-gradient(top, #84A5B3 0%,#596775 100%);
    background: linear-gradient(top, #84A5B3 0%,#596775 100%);
}

    table thead tr th {
        border: 1px solid black !important;
    }

/* Tables End */

/* Scroll Table Start */

.resizable-table-header {
    margin-bottom: 0px !important;
}

.report-footer {
    visibility: hidden;
}

.report-footer tr th {
    border-color: transparent !important;
}

/* Scroll Table End */

/**/

.page-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #c8ced3;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-top: 1px solid #222222;
}

/**/


/* Bootstrap Datepicker Start */

.datepicker {
    cursor: pointer;
    padding: 0px !important;
    border-bottom: solid 1px black;
}

.datepicker table thead tr:nth-of-type(2), .datepicker th.clear {
    background-color: rgb(132, 165, 179);
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.datepicker table thead tr:nth-of-type(2) th:hover, .datepicker th.clear:hover {
    background-color: rgb(132, 165, 179);
    color: yellow;
}

.datepicker-days table th, .datepicker-days table td,
.datepicker-months table th, .datepicker-months table td,
.datepicker-years table th, .datepicker-years table td
{
    text-align: center !important;
}

.datepicker-days td:hover, .datepicker-days td.old.day:hover, .datepicker-days td.new.day:hover {
    background-color: lightblue;
}

.datepicker-days td.old.day, .datepicker-days td.new.day {
    background-color: bisque;
}

.datepicker-days td.active.day {
    background-color: yellow;
    border: solid 1px black;
}

.datepicker-days td.disabled.day, .datepicker-days td.old.disabled.day, .datepicker-days td.new.disabled.day,
.datepicker-months span.month.disabled,
.datepicker-years span.year.disabled {
    background-color: darkgrey;
    text-decoration: line-through;
}

.datepicker-months span.month,
.datepicker-years span.year {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
}

/* Bootstrap Datepicker End */


/* Modal elements */

#content-div {
    opacity: 0;
    -webkit-transition: opacity .75s ease-in;
    -moz-transition: opacity .75s ease-in;
    -ms-transition: opacity .75s ease-in;
    -o-transition: opacity .75s ease-in;
    transition: opacity .75s ease-in;
}

    #content-div.loaded {
        opacity: 1;
    }

    #content-div.narrow {
        max-width: 1000px;
    }

#addresses-content-div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.input-modified, .input-modified:focus {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(14,161,235,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(14,161,235,1);
    box-shadow: 3px 3px 5px 0px rgba(14,161,235,1);
}

.input-invalid, .input-invalid:focus {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(235,14,29,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(235,14,29,1);
    box-shadow: 3px 3px 5px 0px rgba(235,14,29,1);
}

.state-button {
    width: 140px;
    margin-right: 16px;
}

.required {
    background-color: #f0dddd;
}

/* END Modal elements */


/* Address Panels */

h4.address-label {
    margin: 5px auto;
}

input[type=radio].address-select-radio {
    margin-right: 6px;
}

/* END Address Panels */


.no-results {
    position: absolute;
    left: 50%;
    top: 50%;
}

.wait-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: -15px 0 0 -15px;
    background-image: url("/Resources/Images/Main/pivot-spinner.png");
    background-size: 60px 60px;
    animation: waitspin 1.4s linear infinite;
    z-index: 100;
}

@keyframes waitspin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}