﻿.consent-description {
    padding: 20px 18px 6px 17px;
    background-color: var(--darkColor6);
    border-radius: 8px;
    font-size: 16px;
    line-height: 21px;
    color: var(--darkColor80);
}

    .consent-description.margin-top {
        margin-top: 2rem;
    }

    .consent-description .icon-action-info {
        color: var(--accentColor100);
        font-size: 24px;
        margin-right: 15px;
    }

.subheading {
    color: var(--darkColor60);
    line-height: normal;
    min-height: 1.25rem;
}
.e-richtexteditor.e-rte-tb-expand .e-rte-toolbar .e-toolbar-extended.e-popup-open {
    z-index: 999 !important;
}
.loading-container .invisible .sfgrid-loading + .sf-grid .e-emptyrow td:before {
    visibility: hidden !important;
}

/*#region Blazor error UI*/
#blazor-error-ui {
    background: var(--darkColor100);
    text-align: center;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: var(--white);
}

    #blazor-error-ui a.reload {
        background-color: var(--accentColor100);
        color: var(--white);
        -webkit-font-smoothing: antialiased;
        border: 1px solid var(--accentColor100);
        justify-content: center;
        outline: none;
        padding: 2px 20px;
        margin: 0px 20px;
        text-decoration: none;
        transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
        font-size: .9rem;
        font-weight: 600;
        border-radius: 2px;
    }

        #blazor-error-ui a.reload:hover {
            border-color: var(--white);
        }

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
        color: var(--white);
        font-family: Ubuntu, Helvetica, sans-serif, Arial !important;
    }
/*#endregion*/
/*#region Reconnect modal*/
#components-reconnect-modal .rencorereconnectmessage {
    position: absolute !important;
    width: 380px !important;
    top: 40% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    background: var(--white) !important;
    padding: 20px 20px 20px 20px !important;
    border-radius: 15px !important;
    box-shadow: 0px 0px 16px 4px rgb(212 217 221 / 50%) !important;
}

    #components-reconnect-modal .rencorereconnectmessage a {
        display: inline-block;
        background-color: var(--accentColor100) !important;
        border-color: var(--accentColor100) !important;
        color: var(--white) !important;
        outline: none !important;
        padding: 2px 20px !important;
        border-radius: 2px !important;
        margin: 10px 10px !important;
    }

        #components-reconnect-modal .rencorereconnectmessage a:hover {
            box-shadow: 0 3px 7px 0 rgb(102 125 139 / 60%) !important;
            background-color: var(--accentColor100) !important;
            color: var(--white) !important;
            text-decoration: none;
        }

    #components-reconnect-modal .rencorereconnectmessage h5:before {
        content: "Disconnected";
        display: block;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 1.3em
    }

    #components-reconnect-modal .rencorereconnectmessage h5 {
        font-weight: 400 !important;
        font-size: 1.1em !important;
    }

#components-reconnect-modal,
#components-reconnect-modal.components-reconnect-hide {
    position: fixed;
    inset: 0px;
    z-index: 1050;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7) !important;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0ms;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        visibility: visible;
        opacity: 1;
        transition: visibility 5s linear 5s, opacity 500ms;
        background-color: rgba(11, 37, 59, 0.5) !important;
        z-index: 9999999999;
    }
/*#endregion*/
