body {
    color: #303030;
    background-color: #416564;
}

a, body .ui-commandlink, body .ui-link {
    color: #286fad;
}

a:hover, a:active, body .ui-commandlink:hover, body .ui-link:hover, body .ui-commandlink:active, body .ui-link:active {
    color: #153a5a;
}

body > header {
    background-color: #ffffff;
}

footer {
    background-color: #416564;
    color: #ffffff;
}

.action {
    background-color: #5a7977;
    color: #ffffff !important;
    border: none; 
    box-shadow: 2px 2px 5px #909090;
}

.action:hover {
    background-color: #416564;
}

.action:active:not(:disabled) {
    padding: 11px 19px 9px 21px;
    background-color: #416564;
}

.action:disabled, .action:disabled:hover {
    background-color: #414E4D;
    color: #CCCCCC !important;
}

#pageContainer, #page {
    background-color: #ffffff;
}

aside {
    background-color: #f2f2f2;
    box-shadow: 2px 2px 5px #909090;
}

/*aside h1, aside h1 a {
    color: #416564;
}*/

aside h2 {
    color: #416564;
}

aside h3 i {
    color: #416564;
}

#directionsLink {
    color: #ea4335;
}

#directionsLink:hover {
    color: #b21511;
}

aside table .dates td {
    color: #416564;
}

aside table .dates span {
    color: #686868;
}

#guestName {
    color: #416564;
}

.calendar {
    background-color: #ffffff;
    box-shadow: 2px 2px 5px #909090;
}

.calendar h1 {
    background-color: #416564;
    color: #ffffff;
}

.calendar .monthDayNumber {
    color: #416564;
}

.calendar .time {
    color: #686868;
    background-color: #f2f2f2;
}

/*#nights {
    color: #416564;
}

#nights i {
    color: #303030;
}*/

aside hr {
    border-top: 1px dashed #686868;
}

#summaryOfCharges tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

section {
    background-color: #ffffff;
}

section.open {
    background-color: #f2f2f2;
}

section.open, section.completed {
    border: 1px solid #cccccc;
}

section h1 {
    background-color: #f2f2f2;
}

section.open h1 {
    background-color: #333333;
    color: #ffffff;
}

section h2 {
    color: #303030;
}

section h2 i {
    color: #416564;
}

section h3 {
    color: #5a7977;
}

.open .panel {
    box-shadow: 2px 2px 5px #909090;
}

div.selectionsSummary .summaryItem i {
    color: #416564;
}

/*div.selectionsSummary .summaryItem .content {
    color: #303030;
}*/

div.selectionsSummary .summaryItem .invalid {
    color: #e57373;
}

div.selectionsSummary .subtext {
    color: #416564;
}

.selectionsSummary .fee {
    background-color: yellow;
}

.selectionsSummary th:first-of-type i {
    color: #5a7977;
}

.selectionsSummary td {
    color: #416564;
}

/*.booked {
    color: #416564;
}*/

.cost label, .cost input[type="checkbox"] + label, .cost input[type="radio"] + label {
    color: #FFFFFF;
}

.completed .cost label {
    color: #416564;
    background-color: yellow;
}

.completed .cost span {
    background-color: yellow;
}

.cost span {
    color: #000000;
}

.subsection p {
    color: #757575;
}

.subsection label {
    color: #757575;
}

.subsection label.invalid, 
.inputWrapper i,
.radiosTable td label + i,
label.checkbox + i,
label.checkbox.invalid:before, 
label.radio.invalid:before {
    color: #e57373;
}

.errorMessage {
    color: #e57373;
}

input, select, .ui-calendar {
    color: #416564 !important;
}

label.checkbox:before, label.radio:before, .radiosTable td label:before {
    color: #416564;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    color: #303030;
}

select, .select-wrapper::after {
    color: #416564;
}

#creditCardPanelEdit fieldset .crud i {
    color: #416564;
}

.required {
    color: #e57373;
}

.guest {
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: #416564;
}

.termsText {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
}

html.processing, body.processing {
    background-color: #ffffff;
}

.lds-ring div {
    border: 8px solid #416564;
    border-color: #416564 transparent transparent transparent;
}

.popup {
    box-shadow: 2px 2px 5px #909090;
}

.popup p {
    color: #757575;
}

.popup label {
    color: #757575;
}

.tabContainer {
    border-bottom: 1px solid #e0e0e0;
}

.tab, .tab a {
    color: #757575;
}

.tab a:hover {
    color: #303030;
}

.tab.selected, .tab a:hover {
    color: #303030;
    border-bottom: 4px solid #5a7977;
}

table.folio tr.ui-datatable-odd, table.folio tr.ui-expanded-row-content td .folioQuestion.ui-datatable-odd {
    background-color: #f2f2f2;
}

table.folio tr.ui-datatable-even, table.folio tr.ui-expanded-row-content td .folioQuestion.ui-datatable-even {
    background-color: #FFFFFF;
}

@media screen and (max-width: 900px) {
    .popup {
        box-shadow: none;
    }
}