/* =========================
   SPIRIT TEK THEME
========================= */

:root{

    --cyan:#00eaff;
    --blue:#00aaff;
    --green:#00ff9d;
    --orange:#ffb100;
    --red:#ff4d67;

}

/* =========================
   SIDEBAR ACTIVE
========================= */

.sidebar nav a.active{
    background:
    linear-gradient(
    135deg,
    rgba(0,234,255,.12),
    rgba(0,170,255,.08)
    );

    border:
    1px solid rgba(0,234,255,.20);

    box-shadow:
    0 0 20px rgba(0,234,255,.10);
}

/* =========================
   SERVER CARD GLOW
========================= */

.serverCard{
    box-shadow:
    0 0 25px rgba(0,140,255,.05);
}

.serverCard:hover{
    box-shadow:
    0 0 35px rgba(0,234,255,.12);
}

/* =========================
   ONLINE STATUS
========================= */

.onlineBadge{
    background:
    rgba(0,255,157,.12);

    color:
    var(--green);

    box-shadow:
    0 0 20px rgba(0,255,157,.15);
}

.warningBadge{
    background:
    rgba(255,177,0,.12);

    color:
    var(--orange);
}

.offlineBadge{
    background:
    rgba(255,77,103,.12);

    color:
    var(--red);
}

/* =========================
   TOP BUTTONS
========================= */

.topBtn{
    transition:.3s ease;
}

.topBtn:hover{
    transform:translateY(-2px);

    border-color:
    rgba(0,234,255,.2);

    box-shadow:
    0 0 20px rgba(0,234,255,.12);
}

/* =========================
   BUTTON POLISH
========================= */

.startBtn{
    background:
    linear-gradient(
    135deg,
    #00ff9d,
    #00d885
    );
}

.restartBtn{
    background:
    linear-gradient(
    135deg,
    #ffca28,
    #ffb300
    );
}

.stopBtn{
    background:
    linear-gradient(
    135deg,
    #ff5572,
    #ff3d5d
    );
}