:root {
    /* COLORS; */
    /* Newmark Blue; */
    --clr-nmrk-blue: #006BB6;
    --nm-blue: var(--clr-nmrk-blue);
    /* Newmark Blue Hilites; */
    --nm-blhv: #3DA8F5;
    --nm-blhi: #0089EB;
    /* Newmark Blue: Shadows; */
    --nm-bldk: #00518A;
    --nm-bldd: #047;
    --nm-bldv: #00355D;
    /* Newmark-related; */
    --nm-gold: #FF9000;
    --nm-md-blue: #004D85;
    --nm-lt-grey: #EFEFEF;
    --nm-md-grey: #B3B3B3;
    --clr-orange: #FFA843;
    --clr-olive: #BDC400;
    /* Accents; */
    --accent: #006BB6;
    --accent-2: #005999;
    --accent-3: #004a80;
    /* Grays - Secondary; */
    --clr-nmrk-dk-grey: #403F3F;
    --clr-nmrk-dk-grey-2: #444;
    --clr-nmrk-dk-grey-3: #191919;
    --clr-nmrk-separator: #817E7E;
    --clr-nmrk-lt-concrete: #D9D8D8;
    --clr-nmrk-lt-grey-2: #F9F8F8;
    --clr-nmrk-lt-grey-3: #FBFAFA;
    --clr-nmrk-black: #111;
    /* OPAQUES; */
    --nm-gyfc: #FCFCFC;
    --nm-gyfa: #FAFAFA;
    --nm-gyf5: #F5F5F5;
    --nm-gyef: #EFEFEF;
    --nm-gydd: #DDD;
    --nm-gycc: #CCC;
    --nm-gyb3: #B3B3B3;
    --nm-gyaa: #AAA;
    --nm-gy99: #999;
    --nm-gy88: #888;
    --nm-gy77: #777;
    --nm-gy66: #666;
    --nm-gy55: #555;
    --nm-gy44: #444;
    --nm-gy33: #333;
    --nm-gy22: #222;
    --nm-gy17: #171717;
    /* TRANSLUCENTS; */
    --clr-nmrk-box: var(--clr-nmrk-dim-150) // 50%;
    /* Whites; */
    --clr-white-100: #FFF;
    --clr-white-90: #FFFFFFE6;
    --clr-white-85: #FFFFFFD9;
    --clr-white-80: #FFFC;
    --clr-white-75: #FFFFFFBF;
    --clr-white-65: #FFFFFFA6;
    --clr-white-60: #FFF9;
    --clr-white-50: #FFFFFF80;
    --clr-white-45: #FFFFFF73;
    --clr-white-40: #FFF6;
    --clr-white-35: #FFFFFF59;
    --clr-white-25: #FFFFFF40;
    --clr-white-20: #FFF3;
    --clr-white-15: #FFFFFF26;
    --clr-white-10: #FFFFFF1A;
    /* Blacks; */
    --clr-black-100: #000;
    --clr-black-90: #000000E6;
    --clr-black-85: #000000D9;
    --clr-black-80: #000C;
    --clr-black-75: #000000BF;
    --clr-black-65: #000000A6;
    --clr-black-60: #0009;
    --clr-black-55: #0000008C;
    --clr-black-50: #00000080;
    --clr-black-45: #00000073;
    --clr-black-40: #0006;
    --clr-black-35: #00000059;
    --clr-black-25: #00000040;
    --clr-black-20: #0003;
    --clr-black-15: #00000026;
    --clr-black-10: #0000001A;
    /* LIGHT THEME; */
    /* Highlights; */
    --clr-nmrk-lite-90: var(--clr-white-90);
    --clr-nmrk-lite-85: var(--clr-white-85);
    --clr-nmrk-lite-80: var(--clr-white-80);
    --clr-nmrk-lite-75: var(--clr-white-75);
    --clr-nmrk-lite-65: var(--clr-white-65);
    --clr-nmrk-lite-50: var(--clr-white-50);
    --clr-nmrk-lite-45: var(--clr-white-45);
    --clr-nmrk-lite-40: var(--clr-white-40);
    --clr-nmrk-lite-35: var(--clr-white-35);
    --clr-nmrk-lite-25: var(--clr-white-25);
    --clr-nmrk-lite-20: var(--clr-white-20);
    --clr-nmrk-lite-15: var(--clr-white-15);
    --clr-nmrk-lite-10: var(--clr-white-10);
    /* Shading; */
    --clr-nmrk-dim-90: var(--clr-black-90);
    --clr-nmrk-dim-85: var(--clr-black-85);
    --clr-nmrk-dim-80: var(--clr-black-80);
    --clr-nmrk-dim-75: var(--clr-black-75);
    --clr-nmrk-dim-65: var(--clr-black-65);
    --clr-nmrk-dim-60: var(--clr-black-60);
    --clr-nmrk-dim-50: var(--clr-black-50);
    --clr-nmrk-dim-35: var(--clr-black-35);
    --clr-nmrk-dim-25: var(--clr-black-25);
    --clr-nmrk-dim-20: var(--clr-black-20);
    --clr-nmrk-dim-15: var(--clr-black-15);
    --clr-nmrk-dim-10: var(--clr-black-10);
    --clr-light: var(--clr-nmrk-white);
    --clr-dark: var(--clr-nmrk-black);
    --clr-primary: #333;
    --clr-secondary: #C3FCF2;
    --clr-accent-brite: var(--clr-nmrk-lt-red-1);
    /* Convenience aliases; */
    --white: #FFF;
    --black: #000;
    --blue: var(--clr-nmrk-blue);
    --clr-accent: var(--accent);
    --clr-accent-2: var(--accent-2);
    --clr-accent-3: var(--accent-3);
    --clr-accent-text: var(--clr-white-100);
    --clr-cta: var(--clr-accent-text);
    --clr-cta-hover: var(--clr-accent-text);
    --overlay-box: var(--clr-black-50);
    --popup-background: var(--clr-nmrk-lt-grey-2);
    --popup-border: var(--clr-nmrk-dim-50);
    --popup-dropshadow: var(--clr-nmrk-dim-50);
    --noti-shadow: var(--clr-nmrk-dk-grey-1);
    --img-shadow: var(--clr-nmrk-dim-50);
    /* Core; */
    --foreground: var(--clr-nmrk-dim-85);
    --foreground-hover: #000;
    --background: var(--clr-white-85);
    /* Elements; */
    --elm-plac: var(--nm-gy77);
    --elm-link: var(--nm-bldk);
    --elm-lnkh: var(--nm-blue);
    --elm-lnkv: #800080;
    --elm-lnhv: #B000B0;
    --elm-lnkd: var(--nm-gy77);
    /* Page; */
    --pge-back: var(--nm-gyef);
    /* Header; */
    --hdr-hght: 3.125rem;
    --hdr-fore: #FFF;
    --hdr-back: var(--blue);
    --hdr-inpt: 2rem;
    --hdr-inba: var(--clr-black-15);
    --hdr-boxs: inset 0 0 0 2px var(--hdr-fore);
    --hdr-opac: var(--op6);
    --hdr-mode: url("../media/images/ico/spr-sso2.svg#ico-mdd-view");
    /* Header: Menu; */
    --mnu-disp: flex;
    --mnu-idis: none;
    /* Footer; */
    --ftr-line: var(--clr-nmrk-dim-20);
    --ftr-copy: var(--clr-nmrk-dim-50);
    /* ID Prompt; */
    --prp-back: var(--nm-lt-grey);
    --prp-bord: 1px solid var(--nm-md-grey);
    --prp-cbck: var(--white);
    --prp-cbrd: 0 0 0 2px var(--nm-md-grey);
    --prp-head: var(--nm-blue);
    --prp-shdr: var(--foreground);
    --prp-clbl: var(--foreground);
    --prp-creq: #C00;
    --prp-inpt: var(--foreground);
    --prp-inpb: inset 0 0 0 1.5px var(--nm-md-grey);
    --prp-inbk: var(--background);
    /* Submit; */
    --prp-btsb: var(--nm-blue);
    --prp-btcn: var(--nm-lt-grey);
    --prp-btbh: var(--nm-blhi);
    --prp-btch: var(--white);
    --prp-btsh: 0 0 0 4px #DDD, inset 0 0 0 1px #004D85;
    --prp-btba: var(--nm-bldk);
    /* Cancel; */
    --prp-cabn: #DEDEDE;
    --prp-cacn: var(--nm-gy66);
    --prp-cabh: #EAEAEA;
    --prp-caba: #CECECE;
    /* SSO; */
    --sso-back: var(--white);
    --sso-bord: var(--nm-gy33);
    --sso-shad: inset 1px -1px 0 0 var(--sso-bord), inset -1px 0 0 0 var(--sso-bord), 2px 2px 4px 0 #0005;
    --sso-shdr: var(--nm-gy77);
    --sso-optg: 0.5rem;
    /* SSO: Button; */
    --sso-btcn: #EEE;
    --sso-btbn: var(--nm-blue);
    --sso-btch: #FFF;
    --sso-btba: var(--nm-bldk);
    /* SSO: Social Media; */
    --sso-sgap: 0.25rem;
    --sso-socn: var(--nm-gy22);
    --sso-sobn: var(--nm-gydd);
    --sso-soch: var(--black);
    --sso-sobh: var(--nm-gycc);
    --sso-soca: var(--black);
    --sso-soba: var(--nm-gyb3);
    --sso-sshn: none;
    --sso-ssha: inset -1px -1px 0 0 var(--clr-white-20);
    --sso-icon: var(--white);
    --sso-mixb: multiply;
    --sso-opac: var(--op8);
    /* SSO: Inputs; */
    --sso-inpt: var(--nm-gyaa);
    --sso-inhv: var(--nm-gy33);
    --sso-inhi: var(--clr-black-15);
    --sso-text: var(--black);
    --sso-iich: var(--black);
    /* SSO: Button; */
    --sso-btcn: var(--nm-gydd);
    --sso-btbn: var(--nm-blue);
    --sso-btch: var(--nm-gyef);
    --sso-btbh: var(--nm-blhi);
    --sso-btca: var(--nm-gyef);
    --sso-btba: var(--nm-bldk);
    /* Table; */
    --tbl-rowh: #FFD70033;
    /* MEASURES; */
    --ms-inpt: 44px;
    --ms-hdrh: 4rem;
    --ms-ftrh: 3rem;
    /* BUTTONS; */
    --hd-btnh: 2.25rem;
    /* FONTS; */
    --fo: "Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif;
    --ff: "Libre Baskerville","Times New Roman",Times,serif;
    /* IMAGES; */
    /* Opacities; */
    --op10: 1.0;
    --op8: 0.85;
    --op7: 0.7;
    --op6: 0.6;
    --op5: 0.5;
    --op4: 0.4;
    --op0: 0;
    /* Dash Icon; */
    --ico-dash-bkg: white;
}

