@media print {
    .not-printable {
        display: none;
    }
    @page {
        size: landscape
    }
}

/* Customizações MudBlazor */
/* Torna o asterisco vermelho e maior para chamar mais atenção */
.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after, .app-required-mark:after {
    color: var(--mud-palette-error);
    font-weight: bold;
    font-size: 1.6rem;
    margin-left: 4px;
    vertical-align: bottom;
}

/* Permite controle manual do asterisco de requerido */
.hide-required-mark .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after,
.hide-required-mark .app-required-mark:after {
    display: none;
}


.app-required-mark:after {
    content: "*";
    font-size: 1.2rem;
}

.drop-title .mud-dialog-title {
    padding: 0!important;
}

/* Fix scrollabilidade do MudDialog, acompanhar se eles arrumar nas próximas versões */
/* TODO: https://github.com/MudBlazor/MudBlazor/issues/6704 */
.fix.mud-dialog {
    overflow: hidden;
}

    .fix.mud-dialog > form, .fix.mud-dialog  .dialog-outer, .fix.mud-dialog .outline-none, .fix.mud-dialog .outline-none > div[tabindex] {
        display: flex;
        flex-flow: column;
        flex: 1 1 0%;
        overflow: hidden;
    }

    .fix.mud-dialog .mud-dialog-content {
        flex: 1 1 0%;
        overflow: auto;
    }

    
    
/* Customizações do MudBlazor */
/*  Col sticky left - caso o mud implemente está funcionalidade, podemos remover daqui */
.app-col-sticky-left {
    position: sticky !important;
    left: 0!important;
    border-right: 1px solid #e0e0e0!important;
    z-index: 10!important;
    background-color: var(--mud-palette-surface)!important;"
}

/* Botão GOV.BR */
.br-sign-in {
    --button-radius: 100em;
    --button-xsmall: 24px;
    --button-small: 32px;
    --button-medium: 40px;
    --button-large: 48px;
    --button-size: var(--button-medium);
    --blue-warm-vivid-70: #1351b4;
    --blue-warm-vivid-70-rgb: 19,81,180;
    --color-dark: var(--pure-0);
    --color-dark-rgb: var(--pure-0-rgb);
    --font-size-scale-up-01: 16.8px;
    --font-weight-semi-bold: 600;
    --gray-2: #f8f8f8;
    --hover: var(--hover-light);
    --hover-light: var(--surface-opacity-xs);
    --interactive: var(--interactive-light);
    --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
    --interactive-rgb: var(--interactive-light-rgb);
    --interactive-light: var(--blue-warm-vivid-70);
    --pressed: var(--pressed-light);
    --pressed-light: var(--surface-opacity-md);
    --pure-0: #fff;
    --pure-0-rgb: 255, 255, 255;
    --spacing-scale-2x: 16px;
    --spacing-scale-half: 4px;
    --surface-opacity-md: 0.45;
    --surface-opacity-xs: 0.16;
    align-items: center;
    border: 0;
    border-radius: var(--button-radius);
    color: var(--interactive);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-semi-bold);
    height: var(--button-size);
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    --background: var(--gray-2);
    --sign-in-img: 20px;
    background-color: var(--background);
    padding: 0 var(--spacing-scale-2x);
}

    .br-sign-in:disabled {
        cursor: not-allowed;
    }

    .br-sign-in:not(:disabled) {
        --focus-offset: var(--spacing-scale-half);
    }

        .br-sign-in:not(:disabled):focus {
            outline: none;
        }

        .br-sign-in:not(:disabled):focus-visible {
            outline-color: var(--focus);
            outline-offset: var(--focus-offset);
            outline-style: var(--focus-style);
            outline-width: var(--focus-width);
        }

        .br-sign-in:not(:disabled):not(:disabled):hover {
            background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover))) !important;
        }

        .br-sign-in:not(:disabled):not(:disabled):active {
            background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
        }

    
    .br-sign-in img {
        max-height: var(--sign-in-img);
    }

    .br-sign-in.primary, .br-sign-in[primary], .br-sign-in.is-primary, .br-button.sign-in.primary, .br-button.sign-in[primary], .br-button.sign-in.is-primary {
        --interactive-rgb: var(--color-dark-rgb);
        background-color: var(--interactive-light);
        color: var(--color-dark);
    }

    .br-sign-in.circle, .br-sign-in[circle], .br-sign-in.is-circle, .br-button.sign-in.circle, .br-button.sign-in[circle], .br-button.sign-in.is-circle {
        border-radius: 50%;
        padding: 0;
        width: var(--button-size);
    }