/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/


html, body {
    font-family: 'Open Sans', sans-serif;
}

.messages pre {
    color: white;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    white-space: break-spaces;
}

body {
    background: #f4f5f9;
}

#blazor-error-ui {
    background: lightyellow;
    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;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.messages .message-text {
    font-size: 14px !important;
}

.messages .message-meta {
    font-size: 11px;
    color: #fefefe;
}

.message-meta.light {
    color: #999999;
}

.message-meta.dark {
    color: #a8bffa;
}

#send-btn {
    padding: 10px;
}

.messages .dark pre {
    color: #212529;
}

.messages .light pre {
    color: white;
}

.button-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #069;
    cursor: pointer;
}

    .button-link:hover {
        text-decoration: underline;
    }


.rz-navigation-item-icon-children {
    transition: all 200ms ease;
}


.spinner {
    width: 56px;
    height: 56px;
    display: grid;
    border: 4.5px solid #0000;
    border-radius: 50%;
    border-color: #dbdcef #0000;
    animation: spinner-e04l1k 1s infinite linear;
}

    .spinner::before,
    .spinner::after {
        content: "";
        grid-area: 1/1;
        margin: 2.2px;
        border: inherit;
        border-radius: 50%;
    }

    .spinner::before {
        border-color: var(--rz-primary) #0000;
        animation: inherit;
        animation-duration: 0.5s;
        animation-direction: reverse;
    }

    .spinner::after {
        margin: 8.9px;
    }

@keyframes spinner-e04l1k {
    100% {
        transform: rotate(1turn);
    }
}

.w-100 {
    width: 100%;
}
.rz-growl-message-success .rz-growl-item {
    background-color: #262526;
    border-top: 4px solid var(--rz-success);
}

.rz-growl-message-info .rz-growl-item {
    background-color: #262526;
    border-top: 4px solid var(--rz-info);
}

.rz-growl-message-warning .rz-growl-item {
    background-color: #262526;
    border-top: 4px solid var(--rz-warning);
}

.rz-growl-message-error .rz-growl-item {
    background-color: #262526;
    border-top: 4px solid var(--rz-danger);
}

.rz-growl-image.rzi-check {
    display: none;
}

.rz-navigation-item-link-active {
    background-color: #525252;
}