:root {
    --slf-clear: rgba(0,0,0,0);
    --slf-black: #000000;
    --slf-white: #ffffff;
    --slf-teal: #12c6a8;
    --slf-indigo: #5a58f8;
    --slf-dark-gray: #575757;
    --slf-light-gray: #f2f2f2;
    --slf-slate: #b5cef0;
    --slf-sky-blue: #3cd2f3;
    --slf-pure-blue: #008cff;
    --slf-magenta: #b25aff;
    --slf-warning: #f8cf52;
    --slf-danger: #ef4b5b;
    --slf-teal-50: #89e3d3;
    --slf-teal-15: #DBF6F2;
    --slf-sky-blue-50: #9ee9f9;
    --slf-sky-blue-15: #e2f8fd;
    --slf-pure-blue-50: #80c6ff;
    --slf-pure-blue-15: #d9eeff;
    --slf-indigo-50: #adacfc;
    --slf-indigo-15: #e6e6fe;
    --slf-magenta-50: #d9adff;
    --slf-magenta-15: #f3e6ff;
    --slf-slate-50: #dae7f8;
    --slf-slate-15: #f4f8fd;
    --slf-black-50: #808080;
    --slf-black-15: #d9d9d9;
}

html, input, div, td {
    font-family: Arial;
    font-size: 12px;
}

#hdrCo {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.nav {
    white-space: nowrap;
    color: white;
}

    .nav:hover {
        cursor: pointer;
        color: var(--slf-magenta);
    }

.navBtn{
    font-size: 16px;
    color: var(--slf-black-50);
}
    .navBtn:hover {
        cursor: pointer;
        color: var(--slf-magenta)
    }

.navHdr {
    text-align: right;
    color: white;
    white-space: nowrap;
}
    .navHdr:hover {
        cursor: pointer;
        color: var(--slf-magenta);
    }

.navUser {
    white-space: nowrap;
    text-decoration: none;
    text-align: right;
}
    .navUser:hover {
        cursor: pointer;
        color: var(--slf-magenta);
    }

#UserDiv {
    background-color: White;
    border: solid 1px black
}

.navFac {
    white-space: nowrap;
    text-decoration: none;
    text-align: right;
}

    .navFac:hover {
        cursor: pointer;
    }

#FacDiv {
    background-color: White;
    border: solid 1px black
}

.bl {
    border-left: solid 1px black;
}

.br {
    border-right: solid 1px black;
}

.bt {
    border-top: solid 1px black;
}

.bb {
    border-bottom: solid 1px black;
}

.bn {
    outline: 0;
}

.rounded-corners {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#tdFtr {
    background-color: black;
}
.ftr {
    font-size: 12px;
    color: white;
}
a.ftr {
    text-decoration: none;
    color: white;
}
a.ftr:hover, .ftr.br:hover {
    color: var(--slf-magenta);
}

#lblFac {
    color: white;
    min-width: 150px;
    text-align: center;
}


#tdNav {
    background-color: var(--slf-slate);
}

input[type="button"] {
    border: 2px solid var(--slf-dark-gray);
    background-color: var(--slf-teal);
    color: var(--slf-black);
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    min-height: 25px;
}
    input[type="button"]:hover {
        cursor: pointer;
        background-color: var(--slf-indigo);
        color: var(--slf-white);
    }
    input[type="button"]:focus {
        border: 2px solid var(--slf-magenta);
        outline: none;
    }
    input[type="button"][disabled] {
        background-color: var(--slf-black-15);
        color: var(--slf-black-50);
        cursor: not-allowed;
    }

input[type="button"].SecCmdBtn {
        border: 2px solid var(--slf-dark-gray);
        background-color: var(--slf-clear);
        color: var(--slf-black);
        font-family: Arial;
        font-weight: bold;
        font-size: 13px;
        min-height: 25px;
    }

    input[type="button"].SecCmdBtn:hover:enabled {
        cursor: pointer;
        background-color: var(--slf-indigo);
        color: var(--slf-white);
    }

    input[type="button"].SecCmdBtn:focus:enabled {
        border: 2px solid var(--slf-magenta);
        outline: none;
    }

    input[type="button"].SecCmdBtn:disabled {
        border: 2px solid var(--slf-black-15);
        background-color: var(--slf-clear);
        color: var(--slf-black-50);
        cursor: not-allowed;
    }



.LoginForm input[type="text"] {
    width: 240px;
    font-size: 15px;
    border: none;
    padding: 5px;
    background-color: var(--slf-light-gray);
    border-bottom: 2px solid var(--slf-black-15);
    margin-bottom: 10px;
}

.LoginForm input[type="text"]:focus {
    border: hidden;
    outline: 0;
    border-bottom: 2px solid var(--slf-magenta);
}

.LoginForm input[type="password"] {
    width: 240px;
    font-size: 15px;
    border: none;
    padding: 5px;
    background-color: var(--slf-light-gray);
    border-bottom: 2px solid var(--slf-black-15);
    margin-bottom: 10px;
}

.LoginForm input[type="password"]:focus {
    border: hidden;
    outline: 0;
    border-bottom: 2px solid var(--slf-magenta);
}

#tblLogo {
    width: 100%;
    height: 75px;
}

#tdHdr {
    outline: 0;
    background-color: var(--slf-slate);
}

img#imgLogo {background-image: url("nvn4/?p=Image&f=rd_SNLImage%5COSB_LOGO_Horiz_CMYK_GreenWhite.png"); width: 500px; height: 80px; background-size: auto 70px; background-position-y: center; background-repeat: no-repeat; }
#tdHdr, #tdNav {background-color: black;}