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

.a4-page {
   
    display: flex;
    justify-content: center;
    page-break-after: always;
}

.centered-content {
    width:70%;
    padding: 20px;
}

@media print {
    body * {
        visibility: hidden;
    }

    .print-area, .print-area * {
        visibility: visible;
    }

    .print-area {
        position: absolute;
        left: 0;
        top: 0;
    }
}
:root {
    --rz-grid-cell-font-size: 1rem !important;
}
    
#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;
    }

.validation-message {
    color: red !important;
}

.colorTitle {
    color: rgba(20,200,204,255) !important;
}
/* Spinner */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.splash-screenApp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    font-family: "Segoe UI",Roboto,"Helvetica Neue","-apple-system",BlinkMacSystemFont,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position:absolute;
}

    .splash-screenApp .spinner {
        border: .2em solid;
        border-color: #0082ff #bfbfbf #bfbfbf;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        animation: spin 700ms linear infinite;
    }

.splash-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    font-family: "Segoe UI",Roboto,"Helvetica Neue","-apple-system",BlinkMacSystemFont,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    left: 50%;
}

    .splash-screen .spinner {
        border: .2em solid;
        border-color: #0082ff #bfbfbf #bfbfbf;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        animation: spin 700ms linear infinite;
    }

.splash-screen-caption {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.5rem;
}

.splash-screen-text {
    color: #a1a1a1;
    margin-top: .5rem;
}
/* FINE Spinner */

/* Context */

.panel-wait {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9001;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.panel-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9001;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* Fine Context */