@media print { 
    .noprint, .findBtn, .theme-switch-container { 
        display: none!important;
    } 
    .footerText > span {
        font-size:13px!important;
    }
    .printTopBorder {
        border-top: 1px solid black!important;
    }
    html {   
        background-image: unset!important;
    }
    html[data-theme="dark"] {
        background-image: unset!important;
        background-color: unset!important;
    }
    select.slds-input, [data-theme="dark"] select.slds-input,
    input.slds-input, [data-theme="dark"] input.slds-input {
        color: #000!important;
    }
    [data-theme="dark"] .slds-input {
        background-color: unset!important;
    }
    [data-theme="dark"] .titleLogo {
        filter: invert(0)!important;
    }
    .mapInfoBox {
        background-color: white !important;
        padding: 5px !important;
    }
} 
.pageHeading {
    font-family: brandFont,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    /*TO DO: Add metadata for cssHeadingStyling and see if we can put it here.  Will need to remove conflicting inline styling*/
}
body {
    margin:0;
}
*[disabled] {
    -webkit-appearance: none;
    opacity: 1 ;
/*color:rgba(116,116,116,1)!important;*/
    /*-webkit-text-fill-color: rgba(116,116,116,1)!important;*/
}

[data-theme="dark"] .slds-button_brand[disabled], [data-theme="dark"] .slds-button_brand:disabled, [data-theme="dark"] .slds-button_brand:hover:disabled {
    /*background-color:#c9c7c5!important;
    border-color:#c9c7c5!important;*/
    background-color:#4e5255!important;
    border-color:#C9C7CD!important;
    color:#ffffff!important;
    transition:0.0s!important;
}
.slds-button_brand[disabled], .slds-button_brand:disabled, .slds-button_brand:hover:disabled {
    color:#747474!important;
}


@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.gm-style-iw-chr {
    /*remove extra space from top of hover boxes */
    display:none!important;
}
.gm-ui-hover-effect {
    /*remove close (x) button from hover boxes */
    display:none!important;
}
.gm-style-iw {
    padding:8px!important;    
}
.gm-style-iw-d {
    overflow:visible!important;
}
input, .slds-input {
    /* transition-property: width, height, font-size; */
    transition: 0.0s!important; /* prevents flash when swapping theme */ 
}
.slds-scope select.slds-input, .slds-scope input.slds-input, .slds-scope input.slds-input:focus {
    /* colours the address input box */
    color:#181818;
}   
.slds-scope select.slds-input:focus, .slds-scope select.slds-input:active {
    /* colours the dropdown menus */
    color:#181818;
}
.slds-scope select.slds-input:disabled, .slds-scope select.slds-input:invalid {
    /* trying to colour the first entry of dropdown menus */
    /* color:blue; */
}

.centreLogo {
    height:100px;
    transition: 0.4s;
}

