:root 
{ 
    --primary-text-color: #3A4245;
    --primary-background-color: #ffffff;
    --primary-border-color: #E3E6E7;
    --primary-link-color: #0073C6;
    --secondary-background-color: #F6F7F8;
    --secondary-text-color: #69767C;
    --tertiary-background-color: #F6F7F8;
    --tertiary-text-color: #434E58;
    --status-available: #7fdf83;
    --status-informational: #6495ed;
    --status-degraded: #ff9f00;
    --status-unavailable: #e51c23;
    --status-maintenance: #ffe900;
}

#page-wrapper { background-color: #f3f3f3; }

.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);font-family: Helvetica, Arial, sans-serif !important }

.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-link { background-color: var(--primary-background-color) !important; color: var(--primary-text-color) !important; }

.card,
.search-result-item,
.select-dropdown,
.components-dropdown,
.groups-dropdown { background-color: var(--primary-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; }


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

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

.incident-header-type {
font-size:14px;
}

.incident-header-date{
font-size:14px;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5{
    color: #3A4245;
}

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

.ibox-title h1{
    font-size: 14pt;
}

.ibox-title .ibox-tools{
    margin-top: 3px;
}

.ibox-content{
    border-radius: 8px;
}

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


.widget-uptimesummary .ibox-content{
	border-bottom: none;
}

.incident-title, .incident-header {
    font-weight: 500;
    color: #0073C6;
    margin-bottom: 0 !important;
    margin-top: 1px !important;
}

h2.incident-title {
    font-weight: 600;
    color: #0073C6;
    font-size: 12pt;
}

.incident-icon{
    font-size: 7pt;
}


.badge{
    background-color: #69767C;
    color: #fff;
    font-weight: 500;
}

.acsecondary {
    background-color: #F6F7F8;
    color: #3A4245;
}

.incident-status.status-inprogress{
    color: #0073C6;
    font-weight: 600;
}

.incident-update-when{
    font-size: 11pt;
    color: #434E58;
    font-weight: 600;
}
.incident-header .incident-date{
    font-size: 11pt;
    color: #69767C;
    font-weight: 400;
}

.incident-date{
    font-style: unset !important;
    color: #3A4245;
    margin-bottom: 8px !important;
}

.tooltipster-box{
    background-color: #fff !important;
}

.tooltipster-box p, .tooltipster-box div{
    color: #3A4245;
}

.incident-tooltip-title{
    font-size: 16px;
}

.incident-tooltip-title-wrapper{
    display: flex;
    align-items: center;
}

.incident-header-type{
    display:flex;
}

.incident-header-type span{
    font-size: 16px;
}

.incident-list-group-date{
    font-size: 14px;
}

body {
  font-family: Helvetica, Arial, sans-serif;
}

.navbarone a {
  float: left;
  font-size: 14px; 
  font-weight: 600;
    color: #3A4245;
  text-align: center;
  padding: 14px 25px;
  text-decoration: none;
}

.dropdownone {
  float: left;
  overflow: hidden;
}

.dropdownone .dropbtn {
  font-size: 14px;
    font-weight: 600;
    border: none;
  outline: none;
  color: #3A4245;
  padding: 14px 25px;
  background-color: inherit;
  font-family: helvetica;
  margin: 0;
}

.dropdown-contentone {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-contentone a {
  float: none;
  color: #3A4245;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-contentone a:hover {
  background-color: #E3E6E7;
}

.dropdownone:hover .dropdown-contentone {
  display: block;
}


.incident-update-text span{
    font-family: Helvetica, Arial, sans-serif !important;
    color:#69767C !important;
    font-size: 10.5pt !important;
    font-weight: 400 !important;
}
.incident-update-text p{
    font-family: Helvetica, Arial, sans-serif !important;
    color:#69767C !important;
    font-size: 10.5pt !important;
    font-weight: 400 !important;
}

.page-incident .panel-body span{
    font-family: Helvetica, Arial, sans-serif !important;
    color:#69767C !important;
    font-size: 10.5pt !important;
    font-weight: 400 !important;
}
.page-incident .panel-body p{
    font-family: Helvetica, Arial, sans-serif !important;
    color:#69767C !important;
    font-size: 10.5pt !important;
    font-weight: 400 !important;
}
.panel-warning .panel-heading {
    background-color: #3A4245 !important;
    border-color: #3A4245 !important;
}
.panel-default .panel-heading {
    background-color: #69767C !important;
    border-color: #69767C !important;
}
.panel-heading {
    color: #fff !important;
}
.panel-heading-date {
    color: #fff !important;
}
.panel-success .panel-heading {
    background-color: #009120 !important;
    border-color: #009120 !important;
}
.panel-info .panel-heading {
    background-color: #829096 !important;
    border-color: #829096 !important;
}

.status-list-component-name{
    font-weight: bold;
}

.status-list-component-accordion-inner .status-list-component-name{
    font-weight: inherit;
}