@font-face {
    font-family: 'Eina-Bold';
    font-weight: 400;
    font-style: normal;
    src: url("Eina01-Bold.woff2") format('woff2');
}

@font-face {
    font-family: 'Eina';
    font-weight: 400;
    font-style: normal;
    src: url("Eina01-Regular.woff2") format('woff2');
}

body {
    --bs-body-font-family: "Eina",-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,Segoe UI,Roboto,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.kz-bold {
    font-family: 'Eina-Bold';
}

.kz-blue {
    font-family: 'Eina-Bold';
    color: #5058c7;
}

.kz-black {
    color: black;
}

.kz-gray {
    color: gray;
}

.kz-green {
    color: green;
}

.services-container {
    margin-top: 20px;
}

.footer-top {
    margin-top: 50px;
}

.footer-padding {
    padding-top: 3rem !important;
}

.status-container {
    margin-left: 5px;
    border-radius: 4px;
    &.critical {
        background-color: rgba(231, 76, 60, 0.15)
    }

    &.major {
        background-color: rgba(230, 126, 34, 0.15);
    }

    &.minor {
        background-color: rgba(241, 196, 15, 0.15);
    }

    &.maintenance {
        background-color: rgba(7, 81, 255, 0.15);
    }

    &.none {
        background-color: rgba(46, 204, 113, 0.15)
    }
}

.status-dot {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 99px;

    &.critical {
        background-color: #bd1f0f;
    }

    &.major {
        background-color: #c86c1b;
    }

    &.minor {
        background-color: #9e841a;
    }

    &.maintenance {
        background-color: #40b3ff;
    }

    &.none {
        background-color: #158445;
    }
}

.status-link {
    text-decoration: none;
    &.critical {
        color: #bd1f0f;
    }

    &.major {
        color: #c86c1b;
    }

    &.minor {
        color: #9e841a;
    }

    &.maintenance {
        color: #0099ff;
    }

    &.none {
        color: #158445;
    }
}

.maintenance-container {
    text-decoration: none;
    margin-left: 5px;
    border-radius: 4px;
    background-color: rgba(51, 66, 255, 0.15);
}

.maintenance-link {
    text-decoration: none;
    color: #414ffa;
}

code.addr-obf b {
    display: none;
}

/* Bootstrap Overrides */

.dropdown-menu:active, .dropdown-menu .active {
    --bs-dropdown-link-active-bg: purple;
}

[data-bs-theme="dark"] {
    body {
        --bs-body-bg: #121212;
    }
    .kz-res-icon {
        filter: invert(68%) sepia(7%) saturate(8%) hue-rotate(333deg) brightness(85%) contrast(81%);
    }
}