.azlog {
    width: 336px;
    background-color: moccasin; /*papayawhip,wheat, palegoldernRod,moccasin,blanchedAlmond*/
    border-style:solid;
    border-color: #330000;
}

.mulog {
    width: 566px;
    background-color: moccasin; /*papayawhip,wheat, palegoldernRod,moccasin,blanchedAlmond*/
    border-style: solid;
    border-color: #330000;
}

.boc {
    width: 462px;
    border-style: solid;
    border-color: lightyellow;
}

/* Header and Footer with UIKit */
nav > img.banner {
    height: 66px;
    width: 950px;
    border-width: 0px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

main {
    flex-grow: 1;
}

footer {

}

.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-main {

}
    /*AUTO MARGINS - INSTEAD OF align-items: center*/
    .site-main > * {
        margin-top: auto;
        margin-bottom: auto;
    }

.banner {
    height: 66px;
    width: 950px;
    border-width: 0px;
}

.mast-left-first-col {
    padding: 3px;
    margin-top: 20px;
    margin-right: 10px;
    word-wrap: break-word;
}

/* UIKit supplement */
.sortable {
    text-decoration: underline;
}

.sortable:hover {
    cursor:pointer;
}

.tableHeaderSortAsc:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: .5rem;
    background-image: url("../Content/UIKit/img/icons/icon-arrow-triangle-down-brown.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.tableHeaderSortDesc::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: .5rem;
    background-image: url("../Content/UIKit/img/icons/icon-arrow-triangle-up-brown.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/*** Auto Complete ***/
.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid var(--color-green);
    border-top: none;
    border-radius: 4px;
    z-index: 99;
    background-color: white;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    border: none;
    border-bottom: none;
}

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-active {
    background-color: rgb(30, 255, 169) !important;
    color: #ffffff;
}


/*Status Verbiage*/
#OptInDivId > div:nth-child(2) > div.col.ms-2 > h3 {
    font-size: 19px;
}

/*Controls font size*/
#OptInDivId > div.col.mt-3.fs-6 {
    font-size: .750rem !important;
}

/*Background for successful message*/
#OptOutDivId > div > div.fw-bold {
    background: #6e7e1b;
}

/*Status Verbiage*/
#OptInDivId > div:nth-child(2) > div.col.ms-2 > h3 {
    font-size: 19px;
}

/*Success Opt-In "Authorized" Color*/
#OptOutDivId > div:nth-child(1) > div > h3 > div > span {
    color: #6e7e1b !important;
}