/* Custom SweetAlert2 — ukuran popup, font, button, icon mengikuti justory */

.swal2-popup.swal2-popup {
    width: 350px !important;
    font-size: 14px !important;
}

.swal2-popup.swal2-popup .swal2-title {
    font-size: 16px !important;
}

.swal2-popup.swal2-popup .swal2-html-container {
    font-size: 14px !important;
}

.swal2-popup.swal2-popup .swal2-confirm,
.swal2-popup.swal2-popup .swal2-cancel {
    padding: 4px 12px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

/* Icon */
.swal2-popup.swal2-popup .swal2-icon {
    width: 50px !important;
    height: 50px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

/* Success icon */
.swal2-popup.swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip,
.swal2-popup.swal2-popup .swal2-icon.swal2-success .swal2-success-line-long {
    height: 3px !important;
    background-color: #4ba319;
}

.swal2-popup.swal2-popup .swal2-icon.swal2-success .swal2-success-line-tip {
    top: 26px !important;
    left: 8px !important;
    width: 18px !important;
    transform: rotate(45deg);
}

.swal2-popup.swal2-popup .swal2-icon.swal2-success .swal2-success-line-long {
    top: 22px !important;
    right: 3px !important;
    width: 30px !important;
    transform: rotate(-45deg);
}

.swal2-popup.swal2-popup .swal2-icon.swal2-success .swal2-success-ring {
    width: 50px !important;
    height: 50px !important;
    border-width: 4px !important;
}

/* Error icon */
.swal2-popup.swal2-popup .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    top: 23px !important;
    width: 30px !important;
    height: 3px !important;
    background-color: #e93c3c;
}

.swal2-popup.swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-left {
    left: 10px !important;
    transform: rotate(45deg);
}

.swal2-popup.swal2-popup .swal2-icon.swal2-error .swal2-x-mark-line-right {
    right: 10px !important;
    transform: rotate(-45deg);
}