.growl-notification.growl-notification--error {
    background-color: #f9f9f9 !important;
    border-top-right-radius: .7rem;
    border-bottom-right-radius: .7rem;
    border-left: .3rem solid #e40808;
    box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
    -webkit-box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
    -moz-box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
}

.growl-notification.growl-notification--error .growl-notification__title {
    color: #e40808 !important;
    font-family: Inter, sans-serif !important;
    font-size: 1rem !important;
}

.growl-notification.growl-notification--error .growl-notification__title::before{
    content: "Terjadi Kesalahan";
}

.growl-notification.growl-notification--error .growl-notification__content > .growl-notification__desc {
    color: #000000 !important;
}

.growl-notification.growl-notification--error::before {
    background: none !important;
    border-radius: .7rem;
}

.growl-notification__close-icon {
    color:#e40808 !important;
    background-image: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>') !important;
}




.growl-notification.growl-notification--success {
    background-color: #f9f9f9 !important;
    border-top-right-radius: .7rem;
    border-bottom-right-radius: .7rem;
    border-left: .3rem solid #02734A;
    box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
    -webkit-box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
    -moz-box-shadow: -1px 1px 8px 1px rgba(0,0,0,0.44);
}

.growl-notification.growl-notification--success .growl-notification__title {
    color: #02734A !important;
    font-family: Inter, sans-serif !important;
    font-size: 1rem !important;
}

.growl-notification.growl-notification--success .growl-notification__title::before{
    content: "Berhasil";
}

.growl-notification.growl-notification--success .growl-notification__content > .growl-notification__desc {
    color: #000000 !important;
}

.growl-notification.growl-notification--success::before {
    background: none !important;
}




/* Alert */
html.swal2-shown,
body.swal2-shown {
  overflow-y: auto !important;
}

.swal2-container {
    z-index: 9999;
}

.swal2-popup.swal2-modal {
    border-radius: 1.5rem !important;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

.swal2-title {
    font-family: Inter, sans-serif !important;
    color: #02734A !important;
    font-size: 1.5rem !important;
}

.swal2-confirm.swal2-styled {
    font-family: Inter, sans-serif !important;
    background-color: #09814A !important;
    font-weight: 500 !important;
    color: #FFF !important;
    border-radius: .8rem !important;
    font-size: .9rem !important;
}

.swal2-confirm.swal2-styled svg {
    color: var(--color-main) !important;
}

.swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-cancel.swal2-styled {
    font-family: Inter, sans-serif !important;
    background-color: white !important;
    color: #000 !important;
    border-radius: .8rem !important;
    font-size: .9rem !important;
    border: 1px solid var(--color-accent-soft) !important;
}

.swal2-cancel.swal2-styled svg {
    color: #e40808 !important;
}