/* everTrueBlue:#5b6870; was #5b6870 or navy */
.RightAlignBox {
    text-align: right;
    vertical-align: middle;
}

.spstable {
    padding: 2px;
    font-size: 12px;
    vertical-align: text-top;
    position: relative;
    border-collapse:unset;
}
    .spstable th {
        text-align: center;
        border: none;
    }

    .spstable td {
        padding-left: 0;
        margin-top: 0;
        padding-top: 0;

    }

        .spstable td:first-child {
            text-align: right;
            padding-right: 3px;
            width: 200px;
        }

.spstable td:nth-child(2) {
    text-align: left;
}

.spstable td:nth-child(3) {
    width: 200px;
    text-align: left;
    padding-left: 3px;
}

.spstable input {
    vertical-align: central;
    width: 120px !important;
}

.spstableheader th {
    background-color: #5b6870;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
    cursor: default;
}

.spstable2 {
    padding: 2px;
    font-size: 12px;
    vertical-align: text-top;
    position: relative;
    border-collapse: unset;
    text-align: left;
}

.spstableheader2 {
    background-color: #5b6870;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
}

.spstableheader3 {
    background-color: #5b6870;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
}
    .spstableheader3 th {
        background-color: #5b6870;
        text-align: center;
    }

.spstablebody3 td {
    text-align: center;
}
.spstablebody3 td input {
    text-align: center;
}

.spstablecolor td {
    background-color: #E6E6E6;
}

    .spstablecolor td input {
        background-color: #E6E6E6;
    }

    .spstablecolor td select {
        background-color: #E6E6E6;
    }

    .spstablecolor td textarea {
        background-color: #E6E6E6;
    }

.spssearchtable {
    padding: 2px;
    font-size: 12px;
    vertical-align: text-top;
}

.spsFormBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.table-input-row td {
    padding-top: 5px;
}

.table-input-row input {
    border: 1px solid #003000;
}

.table-color tr:nth-child(2n+1) {
    margin: 1px;
    background-color: #e6e6e6;
}

.table-color tr:nth-child(2n) {
    margin: 1px;
}

.spstablesmall {
    font-size: 11px;
    padding: 2px;
    text-align: center;
    vertical-align: text-top;
}

.table-color td {
    padding: 2px 14px;
    text-align: center;
}

#SPSDetail a,
#SPSDetail a:hover,
#SPSDetail a:active,
#SPSDetail a:visited {
    color: #824100;
    text-decoration: none;
}

.smallnotes {
    font-size: 11px;
    color: #7A7A7A;
    padding-left: 50px;
    font-style: italic;
    text-align: right;
}
.snl {
    text-align:left;
    padding-left: 0;
}

.smallnotesleft, i {
    font-size: 11px;
    color: #7A7A7A;
    font-style: italic;
    text-align: left;
}

.smallnotesred {
    font-size: 11px;
    color: #B70205;
    font-style: italic;
/*    font-size: 11px;
    color: #B70205;
    padding-left: 50px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
*/
}

.smallnotesgreen {
    font-size: 11px;
    color: #060;
    padding-left: 50px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
}

.lra td:first-child {
    padding: 3px;
    text-align: right;
}

.found {
    color: green;
}
.changed {
    font-size:9px;
    color: darkslateblue;
    display: inline-block;
    background-color: yellow;
    padding: 2px;
}
.notFound {
    color: darkred;
}
.noVisit {
    font-size: 9px;
    display: inline-block;
    padding: 2px;
    background-color: cornsilk;
}
.lastVisit {
    font-size: 9px;
    display: inline-block;
    padding: 2px;
    background-color: transparent;
}
.lra td:nth-child(2) {
    padding: 3px;
    text-align: left;
    font-weight: bold;
}

.pay-table {
    padding: 2px;
    font-size: 12px;
    text-align: center;
    vertical-align: text-top;
    max-height: 800px;
    overflow-y: auto;
    position: relative;
}

th {
    position: sticky;
    top: 0px;
    background-color: white;
    padding: 2px 0px;
}

/*******************************
 Adjust the widget font size
 *******************************/

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}

    .ui-widget .ui-widget {
        font-size: 12px;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
    }

#main-content-container.waiting * {
    cursor: wait;
    background-color: #d0d0d0;
    color: #b0b0b0;
    border: #b0b0b0;
    pointer-events: none;
}

#main-content-container.waiting h1::after {
    content: "Working";
    color: black;
    background-color: #ffd100;
    padding: 5px 25px;
    border: #085c11 thin solid;
    background: #fff url(ui-anim_basic_16x16.gif) 96px 4px no-repeat;
}

#main-content-container *:focus {
    border: 1px solid rgba(130,65,0,50);
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    width: auto !important;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

.ui-autocomplete-loading {
    background: white url("/Content/ui-anim_basic_16x16.gif") right center no-repeat;
}

.hidden {
    display: none;
    visibility: hidden;
}

.z-plus {
    z-index: 3;
}

.sortedAsc {
    background: linear-gradient(to bottom, #7b8890, #5b6870);
    position: relative;
}
.sortedDesc {
    background: linear-gradient(to bottom, #5b6870, #7b8890);
    position: relative;
}

.spstableheader th.sortable:active,
.spstableheader th.sortable:hover {
    background-color: black;
}

.table-color2 tr{
    margin-block-end: 1px;
}

.table-color2 tr:nth-child(4n-1)
{
    background-color: #e6e6e6;
}

    .table-color2 tr:nth-child(4n) {
        background-color: #e6e6e6;
    }

.remove {
    font-size: 9px;
    border-color: tomato;
    background-color: silver;
    padding: 3px 2px;
    margin:0;
}
.update {
    font-size: 9px;
    border-color:yellow;
    background-color: silver;
    padding: 3px 2px;
    margin: 0;
}

.add {
    font-size: 9px;
    border-color: darkgreen;
    background-color: silver;
    padding: 3px 2px;
    margin: 0;
}

@media print {
    .no-print {
        display: none !important;
    }
}

.remove-all-checked {
    font-size: 9px;
    border-color: tomato;
    background-color: silver;
    padding: 3px 2px;
    margin: 0;
    float:right
}

button {
    padding: 5px;
}

.no-click {
    pointer-events: none;
    color: InactiveCaptionText;
}