/* AppLogin.css NvNEng v4.2503.0.0 */
        :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, body  {
            margin: 0;
            padding: 0;
            border: 0;
        }

        html {
            overflow-y: scroll;
        }

        html * {
            margin: 0;
            resize: none;
        }

        body {
            line-height: 1.1;
        }

        table {
            border-spacing: 0;
        }

        #bodyContainer {
            position: relative;
            min-height: 425px;
            padding-bottom: 5px;
        }

        .hidden {
            display: none !important;
        }


        #content {
            padding-bottom: 3em;
        }


        a {
            text-decoration: none;
            cursor: pointer
        }
            a:hover {
                text-decoration: underline;
            }

        table {
            border: 0px;
            width: 100%
        }

        thead {
            text-align: center;
            font-weight: bold;
        }

        table.table-padding th {
            padding: 5px;
        }

        table.table-padding td {
            padding: 5px;
        }

        table[aria-multiselectable] td:first-child {
            padding-right: 2px;
            padding-left: 2px;
            line-height: normal;
        }

        table.layout td {
            vertical-align: top;
            padding-right: 20px;
        }

        table.layout.large-lbl td, table.layout.no-padding td {
            padding-right: 0px;
        }

        table.layout.extra-large-lbl table.horizontal-single-col-form-layout .vform-label {
            width: 75%
        }

        .buttons {
            margin-top: 10px;
            height: 28px;
            border: 0;
            padding: 5px 0;
        }

        .table-wrapper {
        }

            .table-wrapper .table-row {
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
            }

            .table-wrapper .table-cell {
                vertical-align: top;
            }

            .table-wrapper .one-column, 
            .table-wrapper .two-column, 
            .table-wrapper .three-column, 
            .table-wrapper .four-column, 
            .table-wrapper .five-column, 
            .table-wrapper .six-column, 
            .table-wrapper .seven-column, 
            .table-wrapper .eight-column, 
            .table-wrapper .nine-column, 
            .table-wrapper .ten-column, 
            .table-wrapper .eleven-column, 
            .table-wrapper .twelve-column, 
            .table-wrapper .thirteen-column, 
            .table-wrapper .fourteen-column, 
            .table-wrapper .fifteen-column {
                margin-right: 3%;
                float: left;
                min-height: 1px;
            }

            .table-wrapper .table-row .one-column {
                width: 3.43%;
            }
            .table-wrapper .table-row .two-column {
                width: 9.86%;
            }
            .table-wrapper .table-row .three-column {
                width: 16.3%;
            }
            .table-wrapper .table-row .four-column {
                width: 22.74%;
            }
            .table-wrapper .table-row .five-column {
                width: 29.1%;
            }
            .table-wrapper .table-row .six-column {
                width: 35.6%;
            }
            .table-wrapper .table-row .seven-column {
                width: 42%;
            }
            .table-wrapper .table-row .eight-column {
                width: 48.5%;
            }
            .table-wrapper .table-row .nine-column {
                width: 54.9%;
            }
            .table-wrapper .table-row .ten-column {
                width: 61.3%;
            }
            .table-wrapper .table-row .eleven-column {
                width: 67.75%;
            }
            .table-wrapper .table-row .twelve-column {
                width: 74.2%;
            }
            .table-wrapper .table-row .thirteen-column {
                width: 80.7%;
            }
            .table-wrapper .table-row .fourteen-column {
                width: 87.1%;
            }
            .table-wrapper .table-row .fifteen-column {
                width: 93.57%;
            }
            .table-wrapper .table-row .sixteen-column {
                width: 100%;
                float: left;
            }

            .table-wrapper .last {
                margin-right: 0px;
            }

        .table-cell.spacer {
            height: 29px;
        }

        .table-wrapper .vertical .table-cell .lbl, .table-wrapper .vertical .table-cell .val, .vertical .lbl, .vertical .val {
            width: 99%;
            float: none;
            text-align: left;
        }

        .login-page {
            min-height: 100% !important;
        }

            .login-page #login input {
                width: 200px;
            }

            .login-page #login input:not([role=button]) {
                border: none;
            }

                .login-page #login input:not([role=button]):focus {
                    outline: none;
                }

        #footer {
            clear: both;
        }

        div.footer {
            margin: 20px 0;
            background: #000;
            color: var(--slf-white);
            padding: 5px 0;
            text-align: center;
            font-size: 8pt;
        }

        .footer-main {
            clear: both;
            font-size: 12px;
            padding: 13px 0 16px;
        }

            .footer-main small {
                margin-left: 10px;
            }

            .footer-main cite {
                float: right;
                margin-right: 10px;
            }

        .footer-bottom-margin {
            border-top: solid 1px #ffffff;
            height: 4px;
            margin-bottom: 10px;
        }

body {
    background-color: var(--slf-light-gray);
    font-family: Arial;
}
.footer-main {
    color: var(--slf-white);
    background-color: var(--slf-black);
}
.footer-bottom-margin {
    background-color: var(--slf-indigo);
}
.appTitle {
    font-family:  Arial;
    font-size: 20px;
    line-height: 60px;
    white-space: nowrap;
}
.login-page {
    padding-top: 20px;
}
.login-page #login div.four-column {
    min-width: 250px;
}
#login-card {
    background-color: var(--slf-white);
    text-align: center;
    width: 250px;
    padding:  25px 0;
}
.loginCaption {
    text-align: left;
    font-size: 14px;
    margin-left: 20px;
    padding-bottom: 5px;
}
.loginError{
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
    color: var(--slf-danger) !important;
}
td.loginError2{
    margin-bottom: 10px;
    font-size: 14px;
}
input[type='text'], input[type='password']{
    padding: 2px 5px;
    font-family:  Arial;
    background-color: var(--slf-light-gray);
}
.login-page #login input:not([role=button]){
    border-bottom: 2px solid var(--slf-black-15);
}
.login-page #login input:not([role=button]):focus{
    border-bottom: 2px solid var(--slf-magenta);
}
img#login_product_logo {
    max-width: 90%;
    min-width: 300px;
}

small {
    font-size: 12px;
}

.CmdBtn {
    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;
}
    .CmdBtn:hover:enabled {
        cursor: pointer;
        background-color: var(--slf-indigo);
        color: var(--slf-white);
    }
    .CmdBtn:focus:enabled{
        border: 2px solid var(--slf-magenta);
        outline: none;
    }
    .CmdBtn:disabled {
        background-color: var(--slf-black-15);
        color: var(--slf-black-50);
        cursor: not-allowed;
    }

.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;
}
    .SecCmdBtn:hover:enabled {
        cursor: pointer;
        background-color: var(--slf-indigo);
        color: var(--slf-white);
    }
    .SecCmdBtn:focus:enabled{
        border: 2px solid var(--slf-magenta);
        outline: none;
    }
    .SecCmdBtn:disabled {
        border: 2px solid var(--slf-black-15);
        background-color: var(--slf-clear);
        color: var(--slf-black-50);
        cursor: not-allowed;
    }

