@import url('https://cdn.angelicdust.net/css/webfonts/ohruri.css');
@import url('https://cdn.angelicdust.net/css/webfonts/fontawesome-pro-6.6.0-web/fontawesome.min.css');
@import url('https://cdn.angelicdust.net/css/webfonts/fontawesome-pro-6.6.0-web/regular.min.css');
@import url('https://cdn.angelicdust.net/css/webfonts/fontawesome-pro-6.6.0-web/duotone.min.css');

.tooltip.fade.in {
  visibility: visible !important;
}

.tooltip {
  visibility: hidden;
}

.tooltip.fade:not(.in) {
  color:red;
  background-color: red;
  visibility: hidden !important;
}

/* Background */
body {
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(https://cdn.angelicdust.net/img/backgrounds/BotanicalGarden.jpg) center / cover no-repeat fixed black;
  font-family: "Ohruri", sans-serif;
  font-weight: 200;
}

.updates-dropdown-container {
    display: none;
}

/* Status text */
.page-status.status-none {
    background-color: rgba(255 0 0 / 25%) !important;
    border: 2px solid green !important;
}

.page-status.status-critical {
    background-color: rgba(0 255 0 / 25%) !important;
    border: 2px solid red !important;
}

.page-status.status-major {
    background-color: rgb(147 115 0 / 25%) !important;
    border: 2px solid orange !important;
}

.page-status.status-minor {
    background-color: rgba(239 255 0 / 25%) !important;
    border: 2px solid yellow !important;
}

.page-status.status-maintenance {
    background-color: rgba(0 208 255 / 25%) !important;
    border: 2px solid cyan !important;
}

/* Information status icon */
.components-section .component-container.is-group.open>.component-inner-container .component-status {
    display: initial !important;
}

.components-section .component-container.is-group>.component-inner-container .component-status {
    font-size: 0.975rem !important;
    text-shadow: 0px 0px 13px !important;
}

.fa-sm {
    line-height: unset !important;
    vertical-align: unset !important;
}

.tooltip-base {
  border: none !important;
}

/* Incident header */
.layout-content.status .custom-header-container {
    margin-bottom: 30px !important;
}

.layout-content.status.status-index .unresolved-incidents {
    margin-bottom: 0px !important;
}

div.unresolved-incidents {
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 4px !important;
}

div.unresolved-incidents .incident-title.font-large {
    border-width: 1px !important;
    border-radius: 4px 4px 0 0 !important;
}

div.unresolved-incident .updates {
    border-style: none !important;
}

div.unresolved-incident .updates, div.unresolved-incident .incident-title.font-large {
    background: linear-gradient(rgb(0 0 0 / 45%), rgba(0 0 0 / 45%)) !important;
}

/* Components container */
div.components-container.one-column {
    background: linear-gradient(rgb(173 173 173 / 45%), rgb(0 0 0 / 75%)) !important;
}

/* Icon */
div.header-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

div.header-logo img {
    margin-right: .5em !important;
    width: 4em  !important;
}