/**
    these are just defaults, particularly the colors.  Each application will want to override with customizations.
*/
ux-dialog-container {
    text-align: center;
}

ux-dialog, ux-dialog-container > div > div {
    width: inherit;
    min-width: inherit;
}

ux-dialog {
    max-width: 50%;
    padding: 0 !important;
    border: none !important;
}

ux-dialog > ux-dialog-header {
    background-color: #941842;
    color: white;
}

ux-dialog > ux-dialog-body, ux-dialog > ux-dialog-footer {
    background-color: white;
}

ux-dialog > ux-dialog-footer {
    padding-top: 0px;
    padding-bottom: 0px;
}

ux-dialog > ux-dialog-footer button {
    background-color: #72B531 !important;
    color: white !important;
    width: 70px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    outline: none !important;
}

ux-dialog > ux-dialog-footer button:hover:enabled {
    background-color: #397302 !important;
    color: white !important;
}

ux-dialog > ux-dialog-footer button:focus:enabled {
    outline: double 2px #6e88b4 !important;
}

ux-dialog > ux-dialog-body p {
    font-weight: bold;
}

ux-dialog-overlay.active {
    background-color: black;
    opacity: .5 !important;
}