.linkText, .footerText {
    transition: 0.4s;
    text-align:center;
}
.grecDivClass {
    width: fit-content;
    min-height: 78px;
    overflow-x: hidden;
}
table {
    border:0!important;
    /*border-top:0.5px darkgrey solid!important;*/
}
td {
    white-space: normal!important;
}
.slds-table_bordered {
    border-top:0px darkgrey solid!important;
    border-collapse: collapse!important;
    background-color: transparent!important;
    color: black!important;
}
[data-theme="dark"] .slds-table_bordered {
    color: white!important;
}
tr {
    border-bottom: 0.5px darkgrey solid;
}
tr:last-child {
    border-bottom: 0;
}
td {
        border:0!important;
}
.store {
    font-weight: 600;
}
@media (min-width: 479px) {
    /* has to be within a larger screen media query as needed to add !important to make it work, but if it's outside the media query then it doesn't work in the other media query*/
    textarea {
        padding-top: 0.46rem!important;
        padding-bottom: 0.46rem!important; /* new */
    }
    .dateWidth {
        width: calc(100% - 2rem)!important;
    }
    .slds-notify_container {
        width: inherit!important;
    }
    .slds-notify_toast {
        min-width: 28rem!important;
    }
    .slds-scope td, .slds-scope th {
        /*padding-left: 12px!important;*/
        padding-right: 0px!important;
    }
    td .distance {
        text-align: right;
    }
    .directionsIcon {
        text-align:right!important;
        padding-right: 8px!important;
    }
    .findBtn, .findBtnGrey {
        min-height: 32px;
    }
    .contentsOnlyOnDesktop {
        display: contents!important;
    }
    .hideOnDesktop {
        display: none!important;
    }
    .mapPopUpStore {
        font-size: 16px;
        font-weight: 600;
    }
    [data-theme="dark"] .gm-style .gm-style-iw-c {
        color:rgb(255,255,255,0.9)!important;
    }
}
@media (max-width: 374px) {
    .slds-checkbox_on, .slds-checkbox_off  {
        display:none!important;
    }
}
@media (max-width: 479px) {
    [data-theme="dark"] .store, [data-theme="dark"] .faDirectionsCustom {
        filter: invert(1);
    }
    [data-theme="dark"] .address {
        filter: invert(1);
    }
    thead {
        display: none;
    }
    tr {
        display: grid!important;
        padding:4px;
    }
    td {
        padding:0!important;
        /*font-size:20px;*/
    }
    td .distance {
        /*font-style: italic;*/
        text-align: left;
        font-weight: 100;
    }
    td .distance::after {
        content: ' away';
    }
    .store {
        font-size: 20px!important;
        /*font-family: Roboto, Arial, sans-serif;*/
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
        color: #444444!important;
    }
    .address {   
        font-size: 16px!important;
        font-weight: 400;
        /*font-family: Roboto, Arial, sans-serif;*/
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
        color: #444444!important;
    }
    .distance, .directionsDiv {   
        font-size: 16px!important;
        font-weight: 100;
        /*font-family: Roboto, Arial, sans-serif;*/
        font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
        color: #9E9E9E!important;
    }
    .faDirectionsCustom {
        width: 35px;
        height: 35px;
        color: #444444;
    }
    #consumerMessage-span {
        font-size: 24px;
        line-height: normal;
    }
    .grecDivClass {
        background-color:transparent;
        transform:scale(1.14);
        transform-origin:0 0;
        min-height: calc(78px * 1.14);
    }
    .centreLogo {
        height:80px!important;
    }
    .slds-button__icon {
        width: 1.25rem!important;
        height: 1.25rem!important;
    }
    .toastMobile {
        min-width: calc(100% - 40px)!important;
    }
    .toastWrap{
        font-size: 1.5rem!important;
        line-height: 1.5rem!important;
    }
    .closed::before, .opened::before {
        width: 15px!important;
        height: 15px!important;
        top: 0.35rem!important;
    }

    .checkboxText {
        padding-left:5px;
        color: rgba(116,116,116,1)!important;
        font-size:1rem!important;
    }
    .dateWidth {
        width: calc(100% - 3rem)!important;
    }
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    .slds-button-group,
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input::file-selector-button,
    a.slds-button,
    span.slds-input,
    select,
    select:focus,
    textarea,
    .collapsible,
    .iconDiv {
        font-size: 24px!important;
    }
    textarea {
        padding-top: 0.53rem!important;
    }
    label {
        font-size: 16px!important;
    }
    .forceHeight {
        /*height: 31.6px;*/
        height: 2em!important;
    }
    input[type=checkbox] {
        /*width: 1.875rem!important;*/
        width: 3rem!important;
        height: 3rem!important;
    }
    input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
        font-size: 2.7rem!important;
    }
    input[type="file"] {
        font-size: 16px!important;
    }
    .slds-button-group {
        min-height: 3rem!important;
    }
    input::file-selector-button {
        /* Style the Choose Files button - mobile adjustment*/
        height:3rem!important;
    }
    .clearDateButton {
        height: 2.5rem!important;
        width: 2.5rem!important;
        line-height: 2.5rem!important;
        font-size: 1.5rem!important;
    }
    #msgUploading {
        font-size:16px!important;
    }
    
    .slds-scope .slds-checkbox_toggle .slds-checkbox_faux {
    width: 6rem!important;
    height: 3rem!important;
    }
    .slds-scope .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container {
    font-size: 24px!important;
    }
    
    .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
    top: 3px!important;
    right: 3px!important;
    width: 2.5rem!important;
    height: 2.5rem!important;
    }
    
    .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    top: 0.5rem!important;
    left: 1.2rem!important;
    height: 1.4rem!important;
    width: 0.9rem!important;
    }
    
    .slds-scope .slds-checkbox_toggle .slds-checkbox_faux:after {
    top: 3px!important;
    left: 3px!important;
    width: 2.5rem!important;
    height: 2.5rem!important;
    }
    .fieldError {
        font-size:16px!important;
    }
    .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
        border-bottom-width: 4px;
        border-right-width: 4px;
    }
    .theme-switch {
        transform: scale(1.5);
    }
    .theme-switch-container {
        min-height: 72px;
    }
    #tooltip {
        font-size: 16px!important;
    }
    /*.helpicon:after {
        translate: 0px!important;
        transform: scale(1.5);
    }*/
    
    .helpCSS {
        margin-left: 0px!important;
        transform: translate(0px, -2px);
        transform: scale(1.5);
    }

    .linkText, .footerText {
        font-size:16px;
    }
    .findBtn, .findBtnGrey {
        /*min-width:200px!important;*/
        /*min-height: 27.4px;*/
        min-height: 48px;
    }
    .disclaimer {
        text-align:justify!important;
    }

    
}
.slds-button-group {
    min-height: 2rem;
}

