.container {
      --bs-gutter-x:1.5rem;
      --bs-gutter-y:0;
      margin-left:auto;
      margin-right:auto;
      padding-left:calc(var(--bs-gutter-x)*.5);
      padding-right:calc(var(--bs-gutter-x)*.5);
      width:100%
    }
    @media(min-width:576px) {
      .container {
        max-width:540px
      }
    }
    @media(min-width:768px) {
      .container {
        max-width:720px
      }
    }
    @media(min-width:992px) {
      .container {
        max-width:952px
      }
    }
    @media(min-width:1200px) {
      .container {
        max-width:1120px
      }
    }
    @media(min-width:1400px) {
      .container {
        max-width:1320px
      }
    }
    .row {
      --bs-gutter-x:1.5rem;
      --bs-gutter-y:0;
      display:flex;
      flex-wrap:wrap;
      margin-left:calc(var(--bs-gutter-x)*-.5);
      margin-right:calc(var(--bs-gutter-x)*-.5);
      margin-top:calc(var(--bs-gutter-y)*-1)
    }
    .row>* {
      flex-shrink:0;
      margin-top:var(--bs-gutter-y);
      max-width:100%;
      padding-left:calc(var(--bs-gutter-x)*.5);
      padding-right:calc(var(--bs-gutter-x)*.5);
      width:100%
    }

    .glbl {
      background-color:#fff;
      box-shadow:0 .125rem .25rem #0d0d0d20;
      position:relative;
      z-index:10
    }
    .glbl__row {
      padding:1rem 0
    }
    .glbl__home,
    .glbl__row>.col-auto {
      align-items:center;
      display:flex
    }
    .glbl__home,
    .glbl__home:hover {
      text-decoration:none
    }
    .glbl__home:focus {
      background-color:#b2d8f6!important
    }
    .glbl__logo {
      height:2.5rem;
      width:8.571rem
    }
    .glbl__name {
      display:none;
      text-transform:uppercase
    }
    @media(min-width:768px) {
      .glbl__name {
        color:#002754;
        display:block;
        font-family:Arial,sans-serif;
        font-size:.889rem;
        margin-left:2rem
      }
    }

    .uv-hdr {
      background-color:#005493;
      box-shadow:0 .125rem .25rem #0d0d0d20
    }
    .uv-hdr__container {
      align-items:center;
      display:flex;
      min-height:3.5rem;
      overflow:hidden;
      padding-bottom:.5rem;
      padding-top:.5rem
    }
    .uv-hdr__name {
      color:#fff;
      font-family:Arial,sans-serif;
      font-size:1.067rem;
      font-weight: 500;
      order:1
    }
    @media(min-width:768px) {
      .uv-hdr__name {
        font-size:1.138rem
      }
    }
    .uv-hdr__name a {
      color:#fff
    }
    @media(min-width:992px) {
      .uv-hdr {
        background:#f8f9fa
      }
      .uv-hdr__container {
        min-height:0
      }
      .uv-hdr__name {
        color:#005493;
        font-size:1.215rem
      }
      .uv-hdr__name a {
        color:#005493
      }
    }

    p {
      margin-bottom: 1.5rem;
    }
    ul {
      padding-left: 1.25rem;
      list-style-type: square;
    }
    a:hover {
      text-decoration-line:underline;
      text-decoration-thickness:.15em
    }
    a:focus {
      color:#fff !important;
      text-decoration-line:none;
      background-color:#005ebd
    }
    .mt-4 {
      margin-top: 2rem;
    }

    h1.incident-name {
      color: #002754 !important;
    }

    /* Incident cards and list */
    a.incident-title,
    .incident-title a {
      color: #005ebd !important;
    }
    a.incident-title:focus,
    .incident-title a:focus {
      color: #fff !important;
    }
    .unresolved-incidents .incident-title {
      background-color: #fff !important;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    .unresolved-incidents .incident-title,
    .unresolved-incidents .updates {
      border: 1px solid #ccc !important;
    }
    .unresolved-incidents .updates {
      border-top: none !important;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .layout-content .pagination a:not(.disabled) {
      background-color: #fff !important;
    }

    /* Critical incident icon */
    .layout-content.status.status-index .incidents-list .incident-title.impact-critical a,
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title a.actual-title {
      padding-left: 1.75em;
      position: relative;
    }
    .layout-content.status.status-index .incidents-list .incident-title.impact-critical a::before,
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title a.actual-title::before {
      position: absolute;
      display: block;
      height: 1.25em;
      width: 1.25em;
      left: 0;
      top: 0;
      content: '';
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"/></svg>');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
    
    /* Accordion icons */
    .fa-minus-square-o::before,
    .fa-plus-square-o::before {
      display: inline-block;
      font-weight: bold;
      font-size: 1.5em;
      width: .5em;
      text-align: center;
    }
    .fa-plus-square-o::before {
      content: '+';
    }
    .fa-minus-square-o::before {
      content: '-';
    }

    /* Tool tip */
    button.tooltip-base {
      color: #333333;
      background-color: #fff;
    }
    button.tooltip-base:hover {
      color: #fff;
      background-color: #005EBD;
    }

    /* Status indicators */
    .components-container .component-inner-container .component-status {
      background-color: #ccc;
      padding: 0 .5em;
      color: #fff !important;
      border-radius: 4px;
    }
    .components-container .component-inner-container.status-green .component-status {
      background-color: #008538;
    }
    .components-container .component-inner-container.status-blue .component-status {
      background-color: #005EBD;
    }
    .components-container .component-inner-container.status-yellow .component-status {
      background-color: #F0A82F;
    }
    .components-container .component-inner-container.status-orange .component-status {
      background-color: #EB982A;
    }
    .components-container .component-inner-container.status-red .component-status {
      background-color: #C63527;
    }
                          
/**************************
 * Consistent rounding/bg *
 **************************/
.layout-content.status.status-index .page-status,
.layout-content.status.status-index .components-section .components-container.one-column,
.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    border-radius: 4px;
}
/* Body text */
body,
body p,
body li,
body span,
body div,
body a,
body button,
body input,
body textarea {
    font-family: "Open Sans", Arial, sans-serif !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.page-status,
.component-name {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 240;
}

.availability-time-line-graphic rect {
  rx: 4px;
}

.layout-content.status.status-index .components-section .components-container.one-column,
.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    background: rgba(0, 0, 0, 0.3);
}

/*********
 * Pills *
 *********/
.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe,
.layout-content.status.status-full-history .history-nav a,
.layout-content .pagination a {
    padding: .2em .8em .05em !important;
    text-align: center !important;
    border: none !important;
    border-radius: .8em !important;
    -webkit-transition: all .2s !important;
    -o-transition: all .2s !important;
    transition: all .2s !important;
}

.layout-content .pagination a {
    padding: .2em .6em !important;
    width: auto !important;
    height: auto !important;
    font-size: 0.9em !important;
    line-height: 1 !important;
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe.active,
.layout-content.status.status-full-history .history-nav a.current,
.layout-content .pagination a:not(.disabled) {
    background: #005EBD; /* LINK COLOR */
  	  color: #fff;
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe:not(.active):hover,
.layout-content.status.status-full-history .history-nav a:not(.current):hover,
.layout-content .pagination a:not(.disabled):hover {
    background: rgba(255, 255, 255, 0.2);
}

.layout-content .pagination a:not(.disabled):hover i::before {
    color: #005EBD; /* LINK COLOR */
    
}

.layout-content.status.status-full-history .history-nav {
    border: none;
}

/****************
 * Fix tooltips *
 ****************/
#uptime-tooltip {
    border: none !important;
    background: transparent !important;
}

#uptime-tooltip .tooltip-box,
#uptime-tooltip #box-arrow {
    background: #fff !important;
}

#uptime-tooltip #box-arrow {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

#uptime-tooltip .pointer-smaller {
    border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

#uptime-tooltip .outage-field {
    background: rgba(100, 100, 100, 0.4) !important;
}

#uptime-tooltip .related-events .related-event .related-event-link {
    color: #333333 !important; /* FONT COLOR */
}

