/* Managed VPS page, scoped to .managed-vs-unmanaged so it cannot leak. */

.managed-vs-unmanaged {
    width: 100%;
    max-width: 900px;
    margin: 8px auto 28px;
    border-collapse: collapse;
}

.managed-vs-unmanaged th,
.managed-vs-unmanaged td {
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(140, 220, 235, 0.18);
}

.managed-vs-unmanaged thead th {
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.85;
}

.managed-vs-unmanaged tbody td:first-child {
    width: 42%;
}

.managed-vs-unmanaged td.is-mine {
    color: #6ce5e1;
}

@media (max-width: 600px) {
    .managed-vs-unmanaged th,
    .managed-vs-unmanaged td {
        padding: 8px 6px;
        font-size: 14px;
    }
}

/*
 * Plan-feature key used by this page that is not yet in the shared cyan set.
 * Same construction as the set: 24x24 grid, 2-unit strokes, fill #19a8f5.
 * If another page reuses fa-heartbeat, move this into unified-icons CSS.
 */
.pixel-product-icons .plan-features li i.fa.fa-heartbeat {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzE5YThmNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMyA0aDE4djFIM3pNMyA1aDE4djFIM3pNMyA2aDJ2MUgzek0xMiA2aDJ2MUgxMnpNMTkgNmgydjFIMTl6TTMgN2gydjFIM3pNMTEgN2gzdjFIMTF6TTE5IDdoMnYxSDE5ek0zIDhoMnYxSDN6TTEwIDhoM3YxSDEwek0xOSA4aDJ2MUgxOXpNMyA5aDJ2MUgzek03IDloNXYxSDd6TTE5IDloMnYxSDE5ek0zIDEwaDJ2MUgzek03IDEwaDR2MUg3ek0xOSAxMGgydjFIMTl6TTMgMTFoMnYxSDN6TTggMTFoMnYxSDh6TTE5IDExaDJ2MUgxOXpNMyAxMmgydjFIM3pNMTkgMTJoMnYxSDE5ek0zIDEzaDJ2MUgzek0xOSAxM2gydjFIMTl6TTMgMTRoMTh2MUgzek0zIDE1aDE4djFIM3pNMTEgMTZoMnYxSDExek0xMSAxN2gydjFIMTF6TTcgMThoMTB2MUg3ek03IDE5aDEwdjFIN3oiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: pixelated;
}