#app [v-cloak] {
    display: none;
}

html:not([data-bs-theme=dark]) .navbar {
    background-color: #f8f9fa;
}

html[data-bs-theme=dark] .navbar {
    background-color: #343a40;
}

#sscc-matrix .tab-content {
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

#sscc-matrix table {
    width: auto;
}

#sscc-matrix.live table {
    font-size: 0.8rem;
}

#sscc-matrix table tr th,
#sscc-matrix table tr td {
    border: none;
}

#sscc-matrix table th:first-child,
#sscc-matrix table td:first-child {
    padding-left: 0.3rem;
}

#sscc-matrix table th:last-child,
#sscc-matrix table td:last-child {
    padding-right: 0.3rem;
}

#sscc-matrix table tr th {
    font-weight: normal;
    height: 28px;
}

#sscc-matrix table tr td.text-center {
    width: 42px;
}

#sscc-matrix table tr td,
#sscc-matrix table tr th.last-domain-service {
    border-right: solid 1px #555;
}

[data-bs-theme=dark] #sscc-matrix table tr td,
[data-bs-theme=dark] #sscc-matrix table tr th.last-domain-service {
    border-right-color: #888;
}

#sscc-matrix table .domain-collapse {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#sscc-matrix table .header-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

#sscc-matrix table tr.service th {
    position: relative;
    height: 1em;
    width: 42px;
    overflow: visible;
}

#sscc-matrix table tr.service th span {
    position: absolute;
    right: 7px;
    height: 250px;
    z-index: 100;
    writing-mode: vertical-rl;
    transform: translate(100px, -218px) rotate(225deg);
    text-align: left;
    white-space: nowrap;
    padding: 0 4px 0 6px;
}

#sscc-matrix table tr.service span.last-domain-service {
    border-left: solid 1px #555;
}

[data-bs-theme=dark] #sscc-matrix table tr.service span.last-domain-service {
    border-left-color: #888;
}

#sscc-matrix table tr.service th {
    height: 270px;
    white-space: nowrap;
}