/*
input:disabled + span > span.slds-checkbox_faux:after {
    display:none;
    background-color: rgb(174,174,174)!important;
}
input:checked:disabled + span > span.slds-checkbox_faux:after {
    background-color: transparent!important;
    display:block;
}

input:disabled + span > span.slds-checkbox_faux:before {
    display:none;
}
input:disabled + span > span.slds-checkbox_faux {
    width: 2rem!important;
}
input:disabled:checked + span > span.slds-checkbox_faux:after {
    left: 0.6rem!important;
}
input:disabled + span > span.slds-checkbox_faux:after {
    left: 0.1rem!important;
}
*/
.slds-scope .slds-checkbox_toggle .slds-checkbox_faux {
width: 4rem;
height: 2rem;
}
.slds-scope .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container {
font-size: 13px;
}

.slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
top: 2px;
right: 2px;
width: 1.667rem;
height: 1.667rem;
}

.slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
top: 0.333rem;
left: 0.8rem;
height: 0.933rem;
width: 0.6rem;
}

.slds-scope .slds-checkbox_toggle .slds-checkbox_faux:after {
top: 2px;
left: 2px;
width: 1.667rem;
height: 1.667rem;
}
textarea {
    line-height:1.2em!important;
    padding-bottom: 0!important;
    resize: vertical;
}
.noBorder {
    border: 0!important;
}
.dummyThumb {
    width:120px!important;
    text-align:center;
    margin:5px;
    padding:20px 0 20px 0;
    display:inline-block;
    background-color: white!important;
    color: grey;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.thumbTile {
    width:130px;
    min-width:130px!important;
    overflow-wrap:anywhere;
    text-align:center;
    border: 0.5px solid Gainsboro;
    padding: 0px!important;
    align-self: stretch;
    background-color:WhiteSmoke!important;
}
.thumbSize {
    height:90px;
    margin-top:5px!important;
    background-color: transparent;
}
.attFilename {
    padding:5px!important;
}
span.smallLink {
    color:grey;
    line-height: 1.1em;
    display: block;
}
a.smallLink:link,a.smallLink:visited,a.smallLink:hover,a.smallLink:active {
    text-decoration:none;
}
.slds-button {
    /* fix buttons with wrapped text */
    line-height:normal!important;
/*min-height:2rem;*/
}
input::file-selector-button {
    /* Style Choose Files button */
    font-weight: normal;
    font-size: .8125rem; /* fixes iPhone */
    line-height: 1.875rem;
    color: white;
    background-color: rgb(1, 118, 211);
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(1, 118, 211);
    border-radius: 3px!important;
    -webkit-appearance: none; /* prevents overly rounded corners in iOS */
    -webkit-border-radius: 0; /* prevents overly rounded corners in iOS */
    transition: 0.4s;
}
input::file-selector-button:hover {
    background-color: rgb(1, 68, 134);
    border-color: rgb(1, 68, 134);
}                
.displayNone {
    display: none;
}
.forceHeight {
    height: 31.6px;
    /* forces full width date and datetime picker */
    appearance: none!important;
    -webkit-appearance: none!important;
    overflow: hidden!important;
}
input::-webkit-date-and-time-value {
    /*forces date and datetime on ios */
    text-align: left!important;
}
.checkboxText {
    padding-left:5px;
    color: rgba(116,116,116,1)!important;
    font-size:.875rem;
}
.toastWrap {
    overflow-wrap:anywhere;
    /* maintains new line and tabs in toast messsage */ 
    white-space: pre-wrap;
    text-align: center;
}
.spinner {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-color: #fe892c; /* #0176D3; whitesmoke; */
    filter: invert(1);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 0px;
    /*min-height: calc(1.875rem + (1px * 2));*/
    font-size: 1.7rem;
}
input[type="date"][disabled]::-webkit-calendar-picker-indicator, input[type="time"][disabled]::-webkit-calendar-picker-indicator, input[type="datetime-local"][disabled]::-webkit-calendar-picker-indicator {
    display:none;
}
input[type="date"], input[type="time"], input[type="datetime-local"] {
    padding-right:0!important;
    line-height: normal!important;
}
.slds-scope input[type=checkbox] {
    /*left aligns the tickbox*/
    width: 1.875rem;
}
.left-align {
    /* Left aligns the date and datetime inputs on mobile after absolute centre is used to vertical align*/
    margin: 0!important;
    /* Left aligns the text within picklists after absolute centre is used to vertical align*/
    justify-content: left!important;
}
/* START OF COLLAPSIBLE */
.collapsible {
    width: 100%;
    text-align: left;
    background-color:#98c1d9;
    margin: 12px;
    color:grey;
    font-size:1rem;
    color:white;
    transition: 0.0s;
    /*display: math!important;*/
}
.opened::before, .closed::before {
    /*
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 52 52' %3E%3Cpath fill='white' d='M47.6 17.8L27.1 38.5c-.6.6-1.6.6-2.2 0L4.4 17.8c-.6-.6-.6-1.6 0-2.2l2.2-2.2c.6-.6 1.6-.6 2.2 0l16.1 16.3c.6.6 1.6.6 2.2 0l16.1-16.3c.6-.6 1.6-.6 2.2 0l2.2 2.2c.5.7.5 1.6 0 2.2z'/%3E%3C/svg%3E");
    display: inline-block;
    */
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    border-color:white;
    content: '';
    display: inline-block;
    height: 10px;
    left: 0.05em;
    position: relative;
    top: 0.25em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 10px;
transition: border 0.0s; /* controls chevron on collapsible sections */
    margin-right:10px;
}
.closed::before {
    transform: rotate(45deg) translate(4px, 0px);  /* Y-up X-right */
    margin-left:-5px;
    margin-right:15px;
}
.opened::before {
    transform: rotate(135deg) /*translate(-2px, 2px)*/; /* X-right Y-down */
   
}
/* END OF COLLAPSIBLE */

.clearDateButton {
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    font-size: .875rem;
    background-color: #0176d3;
    color: white;
    border-radius: 100%;
    text-align: center;
    font-weight: bold;
    margin: auto;
    margin-right: 0;
}
.white {
    color: white!important;
}
#map {
    width: 100%;
    height: 400px;
}
.gm-style .directions-card-medium-large {
display:none!important;
}
.mapPinLabel {
    text-shadow: 
        -1px -1px 0 #fff,
        0px -1px 0 #fff,
        1px -1px 0 #fff,
        1px 0px 0 #fff,
        -1px 0px 0 #fff,
        -1px 1px 0 #fff,
        0px 1px 0 #fff,
        1px 1px 0 #fff;
}
.required::after {
    content: ' *';
    color: #b00020;
}
.slds-theme_warning {
    color:white!important;
}
.slds-theme_warning .slds-button__icon {
    fill:white!important;
}
.slds-button__icon, .slds-button {
    transition: 0.4s!important;
}
.fieldError {
    color:#b00020;
    font-size:12px;
}
[data-theme="dark"] {
    background: #121212; /*#101418;*/
    color: #E5EAF2;
    transition: 0.0s;
}
[data-theme="light"] {
    transition: 0.0s;
}

