/****************************************************************************************************************************
 ***         ABAIXO ESTÃO LOCADAS AS CLASES CSS DE ESTIIZAÇÃO DE USO EXCLUSIVO DOS SEUS RESPECTIVOS DIALOGS               ***
 ****************************************************************************************************************************/


/*  ===========================================
   |        DIALOG: DialogAviso.razor          |
    ===========================================  */

.PksDialogAviso_MudOverlay .mud-overlay-content {
    width: 30rem !important;
    height: 15rem !important;
    background: #FFF !important;
    border-radius: 1.25rem !important;
}

.PksDialogAviso_MudStack-principal {
    padding: 1rem 1.5rem !important;
    height: 100% !important;
}

.PksDialogAviso_MudButton {
    width: 9rem !important;
}


/*  ===========================================
   |      DIALOG: DialogConfirmacao.razor      |
    ===========================================  */

.PksDialogConfirmacao_DialogContent {
    width: 30rem !important;
    height: 15rem !important;
    background: #FFF !important;
    border-radius: 1.25rem !important;
}


/*  ===========================================
   |     DIALOG: DialogDetalhesPedido.razor    |
    ===========================================  */

.PksDialogDetalhesPedido_MudDialog {
    border-radius: 1.25rem !important;
    max-height: 32rem !important;
    width: 600px !important;
    max-width: 80%;
    height: auto;
    overflow: hidden !important;
}

.PksDialogDetalhesPedido_MudContent {
    padding: 1rem 1.5rem !important;
}


/*  ===========================================
   |     DIALOG: DialogSelecaoGestor.razor     |
    ===========================================  */
.PksDialogSelecaoGestor_MudDialog {
    background: #FAFAFA;
    border-radius: 1.25rem !important;
    height: 20rem !important;
    width: 640px !important;
}

.PksDialogSelecaoGestor_MudText-titulo {
    font-size: 1.5rem !important;
}

.PksDialogSelecaoGestor_MudPaper-botao {
    background: #FFF;
    border-radius: 1rem !important;
    width: 15rem !important;
    height: 10rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .PksDialogSelecaoGestor_MudPaper-botao:hover {
        opacity: 0.7;
        scale: 1.1;
        cursor: pointer;
    }

.PksDialogSelecaoGestor_MudIcon {
    fill: var(--Cor-Principal) !important;
    width: 5rem !important;
    height: 5rem !important;
}