/*
 COLTS 444 "Light/Dark" Theme Style Sheet
 Copyright (c) 1998-2025 Avantix, LLC

Points Pixels  Ems  Percent 
 6       8     0.5     50% 
 7       9     0.5625  56.25%  
 7.5    10     0.625   62.5%  
 8      11     0.6875  68.75%  
 9      12     0.75    75%  
10      13     0.8125  81.25%  
10.5    14     0.875   87.5%  
11      15     0.9375  93.75%  
12      16     1.0    100%  
13      17     1.0625 106.25%  
13.5    18     1.125  112.5%  
*/
:root {
    color-scheme: light dark;
}
HTML {
    --body-bg-color: light-dark(#FFF, #1F1F1F);
    --body-fg-color: light-dark(#000, #FAFAFA);
    --a-fg-color: light-dark(#00E,#B3DEFF);
    --red-color: light-dark(#C00, #FF3300);

    font-size: 100%;
    font-family: 'Segoe UI', 'San Francisco', Roboto, Verdana, Arial, sans-serif, -apple-system, BlinkMacSystemFont;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
}

BODY, FORM, TABLE, DIV {
    font-family: inherit;
}

BODY {
    background-color: var(--body-bg-color);
    color: var(--body-fg-color);
    font-size: 100%;
    font-family: inherit;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0px;
    overflow: hidden;
    box-sizing: border-box;
}

FORM {
    font-family: inherit;
    background-color: var(--body-bg-color);
    margin-bottom: 0;
}

TABLE, DIV {
    empty-cells: show;
    box-sizing: border-box;
    border-spacing: 0px;
}

    TABLE.entireform {
        background-color: var(--body-bg-color);
        color: var(--body-fg-color);
        text-align: left;
        border-spacing: 0px;
    }

    TABLE.dtloptbox > tbody > tr > td {
        padding: 2px;
    }

h1, h2, h3, h4 {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: 0px;
}

DIV {
    font-size: 1.0em;
    font-family: inherit;
}

    div.compressed {
        height: 5em;
        overflow-y: auto;
    }
    div.entireform {
        background-color: var(--body-bg-color);
        color: var(--body-fg-color);
    }


    DIV.grid {
        border-left: solid #666 0px;
        border-right: solid #666 0px;
    }

    DIV.pagelock {
        background-color: #FFF;
        display: none;
        height: 0px;
        left: 0px;
        opacity: 0.55;
        position: absolute;
        top: 0px;
        width: 0px;
        z-index: 101;
    }

    DIV.imagecontainer {
        background-color: #FFF;
        top: 0px;
        left: 0px;
        height: 0px;
        width: 0px;
        position: absolute;
        z-index: 101;
        opacity: 0.95;
    }

    div.modal {
        background-color: #FFF;
        color: #000;
        display: none;
        font-size: 1.0em;
        margin: 0 auto;
        opacity: 0.90;
        padding: 0 0;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        z-index: 100;
    }

A {
    color: var(--a-fg-color);
}

    A:link {
        color: var(--a-fg-color);
        text-decoration: none;
    }

    A:visited {
        color: var(--a-fg-color);
    }

    A:active {
        color: var(--a-fg-color);
    }

    A:hover {
        color: var(--a-fg-color);
        text-decoration: underline;
    }

    a.light {
        color: var(--a-fg-color);
    }

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

legend {
    display: none;
}

.stickyhdr {
    position: sticky;
    top: 0px;
    z-index: 10;
}

tr.padded td {
    padding-top: 0.5em !important;
}

hr {
    border-style: double;
    color: light-dark(#CCC,#777);
}

:focus {
    outline: none;
}

.fixedfont {
    font-family: "Cascadia Mono", Monaco, Consolas, "Courier New", Courier, monospace !important;
    font-size: smaller !important;
}

.coltslogo {
    background-color: var(--body-bg-color) !important;
    color: light-dark(#555,#FAFAFA) !important;
    font-size: 4.5em !important;
}

.trainingbanner {
    background-color: #FE0 !important;
    color: #666;
    font-size: 0.5em !important;
    font-weight: normal;
    padding: 2px;
    padding-left: 4px;
    text-align: center;
    /*white-space: nowrap;*/
}

.prodbanner {
    color: #EEE;
    font-size: 0.5em !important;
    font-weight: normal;
    padding: 2px;
    padding-left: 4px;
    text-align: center;
    /*white-space: nowrap;*/
}

.betabanner {
    background-color: #F70 !important;
    color: #FFF !important;
}

.mainmenu {
    background: none;
    background-color: #EFEFEF;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.0em;
    font-weight: 500;
    font-family: inherit;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding-left: 2px;
    padding-right: 2px;
    cursor: default;
}

.mainmenuhover {
    background-color: #FFF;
    background: linear-gradient(left,#C4DDEE,#FFFFFF);
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.0em;
    font-weight: 500;
    font-family: inherit;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.mainmenuinvisible {
    color: #EFEFEF;
}

.mainmenuvisible {
    color: #000;
}

#burgermenudiv, #burgermenu { /*this is the burger menu icon*/
    color: #FFF;
    cursor: pointer;
    display: none;
    font-size: 1.125em;
    font-weight: 500;
    margin-top: 4px;
    overflow-y: hidden;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    transform: scale(1.5,1.0);
}

#burgermenuanchor {
    display: none;
}

#optionsmenudiv, #optionsmenu { /*this is the options menu icon*/
    color: #FFF;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 1.125em;
    font-weight: 500;
    overflow-y: hidden;
    padding: 8px 0px 0px 0px;
    transform: rotate(90deg);
}

#optionsmenuanchor {
    display: none;
}

#optionsmnut { /*this is the options menu itself*/
    font-size: 1.25em;
    line-height: 1.5em;
    z-index: 161;
}

.ctlbar {
    background-color: light-dark(#EEE, #1F1F1F);
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    padding: 2px 0px 0px 0px !important;
}
    .ctlbar .searchgif {
        border-color: light-dark(#EEE, #FFF);
    }
    .ctlbar input[type=image] {
        border-color: light-dark(#EEE, #FFF);
    }
    .ctlbar img {
        border-color: light-dark(#EEE, #1F1F1F);
    }
/*=========*/
/* LICENSE */
/*=========*/
.licenseexpired {
    color: #FFF;
    background-color: var(--red-color);
}
.licenserenewalreqd {
    color: #FFFF00;
    background-color: #06C;
}
.licenserenewalmandatory {
    color: #F90;
    /*background-color: #FFF;*/
}
.licenseconfirmationreqd {
    color: var(--red-color);
    background-color: #FFF;
}
/*90 days to expiration warning*/
.license90 {
    color: #000 !important;
    background-color: light-dark(#EEE, #888);
    font-family: inherit;
    font-size: 0.8125em !important;
    font-weight: normal !important;
    white-space: nowrap;
}
/*30 days to expiration warning*/
.license30 {
    color: #000 !important;
    background-color: light-dark(#EEE, #888);
    font-family: inherit;
    font-size: 0.875em !important;
    font-weight: normal !important;
    white-space: nowrap;
}

/*===========*/
/* WHATS NEW */
/*===========*/
#whatsnewdiv {
    background-color: transparent;
    color: #000;
    display: none;
    font-size: 1.0em;
    margin: 0 auto;
    padding: 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 200;
}

#whatsnewtabdiv {
    display: inline-block;
    margin: 0 auto;
    padding: 33% 0;
    vertical-align: middle;
    white-space: nowrap;
}

.whatsnewcontainer {
    background-color: #FFF;
    border: 2px solid #06C;
    border-radius: 7px;
    padding: 2em;
}

.whatsnewmsg {
    color: #090;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 500;
}

/*===========*/
/*   HELP    */
/*===========*/
#helppopupx {
    z-index: 110;
    font-size: 1.0em;
    position: absolute;
    cursor: pointer;
    display: none;
    background-color: light-dark(#FFFFE7, #F3F3C6);
    border: 2px solid #CCC;
    border-radius: 0px 0px 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.help {
    font-size: 0.9166667em;
    color: #000;
    background-color: light-dark(#FFFFE7, #F3F3C6);
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    padding: 1px 2px;
}
.helpnowidth {
    font-size: 0.9166667em;
    color: #000;
    background-color: #F9F9F9;
    padding: 0.1em 0.1em 0.1em 0.1em;
}

.helphdr {
    font-size: 0.9166667em;
    font-weight: normal;
    color: #FFF;
    background-color: #666;
    text-align: center;
    padding: 2px 4px;
    white-space: nowrap;
    width: 100%;
}
/*====================*/
/*   FORM ELEMENTS    */
/*====================*/

#flagstab {
    background-color: var(--body-bg-color);
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    padding: 2px;
}
    #flagstab > tbody > tr > td {
        padding: 0px;
    }

    #flagstab td {
        background-color: transparent;
    }

.dtloptbox {
    color: var(--body-fg-color);
    background-color: light-dark(#EEE, #1F1F1F);
    border: 1px solid light-dark(#FFF, #DDD);
    border-spacing: 1px;
    border-radius: 0px 0px 5px 5px;
    height: 100%;
    margin: 0em 1em;
    padding: 0px 4px 0px 4px;
    text-align: left;
}

    .dtloptbox > legend {
        background-color: light-dark(#CCC, #666);
        border-left: 1px solid #FFF;
        border-top: 1px solid #FFF;
        border-right: 1px solid #FFF;
        color: light-dark(#000, var(--body-fg-color));
        display: inline-block;
        font-size: 0.9285em;
        font-family: inherit;
        margin-left: -5px;
        padding: 0px 1px 1px 7px;
        text-align: center;
        vertical-align: bottom;
        width: 100%;
    }
    .dtloptbox .searchsmallgif {
        background-color: light-dark(transparent, #FFF);
        /*border-width: 0px;*/
    }

#demonstatusinhdr {
    position: relative;
}

    #demonstatusinhdr:active:after {
        content: attr(title);
        padding: 2px;
        border: 1px solid #ccc;
        top: 1px;
        right: 10%;
        color: #000000;
        background: #FFFFE7;
        text-transform: capitalize !important;
    }

#entireform {
    background-color: transparent;
    text-align: left;
    border-spacing: 0px;
}

/*    #entireform > tbody > tr > td {
        padding: 0px;
    }
*/
.centered {
    margin: 0 auto;
    text-align: center;
}

.minidtl {
    color: var(--body-fg-color);
    background-color: light-dark(#EEE, #1F1F1F);
    border: 2px solid #FFF;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
    text-align: left;
}

.gridimg {
    margin: 5px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
}

    .gridimg:hover {
        box-shadow: 0px 0px 5px #000 !important;
    }

iframe {
    border: none;
    overflow: hidden;
}

.adaptfld {
    background-color: transparent;
    display: inline-block;
    float: none;
    line-height: 1.5em;
    margin-left: 1em;
    vertical-align: top;
}

    .adaptfld.stacked {
        display: block;
    }

    .adaptfld.af1 {
        display: block;
        font-weight: 500;
    }

    .adaptfld input {
        border-width: 0px;
    }

input.txtauthcode {
    font-size: 1.5em;
    margin: 1em 0em 0em 0em !important;
    text-align: center;
    width: 3.5em;
}

input[type=text]::placeholder, textarea::placeholder {
    color: light-dark(#888, #CCC);
    font-style: italic;
    text-transform: none;
}

input[type="text"]::selection, textarea::selection {
    background-color: light-dark(#3367D1, #FFF);
    color: light-dark(#FFF, #3367D1);
}
::selection {
    background-color: light-dark(#3367D1, #FFF);
    color: light-dark(#FFF, #3367D1);
}
.txtbox {
    color: var(--body-fg-color);
    background-color: light-dark(#FFF, #333);
    border: 1px solid light-dark(#BBB, #DDD);
    border-radius: 3px;
    font-size: 1.0em;
    font-family: inherit;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

.txtboxhi {
    background-color: light-dark(#FFFFD7, #F3F3C6) !important;
    color: #000;
}

.txtboxdisabled {
    color: light-dark(#000, #DADADA);
    background-color: light-dark(#EEE, #333);
    border: 1px solid #777;
    border-radius: 3px;
    font-size: 1.0em;
    font-family: inherit;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

    .txtboxdisabled::placeholder {
        color: transparent;
    }

.selsrchselected {
    background-color: #3367D1;
    color: #FFF;
}

input.txtbox, input[type="password"] {
    border-radius: 3px;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

select.txtbox {
    border-radius: 3px;
    margin-left: 3px;
    padding: 0px 0px 0px 3px;
}

    input.txtbox:focus, select.txtbox:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0px 0px 5px #9ecaed;
    }

input.gridrestriction, select.gridrestriction {
    border-radius: 3px;
    margin-left: 0px;
    min-width: 5em;
    padding: 1px 1px 1px 3px;
    width: 95%;
    width: calc(100% - 4px);
}

select.gridrestriction {
    margin-left: 0px;
    width: calc(100% - 24px);
}

input.autosize, select.autosize {
    border-radius: 3px;
    min-width: 5em;
    padding: 1px 1px 1px 3px;
    width: 95%;
    width: calc(100% - 4px);
}

textarea.txtbox {
    border-radius: 3px;
    margin-left: 3px;
    padding: 2px 1px 2px 3px;
}

    textarea.txtbox:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0px 0px 5px #9ecaed;
    }

input.coltsbuttonorig {
    font-size: 1.0em;
    font-family: inherit;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    overflow: visible;
}

input.coltsbutton, input[type="button"], button {
    background-color: #06C;
    border: 1px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    font-family: inherit;
    margin: 3px 0px 2px 1px;
    min-width: 50px;
    outline: none;
    overflow: visible;
    padding: 3px 8px 3px 8px;
    background: linear-gradient(to bottom, #08C, #06C); /* Standard syntax (must be last) */
}

    input.coltsbutton:enabled:active, input[type="button"]:enabled:active, button:enabled:active {
        border: 1px;
        outline: none;
        text-shadow: -1px -1px #000;
    }

    input.coltsbutton:enabled:hover, input[type="button"]:enabled:hover, button:enabled:hover {
        background-color: #08E;
        background: #08E linear-gradient(to bottom, #0CF, #04A); /* Standard syntax (must be last) */
    }

    input.coltsbutton:disabled, input[type="button"]:disabled, button:disabled {
        color: #DDD;
        cursor: default;
        opacity: 0.75;
    }

    input.coltsbutton.ellipsis {
        min-width: 24px;
        height: 24px;
        line-height: 8px;
        padding-bottom: 8px;
        width: auto;
    }

    input.coltsbutton.redbutton {
        color: #FFF;
        background: linear-gradient(to bottom, #f77, #600) !important;
    }

input.coltsminibutton, button {
    font-size: 0.9em !important;
    min-width: 45px;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 0px 1px;
}

input.coltsrangerbutton {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: solid;
    border-color: #003973;
    border-width: 1px;
    background: linear-gradient(to bottom, #FFF, #AAA); /* Standard syntax (must be last) */
}

input[type=radio] {
/*    margin-bottom: 5px;
    vertical-align: middle;
*/
}

input[type=checkbox] {
    width: 16px;
    height: 16px;
}
.restrhelp {
    background-color: #06C;
    border-radius: 3px;
    color: #FFF;
    content: "?";
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    line-height: 1em;
    padding: 4px 3px 0px 3px;
    text-align: center;
    width: 1.5em;
    background: linear-gradient(to bottom, #08C, #04C);
}

    .restrhelp:hover {
        background-color: #08E;
        background: #08E linear-gradient(to bottom, #0CF, #04A);
    }

.toolitem {
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .toolitem:hover {
        color: var(--a-fg-color);
    }

.toolicon {
    margin-left: 10px;
    margin-right: 10px;
    background-color: light-dark(transparent, #FFF)!important;
    border-width: 0px;
    border-color: light-dark(transparent, #FFF);
    border-radius: 3px;
}

.toollabel {
    margin-top: 2px;
    padding: 0px 5px;
}

/*OVERRIDES FOR THE PAGING CONTROLS*/
#recfirstgiftoolcaption, #recprevgiftoolcaption, #recnextgiftoolcaption, #reclastgiftoolcaption {
    padding: 0px;
}

#recfirstgiftoolitem {
    margin-left: 10px;
}

.restricted {
    color: #FFF;
    background-color: var(--red-color);
}

.unrestricted {
    color: #FFF;
    background-color: #0C0;
}

.dropdownbutton {
    font-size: 1.0em;
    color: light-dark(#000, #FFF) !important;
    background-color: transparent;
    width: 1em;
    height: auto;
    border: 0px solid #EEE;
    margin-left: 2px;
    margin-top: 2px;
    padding: 1px;
    border-top: 0px solid #FFF;
    border-left: 0px solid #FFF;
    border-right: 0px solid #AAA;
    border-bottom: 0px solid #AAA;
    display: inline-block;
}

    .dropdownbutton:hover {
        background-color: transparent;
    }
.checkmark {
    color: light-dark(#C00, #0C0) !important;
    font-weight: bold;
}
/*======================*/
/*   MENU ATTRIBUTES    */
/*======================*/
.menupage {
    border: 0px solid #CCC;
    border-spacing: 0px;
    height: 40em;
    margin-left: auto;
    margin-right: auto;
    width: 40em;
}

.coltsmainmenu {
    background: none;
    background-color: #06C;
    border-color: transparent;
    border-radius: 8px 0px 0px 8px;
    border-style: solid;
    border-width: 4px;
    cursor: default;
    font-family: inherit;
    font-size: 1.0em;
    height: 4em;
    margin: 8px 0px;
    min-width: 140px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1em;
    text-align: center;
    transition: background-color 0.3s ease;
    vertical-align: middle;
    white-space: normal;
}

.coltsmainmenuhover {
    color: light-dark(#06C, #06C) !important;
    font-size: 1.0em;
    font-family: inherit;
    font-weight: 500;
    color: #000 !important;
    background-color: #FFF !important;
    border-radius: 8px 0px 0px 8px !important;
    border: 4px solid #06C !important;
    border-right: 0px !important;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    height: 4em;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 8px 0px;
    min-width: 130px;
}
    .coltsmainmenuhover span {
        color: light-dark(#06C, #06C);
    }

.coltsmainmenufirst {
    margin-top: 8px !important;
}

.coltsmainmenulast {
    margin-bottom: 0px !important;
}

.coltsmainmenuinvisible {
    color: transparent;
}

.coltsmainmenuvisible {
    color: #FFF;
}

.coltsmainmenucaption {
    padding-top: 4px;
    text-transform: uppercase;
}

.coltsmainmenusubhdr {
    background-color: #666 !important;
    border-color: light-dark(rgba(0,102,204,0.4), #666);
    border-style: solid;
    border-width: 1px 0px;
    color: #FFF !important;
}

/*==============*/
/* COLOR CLASSES*/
/*==============*/
.coltstan {
    background-color: var(--body-bg-color) !important;
}

.coltsblue {
    background-color: light-dark(#06C, #06F) !important;
}

.coltsbluefg {
    color: light-dark(#06C, #06F) !important;
}

.coltsdarkblue {
    color: light-dark(#03C,#B3DEFF) !important;
}
.coltshyperlinkblue {
    color: var(--a-fg-color);
}

.coltsgreen {
    color: light-dark(#090, #0C0) !important;
}

.coltsgreenbg {
    background-color: light-dark(#090, #0C0) !important;
}

.coltsorange {
    color: #F90 !important;
}

.coltsorangebg {
    background-color: #F90 !important;
}

.coltsgold {
    color: #FE7 !important;
}

.coltsred {
    color: var(--red-color) !important;
}

.coltsredbg {
    background-color: var(--red-color) !important;
}

.coltswhite {
    color: light-dark(#FFF, #000) !important;
}

.coltswhitebg {
    background-color: var(--body-bg-color) !important;
}
.ready {
    color: #FFF;
    background-color: light-dark(#090, #0C0) !important;
}
.notready {
    color: #FFF;
    background-color: var(--red-color) !important;
}
.dfarswarning {
    font-size: 0.75em !important;
    margin: 16px auto;
    padding: 3px;
    max-width: 35em;
}

.warning {
    color: #000;
    background-image: radial-gradient(#FFFF00, #f06d06) !important;
    border: 0px !important;
    border-radius: 3px;
    padding: 0px 4px 2px 4px;
}

.copyright {
    color: #999 !important;
    font-family: inherit;
    font-size: 0.625em !important;
    font-weight: normal !important;
    white-space: nowrap;
}

.pgbordertab {
    background-color: var(--body-bg-color);
    border: 0px solid #CCC;
    margin: 0 auto;
    text-align: center;
}

    .pgbordertab > tbody > tr > td {
        padding: 0px;
    }

.pgborderw {
    background-color: #666;
    padding: 0px;
    width: 1px;
}

.pgborderh {
    height: 1px;
    padding: 0px;
}

.pgborderdiv {
    min-width: 1px;
}

.pgbordercontent {
    text-align: center;
}

.appname {
    font-size: 1.33333em;
    font-weight: 500;
    font-family: inherit;
    color: #800;
    white-space: nowrap;
}

.buttonbar {
    background-color: light-dark(#EEE, #333);
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 1.0em;
    font-family: inherit;
    padding-bottom: 4px !important;
    padding-top: 2px !important;
    text-align: center;
}

.tinycoltbar {
    color: #CCC !important;
    font-size: 0.75em !important;
    font-family: inherit;
    background-color: #EEE;
    text-align: center;
    padding: 0px 4px 2px 4px;
}

.formname, h1 {
    background-color: #06C;
    color: #FFF;
    font-size: 1.333333em;
    font-family: inherit;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

    .formname.popupformname {
        font-size: 1.2em !important;
        padding: 4px 8px;
        /*text-transform: uppercase;*/
    }

    .formname.draggable {
        cursor: move;
        position: relative;
    }

.formnameRO {
    font-size: 1.33333em;
    font-family: inherit;
    color: #000;
    background-color: #FF0;
}

.subformname {
    font-size: 1.11em;
    font-weight: 500;
    font-family: inherit;
    color: #000;
    background-color: #EDEDED;
    width: 100%;
}

.sectionname {
    font-size: 1.125em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#FFF, #FFD);
    background-color: #555;
    text-align: center;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 1px 1px 1px 1px;
}

.sectionnamebg {
    /*this is used to create a background like sectionname but does not contain a title*/
    font-size: 1.125em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#FFF, #FAFAFA);
    background-color: #666;
    text-align: center;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 1px 1px 1px 1px;
}

.subsectionname {
    font-size: 1.0em;
    font-weight: normal;
    font-style: italic;
    font-family: inherit;
    color: var(--body-fg-color);
    background-color: light-dark(#DDD, #888);
    text-align: left;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    padding: 0px 5px 1px 5px;
}

.stdlbl {
    font-size: 1.0em;
    font-family: inherit;
    background-color: var(--body-bg-color);
    text-align: right;
    white-space: nowrap;
}

.memolbl {
    vertical-align: top;
}

.translbl {
    background-color: transparent !important;
}

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

.toplbl {
    font-family: inherit;
    background-color: light-dark(#FFF, transparent);
    white-space: nowrap;
    vertical-align: bottom;
}

.minilbl {
    background-color: var(--body-bg-color);
    font-size: 0.75em;
    font-family: inherit;
    font-style: italic;
    white-space: nowrap;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.buttonlbl {
    font-family: inherit;
    font-weight: 500;
    color: #FF0;
    text-align: center;
}

.linenumlnk {
    color: var(--a-fg-color);
    cursor: pointer;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
}

.slisthdr {
    color: #000;
    font-size: 1.1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #CCC;
    text-align: center;
    padding-bottom: 2px;
    border-bottom: 1px solid light-dark(#FFF, #555);
    border-right: 1px solid #AAA;
    /*position: relative;*/
}

.listtitle {
    font-size: 2em;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-bottom: 3px;
}

.listhdr {
    font-size: 0.9375em;
    font-family: inherit;
    font-weight: 500;
    border-left: 1px solid light-dark(#FFF, #777);
    padding: 2px 2px 2px 2px;
    text-align: center;
    vertical-align: bottom;
    background-color: light-dark(#E6E6E6, #555);
}

    .listhdr:last-child {
        border-right: 0px;
    }
    .listhdr A {
        color: var(--a-fg-color) !important;
    }

.listrestr {
    background-color: var(--body-bg-color);
    border-bottom: 1px solid light-dark(#CCC, #555);
    border-top: 1px solid light-dark(#CCC, #555);
    padding: 2px 3px !important;
    text-align: center;
    white-space: nowrap;
}

/*4.4.4017 alternating row color*/
table.altrow  > tbody > tr:nth-child(even) {
    background-color: light-dark(#F0F6FF, #2A2A2A) !important;
}
    table.altrow > tbody > tr:nth-child(even) .listcellhi img {
        border-color: light-dark(#FFFFD7, #EEC);
        background-color: transparent;
    }

table.altrow > tbody > tr:nth-child(odd) {
    border-bottom: 1px solid light-dark(#EEE, #555) !important;
}
    table.altrow > tbody > tr:nth-child(odd) .listcellhi img {
        border-color: light-dark(#FFFFD7, #EEC);
        background-color: transparent;
    }

table.altrow tbody td.listcell {
    background-color: transparent !important;
    border-bottom: 1px solid light-dark(#EEE, #555);
}
/*#EBEBEB  none !important*/
table.altrow tbody td.listcellhi {
    border-bottom: 1px solid light-dark(#DDD, #999) !important;
}

#tabsublist tbody tr:first-child td:nth-child(2) {
    border-top: 0px solid light-dark(#CCC, #555);
}

#tabsublist.altrow tbody td:nth-child(2) {
    border-bottom: 0px solid light-dark(#CCC, #555);
}

#tabsublist:not(.altrow) tbody td:nth-child(2) {
    border-bottom: 1px solid light-dark(#CCC, #555);
}

table.altrow td.listfooter {
    border-left: 1px solid light-dark(#CCC, #555);
    border-top: 1px solid light-dark(#CCC, #555);
}

.listcell {
    color: var(--body-fg-color);
    background-color: var(--body-bg-color);
    font-size: 1.0em;
    font-family: inherit;
    text-align: left;
    border-bottom: solid light-dark(#DDD, #555) 1px; /*4.4.4017 from #CCC*/
    border-right: solid light-dark(#DDD, #555) 1px; /*4.4.4017 from #CCC*/
    padding: 1px 2px 1px 2px;
}
    .listcell A {
        color: var(--a-fg-color) !important;
    }
    .listcell a.light {
        color: var(--a-fg-color) !important;
    }
    .listcell .adaptfld label.light {
        color: light-dark(#999, #EEE);
    }

.listcellhi {
    background-color: light-dark(#FFFFD7, #DFDFAD) !important;
    color: #000;
    font-size: 1.0em;
    font-family: inherit;
    text-align: left;
    border-bottom: solid #DDD 1px;
    /*border-top: solid light-dark(transparent, #DDD)  1px;*/ /*4.4.4017*/
    border-right: solid #DDD 1px;
    padding: 1px 2px 1px 2px;
}
    .listcellhi A {
        color: #00E !important;
    }
    .listcellhi [class$="gif"] {
        border-color: light-dark(#FFFFD7, #DFDFAD);
        background-color: transparent !important;
    }
    .listcellhi .pseudolink {
        color: #00E;
    }
    .listcellhi .linenumlnk {
        color: #00E;
    }
    .listcellhi .adaptfld {
        color: light-dark(var(--body-fg-color),var(--body-bg-color)) !important;
    }
    .listcellhi .menupicklistlbl {
        color: light-dark(#777, #777);
    }
    .listcellhi img {
        border-color: light-dark(#FFFFD7, #DFDFAD) !important;
        background-color: transparent !important;
    }

.listcellchecked {
    color: #000;
    font-size: 1.0em;
    font-family: inherit;
    font-weight: normal;
    background-color: light-dark(#FFFFD7, #DFDFAD);
    text-align: left;
    /*border-top: solid light-dark(#DDD, #CCC) 1px;*/ /*4.4.4017*/
    border-bottom: solid light-dark(#DDD, #CCC) 1px !important;
    border-right: solid light-dark(#DDD, #CCC) 1px !important;
    padding: 0px 2px 1px 2px;
}
    .listcellchecked A {
        color: #00E !important;
    }
    .listcellchecked .adaptfld {
        color: #000 !important;
    }

.listcellcompact {
    padding: 4px;
}

.lb {
    border-left: solid #CCC 1px;
}
.stripedbg {
    background: repeating-linear-gradient( 45deg, /* Angle for diagonal stripes */
    #f0f0f0, #f0f0f0 3px, #e0e0e0 3px, #e0e0e0 6px );
}
.listfooter {
    font-size: 1.0em;
    font-family: inherit;
    color: var(--red-color); /*!important*/
    background-color: light-dark(#EEE, #333);
    text-align: center;
    border-bottom: solid light-dark(#CCC, #555) 1px;
    border-right: solid light-dark(#CCC, #555) 1px;
}

.listminidtlfield {
    text-shadow: 0px 1px;
}

.sublisttitle {
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.currrow {
    background-color: light-dark(#FFFFD7, #F3F3C6);
}

.listcellmt {
    background-color: #FFF;
    border-bottom: solid #CCC 1px;
    font-size: 1.0em;
    padding-left: 2px;
    padding-right: 2px;
}

#skipnavigationlinks {
    left: 60px;
    position: absolute;
    top: 12px;
    z-index: 100;
    display: none;
}

.sublisthdr {
    background-color: #CCC;
    border-left: 1px solid #FFF;
    border-right: 1px solid #AAA;
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 500;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}

.sublistcell {
    font-size: 1.0em;
    border-right: solid light-dark(#DDD, #555) 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.stdfont {
    font-size: 1.0em;
    font-family: inherit;
}

.smallfont {
    font-size: 0.875em !important;
    font-family: inherit;
}

.smallerfont {
    font-size: 0.75em !important;
    font-family: inherit;
}

.seenotefont {
    font-family: inherit;
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
}

.tabhdr {
    font-size: 1.1625em;
    font-family: inherit;
    font-weight: 500;
    background-color: #7EB2D6;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 1px solid #408EC5;
    border-right: solid #7EB2D6 1px;
}

.tabgraphics {
    background-color: var(--body-bg-color);
    margin-top: 0px;
}

.tabgraphicstable {
    width: 100%;
    background-color: var(--body-bg-color);
    border: 0px;
    border-spacing: 1px;
}

.offline {
    font-weight: normal;
    font-family: inherit;
    background-color: #F90;
    text-align: center;
    white-space: nowrap;
    border: 2px solid #FFF;
}

.online {
    font-family: inherit;
    font-weight: normal;
    color: #FFF;
    background-color: #090;
    text-align: center;
    white-space: nowrap;
    border: 2px solid #FFF;
}

TD.tabbutton, SPAN.tabbutton, div.tabbutton {
    color: #000;
    font-size: 1.0625em;
    font-family: inherit;
    font-weight: 500;
    background-color: light-dark(#DDD, #BBB);
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #999 !important;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
}

TD.tabbuttoncurrent, SPAN.tabbuttoncurrent, div.tabbuttoncurrent {
    color: #FFF !important;
    font-size: 1.0625em;
    font-family: inherit;
    font-weight: 500;
    background-color: #06C;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #06C !important;
    border-top: 1px solid #06C !important;
    border-left: 1px solid #06C !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
}

TD.tabbuttonover, SPAN.tabbuttonover {
    font-size: 1.0625em;
    font-family: inherit;
    font-weight: 500;
    color: #06C !important;
    background-color: light-dark(#EEE, #CCC);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #999 !important;
    border-top: 1px solid #CCC !important;
    border-left: 1px solid #FFF !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(to bottom, #CCC, #FFF);
}

td.tabbutton > a {
    color: #000;
}

.reqd {
    border: 1px solid var(--red-color) !important;
}

TD.reqd {
    border: solid var(--red-color);
    border-width: 1px;
}

select:disabled select:read-only {
    appearance: none;
    color: light-dark(#000, #CCC);
    background-color: light-dark(#EEE, #444);
    border-color: #777;
    color: #000;
    padding: 1px 1px 1px 3px;
}

select.txtboxdisabled {
    appearance: none;
    opacity: 1;
}

.optiondisabled {
    background-color: #EEE;
}

select option:disabled {
    background-color: #CCC;
    color: var(--red-color);
}

.disabled {
    color: #000;
}

td.disabled {
    background-color: light-dark(#EEE, transparent);
}

textarea.txtboxdisabled {
    border: 1px solid #777;
    border-radius: 3px;
    padding: 2px 1px;
}

.currentrow {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: 500;
    color: light-dark(#FFFFD7, #F3F3C6);
}

.tab {
    border-top: 0px solid #FFF;
}

div.tab > table > tbody > tr > td {
    padding: 1px;
}

.viewonly {
    background-color: #FCFC00;
}

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

.visible {
    display: inline;
    visibility: visible;
}

.actionmsg {
    font-size: 1.125em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#06C, var(--a-fg-color));
}

.infomsg {
    color: light-dark(#000, #000);
    background-color: light-dark(#FFFFE7, #F3F3C6);
    border: 1px solid #CCC;
    border-radius: 3px;
    font-family: inherit;
    font-size: 1.0em;
    padding: 1px;
}
    .infomsg a {
        color: #00E !important;
    }
    .infomsg .coltsbluefg {
        color: #00E !important;
    }
    .infomsg .actionmsg {
        color: #06C;
    }

.changed {
    background-color: #F70 !important;
    color: #FFF !important;
    font-size: 1.0em;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
    white-space: normal;
    border-top: 1px solid light-dark(#CCC, #555);
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.errmsg, #errmsgsmdetail {
    color: var(--red-color);
    background-color: light-dark(#FFF, #333);
    font-size: 1.0em;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
    white-space: normal;
    border-top: 1px solid light-dark(#CCC, #555);
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

    .errmsg.changed, #errmsgsmdetail.changed {
        background-color: #F70 !important;
        color: #FFF !important;
    }
.errmsginv {
    color: light-dark(#FAFAFA, #1F1F1F);
    background-color: var(--red-color);
    font-size: 1.0em;
    font-family: inherit;
    font-weight: normal;
    text-align: center;
    white-space: normal;
    height: 1.22em;
    padding-bottom: 1px;
}

INPUT.greenplus {
    font-size: 2.1875em;
    font-family: inherit;
    font-weight: 500;
    color: light-dark(#090, #0C0);
    text-align: center;
    position: relative;
    top: -0.2em;
    height: 0.875em;
    display: inline;
    overflow: hidden;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

INPUT.redx {
    font-family: inherit;
    font-weight: 500;
    color: var(--red-color);
    border: 0px;
    padding: 0px;
    margin: 0px;
    background: transparent;
    cursor: pointer;
}

.addnewstrip {
    background-color: light-dark(#FFF, transparent);
    border-bottom: 0px solid #CCC;
    font-family: inherit;
    padding: 1px 3px !important;
    vertical-align: middle;
}

    .addnewstrip > img.greenplus {
        vertical-align: text-top !important;
    }

.addnewmsg {
    color: var(--a-fg-color);
    font-size: 1.0625em;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
}

    .addnewmsg:hover {
        text-decoration: underline;
    }

.activetab {
    font-size: 1.0625em;
    font-family: inherit;
    background-color: #9FF;
}

.inactivetab {
    font-size: 1.0625em;
    font-family: inherit;
    background-color: #CCC;
}

.tabactive {
    font-weight: 500;
    color: #06C;
}

.tabnormal {
    font-weight: normal;
    color: #000;
}

.node {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
}

    .node A:link {
        color: var(--a-fg-color);
        text-decoration: underline;
    }

    .node A:visited {
        color: var(--a-fg-color);
    }

    .node A:active {
        color: var(--a-fg-color);
        text-decoration: underline;
    }

    .node A:hover {
        color: var(--red-color);
        text-decoration: underline;
    }

.nodedesc {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
}

.pseudolink {
    color: var(--a-fg-color);
    cursor: pointer;
}
    .pseudolink a:link {
        color: var(--a-fg-color);
    }

    .pseudolink:hover {
        text-decoration: underline;
    }

.popupmenu {
    font-size: 1.0625em;
    background-color: #F8F8F8;
    border: solid 0px #F8F8F8;
    box-shadow: 0px 0px 15px #333;
    border: 1px solid transparent;
    border-radius: 0px 0px 5px 5px;
    border-left: 1px solid #CCC;
    position: absolute;
    display: none;
    z-index: 101;
}

.boxshadowie9 {
    border-right: solid 1px #666 !important;
    border-bottom: solid 1px #666 !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    display: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

td.menubutton {
    font-size: 1.0625em;
    color: #000;
    border-right: 1px solid #666;
    padding: 2px 5px 3px 5px;
    cursor: default;
    background: linear-gradient(to bottom, #FFF,#CCC); /* Standard syntax (must be last) */
}

    td.menubutton:hover {
        color: #06C;
        background: linear-gradient(to bottom, #FFF,#EEE); /* Standard syntax (must be last) */
    }

.menu {
    font-size: 1.1875em;
    font-family: inherit;
    color: var(--body-fg-color) !important;
    background-color: light-dark(#F8F8F8, #2F2F2F);
    position: absolute;
    top: 0;
    padding: 2px;
    white-space: nowrap;
    border-top: 3px solid transparent;
    border-left: 1px solid #CCC;
    box-shadow: 0px 0px 15px #333;
    border-radius: 0px 0px 5px 5px;
    display: none;
    z-index: 101;
}

    .menu a {
        font-size: 1.0em;
        font-family: inherit;
        color: var(--body-fg-color) !important;
        background-color: light-dark(#F8F8F8, #2F2F2F);
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
        box-shadow: 0px 0px 15px #333;
        border-radius: 0px 0px 5px 5px;
    }

        .menu a:link {
            font-family: inherit;
            color: var(--body-fg-color) !important;
            text-decoration: none;
            box-shadow: 0px 0px 15px #333;
            border-radius: 0px 0px 5px 5px;
        }

        .menu a:hover {
            font-family: inherit;
            color: var(--body-fg-color) !important;
            text-decoration: underline;
            box-shadow: 0px 0px 15px #333;
            border-radius: 0px 0px 5px 5px;
        }

        .menu a:visited {
            color: var(--body-fg-color) !important;
        }

        .menu a:active {
            font-family: inherit;
            color: var(--body-fg-color) !important;
            text-decoration: none;
            box-shadow: 0px 0px 15px #333;
            border-radius: 0px 0px 5px 5px;
        }

.menuBar {
    background-color: #FFF;
}

.menuitem {
    font-size: 0.875em;
    font-family: inherit;
    font-weight: normal;
    color: var(--body-fg-color) !important;
    background-color: light-dark(#F8F8F8, #2F2F2F);
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-left: 5px;
}

    .menuitem a {
        font-family: inherit;
        color: var(--body-fg-color) !important;
        box-shadow: none;
        border-radius: 0px 0px 0px 0px;
    }

        .menuitem a:link {
            /*border:1px solid #F8F8F8;*/
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:hover {
            color: var(--body-fg-color) !important;
            background-color: light-dark(#F8F8F8, #2F2F2F);
            text-decoration: underline;
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:visited {
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:active {
            font-family: inherit;
            color: var(--body-fg-color) !important;
            background-color: light-dark(#FFF, #777);
            text-decoration: none;
            white-space: nowrap;
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

.menuiteminactive {
    font-size: 0.875em;
    font-family: inherit;
    font-weight: normal;
    color: #AAA !important;
    background-color: light-dark(#F8F8F8, #2F2F2F);
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-left: 5px;
}

.menuitemgroup {
    font-size: 0.75em;
    font-style: italic;
    font-family: inherit;
    color: #000 !important;
    background-color: #CCC;
    text-decoration: none;
    margin-top: 3px;
    white-space: nowrap;
    cursor: default;
}

.menutab {
    position: absolute;
    border: 0;
    background-color: transparent;
    border-collapse: collapse;
    padding: 0;
}

.trigger a:link {
    color: #FFF;
    text-decoration: underline;
    white-space: nowrap;
}

.trigger a:hover {
    font-weight: 500;
    color: #06C;
    text-decoration: underline;
    white-space: nowrap;
}

.trigger a:visited {
    color: #FFF;
}

.trigger th {
    color: #FFF;
    font-size: 1.1875em;
    font-family: inherit;
    font-weight: 500;
    white-space: nowrap;
}

.trigger {
    font-size: 1.1875em;
    font-family: inherit;
    color: #000;
    background-color: #5E5E5E;
    text-align: center;
    padding: 0.2em;
    border-left-color: #FFF;
    border-left-width: thin;
    border-left-style: solid;
    white-space: nowrap;
    cursor: pointer;
}

TD.selected {
    font-size: 1.0625em;
    font-family: inherit;
    color: #FFF;
    background-color: #0a246a;
    text-decoration: none
}

    TD.selected A:link {
        color: #FFF;
        text-decoration: none
    }

    TD.selected A:visited {
        color: #FFF;
    }

    TD.selected A:active {
        color: #FFF;
        text-decoration: none
    }

div.navbar {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    white-space: nowrap;
}

#navbartab {
    text-align: center;
    width: 100%;
}

    #navbartab > tbody > tr > td {
        padding: 0px;
    }

div.navbartrain {
    background-color: #87BCE1;
    white-space: nowrap;
}

#navmnutabbg {
    background-color: #444;
}

#pgsubmenuitems {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 100%;
}

#pgsubsubmnudiv {
    border-top: 1px solid #CCC;
    display: none;
}

#pgsubsubmenuitems {
    position: relative;
}

.verinfo {
    font-size: 0.875em;
    color: #FFF;
    text-align: center;
    border-bottom: 0px solid #FFF;
}

.traininginfo {
    font-weight: 500;
    color: #000;
    background-color: #FFFFD7;
}

.tdnavlink {
    font-weight: 500;
    font-family: inherit;
    color: #CCC;
    text-align: center;
    width: 100px;
    white-space: nowrap;
    cursor: pointer;
}

.navlink, .menubuttongrid {
    font-size: 0.8125em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#FFFFD7, #F3F3C6) !important;
    background-color: #444;
    text-align: center;
    text-transform: uppercase;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    width: 96px;
    height: 24px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s ease;
}

.navlinkover, .menubuttongridover {
    font-size: 0.8125em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: #F8F8F8;
    text-align: center;
    text-transform: uppercase;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    width: 96px;
    height: 24px;
    white-space: nowrap;
    transition: all 0.25s ease;
}

.navlinkoveralt {
    font-size: 0.8125em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: #DDD;
    text-align: center;
    text-transform: uppercase;
    height: 24px;
    width: 96px;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
}

.navlinklogoff {
    font-size: 0.8125em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#FFFFD7, #F3F3C6);
    background-color: #444;
    text-align: center;
    text-transform: uppercase;
    width: 96px;
    height: 24px;
    border: 0px;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s;
}

.navlinkoverlogoff {
    font-size: 0.8125em;
    font-weight: normal;
    font-family: inherit;
    color: #FFD700;
    background-color: var(--red-color);
    text-align: center;
    text-transform: uppercase;
    width: 96px;
    height: 24px;
    border: 0px;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s;
}

.navlinkleftendcap {
    border: 1px solid #444;
    width: 5px;
}

.navlinkrightendcap {
    border: 1px solid #444;
    width: 5px;
}

.navmenu {
    background-color: light-dark(#F8F8F8, #2F2F2F);
    border: 1px solid light-dark(#F8F8F8, #000);
    box-shadow: 0px 0px 15px #333;
    border-radius: 0px 5px 5px 5px;
    font-family: inherit;
    position: absolute;
    display: none;
    z-index: 150;
}

.navsubmenu {
    border-width: 0px 0px 0px 1px;
    border-left: 1px solid light-dark(#CCC, transparent);
    z-index: 115;
}

.navmenuitem {
    background-color: light-dark(#F8F8F8, #2F2F2F);
    border: 0px;
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: light-dark(#000, #B3DEFF) !important;
    text-align: left;
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    cursor: pointer;
}
    .navmenuitem A {
        color: light-dark(#000, #B3DEFF) !important;
    }
    .navmenuitem label {
        color: light-dark(#000, #B3DEFF) !important;
    }
.navmenuitemanchor {
    color: #000 !important;
    font-size: 0.5em;
    font-weight: 500;
    text-align: right;
}

    .navmenuitemanchor:after {
        content: '\3009';
    }

.navmenuitemcheck {
    color: #090 !important;
    min-width: 1em;
}

    .navmenuitemcheck:after {
        content: '\2714\FE0E';
    }
#optionsmnutabt .navmenuitem {
    color: light-dark(#000, #B3DEFF) !important;
}
.navmenusection {
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: light-dark(#F8F8F8, #CCC);
    text-align: center;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin: 0px;
    white-space: nowrap;
    cursor: default;
}

.navmenusectionname {
    display: inline-block;
    padding-top: 5px;
}

#navmnutabt, #optionsmnutabt {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 12px;
    border-collapse: separate;
}

.navbgc {
    background-color: #F8F8F8;
}

.invertcolor {
    filter: invert(100%);
}

.dodwarning {
    border: 2px double black;
    font-size: 0.75em !important;
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    width: 50%;
}
/*============================================*/
/*            Up Down Close Check
/*============================================*/
.closewindowx {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    margin-right: 8px;
    padding: 0px;
}

    .closewindowx:after {
        content: "\00D7";
    }

.sectionname span.closewindowx {
    color: #FD7;
}

.downarrow {
    border-width: 0px;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .downarrow:after {
        content: "\25BC";
    }

.uparrow {
    border-width: 0px;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    height: 0.9375em;
    margin: 2px 1px 1px 1px;
    padding: 0px 1px 1px 0px;
    text-align: center;
    width: 0.9375em;
}

    .uparrow:after {
        content: "\25B2";
    }

/*============================================*/
/*             SPRITES                        */
/*============================================*/

.filtergifrestricted {
    vertical-align: bottom;
    border: 2px solid #var(--red-color);
    border-radius: 3px;
}

img.icon {
    margin: 0px 4px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    vertical-align: bottom !important;
}

img.calendar {
    margin: 0px 0px;
}

.calendargif {
    margin: 0px 0px !important;
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') 0px 0px no-repeat;
}

.columnsgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -18px 0px no-repeat;
}

.columnsdowngif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -18px 0px no-repeat;
}

.doccopygif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -36px 0px no-repeat;
}

.documentopengif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -54px 0px no-repeat;
}

.documentprintgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -72px 0px no-repeat;
}

.filtergif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -90px 0px no-repeat;
}

.filteroffgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -108px 0px no-repeat;
}

.recfirstgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -126px 0px no-repeat;
}

.reclastgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -144px 0px no-repeat;
}

.recnextgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -162px 0px no-repeat;
}

.recprevgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -180px 0px no-repeat;
}

.refreshgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -198px 0px no-repeat;
}

.refreshdowngif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -198px 0px no-repeat;
}

.savegif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -216px 0px no-repeat;
}

.searchgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -235px 0px no-repeat;
    background-color: light-dark(transparent, #FFF);
    border-radius: 3px;
    border: 1px solid;
    border-color: light-dark(transparent, #FFF);
}

.searchsmallgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -235px 0px no-repeat;
}

.helpqmgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -252px 0px no-repeat;
}

.infogif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -252px 0px no-repeat;
}

.assetloggif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -270px 0px no-repeat;
}

.optionsgif {
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -288px 0px no-repeat;
}

.optionsblackgif {
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -918px 0px no-repeat;
}

.noticesemptygifx {
    cursor: default !important;
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -306px 0px no-repeat;
}

.noticesfullgifx {
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -324px 0px no-repeat;
}

.openwingifx {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -342px 0px no-repeat;
}

.openwingif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -360px 0px no-repeat;
}

.linkarrow {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -378px 0px no-repeat;
}

.docdisplaygif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -396px 0px no-repeat;
}

.taglabel {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -414px 0px no-repeat;
}

.envelopegif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -432px 0px no-repeat;
}

.noticesemptygif {
    cursor: default !important;
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -450px 0px no-repeat;
}

.noticesfullgif {
    vertical-align: middle !important;
    background: url('../images/AllImages18.png') -468px 0px no-repeat;
}

.hidexgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -486px 0px no-repeat;
}

.savedisabledgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -504px 0px no-repeat;
}

.hidexblackgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -522px 0px no-repeat;
}

.greenplus {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -540px 0px no-repeat;
}

.infogblackif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -558px 0px no-repeat;
}

.helpqmblackif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -558px 0px no-repeat;
}

.placeholdergif {
    cursor: default;
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -558px 0px no-repeat;
}

.bluebookgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -576px 0px no-repeat;
}

.sortgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -594px 0px no-repeat;
}

.bookgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -612px 0px no-repeat;
}

.infogifonblue {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -630px 0px no-repeat;
}

.redx {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -648px 0px no-repeat;
}

.redxout {
    margin: 0px 4px 0px -22px;
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -648px 0px no-repeat;
}

.grayx {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -666px 0px no-repeat;
}

.undo {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -684px 0px no-repeat;
}

.redo {
    transform: rotateY(180deg);
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -684px 0px no-repeat;
}

.closewingif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -702px 0px no-repeat;
}

.excelgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -720px 0px no-repeat;
}

.importgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -738px 0px no-repeat;
}

.exportgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -756px 0px no-repeat;
}

.uidgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -774px 0px no-repeat;
}

.rfidgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -792px 0px no-repeat;
}

.combine {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -810px 0px no-repeat;
}

.split {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -828px 0px no-repeat;
}

.warninggif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -846px 0px no-repeat;
}

.docprintsmallgif {
    vertical-align: bottom !important;
    background: url('../images/AllImages18.png') -864px 0px no-repeat;
}

.eyeshow {
    vertical-align: text-bottom !important;
    background: url('../images/AllImages18.png') -882px 0px no-repeat;
}

.eyehide {
    vertical-align: text-bottom !important;
    background: url('../images/AllImages18.png') -900px 0px no-repeat;
}
.calendargif, .columnsgif, .columnsdowngif, .doccopygif, .documentopengif, .documentprintgif, .filtergif, .filteroffgif, .recfirstgif, .reclastgif, .recnextgif, .recprevgif,
.refreshgif, .refreshdowngif, .savegif, .searchgif, .searchsmallgif, .helpqmgif, .infogif, .assetloggif, .optionsgif, .optionsblackgif, .noticesemptygifx, .noticesfullgifx,
.openwingifx, .openwingif, .linkarrow, .docdisplaygif, .taglabel, .envelopegif, .noticesemptygif, .noticesfullgif, .hidexgif, .savedisabledgif, .hidexblackgif, .greenplus,
.infogblackif, .helpqmblackif, .bluebookgif, .sortgif, .bookgif, .infogifonblue, .redx, .redxout, .grayx, .undo, .redo, .closewingif, .excelgif, .importgif,
.exportgif, .uidgif, .rfidgif, .combine, .split, .warninggif, .docprintsmallgif, .eyehide, .eyeshow {
    background-color: light-dark(transparent, #FFF);
    border-radius: 3px;
    border: 1px solid;
    border-color: light-dark(#FFF, #FFF);
    content: url('../images/shim1818.gif') !important;
    cursor: pointer;
    margin: 0px 4px;
    width: 18px;
    height: 18px;
}
/*============================================*/
/*             CALENDAR CONTROL               */
/*============================================*/
#CalendarControlIFrame {
    left: 0px;
    top: 0px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    display: none;
    z-index: 99;
}

#CalendarControl {
    background-color: light-dark(#FFF, #2F2F2F);
    margin: 0;
    padding: 0px 0px 3px 0px;
    border-top: 1px solid #EEE;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 15px #333;
    position: absolute;
    display: none;
    z-index: 100;
}

    #CalendarControl table {
        font-size: 0.9375em;
        border-top: 0px solid #FFF;
        border-left: 1px solid #EEE;
        border-right: 1px solid transparent;
        border-radius: 0px 0px 5px 5px;
    }

    #CalendarControl th {
        font-weight: normal;
    }

        #CalendarControl th a {
            font-weight: normal;
            color: #FFF;
            text-decoration: none;
            padding: 1px;
        }

    #CalendarControl td {
        text-align: center;
    }

    #CalendarControl .header {
        background-color: #06C;
        color: #FFF;
    }

    #CalendarControl .footer {
/*        color: #000;
        background-color: #FFF;
*/    }

    #CalendarControl .weekday {
        color: light-dark(#06C, var(--a-fg-color));
        background-color: transparent;
    }

    #CalendarControl .weekend {
        color: light-dark(#06C, var(--a-fg-color));
        background-color: transparent;
    }

    #CalendarControl .current {
        font-weight: normal;
        color: #FFF !important;
        background-color: #06C;
        border: 0px solid #333 !important;
    }

    #CalendarControl .weekday,
    #CalendarControl .weekend,
    #CalendarControl .current {
        display: block;
        text-decoration: none;
        border: 1px solid transparent;
        width: 2em;
    }

        #CalendarControl .weekday:hover,
        #CalendarControl .weekend:hover,
        #CalendarControl .current:hover {
            border: 1px solid light-dark(#999, #CCC);
        }

    #CalendarControl .previous {
        text-align: left;
    }

    #CalendarControl .next {
        text-align: right;
    }

    #CalendarControl .previous,
    #CalendarControl .next {
        font-size: 1.0em;
        padding: 1px 3px 1px 3px;
    }

        #CalendarControl .previous a,
        #CalendarControl .next a {
            font-weight: 500;
            color: #FFF !important;
            text-decoration: none;
        }

    #CalendarControl .title {
        background-color: #06C;
        font-weight: normal;
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
    }

    #CalendarControl .empty {
        background-color: transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }
/*=======================================
            NEW COLTS MENU
  =======================================*/
#entiremenuwrapper {
    background-color: light-dark(#EEE, #1F1F1F);
    border-color: light-dark(#EEE, #1F1F1F);
    border-style: solid;
    border-width: 0px 0px;
}

#entiremenu {
    background-color: light-dark(#EEE, #1F1F1F);
    height: 99vh;
    margin: 0 auto;
    max-width: 1366px; /*1024px;*/
    width: 99vw;
}
/*-------------------------------------
  Page Lock and Spinner
  -------------------------------------*/
#pagelockmsg {
    color: #888;
    display: block;
    font-size: 2em;
    margin-top: 15%;
    text-align: center;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    min-width: 30px;
    min-height: 30px;
}

    .spinner:before {
        content: 'Loading…';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 64px;
        height: 64px;
        margin-top: -13px;
        margin-left: -13px;
    }

    .spinner:not(:required):before {
        content: '';
        border-radius: 50%;
        border: 3px solid #EEE;
        border-top-color: #var(--red-color);
        animation: spinner .6s linear infinite;
    }
/*-------------------------------------
  Restrictions Popup
  -------------------------------------*/
#restrictionspopupdiv {
    background-color: light-dark(#FFF, #121212);
    border-radius: 5px;
    box-shadow: 0px 0px 15px #333;
    display: none;
    padding: 0em 1em;
    position: absolute;
    z-index: 100;
}

#restrictionspopuptitle:after {
    content: "Restrictions";
}

#restrictionspopuptabstrip {
    margin: 4px 0px;
}

#restrictionspopuptab tr:last-child td {
    border-bottom-width: 0px;
}

#restrictionspopuptab td:last-child {
    padding-left: 5px;
}

#restrictionspopuptabstrip td {
    min-width: 4em;
    display: inline-block;
}

input.restrictionspopuptxtbox {
    height: 1.25em;
    margin: 0.5em;
    width: 15em;
}

select.restrictionspopuptxtbox {
    height: 1.5em;
    margin: 0.5em;
}

table.restrictionspopupcmd {
    width: 100%;
}

    table.restrictionspopupcmd td {
        border-top: 1px solid #DDD;
        color: #06F !important;
        cursor: pointer;
        padding: 8px 0px;
        text-align: center;
        text-transform: uppercase;
        width: 33%;
    }

        table.restrictionspopupcmd td:nth-child(-n+2) {
            border-right: 1px solid #DDD;
        }