[data-theme="dark"] .slds-button_neutral {
    background-color:transparent!important;
    color: #E5EAF2!important;
}
.slds-button_neutral {
    background-color:transparent!important;
    color: #000000!important;
    border-color: #c9c7c5!important;
}

[data-theme="dark"] .slds-button_outline-brand {
    background-color:#101418!important;
    border-color: #93CBF7!important;
    color: #93CBF7!important;
}
[data-theme="dark"] .slds-button_outline-brand:hover {
    background-color:#1B2229!important;
}
/* DONE: Style this up for dark theme */
/*[data-theme="dark"] .slds-button_brand, [data-theme="dark"] input::file-selector-button {
    background-color:#93CBF7!important;
    border-color: #93CBF7!important;
    color: #121212!important;
}*/
/*[data-theme="dark"] .slds-button_brand:hover, [data-theme="dark"] input::file-selector-button:hover {
    background-color:#49A7F2!important;
    border-color: #49A7F2!important;
}*/

[data-theme="dark"] .slds-input:focus, [data-theme="dark"] .slds-input:active {
    background-color: #121212!important;
}
[data-theme="dark"] .slds-input:hover {
    border-color: white!important;
}
[data-theme="dark"] .slds-input:focus-visible {
    /*border: 2px solid #93CBF7!important;*/
    border-color: #93CBF7!important;
    outline: 1px solid #93CBF7!important;
}
[data-theme="dark"] .clearDateButton {
    color: #121212;
    background-color: #93CBF7;
}
[data-theme="dark"] .collapsible {
    background-color: rgb(255,255,255, 12%);
    color: #747474;
}
[data-theme="dark"] .thumbTile {
    background-color: rgb(255,255,255, 12%)!important;
    border: 0; /*0.5px solid #ffffff33!important;*/
}
[data-theme="dark"] .dummyThumb {
    background-color: #404040!important;
}
[data-theme="dark"] .slds-text-heading_large {
    /* background-color: transparent; */
    color: white!important;
    /*color:#121212;*/
}
[data-theme="dark"] .gm-style .gm-style-iw-c {
    /*map popup*/
    background-color: #121212!important; 
}
[data-theme="dark"] .gm-style-iw-tc::after {
    /*arrow at bottom of map popup*/
    background: #121212!important;
}
.slds-text-heading_large {
    transition: 0.0s;
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator, 
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-color: #6c3408;
    filter: invert(1);
}
[data-theme="dark"] .opened::before,
[data-theme="dark"] .closed::before {
    border-color:#747474!important;
}
[data-theme="dark"] .fieldError, 
[data-theme="dark"] .required::after {
    color: #cf6679;
}
[data-theme="dark"] .slds-input[disabled] {
    border-color: rgba(201, 201, 201, 0.5)!important;
}
[data-theme="dark"] .slds-input[disabled]:hover {
    border-color: rgba(201, 201, 201, 0.5)!important;
}
[data-theme="dark"] .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux {
    background-color: #93CBF7!important;
    border-color: #93CBF7!important;
}
[data-theme="dark"] .slds-scope .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container {
    color: #E5EAF2!important;
}
[data-theme="dark"] input:disabled + span > span.slds-checkbox_off, 
[data-theme="dark"] input:disabled + span > span.slds-checkbox_on {
    color: rgb(116, 116, 116);
}
[data-theme="dark"] .pickerDark {
    color-scheme: dark;
}      
[data-theme="dark"] .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,
[data-theme="dark"] .slds-scope .slds-checkbox_toggle .slds-checkbox_faux:after {
    background-color: #121212;
}
[data-theme="dark"] .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    border-bottom-color: #121212;
    border-right-color: #121212;
}
[data-theme="dark"] .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,
[data-theme="dark"] .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    filter:invert(0.5);
}
[data-theme="dark"] .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
    filter:invert(0.3);
}
[data-theme="dark"] .slds-checkbox_toggle .slds-checkbox_faux {
    background-color: rgb(180,180,180)!important;
    border-color: rgb(180,180,180)!important;
}
[data-theme="dark"] input:disabled + span > span.slds-checkbox_faux {
    background-color: rgb(150,150,150)!important;
    border-color: rgb(150,150,150)!important;
}
[data-theme="dark"] input[type="file"], [data-theme="dark"] #msgUploading {
    color: #747474;
}
.theme-switch {
    display: inline-block;
    position: relative;
    height: 2rem;
    width: 3.5rem;
    background-color: #b7bbbd;
    border-radius: 1rem;
    transition: 0.4s; /* 0.4s; */
}
[data-theme="dark"] .theme-switch {
    background-color: #4e5255;
}
.theme-switch::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 100%;
    background-color: #fff;
    transition: 0.4s; /* 0.4s; */
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="3 3 18 16"><title>sun</title><path d="M18.1 5.1c0 .3-.1.6-.3.9l-1.4 1.4-.9-.8 2.2-2.2c.3.1.4.4.4.7zm-.5 5.3h3.2c0 .3-.1.6-.4.9s-.5.4-.8.4h-2v-1.3zm-6.2-5V2.2c.3 0 .6.1.9.4s.4.5.4.8v2h-1.3zm6.4 11.7c-.3 0-.6-.1-.8-.3l-1.4-1.4.8-.8 2.2 2.2c-.2.2-.5.3-.8.3zM6.2 4.9c.3 0 .6.1.8.3l1.4 1.4-.8.9-2.2-2.3c.2-.2.5-.3.8-.3zm5.2 11.7h1.2v3.2c-.3 0-.6-.1-.9-.4s-.4-.5-.4-.8l.1-2zm-7-6.2h2v1.2H3.2c0-.3.1-.6.4-.9s.5-.3.8-.3zM6.2 16l1.4-1.4.8.8-2.2 2.2c-.2-.2-.3-.5-.3-.8s.1-.6.3-.8z"/><circle cx="12" cy="11" r="4"/> </svg>');
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.theme-switch::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    left: 1.75rem;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 100%;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20"><title>moon</title><path d="M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.19 8.19 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69z"/></svg>');
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
    box-sizing: border-box;
    opacity: 0.5;
    transition: 0.0s;
}
[data-theme="dark"] .theme-switch::before {
    left: calc(100% -  1.75rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20"><title>moon</title><path d="M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.19 8.19 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69z"/></svg>');
    background-color: #ccc;
    box-shadow: 0 0 0 0;
    opacity: 1;
    filter: invert(1);
    box-shadow: 0 0.5px hsl(0deg 0% 100% / 16%);
    transition: 0.4s;
}
[data-theme="dark"] .theme-switch::after {
    left: 0.25rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="3 3 18 16"><title>sun</title><path d="M18.1 5.1c0 .3-.1.6-.3.9l-1.4 1.4-.9-.8 2.2-2.2c.3.1.4.4.4.7zm-.5 5.3h3.2c0 .3-.1.6-.4.9s-.5.4-.8.4h-2v-1.3zm-6.2-5V2.2c.3 0 .6.1.9.4s.4.5.4.8v2h-1.3zm6.4 11.7c-.3 0-.6-.1-.8-.3l-1.4-1.4.8-.8 2.2 2.2c-.2.2-.5.3-.8.3zM6.2 4.9c.3 0 .6.1.8.3l1.4 1.4-.8.9-2.2-2.3c.2-.2.5-.3.8-.3zm5.2 11.7h1.2v3.2c-.3 0-.6-.1-.9-.4s-.4-.5-.4-.8l.1-2zm-7-6.2h2v1.2H3.2c0-.3.1-.6.4-.9s.5-.3.8-.3zM6.2 16l1.4-1.4.8.8-2.2 2.2c-.2-.2-.3-.5-.3-.8s.1-.6.3-.8z"/><circle cx="12" cy="11" r="4"/> </svg>');
    filter: invert(1);
    transition: 0.0s;
}

#tooltip {
    font-family: Ubuntu, sans-serif;
    font-size: 0.875em;
    text-align: center;
    text-shadow: 0 1px rgba( 0, 0, 0, .6 );
    line-height: 1.5;
    color: #fff;
    background: #333;
    background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .7 ) ), to( rgba( 0, 0, 0, .9 ) ) );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -moz-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -ms-radial-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    background: linear-gradient(to top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .9 ) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .4 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .4 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .4 );
    position: absolute;
    z-index: 100;
    padding: 15px;
}
#tooltip:after /* triangle */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    border-top-color: rgba( 0, 0, 0, .8 );
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #333;
    border-bottom-color: rgba( 0, 0, 0, .7 );
    top: -20px;
    bottom: auto;
}
#tooltip.left:after {
    left: 10px;
    margin: 0;
}
#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
/*.helpicon:after {
    content: url("../img/alohaSkin/help_grey.png"); / *' \02139';* /
    translate: -5px;
    display: inline-block;
}

[data-theme="dark"] .helpicon:after {
    content: url("../img/alohaSkin/help_orange.png");
}*/

