:root 
{
  --primary-text-color: #2c698e; /*mdblue*/
  --primary-background-color: #ffffff;  /*White*/
  --primary-border-color: #d9d9d9;  /*light grey*/
  --primary-link-color: ##2c698e;  /*mdblue*/
  
  --secondary-background-color:#003153;  /*Midnight*/
  --secondary-text-color:#ffffff;  /*white*/
  
  --status-available:#60A863;
  --status-informational:#6495ED;
  --status-degraded:#FF9F00;
  --status-maintenance:#D1C200;
  --status-unavailable:#E51C23;
  --status-investigating:#5064CD;
  --status-monitoring:#EF3471;
  --status-identified:#2794F2;
  
}

#page-wrapper{background-color:var(--primary-background-color)}

.navbar{background-color:var(--primary-background-color) !important;}
.ibox-title
{
    background-color:var(--secondary-background-color);
    border-color:var(--primary-border-color);
    color:var(--secondary-text-color);
}
.ibox-content
{
    background-color:var(--primary-background-color);
    border-color:var(--primary-border-color);
}

.fa-chevron-up,.fa-chevron-down,.fa-expand { color:var(--secondary-text-color)}


.footer-brand a {color:var(--primary-text-color) }
.component-uptime-from{color:var(--primary-text-color);}
.text-secondary.component-uptime-to{color:var(--primary-text-color)!important;}
.component-uptime-percentage{color:var(--primary-text-color);}

.subscribe-link
{
    background-color:var(--primary-background-color);
    color:var(--primary-text-color);
}

body{color:var(--primary-text-color);}
a{color:var(--primary-link-color) !important;}
table,td,th,.border{border-color:var(--primary-border-color) !important;}
table > thead > tr > th 
{
    background-color:var(--primary-background-color) !important;
    color:var(--primary-text-color);
}
table > tbody > tr > td 
{
    color:var(--primary-text-color);
}

.component-hierarchy-expand-icon {
    font-size:14px;
    font-weight:bold;
  }
  
  /*Rounding the widget borders*/
.ibox-content {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.ibox.widget-container, .ibox {
    border-radius: 24px;
}

.ibox-title {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
/*Rounding the widget borders*/
  
    /*button and bar colors*/

.component-available {color: var(--status-available);}
.component-informational {color: var(--status-informational);}
.component-degraded {color: var(--status-degraded);}
.component-unavailable {color: var(--status-unavailable);}
.component-maintenance {color:var(--status-maintenance);} 
.component-investigating {color:var(--status-investigating);}
.component-monitoring {color:var(--status-monitoring);}
.component-identified {color:var(--status-identified);}

.status-available{background-color: var(--status-available);}
.status-degraded{background-color: var(--status-degraded);}
.status-informational {background-color: var(--status-informational);}
.status-unavailable{background-color: var(--status-unavailable);}
.status-maintenance {background-color: var(--status-maintenance);} 
.status-maintenance {background-color: var(--status-maintenance);} 
.status-investigating {background-color: var(--status-investigating);} 
.status-monitoring {background-color: var(--status-monitoring);} 
.status-identified {background-color: var(--status-identified);} 
.currentstatus-card-normal {border-color: var(--status-available)}
.currentstatus-card-degraded {border-color: var(--status-degraded)}
.currentstatus-card-informational {border-color: var(--status-informational)}
.currentstatus-card-unavailable {border-color: var(--status-unavailable)}
.currentstatus-card-maintenance {border-color: var(--status-maintenance)}
.currentstatus-card-investigating {border-color: var(--status-investigating)}
.currentstatus-card-monitoring {border-color: var(--status-monitoring)}
.currentstatus-card-identified {border-color: var(--status-identified)}

.currentstatus-card-normal .legend{background-color: var(--status-available)}
.currentstatus-card-degraded .legend{background-color: var(--status-degraded)}
.currentstatus-card-informational .legend{background-color: var(--status-informational)}
.currentstatus-card-unavailable .legend{background-color: var(--status-unavailable)}
.currentstatus-card-maintenance .legend{background-color: var(--status-maintenance)}
.currentstatus-card-investigating .legend{background-color: var(--status-investigating)}
.currentstatus-card-monitoring .legend{background-color: var(--status-monitoring)}
.currentstatus-card-identified .legend{background-color: var(--status-identified)}

.currentstatus-card .legend{
    font-size:12pt;
}

.toc-component-identified{
    display:none !important;
}