.darkmode {
    /* COLORS; */
    /* Translucent - Highlights; */
    --clr-nmrk-dim-90: var(--clr-white-90);
    --clr-nmrk-dim-85: var(--clr-white-85);
    --clr-nmrk-dim-80: var(--clr-white-80);
    --clr-nmrk-dim-75: var(--clr-white-75);
    --clr-nmrk-dim-65: var(--clr-white-65);
    --clr-nmrk-dim-60: var(--clr-white-45);
    --clr-nmrk-dim-50: var(--clr-white-50);
    --clr-nmrk-dim-35: var(--clr-white-35);
    --clr-nmrk-dim-25: var(--clr-white-25);
    --clr-nmrk-dim-20: var(--clr-white-20);
    --clr-nmrk-dim-15: var(--clr-white-15);
    --clr-nmrk-dim-10: var(--clr-white-10);
    /* Translucent - Shadows; */
    --clr-nmrk-lite-90: var(--clr-black-90);
    --clr-nmrk-lite-85: var(--clr-black-85);
    --clr-nmrk-lite-80: var(--clr-black-80);
    --clr-nmrk-lite-75: var(--clr-black-75);
    --clr-nmrk-lite-65: var(--clr-black-65);
    --clr-nmrk-lite-50: var(--clr-black-50);
    --clr-nmrk-lite-35: var(--clr-black-35);
    --clr-nmrk-lite-25: var(--clr-black-25);
    --clr-nmrk-lite-20: var(--clr-black-20);
    --clr-nmrk-lite-15: var(--clr-black-15);
    --clr-nmrk-lite-10: var(--clr-black-10);
    /* Dark theme; */
    --clr-light: var(--clr-nmrk-dim-65);
    --clr-dark: var(--clr-nmrk-black);
    --clr-primary: var(--clr-nmrk-dim-75);
    --clr-secondary: var(--clr-nmrk-dim-65);
    --clr-accent-text: var(--clr-white-85);
    --overlay-box: var(--clr-black-35);
    --popup-background: var(--clr-nmrk-dk-grey-3);
    --popup-border: var(--clr-nmrk-dk-grey-2);
    --popup-dropshadow: var(--clr-nmrk-black);
    --img-shadow: var(--clr-nmrk-dim-50);
    --foreground: var(--clr-nmrk-dim-50);
    --background: var(--black);
    --foreground-hover: var(--clr-nmrk-dim-75);
    /* Elements; */
    --elm-plac: var(--nm-gy77);
    --elm-link: var(--nm-blhi);
    --elm-lnkh: var(--nm-blhv);
    --elm-lnkv: #B000B0;
    --elm-lnhv: #C000C0;
    --elm-lnkd: var(--nm-gy55);
    /* Page; */
    --pge-back: var(--black);
    /* Header; */
    --hdr-fore: var(--clr-nmrk-dim-75);
    --hdr-back: var(--clr-accent-3);
    --hdr-inpt: 2rem;
    --hdr-boxs: inset 0 0 0 2px var(--hdr-fore);
    --hdr-opac: var(--op6);
    --hdr-mode: url("../media/images/ico/spr-sso2.svg#ico-mdl-view");
    /* Footer; */
    --ftr-line: var(--clr-nmrk-dim-20);
    --ftr-copy: var(--clr-nmrk-dim-50);
    /* SSO; */
    --sso-back: var(--nm-gy17);
    --sso-bord: var(--nm-gy33);
    --sso-shad: inset 1px -1px 0 0 var(--sso-bord), inset -1px 0 0 0 var(--sso-bord), 2px 2px 4px 0 #0005,5px 5px 10px 0 #000;
    --sso-shdr: var(--nm-gy77);
    --sso-optg: 0.5rem;
    /* SSO: Social Media; */
    --sso-sgap: 0.25rem;
    --sso-socn: var(--nm-gyb3);
    --sso-sobn: var(--nm-gy22);
    --sso-soch: var(--nm-gycc);
    --sso-sobh: var(--nm-gy33);
    --sso-soca: var(--nm-gyb3);
    --sso-soba: var(--black);
    --sso-sshn: inset 0 0 0 1px #000,inset 1px 1px 0 1px #FFF2;
    --sso-ssha: inset -1px -1px 0 0 var(--clr-white-20);
    --sso-icon: transparent;
    --sso-mixb: normal;
    --sso-opac: var(--op7);
    /* SSO: Inputs; */
    --sso-inpt: var(--nm-gy44);
    --sso-inhv: var(--nm-gyaa);
    --sso-inhi: var(--clr-white-15);
    --sso-text: var(--clr-white-65);
    --sso-iich: var(--clr-white-65);
    /* SSO: Button; */
    --sso-btcn: var(--nm-gy99);
    --sso-btbn: var(--nm-bldd);
    --sso-btch: var(--nm-gycc);
    --sso-btbh: var(--nm-bldk);
    --sso-btca: var(--nm-gyaa);
    --sso-btba: var(--nm-bldv);
    /* ID Prompt; */
    --prp-back: transparent;
    --prp-bord: 1px solid var(--nm-gy55);
    --prp-cbck: var(--nm-gy22);
    --prp-cbrd: 0 0 0 2px var(--nm-gy44);
    --prp-head: var(--nm-blue);
    --prp-shdr: var(--nm-gy99);
    --prp-clbl: var(--nm-gy99);
    --prp-creq: #A00;
    --prp-inpt: var(--clr-white-75);
    --prp-inpb: inset 0 0 0 1.5px var(--nm-gy44);
    --prp-inbk: var(--black);
    /* Submit; */
    --prp-btsb: var(--nm-bldk);
    --prp-btcn: var(--nm-lt-grey);
    --prp-btbh: var(--nm-blhi);
    --prp-btch: var(--white);
    --prp-btsh: 0 0 0 4px #FFF2, inset 0 0 0 1px #004D85;
    --prp-btba: var(--nm-bldk);
    /* Cancel; */
    --prp-cabn: #FFF4;
    --prp-cacn: var(--black);
    --prp-cabh: #FFF5;
    --prp-caba: var(--nm-gy44);
    /* Dashboard Icon; */
    --ico-dash-bkg: #2D2D2D;
}