.helpCSS {
    width: 15px;
    height: 15px;
    background-image: linear-gradient(#F8F8F8, #F0F0F0, #F8F8F8);
    color: cornflowerblue;
    font-size: small;
    line-height: 12px;
    padding-left: 0.5px;
    margin-left: -4px;
    font-weight: 700;
    display: inline-block;
    border-radius: 100%;
    border: 1.25px solid gainsboro;
    text-align: center;
    vertical-align: baseline;
}
    
[data-theme="dark"] .helpCSS {
    width: 13px;
    height: 13px;
    background-image: linear-gradient(rgb(236,189,87), rgb(224,144,24), rgb(236,189,87));
    color: white;
    line-height: 10px;
    font-weight: 700;
    border-color: transparent;
    box-shadow: 0 0 0.5px 1px rgb(230,166,56);
    outline: 0.1px solid rgb(230,166,56);
}


[data-theme="dark"] #tooltip {
    text-shadow: 0 1px rgba( 255, 255, 255, .6 );
    color: #000;
    background: #ccc;
    background: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, .7 ) ), to( rgba( 255, 255, 255, .9 ) ) );
    background: -webkit-linear-gradient( top, rgba( 255, 255, 255, .7 ), rgba( 255, 255, 255, .9 ) );
    background: -moz-linear-gradient( top, rgba( 255, 255, 255, .7 ), rgba( 255, 255, 255, .9 ) );
    background: -ms-radial-gradient( top, rgba( 255, 255, 255, .7 ), rgba( 255, 255, 255, .9 ) );
    background: -o-linear-gradient( top, rgba( 255, 255, 255, .7 ), rgba( 255, 255, 255, .9 ) );
    background: linear-gradient(to top, rgba( 255, 255, 255, .7 ), rgba( 255, 255, 255, .9 ) );
    border-top: 1px solid #000;
    -webkit-box-shadow: 0 3px 5px rgba( 255, 255, 255, .4 );
    -moz-box-shadow: 0 3px 5px rgba( 255, 255, 255, .4 );
    box-shadow: 0 3px 5px rgba( 255, 255, 255, .4 );
}
[data-theme="dark"] #tooltip:after /* triangle */ {
    border-top: 10px solid #ccc;
    border-top-color: rgba( 255, 255, 255, .8 );
}
[data-theme="dark"] #tooltip.top:after {
    border-bottom: 10px solid #ccc;
    border-bottom-color: rgba( 255, 255, 255, .7 );
}



