body .waitshim {
    display: none;
}

body.waiting .waitshim {
    cursor: wait;
    background: url(https://via.placeholder.com/468x60/FF0000/FFFFFF/?text=Please%20Wait...) no-repeat center;
    /*pointer-events: none; this does the opposite of what I thought it did...*/
    position: relative;
    height: inherit;
    z-index: 99999;
    display: block
}
body.waiting .offcanvas-wrapper
{
    filter: blur(2.5px) grayscale(95%);
}

.loadpanel:before {
    content: ' ';
    position: absolute;
    top: 0.5em;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 2em;
    border: 2px solid #0082c8;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: indicator 1s linear infinite;
    animation: indicator 1s linear infinite;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: indicator;
}

.loadpanel {
    width: 15em;
    height: 5em;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding-top: 3em;
    text-align: center;
}

.jsgrid .jsgrid-load-panel {
    display: none;
}

/*#ui-datepicker-div,*/ .ui-datepicker {
    background-color: white;
    border-color: #0082c8;
    border-style: solid;
    border-width: 1px;
}

.jsgrid-grid-header,
.jsgrid-grid-body {
    overflow: auto;
}

td.jsgrid-cell.icon-field img {
    width: 30px;
}


.ui-dialog {
    background: white;
    border: solid #0082c8;
    padding:1em;
}

ui-dialog-titlebar-close {
    display: none;
}

.hide
{
    display:none;
}

td.jsgrid-cell.address-field.jsgrid-invalid {
    color: #FF9900;
    background-color: pink;
}

.jsgrid-edit-row span.editAddress,
.jsgrid-insert-row span.createAddress {
    cursor: pointer;
    display: block;
    border: black 1px solid;
    background-color: white;
    padding: 0.5em;
    text-align: left;
}

.sn_field input,
.jsgrid-edit-row span.editAddress,
.jsgrid-insert-row span.createAddress {
    border-color: #FF9900
}


input#optin {
    text-align: left;
    width: auto;
    float: left;
    margin-right: 1em;
}
/*Address pop-up. Auto margins all aroiund, cray filter on the margins.*/


.addressModalForm .addressModalFieldset label {
    font-weight: bold;
}

    .addressModalForm .addressModalFieldset label span {
        color: #FF9900;
    }

.field-validation-error,
p.field-validation-error {
    color: #FF9900;
}

ul.reg-nav li {
    float: right;
}


.form-row .form-field label {
    font-weight: bold;
}


.form-row .form-field input::placeholder,
.addressModalForm input::placeholder {
    color: #0082C8;
    opacity: 0.4;
}
.form-row .form-field input:-ms-input-placeholder,
.addressModalForm input:-ms-input-placeholder {
    color: #0082C8;
    opacity: 0.4;
}

.form-row .form-field input::-ms-input-placeholder,
.addressModalForm input::-ms-input-placeholder {
    color: #0082C8;
    opacity: 0.4;
}

div.errors {
    background: #FF9900;
}

div.successes {
    background: #0082C8;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

span.custom-combobox input {
    width: 80%;
    display: inline-block;
    margin-right: 1em;
}

span.custom-combobox .custom-combobox-toggle  {
    display: inline-block;
}


input#opt-in {
    display: inline;
    width: auto;
}

.form-wrap input {
    padding:5px;
}
.form-wrap input[type="submit"] {
    height: auto;
    width: 100%;
    max-width: 500px;
    margin: 1em 0;
}
.form-signin .form-field {
    width:100%;
    max-width: 500px;
}

/* This section is legacy CSS goungt in from content/Site.css.*/
.full-width-wrapper {
    display: none;
}

input, label {
    display: block;
    width: 98%;
    margin-bottom: .25em;
}

.form-field {
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto;
}

.form-row {
    /*display: inline-block;*/
    margin-top: 1em;
}

.form-wrap {
    margin-left: 1em;
    margin-right: 1em;
    align-self: center;
    /*max-width: 1000px;*/
    width: 800px;
}

.errors {
    background-color: pink;
}
.errors ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .errors li {
        border: none;
        float: left;
    }

.errors li a {
    display: block;
    padding: 8px;
}


.successes {
    background-color: lightgreen;
}

.successes ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.successes li {
    border: none;
    float: left;
}

.successes li a {
    display: block;
    padding: 8px;
}

.page-top {
    margin-top: 1.5em;
}

.reg-nav, #portal-globalnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.reg-nav li {
    float: left;
}

.reg-nav li a {
    display: block;
    padding: 8px;
}



/*END This sec tion is legacy CSS goungt in from content/Site.css.*/