.app-dialog {
    background-color: var(--wm-modal-background);
    border-radius: var(--wm-modal-radius);
    padding: var(--wm-modal-body-padding);
    min-width: var(--wm-modal-min-width);
}

.app-dialogcontent{
    padding: var(--wn-modal-body-padding);
}

.app-dialog-modal {
    background-color: var(--wm-modal-dialog-overlay-background);

}

.btn-only-label.text {
    color: var(--wm-color-primary);
}

.app-dialog-header {
    padding: var(--wm-modal-header-padding);
    border-style: var(--wm-modal-header-border-style);
    border-color: var(--wm-modal-header-border-color);
    border-width: var(--wm-modal-header-border-width);
    background-color: var(--wm-modal-header-background);
}

.app-dialog-title {
    padding-bottom: var(--wm-modal-header-label-padding-bottom);
}

.app-dialog-icon .app-icon-shape{
    font-size: var(--wm-modal-icon-font-size);
    color: var(--wm-modal-icon-color);
}

.app-dialog-icon-text {
    font-size: var(--wm-modal-title-font-size);
    font-weight: var(--wm-modal-title-font-weight);
    color: var(--wm-modal-title-color);
    max-width: unset;
    padding: 0;
    letter-spacing: var(--wm-modal-title-letter-spacing);
    line-height: var(--wm-modal-title-line-height);
    font-family: var(--wm-modal-title-font-family);
}

.btn-default.icon.root {
    color: var(--wm-color-black);
}

.app-dialog-close-btn .app-button{
    border-width: var(--wm-modal-header-close-btn-border-width);
    border-color: var(--wm-modal-header-close-btn-border-color);
    border-style: var(--wm-modal-header-close-btn-border-style);
    background-color: var(--wm-modal-header-close-btn-background);
}

.app-dialog-close-btn .app-button-content {
    min-height: unset;
}

.app-dialog-close-btn.icon.root {
    min-width: unset;
}

.app-dialog-close-btn.icon.icon {
    font-size: var(--wm-modal-header-close-btn-font-size);
    color: var(--wm-modal-header-close-btn-color);
}

.app-dialog-footer {
    padding: var(--wm-modal-footer-padding);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--wm-modal-footer-gap);
    border-color: var(--wm-color-primary);
}

.app-confirmdialog-message {
    font-weight: var(--wm-modal-description-font-weight);
    font-family: var(--wm-modal-description-font-family);
    color: var(--wm-modal-description-color);
    font-size: var(--wm-modal-description-font-size);
    padding: var(--wm-modal-description-padding);
    border-style: var(--wm-modal-description-border-style);
    border-width: var(--wm-modal-description-border-width);
    border-color: var(--wm-modal-description-border-color);
    background-color: var(--wm-modal-description-background);
}

.app-alertdialog-message {
    font-weight: var(--wm-modal-description-font-weight);
    font-family: var(--wm-modal-description-font-family);
    color: var(--wm-modal-description-color);
    font-size: var(--wm-modal-description-font-size);
    padding: var(--wm-modal-description-padding);
    border-style: var(--wm-modal-description-border-style);
    border-width: var(--wm-modal-description-border-width);
    border-color: var(--wm-modal-description-border-color);
    background-color: var(--wm-modal-description-background);
}

.btn-only-label .app-button{
background-color: var(--wm-modal-btn-ok-background);
}

.btn-only-label .app-label-text{
    color: var(--wm-modal-btn-ok-color);
}

.app-alertdialog-ok .app-button{
background-color: var(--wm-modal-btn-ok-background);
}

.app-confirmdialog-cancelButton {
background-color: var(--wm-modal-btn-cancel-background);
}

.app-confirmdialog-cancelButton-text{
    color: var(--wm-modal-btn-cancel-color);
}

.app-dialogactions{
    padding: var(--wm-modal-footer-padding);
}

.app-confirmdialog-actions .app-dialogactions{
    padding: var(--wm-modal-footer-padding);   
}