:root 
{
  --primary-text-color: #fffef2; 
  --primary-background-color: #222222;
  --primary-border-color: #111111;
  --primary-link-color: #008AD8;
  
  --secondary-background-color:#4f4f4f;
  --secondary-text-color:#fffef2;
  
  --status-available:#84BD00;
  --status-informational:#008AD8;
  --status-degraded:#ff9e1b;
  --status-unavailable:#c5003e;
  --status-maintenance:#FFE900;
  --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;}

.top-navigation .nav>li a:hover, 
.top-navigation .nav>li a:focus,
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box,
.dropdown-menu,.historygrid tbody tr:hover
{
    background-color:var(--secondary-background-color);
}

.search,
.btn-arrow,
.form-control
{
    background-color:var(--primary-background-color) !important;
    color:var(--primary-text-color) !important;
}
.modal-content
{
    background-color:var(--secondary-background-color) !important;
    border-color:var(--primary-border-color) !important;
    box-shadow: 0 0 5px 1px var(--primary-border-color) !important;
}


.panel
{
    background-color:var(--secondary-background-color) !important;
    border-color:var(--primary-border-color) !important;
    box-shadow: 0 0 5px 1px var(--primary-border-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);
}

.btn-white
{
  background-color:var(--primary-background-color) !important;  
}
.btn-primary
{
    border-color:var(--primary-text-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-modal .subscribe-link
{
    background-color:var(--primary-background-color) !important;
    color:var(--secondary-text-color) !important;
}

.card,
.search-result-item,
.select-dropdown,
.components-dropdown,
.groups-dropdown
{
    background-color:var(--secondary-background-color) !important;
    color:var(--primary-text-color) !important;
}

.dropdown-menu>li>a:hover,
.search-result-item:hover
{
    background-color:var(--primary-background-color) !important;
}

#filter-result label
{
    color:var(--primary-text-color) !important;
}

.btn-link:hover
{
   color:var(--primary-link-color) !important; 
}

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);
}

/*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:10pt;
}

/*Rounding the widget borders*/
.ibox-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ibox.widget-container, .ibox {
    border-radius: 8px;
    background-color:var(--primary-background-color)
}

.ibox-title {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

 /* allow smaller boxes for card view*/
 .incident-card{
min-height: 175px
}

.card-content {
     background-color:var(--primary-background-color)
}