/* ----------------------- */
/*  RESPONSIVE;            */
/* ----------------------- */
/* Tablets and up; */
@media screen and (min-width: 48em) {
    :root {
        /* Header: Menu; */
        --mnu-disp: none;
        --mnu-idis: block;
    }
}
/* Start of reset; */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

:where([draggable=true]) {
    -webkit-user-drag: element;
}

:where(dialog:modal) {
    all: revert;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    html {
        font-size: 100% !important;
    }
}

body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-y: auto;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    all: revert;
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

a, button {
    cursor: revert;
}

abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    max-inline-size: 100%;
    max-block-size: 100%;
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea {
    -webkit-user-select: auto;
}

    input[type=date],
    input[type=datetime-local],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    textarea {
        text-align: left;
    }

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

/* Remove focus line for mouse, leave for keyboard */
:focus:not(:focus-visible) {
    outline: none;
}

::placeholder {
    color: unset;
}

textarea {
    overflow: auto;
    white-space: revert;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

meter {
    -webkit-appearance: revert;
    appearance: revert;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* End of Reset; */
/* SASS MIXINS */
/* Convenience */
.nm-layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "main" "footer";
    min-height: 100vh;
    padding: var(--ms-top) 0 0 0;
    overflow: hidden;
}

.nm-header {
    position: fixed;
    display: flex;
    inset: 0 0 auto 0;
    height: var(--hdr-hght);
}

.nm-main {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    grid-area: main;
    justify-content: center;
    margin: 0;
    padding: 0;
    overflow: auto !important;
}

.nm-footer {
    grid-area: footer;
}

/* Basic HTML Elements; */
body {
    font-family: var(--fo);
    background-color: var(--pge-back);
}

iframe {
    display: block;
    border: none;
}

::placeholder {
    color: var(--elm-plac);
}

::-ms-input-placeholder {
    color: var(--elm-plac);
}

::-ms-input-placeholder {
    color: var(--elm-plac);
}

/* Convenience */
.hide-text {
    text-indent: -999rem;
}

.themeblend {
    transition: all 450ms ease-in-out;
}

/* SSO Login */
.nm {
    /* Sections; */
    /* SSO Sign In; */
    /* Report ID Lookup; */
    /* Main area; */
    /* Shared Elements; */
}

.nm-header {
    position: fixed;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    top: 0;
    z-index: 20;
    background: var(--hdr-back);
}

.nm-header__brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: var(--op8);
    transition: opacity 450ms ease-in-out;
}

    .nm-header__brand:hover {
        opacity: var(--op10);
    }

