:root {
    --primary: #3f4960;
    --secondary: #f77f00;
    --primary4030:#53648a;
    /* --primary4030:#767b86;*/
    --primary8060:#fff;
    --primary298:#f5f6fa;
}


/*======================================*/
/*body,.sticky-top-Button {
    background-color: var(--primary8060);
}*/


.mainContainer {
    background-color: var(--primary8060);
    border: 1px solid var(--secondary);
}

.npmSubButt {
    background-image: linear-gradient(0, var(--primary), var(--primary4030));
}



.DetailBar,
.ValidatorBar,
.DetailBar2,
.autocomplete_completionListElement,
.MapViewer_PanelContentsStyle,
.MapViewer_WindowContentsStyle,
.divContentWindow,
.Panel,
.SearchBar,
.MappingBar,
.HeaderBar,
.ReportBar,
.DynamicTable,
.TableMapping,
.GridBar > tr:nth-of-type(odd),
.TreeBar,
.GViewBar,
.TitleBar,
.DetailBar {
    background-color: var(--primary8060);
    color: var(--primary);
}

.Button:hover {
    background-color: var(--secondary);
    color: var(--primary);
}

.GridBar > tr:nth-of-type(even),
.autocomplete_highlightedListItem,
.MessageBar {
    background-color: var(--secondary);
    color: var(--primary);
}

.MapViewer_TitleBar1,
.MapViewer_TitleBarStyle,
#processMessage1,
.ProgressBar {
    background-color: var(--primary4030);
    border: var(--primary8060) 2px solid;
    color: #fff;
}

.dk-btn-login,
.topdivresponsive,
.LinkButton,

.MapViewer_SmallTitleBarStyle,
.MapViewer_PanelHeaderStyle,
#progressBackgroundFilter1,
.divWindowbackground,
.divWindowShadow,
.Menu_DynamicMenuStyle {
    background-color: var(--primary);
    color: var(--secondary);
}

.Button
{
    background-color: var(--primary);
    color: #fff;
}
.MapViewer_WindowTitleBarStyle,
.MapViewer_TaskbarStyle,
.MapViewer_WindowBodyStyle,
.Validator,
.ButtonBar .MapViewer_TitleBannerStyle,
.MapViewer_WindowStatusBarStyle,
#processMessage1 {
    background-color: var(--primary4030);
    border: var(--primary8060) 1px solid;
    color: #fff;
}

.mainLoginBox h4 {
    color: var(--primary);
}



.loginPageBody {
    background-color: var(--primary298);
}



.dk-btn-danger {
    background-color: darkred;
    color: var(--secondary);
}



.loginPageBody {
    background-color: #f5f8fa;
}




.autocomplete_listItem {
    background-color: window;
    color: windowtext;
}


.ListSearchExtenderPrompt {
    color: Gray;
}


.LabelTitleItalic {
    color: #71746E;
}

.LabelDynamic,
.PasswordStrength {
    color: Green;
}

.LabelError {
    color: Red;
}


/* =======================   Border   ====================*/



.InnerTableBar,
.MarginTableBar {
    border: solid 2px #d3d3d3;
}


.Panel {
    border: 1px solid #B3B6B0;
}


.autocomplete_completionListElement {
    border: 1px solid #777;
}

.DateBox,
.TimeBox,
.TermBox,
.TimeTermBox,
.divContentWindow {
    border-color: #333;
}