/*Reduction hauteur bandeau*/
.mastheader {
    height: 3rem !important;
}

/* EMT FIX du bootstrap SNCF qui désactive les i, surcharge avec un selector plus précis car important */
body i.fa:before,
body i.fas:before,
body i.far:before,
body i.fal:before,
body i.fad:before,
body i.fab:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/*Replace Radzen close by x in radzen dropdown clear icon*/
.rz-dropdown-clear-icon rzi rzi-times:before,
.rz-dropdown-clear-icon:before {
    padding-bottom: 10px;
    content: "x";
}


.form-control {
    background-color: white;
}

.form-group {
    margin-bottom: 0.7rem;
}

/* Custo Radzen*/
.rz-fieldset-content {
    padding: 10px 20px;
}

#blazor-error-ui {
    text-align: center;
}

div.rz-dialog-wrapper {
    z-index: 900 !important;
}

div.rz-notification {
    top: 40px !important;
    z-index: 950 !important;
}

.mandatory {
    color: red;
}

.custom .rz-button.rz-secondary.rz-shade-default {
    background-color: var(--rz-base-200);
    color: var(--rz-text-color);
}

.custom .rz-button.rz-primary.rz-shade-default {
    background-color: var(--rz-danger);
}

.rz-button.rz-primary.rz-shade-default {
    color: #fff !important;
    background-color: #1b6ec2 !important;
    border-color: #1861ac !important;
}

.spinner, .rz-datatable-loading-content {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    margin: 15px auto;
}

    .rz-datatable-loading-content .rzi-circle-o-notch::before {
        content: none !important;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


.button-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 200px);
}

    .button-container .rz-button {
        width: 30%;
    }

        .button-container .rz-button:not(:last-child) {
            margin-right: 0px;
        }

@media (max-width: 768px) {
    .button-container {
        flex-direction: column;
    }

        .button-container .rz-button {
            width: 80%;
            margin-bottom: 10px;
        }

            .button-container .rz-button:nth-last-child(2) {
                margin-right: 0;
            }

            .button-container .rz-button:last-child {
                margin-bottom: 0;
                margin-left: -10px;
            }

}