.dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.dialog {
    background: #fff;
    border-radius: .5rem;
    width: 90%;
    max-width: 460px;
    box-shadow: 0 10px 40px rgba(0,0,0,.35);
    animation: dialogFade .15s ease;
    overflow:hidden
}

.dialog-header {
    padding: .75rem 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
}

.dialog-title {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.dialog-close {
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    border: none;
    background: transparent;
    color: inherit;
    opacity: .7;
}
.dialog-close:hover { opacity: 1 }

.dialog-body {
    padding: 1rem;
    text-align:left;
}

.dialog-footer {
    padding: .75rem 1rem;
    text-align: right;
    border-top: 1px solid #dee2e6;
}

.dialog-footer button {
    margin-left: .5rem;
    padding: .375rem .75rem;
    border-radius: .375rem;
    border: none;
    cursor: pointer;
}

.dialog .btn{
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-width: 1px;
    border-style: solid;
    background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black
}
.btn-primary { background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black}
.btn-secondary { background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black }
.btn-success { background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black }
.btn-warning { background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black }
.btn-danger { background:linear-gradient(to bottom, #ffffff, #e6e6e6);color:black }

.dialog-info .dialog-header { background:#b2d833;color:#fff }
.dialog-success .dialog-header { background:#b2d833;color:#fff }
.dialog-warning .dialog-header { background:#f0ad4e;color:#fff }
.dialog-danger .dialog-header { background:#d9534f;color:#fff }

@keyframes dialogFade {
    from { opacity:0; transform:scale(.95) }
    to { opacity:1; transform:scale(1) }
}