.nm-header__logo {
    position: relative;
    height: 1.25rem;
    aspect-ratio: 219/32;
    margin: 0 1rem;
    padding: 0;
    background-color: var(--hdr-fore);
    -webkit-mask-image: url("../media/images/shr/lgo/lgo-nmrk.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: 50% 50%;
    animation: 500ms cubic-bezier(0.25, 0.03, 0.16, 1.8) fadeInDown;
}

.nm-header__tagline {
    position: relative;
    height: 2rem;
    padding: 0 0 0 0.75rem;
    color: var(--hdr-fore);
    font-size: 1.3rem;
    font-weight: 100;
    line-height: 2rem;
    user-select: none;
    animation-name: slideInLeft;
    animation-delay: 80ms;
    animation-duration: 850ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    overflow-x: hidden;
}

.nm-header__tagline-clip {
    position: relative;
    height: 32px;
    overflow: hidden;
    box-shadow: inset 1px 0 0 0 var(--hdr-fore);
}

.nm-nav {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.nm-menu {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1rem;
    margin: 0 1rem 0 0;
    list-style-type: none;
}

.nm-menu__item {
    margin: 0;
    padding: 0;
}

.nm-menu__item--user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
}

    .nm-menu__item--user:hover .nm-menu__icon, .nm-menu__item--user:focus .nm-menu__icon, .nm-menu__item--user:hover .btn-text, .nm-menu__item--user:focus .btn-text {
        opacity: var(--op10);
    }

    .nm-menu__item--user .nm-menu__icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: 2rem;
        overflow: hidden;
        opacity: var(--op7);
        transition: opacity 225ms ease-in-out;
    }

        .nm-menu__item--user .nm-menu__icon::before {
            content: "";
            position: absolute;
            display: block;
            inset: 0;
            background-color: var(--hdr-fore);
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            -webkit-mask-size: 65% 65%;
        }

    .nm-menu__item--user .nm-menu__icon--goog::before {
        -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-goog-view");
    }

    .nm-menu__item--user .nm-menu__icon--twit::before {
        -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-twit-view");
    }

    .nm-menu__item--user .nm-menu__icon--facm::before {
        -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-facm-view");
    }

    .nm-menu__item--user .nm-menu__icon--msft::before {
        -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-msft-view");
    }

    .nm-menu__item--user .nm-menu__icon--nmrk::before {
        -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-nmrk-view");
    }

nm-menu__item--user .nm-menu__icon--open::before {
    -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#lgo-open-view");
}

.nm-menu__toggle {
    display: none;
}

.nm-menu__toggle--menu:not(:checked) ~ .nm-menu {
    display: var(--mnu-idis);
}

.nm-menu__toggle--menu:checked ~ .nm-menu {
    position: absolute;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1rem;
    top: var(--hdr-hght);
    width: 100vw;
    margin: 0;
    padding: 0 1rem 1.5rem 1rem;
    background: var(--hdr-back);
    transition: all 50ms ease-in-out;
}

    .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 44px;
        width: 100%;
        padding: 0;
    }

        .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item:first-child {
            margin: 0.5rem 0 0 0;
        }

        .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__toggle {
            min-height: 44px;
        }

        .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            padding-left: 1.5rem;
            min-height: 44px !important;
            color: #FFF;
            font-size: 1.125rem;
            font-weight: 600;
            border-radius: 2.75rem;
            box-shadow: 0 0 0 2px var(--clr-white-50) !important;
            opacity: 1;
        }

            .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label:hover:not(:disabled), .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label:focus:not(:disabled) {
                opacity: 1;
            }

            .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label:active:not(:disabled) {
                background: var(--clr-black-15);
                opacity: 1;
            }

            .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label:disabled {
                opacity: 0.4;
            }

            .nm-menu__toggle--menu:checked ~ .nm-menu .nm-menu__item .nm-menu__label .nm-menu__icon {
                display: none;
            }

.nm-menu__toggle--menu:checked ~ .nm-menu__label.nm-menu__label--menu .nm-menu__icon--menu {
    background: transparent;
}

    .nm-menu__toggle--menu:checked ~ .nm-menu__label.nm-menu__label--menu .nm-menu__icon--menu::before, .nm-menu__toggle--menu:checked ~ .nm-menu__label.nm-menu__label--menu .nm-menu__icon--menu::after {
        top: 0;
    }

    .nm-menu__toggle--menu:checked ~ .nm-menu__label.nm-menu__label--menu .nm-menu__icon--menu::before {
        transform: rotate(-45deg);
    }

    .nm-menu__toggle--menu:checked ~ .nm-menu__label.nm-menu__label--menu .nm-menu__icon--menu::after {
        transform: rotate(45deg);
    }

.nm-menu__toggle--sso:checked ~ .nm-sso {
    display: block;
}

.nm-menu__toggle--mod:checked ~ .nm-menu__label .nm-menu__icon--mode::before {
    transform: rotate(-180deg);
}

.nm-menu__label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "usr-icon usr-eml";
    gap: 0.375rem;
    align-items: center;
    height: var(--hdr-inpt);
    cursor: pointer;
    user-select: none;
    opacity: var(--op7);
    transition: opacity 225ms ease-in-out;
}

    .nm-menu__label:hover:not(:disabled), .nm-menu__label:focus:not(:disabled) {
        opacity: var(--op10);
    }

    .nm-menu__label:active:not(:disabled) {
        opacity: var(--op10);
        transition: none;
    }

    .nm-menu__label:disabled {
        opacity: var(--op4);
        pointer-events: none;
        cursor: not-allowed;
    }

    .nm-menu__label.hide-text {
        gap: 0;
    }

    .nm-menu__label .btn-text {
        color: var(--hdr-fore);
        font-weight: 500;
        transition: opacity 225ms ease-in-out;
    }

        .nm-menu__label .btn-text:hover, .nm-menu__label .btn-text:focus {
            opacity: var(--op10);
        }

