:root {
    --stdBackground: #ffffff;
    --stdBackgroundLight: #fafafa;
    --stdColor: #333;
    --stdGray: #d0d0d0;
    --stdOutline: #89B4D4;
    --stdLink: #0078D4;
    --stdBorder: #f0f0f0;
    --stdBtnSolidBackground: #EFF6FC;
    --stdMenuSelected: #EFF6FC;
    --stdBtnSolidColor: #3B3A39;
    --stdRowHoverBackground: #f0f0f0;
    --stdBtnMenuHover: #CFE4FA;
    --stdBoxHeader: #D3D7DB;
    --stdGradientStart: #CBD1D7;
    --stdGradientEnd: transparent;
    --stdDimColor: #404040;
    --stdMenuBackground: #f0f0f0;
    --stdRed: red;
    --stdColorRed: red;
    --stdGreen: green;
    --stdOrange: orange;
    --stdBlue: #5998CE;
    --stdBodyGradientStart: rgb(48, 113, 169);
    --stdBodyGradientEnd: darkgrey;
    --stdLeftSidebarBackground: #f0f0f0;
    --stdScrollbarThumb: #c0c0c0;
}

.dark-mode {
    --stdBackground: #242424;
    --stdBackgroundLight: #666;
    --stdColor: #FAFAFA;
    --stdGray: #BABABA;
    --stdOutline: #89B4D4;
    --stdLink: #4A90E2;
    --stdBorder: #383838;
    --stdBtnSolidBackground: #0E2539;
    --stdBtnSolidColor: #BFBFBF;
    --stdMenuSelected: #143252;
    --stdRowHoverBackground: #404040;
    --stdBtnMenuHover: #143252;
    --stdBoxHeader: #2B74AB;
    --stdGradientStart: #20282D;
    --stdGradientEnd: #212223;
    --stdDimColor: #B0B0B0;
    --stdMenuBackground: #2B74AB;
    --stdRed: #E69999;
    --stdColorRed: #E69999;
    --stdGreen: #8ACE8B;
    --stdOrange: orange;
    --stdBlue: #5998CE;
    --stdBodyGradientStart: #242424;
    --stdBodyGradientEnd: #242424;
    --stdLeftSidebarBackground: #2A2A2A;
    --stdScrollbarThumb: #242424;
}


/* definition */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("/css/Roboto-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("/css/Roboto-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("/css/Roboto-Italic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url("/css/Roboto-MediumItalic.ttf") format("truetype");
    font-display: swap;
}

body {
    font-family:verdana !important;
}
#divDashMenuButtonsLowRes {
    display:none;
}

.maindiv, .tdHead {
    background: var(--stdBackground) !important;
    color: var(--stdColor) !important;
}

.btnNew4TAB {
    outline: 0;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    font-family: verdana;
    font-size: 8pt;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #EFF6FC;
    border-radius: 0;
    font-weight: normal;
    color: #3B3A39;
    width: 75px;
    height: 32px;
    /* margin-right: 5px; */
}

    .btnNew4TAB:hover {
        background: white;
    }

    .btnNew4TAB:focus {
        outline: 0;
        border: 1px solid #cccccc;
        border-bottom: 1px solid orange;
        margin: 0;
        padding: 0;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        border-radius: 1px;
        font-family: verdana;
        font-size: 8pt;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
        background: #EFF6FC;
        border-radius: 0;
        font-weight: normal;
        color: #3B3A39;
        width: 75px;
        height: 32px;
        margin-right: 5px;
        background: #ffffff;
    }
#labelUploadMsg {
    margin-top:3px !important;
    padding:2px !important;
    color:#333;
    font-size:8pt !important;
    font-weight:normal !important
}