/*****************************
 * Uniform status background *
 *****************************/
.layout-content.status.status-index .components-section .components-container.one-column, .layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    background-color: #eee;
}

.status h2 {
	    margin-bottom: 5px;
}

/************************
 * Hide separator lines *
 ************************/
body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table {
//    border-color: transparent;
}

/************************
 * Past incidents lines *
 ************************/
body.status .layout-content.status .date.border-color {
    border-color: #E0E0E0;
}

/*****************
 * Overall width *
 *****************/
.container {
    max-width: 880px;
}

/**********************
 * Fix subscribe text *
 **********************/
.updates-dropdown-container .updates-dropdown .updates-dropdown-section {
    color: #000;
}

/*********************
 * Tooltip '?' color *
 *********************/
.tooltip-base {
    color: #B9B9BA;
}

/*****************
 * Custom header *
 *****************/
.custom-header-bar {
    text-align: left;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 15px;
    color: #333333; /* FONT COLOR */
    font-size: 16px;
    background-color: #005EBD;
    border-bottom: 1px solid #002754; /* LINK COLOR */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.custom-header-navigation {
    min-width: 520px;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    line-height: 23px;
    white-space: nowrap;
}

.custom-header-navigation li {
    display: inline-block;
    padding-right: 5px;
    height: 43px;
    vertical-align: top
}