.nm-menu__label--sso {
    width: auto;
    border-radius: var(--hdr-inpt);
    color: var(--hdr-fore);
    padding: 0 2rem;
    font-family: var(--fo);
    font-weight: 500;
    font-size: 0.9rem;
    transition: opacity 250ms ease-in-out;
    box-shadow: var(--hdr-boxs);
    background-color: transparent;
    opacity: var(--hdr-opac);
}

    .nm-menu__label--sso:hover:not(:disabled), .nm-menu__label--sso:focus:not(:disabled) {
        opacity: 1;
    }

    .nm-menu__label--sso:not(:disabled):focus-visible:focus {
        box-shadow: 0 0 0 2px var(--clr-orange), inset 0 0 0 1px white;
        opacity: 1;
    }

    .nm-menu__label--sso:active:not(:disabled) {
        background: var(--hdr-inba);
        opacity: 1;
        transition: none;
    }

    .nm-menu__label--sso:disabled {
        opacity: var(--op4);
        cursor: not-allowed;
        pointer-events: none;
    }

.nm-menu__label--sso-sign {
    padding: 0 2rem;
}

    .nm-menu__label--sso-sign:hover:not(:disabled), .nm-menu__label--sso-sign:focus:not(:disabled) {
        opacity: var(--op10);
    }

    .nm-menu__label--sso-sign:active:not(:disabled) {
        background: var(--hdr-inba);
        opacity: var(--op10);
        transition: none;
    }

    .nm-menu__label--sso-sign:disabled {
        opacity: var(--op4);
        cursor: not-allowed;
        pointer-events: none;
    }

.nm-menu__label--sso-eml {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.5rem;
    color: var(--hdr-fore);
    font-family: var(--fo);
    font-size: 1rem;
    font-weight: 600;
    background: transparent;
    opacity: var(--op7);
    user-select: none;
}

    .nm-menu__label--sso-eml::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--hdr-fore);
        -webkit-mask-position: 50% 50%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
    }

.nm-menu__label--mod {
    box-shadow: none;
}

.nm-menu__label--menu {
    position: relative;
    display: var(--mnu-disp);
    align-items: center;
    justify-content: center;
    gap: 0;
    float: right;
    width: var(--hdr-inpt);
    height: var(--hdr-inpt);
    margin: 0 1rem 0 0;
    z-index: 2;
}

    .nm-menu__label--menu:hover:not(:disabled), .nm-menu__label--menu:focus:not(:disabled) {
        background: var(--clr-black-10);
        opacity: var(--op10);
    }

        .nm-menu__label--menu:hover:not(:disabled) .nm-menu__icon--menu, .nm-menu__label--menu:focus:not(:disabled) .nm-menu__icon--menu {
            opacity: var(--op10);
        }

.nm-menu__icon--menu {
    background: var(--hdr-fore);
    display: block;
    height: 2px;
    width: 16px;
    position: relative;
    transition: background 0.2s ease-out;
    border-radius: 4px;
    transition: opacity 250ms ease-in-out;
    user-select: none;
}

    .nm-menu__icon--menu::before, .nm-menu__icon--menu::after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        transition: all 250ms ease-in-out;
        border-radius: 4px;
        background: var(--hdr-fore);
    }

    .nm-menu__icon--menu::before {
        top: 6px;
    }

    .nm-menu__icon--menu::after {
        top: -6px;
    }

.nm-menu__icon--mode {
    position: relative;
    height: inherit;
    width: var(--hdr-inpt);
    cursor: pointer;
}

    .nm-menu__icon--mode::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--hdr-fore);
        -webkit-mask-image: var(--hdr-mode);
        -webkit-mask-position: 50% 50%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        transition: opacity 450ms ease-in-out, transform 250ms ease-in-out;
    }

    .nm-menu__icon--mode:hover:not(:disabled)::before, .nm-menu__icon--mode:focus:not(:disabled)::before {
        opacity: var(--op10);
    }

    .nm-menu__icon--mode:not(:disabled):focus-visible:focus {
        box-shadow: 0 0 0 2px var(--clr-orange), inset 0 0 0 1px white;
    }

.nm-menu__btn-brdr {
    border-radius: var(--hdr-inpt);
    color: var(--hdr-fore);
    font-family: var(--fo);
    font-weight: 500;
    font-size: 0.9rem;
    transition: opacity 250ms ease-in-out;
    box-shadow: var(--hdr-boxs);
    background-color: transparent;
    opacity: var(--hdr-opac);
}

.nm-main__embed-container {
    min-width: 100%;
    height: calc(100vh - (var(--ms-hdrh) + var(--ms-ftrh)));
}

.nm-footer {
    grid-area: footer;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: var(--ms-ftrh);
    margin: 0;
    padding: 0.5rem 0;
    overflow: hidden;
    box-shadow: inset 0 1px 0 0 var(--ftr-line);
}

.nm-footer__copyright {
    color: var(--ftr-copy);
    font-family: var(--fo);
    font-size: 0.8rem;
    letter-spacing: 0.125rem;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
}

.nm-time::after {
    content: attr(datetime);
}

.nm-sso {
    display: none;
    position: absolute;
    top: var(--hdr-hght);
    right: 1.125rem;
    width: 40rem;
    width: 24rem;
    padding: 0 1.25rem 1.5rem 1.25rem;
    background: var(--sso-back);
    border-radius: 0 0 1rem 1rem;
    box-shadow: var(--sso-shad);
    z-index: 100;
}

    .nm-sso.active {
        display: block;
    }

.nm-sso__header-login {
    display: none;
}

.nm-sso__header-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1.5rem 0 0.5rem 0;
    padding: 0;
    color: var(--sso-shdr);
    font-family: var(--fo);
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.0125rem;
    user-select: none;
}

.nm-sso__options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: var(--sso-optg);
}

.nm-sso__input {
    min-height: var(--ms-inpt);
    color: var(--sso-text);
}

.nm-sso__btn {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "ico provider";
    align-items: center;
    gap: var(--sso-sgap);
    min-height: var(--ms-inpt);
    padding: 0 0.5rem;
    color: var(--sso-socn);
    background: var(--sso-sobn);
    box-shadow: var(--sso-sshn);
    border-radius: 5px;
    transition: all 225ms ease-in-out;
}

    .nm-sso__btn:hover, .nm-sso__btn:focus {
        color: var(--sso-soch);
        background-color: var(--sso-sobh);
    }

        .nm-sso__btn:hover .nm-sso__ico,
        .nm-sso__btn:hover .nm-sso__btn-text, .nm-sso__btn:focus .nm-sso__ico,
        .nm-sso__btn:focus .nm-sso__btn-text {
            opacity: 1;
        }

    .nm-sso__btn:active {
        background-color: var(--sso-soba);
        box-shadow: var(--sso-ssha);
        transition: none;
    }

