:root {
  --primary: #97BB39; /* Green */
  --darkPrimary: #688323; 
  --palePrimary: #e9ffb3;  

  --secondary: #FA8F1E; /* Orange */
  --darkSecondary: #8b5010;
  --paleSecondary: #ffe0be;

  --tertiary: #1DABDE; /* Blue */
  --darkTertiary: #127194; 
  --paleTertiary: #bcedff;
}

hr { color: black; background-color: black; border-color: black;}

body {background-color: #191919; color: #c0c0c0;}

#Popup {border-color: #000000; background-color:#ffffff; color:#000000;}

/* Inputs & Buttons */
input[type=submit]:hover,
input[type=button]:hover { background-color: var(--tertiary); color: #191919; border-color: transparent; }

.error {background-color: #ff0000;color: white;}
.BadButton {background-color:#600000; color:#ffffff;}
input[type=button].BadButton:hover {background-color:#b30000; color:#ffffff; border-color: transparent; }
select {cursor:pointer;}

/* Headers */
#HeaderBar {background-color: #ffffff; color: #000000;}
#HeaderBar h1 { text-shadow: -1px -1px #292929, 1px 1px #393939, -3px 0 4px #000; color: var(--primary); animation: hoveringVesta 60s infinite; }
@keyframes hoveringVesta { 0% {color: var(--primary);} 33% {color: var(--secondary);} 66% {color: var(--tertiary);} 100% {color: var(--primary);} }
/* #HeaderBar h1:after { background: linear-gradient(0.25turn, var(--primary) 20%, var(--secondary) 50%, var(--tertiary) 100%); }*/
#HeaderBar:after { background: linear-gradient(0.25turn, var(--primary) 20%, var(--secondary) 50%, var(--tertiary) 100%); }
#HeaderBar a { color: var(--darkTertiary); }
#HeaderBar a:hover { color: var(--tertiary); }

/* Loading Screen */
#LoadingScreen {border-color:#ffffff; background-color:#393939;}
#LoadingScreen .LoadingText { color: #ffffff;}
#LoadingScreen .LoadingError {color: #ff8080;}
#LoadingScreen .ProgressLog { max-height: 500px; overflow-y:auto; color:white;}

.LoadingSpin { border-left-color: #f3f3f3 !important; border-top-color: var(--primary) !important; border-right-color: var(--secondary) !important; border-bottom-color: var(--tertiary) !important; }

.ProgressBar {background-color: #000000; border-color: #000000;} 
.ProgressBarInternal {background: linear-gradient(0.25turn, var(--tertiary), var(--primary));}

/* Login Screen */
.LoginContainer { border-color: #000000; background-color:#e6e6e6; color:#000000; }
.LoginForm th { color:#000000; }

#UserLoginCheck { border-color:#000000; background-color:#202020; color:#ffffff; }

/* Sections */
.SectionContainer .SectionContainer { background-color: #cccccc; color: #000000; border-color: #ffffff; }
.SectionMenuBig   .SectionContainer:hover,
.SectionMenuSide  > .SectionContainer:hover,
.SectionMenuSmall > .SectionContainer:hover { background-color: var(--paleTertiary); color: #000000; border-color: #000000; }
.SectionContainer .SectionContainerSelected:hover,
.SectionContainer .SectionContainerSelected { background-color: var(--darkTertiary); color: #ffffff; border-color: var(--darkTertiary); }
.SectionContainer .SectionContainerSelected img { filter: invert(100%);}
.SectionContainer .SubSection:hover {background-color: var(--paleTertiary); color: #191919;}
.SectionMenuSmall .SectionContainer h2 { background-color:inherit;color:inherit; }
.SectionMenuSmall .SubSections { background-color:inherit; color: inherit; border-color:white; }

/* Sections - Titles */
.PageTitle { color: #FFFFFF; background-color: var(--darkTertiary); }

/* Data Tables */
/*.DataTable {border-color: black; background: linear-gradient(0.25turn, #FF0000, #FF7F00, #FFFF00, #00FF00,#0000FF,#4B0082,#8F00FF); color: black;}*/
.DataTable {border-color: black; background-color: #aaaaaa; color: black;}
.DataTable tbody tr.alternating0 { background-color: #f0f0f0; }
.DataTable tbody tr.alternating1 { background-color: var(--paleSecondary); }
.DataTable tbody tr:hover td { background-color:var(--paleTertiary); color: black;}
.DataTable .Paginator td:hover { background-color: var(--paleTertiary); color:black; }
.DataTable .Paginator td.SelectedPage { background-color: var(--paleSecondary); color:black; }
.DataTable .Paginator td.SelectedPage:hover { background-color: var(--darkSecondary); color:white; }
.DataTableControls .DataTableFields,
.DataTable .PageInput { border-color:black; background-color:white; color:black; }
.DataTableControls .FieldsButtonOn,
.DataTableControls .FiltersButtonOn { background-color: var(--primary); }

/* Forms */
.FormContainer {border-color: black; background-color: #a0a0a0; color:black;}
.FormContainer .FormFieldError { color: #ff0000;}
.FormContainer .FormFieldErrorMessage {color: #ff0000; background-color: transparent;}

/* LookUp List*/
.LookupListResults { border-color:black; color: black; background-color:white; }
.LookupListResults .LookupListResult:hover {background-color: var(--paleSecondary); }

/* Tab Control */
.TabControl .TabTitle {border-color: white; background-color: #c0c0c0; color: #404040;}
.TabControl .TabTitle:hover {background-color: var(--paleSecondary); color: black;}
.TabControl .TabTitleSelected, .TabControl .TabTitleSelected:hover { background-color: var(--primary); color: black;}
.TabControl .TabContents {border-color:white; background-color: #c0c0c0; color:black;}
.TabControl .TabContents .FormContainer {border-color: transparent; background-color: inherit; color:inherit;}

/* WYSIWYG */
.WysiwygContainer { border-color: black; }
.WysiwygContainer .WysiwygActionBar { background-color: #FFF; border-color: black; }
.WysiwygContainer .WysiwygContent {background-color: #D8D8D8; color: black;}
.WysiwygContainer .WysiwygButton { background-color: transparent;}
.WysiwygContainer .WysiwygButtonSelected { background-color: var(--primary); }
.WysiwygContainer .WysiwygButton:hover { background-color: var(--darkPrimary); }

/* Settings */
.SettingsContainer {border-color:black; background-color:#a0a0a0; color: black;}



/* Calendar */
.Calendar {border-color:#191919; background-color:#a0a0a0; color: black;}
.CalendarTable thead {background-color: var(--darkTertiary); color:white;}
.CalendarTable td, .CalendarTable th {border-color: #191919 !important;}
.CalendarTable .CalendarMonthCurrent {background-color: #C0C0C0; color: #101010;}
.CalendarTable .CalendarNavNext:hover,
.CalendarTable .CalendarNavPrevious:hover {background-color: var(--darkTertiary);}
.CalendarTable .CalendarBoxRow td:hover {cursor:pointer;}
.CalendarTable .CalendarBoxRow .CalendarMonthNext,
.CalendarTable .CalendarBoxRow .CalendarMonthPrevious {background-color: #393939; color: #606060;}
.CalendarTable .CalendarDateRow .CalendarMonthNext,
.CalendarTable .CalendarDateRow .CalendarMonthPrevious {background-color: #393939; color: #ffffff;}
.CalendarTable .CalendarBoxRow .CalendarToday {background-color: var(--secondary) !important;}
.CalendarTable .CalendarDateRow .CalendarToday {background-color: #ffa500; color: black;}
.CalendarTable .CalendarBox { background-color: var(--paleSecondary);}
.CalendarTable .CalendarNavRow option.Current {background-color: var(--paleTertiary);}

.WidgetCalendarTable { color: black;}
.WidgetCalendarDisplay { background-color:white; }
.WidgetCalendarDisplay .WidgetCalendarNavRow {background-color: var(--darkTertiary); color:white;}
.WidgetCalendarDisplay .WidgetCalendarDayNameRow {background-color: #a0a0a0; color:black;}
.WidgetCalendarDisplay .WidgetCalendarDate:hover {background-color: var(--paleTertiary);}
.WidgetCalendarDisplay .WidgetCalendarTimeContainer {border-color: black;}
.WidgetCalendarDisplay .WidgetCalendarTimeContainer .WidgetCalendarTimeTitle {background-color:var(--darkTertiary); color:white;}
.WidgetCalendarDisplay .WidgetCalendarSelected {background-color:var(--paleSecondary);}
.WidgetCalendarButton { background-color: var(--paleTertiary); }
.WidgetCalendarButtonOpen {background-color: var(--palePrimary);}

.CalendarDayEmpty {border-color:black; background-color:#606060; color: black;}

/* Do Not Change Without Permission */
.CalendarFullDay .CalendarEventCategory1,  .CalendarTable .CalendarEventCategory1  {background-color: #99F6FF !important; color: #000000 !important;}
.CalendarFullDay .CalendarEventCategory2,  .CalendarTable .CalendarEventCategory2  {background-color: #91008E !important; color: #FFFFFF !important;}
.CalendarFullDay .CalendarEventCategory3,  .CalendarTable .CalendarEventCategory3  {background-color: #C66300 !important; color: #FFFFFF !important;}
.CalendarFullDay .CalendarEventCategory4,  .CalendarTable .CalendarEventCategory4  {background-color: #A0A0A0 !important; color: #000000 !important;}
.CalendarFullDay .CalendarEventCategory5,  .CalendarTable .CalendarEventCategory5  {background-color: #EDEF63 !important; color: #000000 !important;}
.CalendarFullDay .CalendarEventCategory6,  .CalendarTable .CalendarEventCategory6  {background-color: #A30004 !important; color: #FFFFFF !important;}
.CalendarFullDay .CalendarEventCategory7,  .CalendarTable .CalendarEventCategory7  {background-color: #A3FFBA !important; color: #000000 !important;}
.CalendarFullDay .CalendarEventCategory8,  .CalendarTable .CalendarEventCategory8  {background-color: #004919 !important; color: #FFFFFF !important;}
.CalendarFullDay .CalendarEventCategory9,  .CalendarTable .CalendarEventCategory9  {background-color: #FFCEE2 !important; color: #000000 !important;}
.CalendarFullDay .CalendarEventCategory10, .CalendarTable .CalendarEventCategory10 {background-color: #DD8CFF !important; color: #000000 !important;}
.CalendarTable .CalendarEvent {border-color: black !important;}
/*--------------------------------*/

.MapContainer {border-color: black;}
.MapContainer .MapCoordinates {text-align:center; border-color:#303030;}