.custom-header-navigation li:last-child {
    padding-right: 0
}

.custom-header-navigation a {
    padding: 10px 5px;
    display: inline-block;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.custom-header-navigation a:hover {
    text-decoration: none
}

.custom-header-navigation h1 {
    font-size: inherit;
    display: inline-block;
    line-height: 0;
    margin: 0
}

.custom-header-navigation a {
    color: #fff; /* FONT COLOR */
}

.custom-header-navigation a:hover {
    color: #fff; /* LINK COLOR */
    background-color: #002754;
    text-decoration: none
}

/*******************
 * Custom masthead *
 *******************/
.custom-masthead {
    text-align: center;
}

/**********************
 * Custom top content *
 *********************/
.custom-top-content {
    max-width: 880px;
    margin: 0 auto;
  			  padding: 20px;
}
.custom-top-content-left,
.custom-top-content-right {
    text-align: left;
    width: 100%;
  	  max-width: 100%;
    box-sizing: border-box;
}
.custom-top-content-right ul {
    padding-left:25px;
  list-style-type: disc;
3
padding-left: 2rem;
}
.custom-top-content-right li {
  	  padding-left:10px;
}
.custom-top-content-right li::marker {
    content: normal;
}


/**********
 * Status *
 **********/
.layout-content.status.status-index .page-status {
    border: none;
    text-shadow: none;
}

/***********
 * Buttons *
 ***********/
.flat-button,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    box-shadow: none;
    text-shadow: none;
  	  background-color: #005493;
    color: #ffffffff;
}

/***********
 * Metrics *
 ***********/
.metric .metric-meta {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    margin: .75rem 0 .125rem;
}

.metric .metric-meta .metric-name,
.metric .metric-meta .metric-average {
    display: inline-block;
}

.metric .metric-meta .metric-average {
    float: right;
}
  

.metric .highcharts-background {
    fill: none;
}

.custom-metrics-container .timeframes-container .timeframe {
    font-size: .85rem;
    color: #005EBD; /* LINK COLOR */
    margin: .25em 0 0 .5em;
}

.custom-metrics-container .timeframes-container #system-metrics {
    font-size: .85rem;
    font-weight: normal;
    color: #fff;
    pointer-events: none;
}