.nm-sso__btn-text {
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: -0.025rem;
    opacity: var(--sso-opac);
    user-select: none;
}

.nm-sso__ico {
    position: relative;
    display: flex;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
/*    background: var(--sso-icon);*/    
    border-radius: 50%;
    transition: all 225ms ease-in-out;
}

    .nm-sso__ico::after {
        content: "";
        position: absolute;
        inset: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 60% 60%;
        mix-blend-mode: var(--sso-mixb);
    }

.nm-sso__ico--goog::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-goog-view");
}

.nm-sso__ico--msft::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-msft-view");
}

.nm-sso__ico--face::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-facr-view");
    background-size: 70% 70%;
}

.nm-sso__ico--twit::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-twit-view");
    background-size: 70% 70%;
}

.nm-sso__ico--nmrk::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-nmrk-view");
}

.nm-sso__ico--azur::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-azur-view");
    background-size: 80% 80%;
    background-position: 50% 30%;
}

.nm-sso__ico--open::after {
    background-image: url("../media/images/ico/spr-sso2.svg#lgo-open-view");
}

.nm-sso__form-group {
    display: grid;
    gap: 0.25rem;
}

.nm-sso__form-control {
    display: grid;
    grid-template-rows: 1fr;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding: 0 0.5rem;
    box-shadow: inset 0 0 0 1px var(--sso-inpt);
    border-radius: 5px;
    background: var(--background);
    transition: all 225ms ease-in-out;
}

    .nm-sso__form-control.active {
        box-shadow: inset 0 0 0 1px var(--sso-inhv), 0 0 0 3px var(--sso-inhi);
    }

        .nm-sso__form-control.active .nm-sso__lbl-icon {
            opacity: var(--op10);
        }

            .nm-sso__form-control.active .nm-sso__lbl-icon::after {
                background-color: var(--sso-iich);
            }

.nm-sso__form-control--eml {
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon email";
    margin: 0 0 0.5rem 0;
}

.nm-sso__form-control--pwd {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "icon password reveal";
    margin: 0 0 0.25rem 0;
}

.nm-sso__lbl-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: icon;
    width: 1rem;
    height: 1rem;
    opacity: 0.7;
    transition: all 225ms ease-in-out;
}

    .nm-sso__lbl-icon::after {
        content: "";
        position: absolute;
        display: flex;
        inset: 0;
        background-color: var(--foreground);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: 50% 50%;
        -webkit-mask-size: cover;
    }

.nm-sso__lbl-icon--eml::after {
    -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#ico-eml-view");
}

.nm-sso__lbl-icon--pwd::after {
    -webkit-mask-image: url("../media/images/ico/spr-sso2.svg#ico-pwd-view");
}

.nm-sso__lnk-forgot, .nm-sso__create-acct {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--foreground);
    font-size: 0.8rem;
    font-style: italic;
    user-select: none;
}

.nm-sso__msg {
    display: flex;
    min-height: 32px;
}

.nm-sso__btn-sign-in {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.375rem;
    color: var(--sso-btcn);
    font-size: 1.2rem;
    font-weight: 500;
    background-color: var(--sso-btbn);
    border-radius: 5px;
    transition: all 225ms ease-in-out;
}

    .nm-sso__btn-sign-in:hover, .nm-sso__btn-sign-in:focus {
        color: var(--sso-btch);
        background-color: var(--sso-btbh);
    }

    .nm-sso__btn-sign-in:active {
        color: var(--sso-btca);
        background-color: var(--sso-btba);
        transition: none;
    }

.nm-id-prompt {
    grid-area: fform;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    min-width: 40rem;
    max-width: 40rem;
    margin: 0;
    padding: 1.5rem 2rem 2rem 2rem;
    background-color: var(--prp-back);
    border: var(--prp-bord);
    border-radius: 11px;
    /* Form controls container; */
    /* Form header; */
    /* Form actions; */
    /* Form controls; */
}

.nm-id-prompt__container-oa {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "fhead" "fform" "fact";
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    border-radius: 15px;
    box-shadow: var(--prp-cbrd);
    background-color: var(--prp-cbck);
}

.nm-id-prompt__container {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "fhead" "fform" "fact";
    padding: 2rem 2.5rem 1.5rem 2.5rem;
    border-radius: 15px;
    box-shadow: var(--prp-cbrd);
    background-color: var(--prp-cbck);
}

.nm-id-prompt__header {
    grid-area: fhead;
    margin: 0 0 1.5rem 0;
    user-select: none;
}

    .nm-id-prompt__header h2.nm-header__section {
        color: var(--prp-head);
        font-family: var(--fo);
        font-size: 2rem;
        font-weight: 500;
        letter-spacing: -0.015rem;
        line-height: 1.15;
    }

    .nm-id-prompt__header h3.nm-header__section-sub {
        color: var(--prp-shdr);
        font-family: var(--fo);
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: -0.015rem;
        line-height: 1.15;
    }

.nm-id-prompt__actions {
    grid-area: fact;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin: 1.5rem 0 0 0;
}

.nm-id-prompt__control {
    display: flex;
    flex-direction: column;
}

.nm-id-prompt__control-label {
    margin: 0 0 0.5rem 0;
    color: var(--prp-clbl);
    font-size: 1.2rem;
    font-weight: 400;
    user-select: none;
    cursor: default;
}

    .nm-id-prompt__control-label::before {
        content: "*";
        color: var(--prp-creq);
    }

    .nm-id-prompt__control-label::after {
        content: ":";
    }

.nm-id-prompt__control-input {
    min-height: 54px;
    padding: 0 14px;
    color: var(--prp-inpt);
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 7px;
    box-shadow: var(--prp-inpb);
    background-color: var(--prp-inbk);
}

    .nm-id-prompt__control-input:focus, .nm-id-prompt__control-input:not(:disabled):focus-visible {
        box-shadow: inset 0 0 0 1.5px var(--sso-inhv), 0 0 0 4px var(--sso-inhi);
    }

.nm-link {
    color: var(--elm-link);
    text-decoration: underline dotted transparent 1.5px;
    text-underline-offset: 4px;
    transition: all 225ms ease-in-out;
}

    .nm-link:not([disabled]):hover, .nm-link:not([disabled]):focus {
        color: var(--elm-lnkh);
        text-decoration-color: var(--elm-lnkh);
    }

    .nm-link:visited {
        color: var(--elm-lnkv);
        text-decoration-color: var(--elm-lnkv);
    }

        .nm-link:visited:hover, .nm-link:visited:focus {
            color: var(--elm-lnhv);
            text-decoration-color: var(--elm-lnhv);
        }

    .nm-link:disabled {
        color: var(--elm-lnkd);
    }

