* {
        outline-color: rgb(77, 144, 254); 
    }
    
.loadingPage {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
    background-image: linear-gradient(to bottom,  #0191df, #00577f);
  color: white;
  font-family: Arial;
  font-size: 18px;
}

.topBar {
    color: #FFFFFF;
    background-color: #0081CB;
    background-image: linear-gradient(to bottom,  #0081CB, #01B1EC)
}

.topBarAlert {
    color: #000000;
    background-color: #FFFF33;
}
.topBarAlertClear {
}

.topToolBar,
.topToolBarButton,
.topToolBarButtonOver,
.topToolBarButtonSelected {
    color: #FFFFFF;
}

.topTabSet {
    color: #000000;
    background-color: #D9EDF7;
}
.topTabPane {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

.topTabTop {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #0081CB;
    background-color: #D9EDF7;
    border-top: #D9EDF7 solid 1px;
    border-left: #D9EDF7 solid 1px;
    border-right: #D9EDF7 solid 1px;
    border-radius: 6px 6px 0px 0px;
}
.topTabTopOver,
.topTabTopDown {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #0081CB;
    background-color: #D9EDF7;
    border-top: #0081CB solid 1px;
    border-left: #0081CB solid 1px;
    border-right: #0081CB solid 1px;
    border-radius: 6px 6px 0px 0px;
}
.topTabTopSelected,
.topTabTopSelectedOver,
.topTabTopSelectedDown {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    border-top: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-radius: 6px 6px 0px 0px;
}


.subTabSet {
    color: #000000;
    background-color: #FFFFFF;
}
.subTabPane {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

.subTabTop {
    padding: 2px 10px 2px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-radius: 6px 6px 6px 6px;
}
.subTabTopOver,
.subTabTopDown {
    padding: 2px 10px 2px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    border-top: #c4ddfd solid 1px;
    border-left: #c4ddfd solid 1px;
    border-right: #c4ddfd solid 1px;
    border-bottom: #c4ddfd solid 1px;
    border-radius: 6px 6px 6px 6px;
}
.subTabTopSelected,
.subTabTopSelectedOver,
.subTabTopSelectedDown {
    padding: 2px 10px 2px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #c4ddfd;
    border-top: #c4ddfd solid 1px;
    border-left: #c4ddfd solid 1px;
    border-right: #c4ddfd solid 1px;
    border-bottom: #c4ddfd solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.bottomToolBar {
    
}
.bottomBar {
    color: #000000;
    background-color: #DDDDDD;
    border-top: darkgrey solid 1px;
}

.section {
    color: #000000;
    background-color: #FFFFFF;
}

.sectionPanel {
    color: #000000;
    background-color: #FFFFFF;
}

.sectionButton {
    color: #000000;
    background-color: #FFFFFF;
}

.sectionTitle {
    color: #000000;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #FFFFFF, #DDDDDD);
}
.sectionTitleMain {
    color: #000000;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #DDDDDD, #EEEEEE);
}
.sectionTitleReports {
    color: #000000;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
}
.sectionTitleButtonBar {
}

.dashboardSideBar {
    color: #000000;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom right, #FFFFFF, #DDDDDD);
}
.dashboardSideBarHeader {
    padding: 5px;
    color: #000000;
}

.dashboardNavTree {
}
.dashboardNavTreeOver {
    background-color: lightblue;
    background-image: linear-gradient(to bottom, aliceblue, lightblue)
}
.dashboardNavTreeSelected,
.dashboardNavTreeSelectedOver {
    background-color: lightblue;
    background-image: linear-gradient(to bottom, aliceblue, lightblue);
}

.dashboardTab {
    
}

.dashboardPortal {;
    background-color: #FFFFFF;
}

.dashboardPortlet {
    background-color: #FFFFFF;
}

.otherSectionsPanel {
    color: #000000;
    background-color: #FFFFFF;
}
.otherSectionsTile {
    color: #000000;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF, #DDDDDD);
}

.sectionTabSet {
    color: #000000;
    background-color: #FFFFFF;
}
.sectionTabPane {
    background-color: #EEEEEE;
}
.sectionTabTop {
    padding: 6px;
    color: #000000;
    font-weight: bold;
    background-color: #DDDDDD;
    border-top: darkgray solid 1px;
    border-left: darkgray solid 1px;
    border-right: darkgray solid 1px;
    border-radius: 6px 6px 0px 0px;
}
.sectionTabTopOver,
.sectionTabTopDown {
    padding: 6px;
    font-weight: bold;
    color: #000000;
    background-color: #EEEEEE;
    border-top: darkgray solid 1px;
    border-left: darkgray solid 1px;
    border-right: darkgray solid 1px;
    border-radius: 6px 6px 0px 0px;
}
.sectionTabTopSelected,
.sectionTabTopSelectedOver,
.sectionTabTopSelectedDown {
    padding: 6px;
    font-weight: bold;
    color: #000000;
    background-color: #EEEEEE;
    border-top: black solid 1px;
    border-left: black solid 1px;
    border-right: black solid 1px;
    border-radius: 6px 6px 0px 0px;
}

.sectionNavTree {
}
.sectionNavTreeOver {
    background-color: lightblue;
    background-image: linear-gradient(to bottom, aliceblue, lightblue)
}
.sectionNavTreeSelected,
.sectionNavTreeSelectedOver {
    background-color: lightblue;
    background-image: linear-gradient(to bottom, aliceblue, lightblue);
}

.entityForm {
    background-color: #FFF;
}

.entityFormField {
}

.entityViewPanel {
    background-color: #FFF;
}

.entityViewLabel {
    font-size: 11px;
}

.entityViewField,
.entityViewFieldDisabled,
.entityViewFieldError {
    margin: 1px 1px 1px 1px;
    padding: 3px 3px 0px 3px;
    height: 18px;
    border: solid 1px;
    border-radius: 4px;
    border-color: lightblue;
    background-color: aliceblue;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-table;
}

.infoPanel {
    margin: 2px 2px 2px 2px;
    padding: 5px 3px 0px 3px;
    background-color: #0081CB;
    background-image: linear-gradient(to bottom,  #0081CB, #01B1EC);
}
.infoTabSet {
    
}
.infoTabPane {
    background-image: linear-gradient(to bottom, #FFFFFF, #EEEEEE);
}
.infoTabTop {
    
}

.sectionPageField {
}

.systemSection {
    background-color: #FFF;
}

.systemSideBar {
    background-color: #EEE;
}

.leftSideBar {
    background-color: #EEE;
}

.rightSideBar {
    background-color: #EEE;
}

.rightSpacer {
    border-left: darkgray solid 1px;
}


.loginMain {
    color: white;
    background-color: #543670;
    background-image: linear-gradient(to bottom,  #0191df, #00577f);
}
.loginPanel  {
    padding: 15px;
    border-radius: 15px;
    color: black;
    background-color: white;
}
.loginMessage {
    padding: 10px;
    font-family: 'Arial';
    font-size: 12px;
    border-bottom: solid 1px;
}
.loginForm {
}
.loginButton {
    padding: 15px;
    border-radius: 15px;
    color: white;
    font-size: 14px;
    background-color: #EC7211;
}
.loginButtonOver {
    padding: 15px;
    border-radius: 15px;
    color: white;
    font-size: 14px;
    background-color: #FD8322;
}
.loginButtonDown {
    padding: 15px;
    border-radius: 15px;
    color: white;
    font-size: 14px;
    background-color: #DB6100;
}
.softLoginButton {
    padding: 15px;
    border-radius: 15px;
    color: black;
    font-size: 14px;
    background-color: #CCCCCC;
}
.softLoginButtonOver {
    padding: 15px;
    border-radius: 15px;
    color: black;
    font-size: 14px;
    background-color: #DDDDDD;
}
.softLoginButtonDown {
    padding: 15px;
    border-radius: 15px;
    color: black;
    font-size: 14px;
    background-color: #BBBBBB;
}





.dashboardMain {
color: black;
background-color: white;
}
.dashboardWelcome {
color: black;
font-size: 20px;
}
.dashboardItemLabel {
color: #0081CB;
font-size: 16px;
font-weight: bold;
}
.dashboardItem {
    padding: 15px;
    border: darkgray solid 1px;
    border-radius: 15px;
    color: white;
    background-color: #D9EDF7;
}
.metricCard {
padding: 15px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #D9EDF7;
}
.metricCard:hover {
padding: 15px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #EAFEF8;
}
.metricCardAlert {
padding: 15px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #AA0000;
}
.metricCardAlert:hover {
padding: 15px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #FF0000;
}
.metricName {
color: #0081CB;
font-size: 14px;
font-weight: bold;
}
.metricValue {
color: #0081CB;
font-size: 24px;
}
.metricSubtext {
color: #0081CB;
font-size: 11px;
}
.metricCategory,
.metricCategorySelected,
.metricCategoryFocused,
.metricCategorySelectedOver {
padding: 34px;
font-size: 20px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #112233;
}
.metricCategoryOver {
padding: 34px;
font-size: 20px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #543670;
background-image: linear-gradient(to bottom, #543670, #223344);
}
.metricCategoryDown {
padding: 34px;
font-size: 20px;
border: darkgray solid 1px;
border-radius: 15px;
color: white;
background-color: #543670;
background-image: linear-gradient(to bottom, #543670, #223344);
}



.dashboardTabSet {
    color: #FFFFFF;
    background-color: #0F0F0F;
}
.dashboardTabPane {
    margin: 0px;
    padding: 0px;
    background-color: #2d5066;
    background-image: linear-gradient(to bottom,  #0191df, #00577f);
}
.dashboardTabLeft {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0F0F0F;
    border-top: #0F0F0F solid 1px;
    border-bottom: #0F0F0F solid 1px;
}
.dashboardTabLeftOver,
.dashboardTabLeftDown {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0F0F0F;
    border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
}
.dashboardTabLeftSelected,
.dashboardTabLeftSelectedOver,
.dashboardTabLeftSelectedDown {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    border-top: solid 1px;
    border-bottom: solid 1px;
    color: #FFFFFF;
    background-color: #543670;
    background-image: linear-gradient(to bottom, #543670, #223344);
}