.iconDiv {
    position: relative;
}

.leftIconInput {
    padding-left: 2em!important;
}

.leftIconSymbol {
    left: 12px;
    position: absolute;
    color: #747474;
    padding-top: 0.4rem;
}

.rightIconInput {
    padding-right: 2em!important;
}

.rightIconSymbol {
    right: 12px;
    position: absolute;
    color: #747474;
    padding-top: 0.4rem;
}

.debug {
    filter: hue-rotate(200deg) brightness(2.5)
}

.features {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
}

.directionsLink {
    width:fit-content;
    text-decoration: none!important;
}
.directionsLink:hover {
    text-decoration: none!important;
}
.featuresDiv {
    align-items: center;
    background: #F5F5F5;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: flex;
    font-size: 10px;
    gap: 5px;
    padding: 5px;
}
.featuresPast {
    color: #FFA000;
}

.featuresFuture {
    color: #03A9F4;
}


/* Styling for address auto-complete */
[data-theme="dark"] .pac-container {
    background-color: #000;
}
[data-theme="dark"] .pac-item {
    border-top: 1px solid #2d2d2d!important;
}
[data-theme="dark"] .pac-item:hover {
    background-color: #1a1a1a!important;
}
[data-theme="dark"] .pac-item-selected, [data-theme="dark"] .pac-item-selected:hover {
    background-color: #3f3f3f!important;
}
[data-theme="dark"] .pac-item-query {
    color: #fff;
}

[data-theme="dark"] .titleLogo {
    filter: invert(1) brightness(2);
}
.titleLogo {
    transition:0s;
}
.pinL {
    transform: scale(1.1);
}
.pinXL {
    transform: scale(1.2);
}
.pinXXL {
    transform: scale(1.3);
}
.invert {
    filter: invert(1)
}
.superBright {
    filter: brightness(10);
}
.disclaimer {
    font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
    line-height: normal;
    text-align: center;
    max-width: 1024px;
    color: darkgrey;
}

/* Note: These are dynamically added to the code, search "brandName}HeaderDiv" for example */
.sunriseHeaderDiv {
    background-color:#ffffff;
    border-bottom: 1px solid #f0f1f1;
}
[data-theme="dark"]  .sunriseHeaderDiv {
    background-color:#121212!important;
    border-bottom: 1px solid #222222;
}
[data-theme="dark"]  .sunriseLogoDiv {
    filter: brightness(0) invert(1);
}
[data-theme="dark"]  .sunriseHomeDiv {
    filter: invert(1);
}
[data-theme="dark"]  .sunriseFindButton {
    color:#ffffff!important;
}
[data-theme="dark"]  .sunriseFindButton:hover {
    color:#000000!important;
}