/* SEEDS Blazor Server reconnection overlay */
.my-reconnect-modal > div {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99000000000000000000000000000000000000;
        overflow: hidden;
        background-color: #fff;
        opacity: 0.8;
        text-align: center;
        font-weight: bold;
    }

    .components-reconnect-hide > div {
        display: none;
    }

    .components-reconnect-show > div {
        display: none;
    }

    .components-reconnect-show > .show {
        display: block;
    }

    .components-reconnect-failed > div {
        display: none;
    }

    .components-reconnect-failed > .failed {
        display: block;
    }

    .components-reconnect-refused > div {
        display: none;
    }

    .components-reconnect-refused > .refused {
        display: block;
    }
    .ReconnectSection {
        color: orangered;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
        border-style: solid;
        padding: 20px;
        border-color: orangered;
        background-color: white;
    }
    .ReconnectButtonContainer
    {
        margin-top:20px;
    }
    .ReconnectButton {
        color: white;
        background-color: orangered;
        border-color: orangered;
    }