.nm-btn__submit, .nm-btn__cancel {
    display: inline flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ms-inpt);
    padding: 0 50px;
    border-radius: 9px;
    transition: all 50ms ease-in-out;
    user-select: none;
    cursor: pointer;
    transition: all 225ms ease-in-out;
}

.nm-btn__submit {
    grid-area: btn-sub;
    color: var(--prp-btcn);
    font-size: 1.2rem;
    font-weight: 500;
    background-color: var(--prp-btsb);
    opacity: 0.95;
}

    .nm-btn__submit:not([disabled]):not(:active):hover, .nm-btn__submit:not([disabled]):not(:active):focus {
        color: var(--prp-btch);
        background-color: var(--prp-btbh);
        box-shadow: var(--prp-btsh);
        opacity: 1;
    }

    .nm-btn__submit:active {
        background: var(--prp-btba);
        transition: none;
    }

.nm-btn__cancel {
    grid-area: btn-can;
    color: var(--prp-cacn);
    font-size: 1.1rem;
    background-color: var(--prp-cabn);
    transition: none;
}

    .nm-btn__cancel:hover, .nm-btn__cancel:focus {
        background-color: var(--prp-cabh);
    }

    .nm-btn__cancel:active {
        background: var(--prp-caba);
        transition: none;
    }

.nm-overlay {
    position: absolute;
    display: none;
    width: 100vw;
    height: calc(100vh - var(--hdr-hght));
    top: var(--hdr-hght);
    background-color: var(--clr-black-75);
    z-index: 99;
}

    .nm-overlay.active {
        display: block;
    }

/* Dashboard Table; */



section.nm-dashboards-container {
    display: flex;
    flex: 1;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 0;
}

.nm-dashboards__wrapper {
    display: flex;
    justify-content: center;
    min-width: 80%;
    margin-top: 70px;
}

.nm-dashboards {
    min-width: 100%;
    height: 1px;
    margin: 0 auto;
    color: var(--foreground);
    table-layout: auto;
    border-collapse: collapse;
    text-align: left;
}

    .nm-dashboards > caption {
        display: none;
    }

    .nm-dashboards thead tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
    }

        .nm-dashboards thead tr th {
            height: 1.5rem;
            padding: 0.375rem 0.5rem 0.25rem 0.5rem;
            color: var(--foreground);
            font-size: 0.86rem;
            font-weight: 700;
            letter-spacing: 0.025rem;
            text-align: center;
            text-transform: uppercase;
            box-shadow: 0 2px 0 0 var(--foreground);
            vertical-align: middle;
            user-select: none;
        }

    .nm-dashboards tbody {
        display: block;
        width: 100%;
        overflow: overlay;
        height: calc(100vh - 140px);
        border-bottom: 2px solid var(--foreground);
    }

        .nm-dashboards tbody tr {
            display: grid;
            width: 100%;
            grid-template-columns: 1fr 1fr;
            grid-gap: 0;
        }

            .nm-dashboards tbody tr td {
                min-height: 4rem;
                padding: 0.375rem 0.5rem 0.25rem 0.5rem;
                vertical-align: middle;
                box-shadow: 0 1px 0 0 var(--foreground);
                user-select: none;
            }

.nm-dashboards__link {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.75rem;
}

.nm-dashboards__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 0;
    overflow: hidden;
    opacity: var(--op7);
    transition: opacity 450ms ease-in-out;
}

    .nm-dashboards__icon::before, .nm-dashboards__icon::after {
        content: "";
        position: absolute;
        display: block;
        inset: 0;
        mask-repeat: no-repeat;
        mask-position: 50% 50%;
        mask-size: 85% 85%;
        transition: opacity 450ms ease-in-out;
    }

    .nm-dashboards__icon::before {
        background-color: var(--foreground);
        opacity: 1;
    }

    .nm-dashboards__icon:after {
        background-color: var(--blue);
        opacity: 0;
    }

    .nm-dashboards__icon:hover:before {
        opacity: 0;
    }

    .nm-dashboards__icon:hover:after {
        opacity: 1;
    }

    .nm-dashboards__icon.clientactivity:before,
    .nm-dashboards__icon.clientactivity:after {
        mask-image: url("../media/images/ico/ico-activity-01-64x64.svg");
        mask-size: 60% 60%;
    }

    .nm-dashboards__icon.clientportfolio:before,
    .nm-dashboards__icon.clientportfolio:after {
        mask-image: url("../media/images/ico/icon-client-portfolio-01-64x64.svg");
        mask-size: 60% 60%;
    }

    .nm-dashboards__icon.clientkeydatemetrics:before,
    .nm-dashboards__icon.clientkeydatemetrics:after {
        mask-image: url("../media/images/ico/icon-key-dates-02-64x64.svg");
        mask-size: 60% 60%;
    }

    .nm-dashboards__icon.clientdashboard:before,
    .nm-dashboards__icon.clientdashboard:after {
        mask-image: url("../media/images/ico/ico-activity-03-64x64.svg");
        mask-size: 60% 60%;
    }

    .nm-dashboards__icon.viewpointdashboard:before,
    .nm-dashboards__icon.viewpointdashboard:after {
        mask-image: url("../media/images/ico/ico-viewpoint-64x64.svg");
        mask-size: 60% 60%;
    }

    .nm-dashboards__icon.pidashboard:before,
    .nm-dashboards__icon.pidashboard:after {
        mask-image: url("../media/images/ico/icon-pi-01a-64x64.svg");
        mask-size: 60% 60%;
    }

/*    .nm-dashboards__icon.owensminordashboard:before,
    .nm-dashboards__icon.owensminordashboard:after,
    .nm-dashboards__icon.leasecomparables:before,
    .nm-dashboards__icon.leasecomparables:after,
    .nm-dashboards__icon.haywardcommerceparklargeblock:before,
    .nm-dashboards__icon.haywardcommerceparklargeblock:after,
    .nm-dashboards__icon.fidelitone:before,
    .nm-dashboards__icon.fidelitone:after,
    .nm-dashboards__icon.elgini-90dashboard:before,
    .nm-dashboards__icon.elgini-90dashboard:after,
    .nm-dashboards__icon.ecolabdashboard:before,
    .nm-dashboards__icon.ecolabdashboard:after,
    .nm-dashboards__icon.competitiveavailabilities:before,
    .nm-dashboards__icon.competitiveavailabilities:after,
    .nm-dashboards__icon.advancedmanufacturing:before,
    .nm-dashboards__icon.advancedmanufacturing:after,
    .nm-dashboards__icon.adobeacitvity:before,
    .nm-dashboards__icon.adobeacitvity:after {
        mask-image: url("../media/images/ico/icon-dashboard-64x64.svg");
        mask-size: 60% 60%;
    }
*/
    .nm-dashboards__icon.defaultreporticon:before,
    .nm-dashboards__icon.defaultreporticon:after {
        mask-image: url("../media/images/ico/icon-dashboard-64x64.svg");
        mask-size: 60% 60%;
    }


