.diagnostics-page {
    padding-left: 5vw;
}

.diagnostics-page .button {
    box-sizing: border-box;
    width: 8vw;
    height: 7vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25vw;
    background-color: var(--illi-intro-accent);
}

.diagnostics-page .button:focus{
    background-color: var(--illi-intro-accent);
}

.diagnostics-page .button:focus::before {
    border: 0.25vw solid var(--illi-intro-accent);
    content: "";
    position: absolute;
    width: calc(8vw + 0.5vw);
    height: calc(7vh + 0.5vw);
    border-radius: 1vw;
}

#diagnostics-back {
    margin-top: 5vh;
    margin-bottom: 5vh;
}

#diagnostics-back i,
h3 i,
h2 i {
    margin-right: 1vw;
}

.diagnostics-page table {
    font-size: 1.25vw;
    min-width: 20vw;
}

.diagnostics-page th {
    width: 7vw;
    text-align: end;
    padding-right: 1vw;
}

.diagnostics-model-info {
    width: 100%;
}

.diagnostics-app-and-account {
    width: 100%;
    display: flex;
    direction: row;
}

.diagnostics-network-info {
    width: 100%;
    display: flex;
    direction: row;
}

.diagnostics-network-speed-container {
    width: 30vw;
    position: relative;
}

.diagnostics-network-speed-container th{
    width: 11.5vw;
}

.diagnostics-network-server-status {
    position: relative;
}

#diagnostics-refresh {
    width: 15vw;
    margin-top: 3vh;
}

#diagnostics-refresh i {
    margin-right: 1vw;
}

#diagnostics-refresh:focus::before {
    width: calc(15vw + 0.5vw);
    height: calc(7vh + 0.5vw);
}

.diagnostics-page h2 {
    display: flex;
    align-items: center;
    min-width: 20vw;
}

.diagnostics-loading {
    position: absolute;
    font-size: 3vw;
    top: 5vw;
    left: 3vw;
}