:root {
  --tus-blue-background: #0097d0;
  --tus-blue: #00a8e4;
  --tus-blue-dark: #002747;
  --tus-blue-medium: #003f68;
  --tus-blue-light: #00A8E1;
  --tus-blue-lighter: #afe0f5;
  --tus-blue-lighter-darker-background: #7accef;
  --tus-red: #ce2a4c;
  --tus-red-darker-background: #bf2747;
  --tus-grey-font: #616064;
  --tus-grey-bglight: #f4f3f3;
  --tus-grey-bgmedium: #dad9d8;
  --tus-green: #21823f;
  --red-dark: #79192d;
  --red: #ce2a4c;
  --green-bright: #9fac92;
  --green-dark: #6c7b5d;
  --tus-omnitrackermessages-blue: rgb(0,168,225);
  --tus-omnitrackermessages-darkblue: rgb(0,61,98);
  --tus-omnitrackermessages-red: rgb(206,42,76);
  --tus-omnitrackermessages-grey: rgb(167,168,169);
  --tus-omnitrackermessages-orange: rgb(239,121,6);
  --tus-omnitrackermessages-green: rgb(164,186,0);
}

.tx-omnitrackermessages h6 + ul {
  margin-top: 0;
}
.tx-omnitrackermessages .d-grid-center {
  display: grid;
  place-items: center;
}

.content.infotoolmessage {
  margin-bottom: 3rem !important;
  color: #000;
}
.content.infotoolmessage.nomessages .col10 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content.infotoolmessage.nomessages header.content .icon {
  background-color: var(--tus-omnitrackermessages-green);
}
.content.infotoolmessage .messagedate {
  font-size: 1rem;
}
.content.infotoolmessage h4, .content.infotoolmessage h6 {
  margin: 0;
  color: #fff;
  font-size: 1.388rem;
  text-transform: none;
  text-align: left;
}
.content.infotoolmessage .messagedate + h4 {
  font-size: 2rem;
}
.content.infotoolmessage .messagedate + h4 + p {
  margin-top: 0;
}
.content.infotoolmessage header.content {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: var(--tus-omnitrackermessages-darkblue);
  color: #fff;
}
.content.infotoolmessage header.content .detail > div {
  border-left: 3px solid #fff;
  padding: 15px 10px;
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .content.infotoolmessage header.content .detail > div {
    border-left: none;
    border-top: 3px solid #fff;
  }
  .content.infotoolmessage header.content .detail .timestamp {
    border-left: 3px solid #fff;
  }
}
@media screen and (min-width: 768px) and (max-width: 860px) {
  .content.infotoolmessage header.content .detail > div {
    border-left: none;
    border-top: 3px solid #fff;
  }
  .content.infotoolmessage header.content .detail .message-type {
    border-left: 3px solid #fff;
    border-top: 0;
  }
  .content.infotoolmessage header.content .detail .affected-systems,
  .content.infotoolmessage header.content .detail .affected-regions,
  .content.infotoolmessage header.content .detail .timestamp {
    border-left: 3px solid #fff;
  }
}
.content.infotoolmessage header .icon {
  display: grid;
  place-items: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 6px solid #fff;
  margin: 30px 0;
}
.content.infotoolmessage header .icon svg {
  width: 100%;
}
.content.infotoolmessage header .icon svg.incident {
  width: 30px;
}
.content.infotoolmessage header .icon svg.maintenance {
  width: 55px;
}
.content.infotoolmessage .content a {
  color: #fff !important;
}
.content.infotoolmessage .content.details {
  padding: 0;
  margin: 0;
  hypens: auto;
}
.content.infotoolmessage .content.details .responsive-table {
  color: var(--tus-omnitrackermessages-darkblue);
  /* Accordion styling for smaller screens */
}
.content.infotoolmessage .content.details .responsive-table .row {
  display: flex;
  border-bottom: 1px solid var(--tus-omnitrackermessages-darkblue);
  min-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 !important;
}
.content.infotoolmessage .content.details .responsive-table .row h4 {
  color: var(--tus-blue-medium);
}
.content.infotoolmessage .content.details .responsive-table .row h6 {
  color: var(--tus-omnitrackermessages-darkblue);
}
.content.infotoolmessage .content.details .responsive-table .row h6 p {
  margin: 0;
}
.content.infotoolmessage .content.details .responsive-table .row .header span.trigger {
  display: none;
}
.content.infotoolmessage .content.details .responsive-table .row .content {
  display: block;
  padding-left: 10px;
  margin: 0 !important;
}
.content.infotoolmessage .content.details .responsive-table .row .content p:empty {
  display: none;
}
@media screen and (max-width: 860px) {
  .content.infotoolmessage .content.details .responsive-table .row {
    flex-direction: column;
  }
  .content.infotoolmessage .content.details .responsive-table .row .header {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .content.infotoolmessage .content.details .responsive-table .row .header span.trigger {
    width: 50px;
    padding-left: 15px;
    margin-right: 10px;
    display: block;
  }
  .content.infotoolmessage .content.details .responsive-table .row .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding-left: 60px;
  }
  .content.infotoolmessage .content.details .responsive-table .row.active .content {
    max-height: 500px;
    transition: max-height 0.2s ease-out;
  }
}
.content.infotoolmessage ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content.infotoolmessage .messagebody.content {
  width: 100%;
  padding: 30px;
  margin: 0;
}
.content.infotoolmessage .messagebody.content a.more {
  margin-top: 20px;
  display: inline-block;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.content.infotoolmessage.incident.incidentcategory-1 header.content .icon {
  background-color: var(--tus-omnitrackermessages-red);
}
.content.infotoolmessage.incident.incidentcategory-2 header.content .icon {
  background-color: var(--tus-omnitrackermessages-orange);
}
.content.infotoolmessage.incident.incidentcategory-3 header.content .icon {
  background-color: var(--tus-omnitrackermessages-grey);
}
.content.infotoolmessage.incident.solved header.content .icon {
  background-color: var(--tus-omnitrackermessages-green);
}
.content.infotoolmessage.maintenance.planned header.content .icon, .content.infotoolmessage.maintenance.ongoing header.content .icon {
  background-color: var(--tus-omnitrackermessages-blue);
}
.content.infotoolmessage.maintenance.complicated header.content .icon {
  background-color: var(--tus-omnitrackermessages-orange);
}
.content.infotoolmessage.maintenance.finished header.content .icon {
  background-color: var(--tus-omnitrackermessages-green);
}

/*# sourceMappingURL=omnitrackermessages.css.map */