.nm-dashboards__name {
    color: var(--foreground);
    font-size: 0.9rem;
    font-weight: 600;
}

.nm-dashboards__desc-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding-left: 1.5rem;
    color: var(--foreground);
    font-size: 0.9rem;
    box-shadow: -1px 0 0 0 var(--foreground);
}

.nm-dashboards tbody tr:hover,
.nm-dashboards tbody tr:focus {
    background-color: var(--tbl-rowh);
}

    .nm-dashboards tbody tr:hover .nm-dashboards__name .nm-dashboards__icon::before,
    .nm-dashboards tbody tr:focus .nm-dashboards__name .nm-dashboards__icon::before {
        opacity: 0;
    }

    .nm-dashboards tbody tr:hover .nm-dashboards__name .nm-dashboards__icon::after,
    .nm-dashboards tbody tr:focus .nm-dashboards__name .nm-dashboards__icon::after {
        opacity: 1;
    }

.nm-main__sso-options {
    min-height: 400px;
    height: 40vh;
    width: 70%;
    min-width: 880px;
    max-width: 1000px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 0.5rem;
    padding: 0.5rem 5rem;
}

    .nm-main__sso-options .nm-sso__btn {
        position:relative;
        min-height: 6rem;
        padding: 0 2.0rem;
        gap: 1rem;
        cursor: pointer;
    }

        .nm-main__sso-options .nm-sso__btn .nm-sso__ico {
            height: 4em;
            width: 4em;
        }

            .nm-main__sso-options .nm-sso__btn .nm-sso__ico::after {
                background-size: 85% 85%;
            }

        .nm-main__sso-options .nm-sso__btn .nm-sso__btn-text {
            font-size: 1.6rem;
        }

body:not(.darkmode) .nm-main__sso-options .nm-sso__btn {
    min-height: 6rem;
    padding: 0 1.5rem;
    gap: 1rem;
    box-shadow: inset 0 1px 0 0 #FFF, inset 1px 0 0 0 #FFF, inset -1px 0 0 0 #CCC, inset 0 -1px 0 0 #CCC, 0 1px 0 0 #AAA, 1px 0 0 0 #AAA, -1px 0 0 0 #AAA, 0 -1px 0 0 #AAA, 2px 0 0 0 #FFF, 0 2px 0 0 #FFF, -2px 0 0 0 #EEE, 0 -2px 0 0 #EEE;
    cursor: pointer;
}

    body:not(.darkmode) .nm-main__sso-options .nm-sso__btn:active {
        box-shadow: inset 0 1px 0 0 #999, inset 1px 0 0 0 #999;
    }

/* Animations; */
@keyframes fadeInDown {
    from {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: var(--op10);
    }
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        opacity: var(--op5);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: var(--op10);
    }
}
/* Tablets and up; */
@media screen and (min-width: 48em) {
    .nm-menu__toggle--menu:not(:checked) ~ .nm-menu {
        display: flex;
        flex-direction: row;
    }
}

/*# sourceMappingURL=main.css.map */


/* Start System Messages */

.sys {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "s-img s-txt";
    align-items: center;
    justify-content: center;
    gap: 3rem;
    width: 50vw;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 3rem 0 0;
    border: 1px solid var(--popup-border);
    border-radius: 1rem;
    background-color: var(--background);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.sys__main {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pge-back);
}

.sys__msg {
    grid-area: s-txt;
}

.sys__msg-hgroup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 1.5rem 0;
    padding: 0 0 1.5rem 0;
    box-shadow: inset 0 -1px 0 0 var(--nm-blue);
}

.sys__msg h1,
.sys__msg h2 {
    display: flex;
    margin: 0;
    font-family: var(--ff);
}

.sys__msg h1,
.sys__msg h2,
.sys__msg p,
.sys__msg a {
    user-select: none;
}

.sys__msg h1,
.sys__msg h2,
.sys__msg p {
    color: var(--foreground);
}

.sys__msg-hdr {
    padding: 0 0 0.25rem 0;
    font-size: 1rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
}

.sys__msg-sub {
    padding: 0;
    font-size: 1.9rem;
}

.sys__msg p {
    margin-bottom: 1.5rem;
}

.sys__msg-bdy {
    font-family: var(--fo);
    font-size: 1rem;
    line-height: 1.3;
}

.sys__msg-cnt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nm-blue);
    min-height: 3.25rem;
    margin: 0.5rem 0 0 0;
    padding: 0 1.875rem;
    color: #F0F0F0;
    border-radius: 7px;
    font-size: 1rem;
    font-weight: 600;
    transition: all 450ms ease-in-out;
}

    .sys__msg-cnt:not(disabled):hover, .sys__msg-cnt:not(disabled):focus {
        color: #FFF;
        text-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    }

    .sys__msg-cnt:not(disabled):active {
        color: #FFF;
        text-shadow: none;
        background-color: #015D9F;
        transition: unset;
    }

.sys__img {
    max-width: 20vw;
    min-width: 220px;
    aspect-ratio: 1/2;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sys__img-wrapper {
    grid-area: s-img;
}

.sys__img--403 {
    background-image: url("../media/images/gra//403c.webp");
}

.sys__img--cache {
    background-image: url("../media/images/gra/cache.webp");
}

.sys__img--sessionexpired {
    background-image: url('../media/images/gra/sessionexpired-04.webp');
}

/* Timeout Popup */

/* Background overlay styling */
.timeoutoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s;
    z-index: 200;
}

/* Popup styling */
.timeoutpopup {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 300px;
}

/* Button styling */
.timeoutbutton {
    background: var(--clr-nmrk-blue);
    color: white;
    border: none;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

/* Display the overlay when needed */
.show {
    visibility: visible;
    opacity: 1;
}


/* End System Messages */