/* Fix SweetAlert2 di Metronic Theme */
.swal2-container {
    z-index: 99999 !important;
}

.swal2-popup {
    font-family: inherit !important;
    background: #fff !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* Fix background overlay yang bikin hitam */
.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* Fix body padding/margin yang rusak */
body.swal2-shown {
    padding-right: 0 !important;
    overflow: auto !important;
}

/* Styling button sesuai Metronic */
.swal2-confirm {
    background-color: #009ef7 !important;
    border-color: #009ef7 !important;
    color: #fff !important;
    border-radius: 0.475rem !important;
    padding: 0.5rem 1.5rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.swal2-confirm:hover {
    background-color: #0095e8 !important;
    border-color: #0095e8 !important;
}

.swal2-cancel {
    background-color: #f5f8fa !important;
    border-color: #f5f8fa !important;
    color: #7e8299 !important;
    border-radius: 0.475rem !important;
    padding: 0.5rem 1.5rem !important;
    font-weight: 500 !important;
    margin-right: 0.5rem !important;
    box-shadow: none !important;
}

.swal2-cancel:hover {
    background-color: #e4e6ef !important;
    border-color: #e4e6ef !important;
    color: #181c32 !important;
}

/* Fix icon color */
.swal2-icon.swal2-warning {
    border-color: #ffc700 !important;
    color: #ffc700 !important;
}

/* Fix title & text color */
.swal2-title {
    color: #181c32 !important;
    font-weight: 600 !important;
}

.swal2-html-container {
    color: #7e8299 !important;
}