:root 
{
  --primary-text-color: #000000; /*black*/
  --primary-background-color: #ffffff;  /*white*/
  --primary-border-color: #ececec;  /*lightgray*/
  --primary-link-color: #004bfe;  /*Airship light blue*/
  
  --font-family-default:  "GT America", Helvetica, Arial, sans-serif;
  
  --secondary-background-color: #004bfe;  /*Airship light blue*/
  --secondary-link-color: #040444; /*Airship navy blue*/
  --secondary-text-color: #ffffff; /*white*/
  
  --airship-disabled-button: #666666;

  --status-available:#72BC44;
  --status-informational:#6495ED;
  --status-degraded:#FF9F00;
  --status-maintenance:#fcca03;
  --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)}

.header-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-parent > div {
    display: flex;
    gap: 10px;
}

.header-parent > h1 {
  font-size: 24px;
}

.footer {
  background-color: white;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer a {
  color: var(--primary-link-color);
  text-decoration: none;
  margin: 0 10px;
  font-family: "GT America", Helvetica, Arial, sans-serif;
}

.footer a:hover {
  text-decoration: underline;
}

.status-text {
  text-align: center;
  font-family: "GT America", Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
}

.status-text a {
  color: var(--primary-link-color);
  text-decoration: underline;
}

.copyright {
  color: var(--primary-text-color);
  font-family: "GT America", Helvetica, Arial, sans-serif;
  margin-right: 10px;
}

.links {
  display: flex;
  flex-wrap: wrap;
}

.d-flex.justify-content-between.toc-widget-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly !important;
}

a#subscribe-modal {
    border: solid var(--primary-link-color) !important;
    border-radius: 5px;
    color: var(--primary-link-color) !important;
    position: relative;
    left: 25px;
    font-weight: bold !important;
    width: 180px;
    text-align: center;
}

a#subscribe-modal:after {
    content: " to updates";
}

a#subscribe-incident-modal {
    border: solid var(--secondary-background-color) 1px;
    border-radius: 5px;
    color: var(--primary-background-color) !important;
    background-color: var(--secondary-background-color);
}

/* Legend */
.d-flex.justify-content-between.toc-widget-wrapper {
    padding: 10px;
}

#subscribeModalForm div.col-form-label {
  display: none;
}

.support-button {
    border: solid var(--secondary-background-color) 1px;
    padding: 5px;
    border-radius: 5px;
    color: var(--primary-background-color) !important;
    background-color: var(--secondary-background-color);
    text-decoration: none;
    text-align: center;
    width: 135px;
}

.statuspage-button {
    border: solid var(--primary-text-color) 1px;
    padding: 5px;
    border-radius: 5px;
    color: var(--primary-text-color) !important;
    background-color: var(--primary-background-color);
    text-decoration: none;
    text-align: center;
    width: 135px;
}

/* Subscription config update button */
button.ladda-button.btn.btn-primary.mb-2 {
    border: solid var(--secondary-background-color) 1px;
    border-radius: 5px;
    color: var(--primary-background-color) !important;
    background-color: var(--secondary-background-color);
}

/* Subscription config unsubscribe button */
button.ladda-button.btn.btn-white.mb-2.mr-2.unsubscribe {
    border: solid var(--primary-text-color) 1px;
    border-radius: 5px;
    color: var(--primary-text-color) !important;
    background-color: var(--primary-background-color);
}

.modal-body:before {
    content: "By subscribing, you agree to the Airship Website Terms of Use and the Airship Privacy Statement listed in the footer of this page. By entering your phone number, you agree to subscribe to text messages (“SMS Messages”) for uptime updates about the Airship Services. Message and data rates may apply. To opt out of SMS Messages, reply STOP to the number sending the SMS Messages.";
    margin-bottom: 20px;
    display: block;
}

.ibox {
    box-shadow: 0 2px 15px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 7%);
}

.button-parent{
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 130px;
}

@media (max-width: 768px) {
  .header-parent {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  a#subscribe-modal {
    display: inline-block;
    left: 15px;
  }
  
  .statuspage-button {
    min-width: 54px;
  }
}

/*Subscribe modal title*/
.modal-header > h4 {
    font-size: 0;
    line-height: 0;
}

/*Subscribe modal title*/
.modal-header > h4:before {
    content: " Subscribe to Airship EU status page updates";
    font-size: 14px;
    line-height: 16.8px;
}

/*Webhook URL*/
label[for="WebhookUrl"]:after {
    content: " (The URL we should send webhooks to)";
    font-weight: normal;
}

/*Subscribe modal subscribe button*/
.btn.btn-modal-action.btn-primary.pull-right {
    background-color: blue;
    border-radius: 5px;
}

.btn.btn-modal-action.btn-primary.pull-right:disabled {
    background-color: var(--airship-disabled-button);
}

/*Subscribe modal close button*/
.btn.btn-modal-action.btn-white {
    border: solid var(--primary-text-color) 1px;
    border-radius: 5px;
    color: var(--primary-text-color) !important;
    background-color: var(--primary-background-color);
    text-decoration: none;
    text-align: center;
    position: relative;
    left: 50px;
    z-index: 10;
}

.header-parent > a {
    text-align: center;
}

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

body{
    color:var(--primary-text-color);
    font-family: var(--font-family-default);
}
a{color:var(--primary-link-color);}
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);
}
.widget-tableofcontents > div > div.ibox-content{
    border: none;
    padding: 0px 20px 0px 20px;
}

  /*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-investigating {background-color: var(--status-investigating);} 
.status-monitoring {background-color: var(--status-monitoring);} 
.status-identified {background-color: var(--status-identified);}