:root {
    --primary-rgb: 0, 77, 47;
    --custom-white: #fff;
    --default-text-color: #333335;
    --primary-color: rgb(var(--primary-rgb));
    --default-border: #f3f3f3;
    --success-rgb: 38, 191, 148;
    --danger-rgb: 230, 83, 60;
    --warning-rgb: 245, 184, 73;
    --info-rgb: 73, 182, 245;
    --text-muted: #8c9097;
    --light-rgb: 243, 246, 248;
    --default-text-color: #333335;
}

.swal2-loader {
    /* border: 0.25em solid var(--primary-color); */
    border-color: var(--primary-color) rgba(0, 0, 0, 0) var(--primary-color)
        rgba(0, 0, 0, 0);
    border-left-color: transparent;
}

.swal2-progress-bar {
    background: var(--primary-color);
    height: 5px;
}

.swal2-container .swal2-title {
    font-size: 1.15rem;
    padding: 2rem 2rem 0.5rem;
    padding-top: 16px;
}
.swal2-container .swal2-footer {
    padding: 1.5rem 1.5rem 0;
}
.swal2-container .swal2-popup {
    background: var(--custom-white);
    color: var(--default-text-color);
    padding: 0 0 2rem;
}
.swal2-container .swal2-center > .swal2-popup {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swal2-container .swal2-actions {
    /* margin: 1rem auto 0; */
    margin: 0 auto;
}
.swal2-container .swal2-styled.swal2-confirm {
    margin: 0;
    /* padding: 0.375em 0.75rem; */
    box-shadow: none;
    font-size: 0.8125rem;
    border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-cancel:focus,
.swal2-container .swal2-styled.swal2-confirm:focus,
.swal2-container .swal2-styled.swal2-deny:focus {
    box-shadow: none;
}
.swal2-container .swal2-styled.swal2-confirm {
    background-color: var(--primary-color) !important;
    color: #fff;
}
.swal2-container .swal2-footer {
    border-top: 1px solid var(--default-border);
}
.swal2-container .swal2-icon {
    width: 4rem;
    height: 4rem;
    margin: 2rem auto 0;
}
.swal2-container .swal2-icon.swal2-question {
    border-color: rgb(var(--success-rgb));
    color: rgb(var(--success-rgb));
}
.swal2-container .swal2-icon.swal2-error {
    border-color: rgb(var(--danger-rgb));
    color: rgb(var(--danger-rgb));
}
.swal2-container .swal2-icon.swal2-info {
    border-color: rgb(var(--info-rgb));
    color: rgb(var(--info-rgb));
}
.swal2-container .swal2-icon.swal2-warning {
    border-color: rgb(var(--warning-rgb));
    color: rgb(var(--warning-rgb));
}
.swal2-container .swal2-icon .swal2-icon-content {
    font-size: 3rem;
}
.swal2-container .swal2-image {
    border-radius: 0.5rem;
}
.swal2-container .swal2-html-container {
    margin: 0 1.6rem 0.3rem;
    font-size: 0.8rem;
    color: var(--text-muted);
    padding-top: 0px;
}
.swal2-container
    .swal2-icon.swal2-error
    [class^="swal2-x-mark-line"][class$="left"] {
    inset-inline-start: 1em;
}
.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    top: 1.9em;
    width: 2em;
    height: 0.3em;
    background-color: rgb(var(--danger-rgb));
}
.swal2-container
    .swal2-icon.swal2-error
    [class^="swal2-x-mark-line"][class$="right"] {
    inset-inline-end: 1em;
    inset-block-start: 1.875rem;
}
.swal2-container .swal2-close:focus {
    box-shadow: none;
}
.swal2-container .swal2-cancel,
.swal2-container .swal2-deny {
    margin-inline-start: 0.625rem;
}
.swal2-container .swal2-close {
    font-size: 2rem;
    color: var(--text-muted);
    opacity: 0.5;
}
.swal2-container .swal2-close:hover {
    color: var(--primary-color);
}
.swal2-container .swal2-styled.swal2-deny {
    background-color: rgb(var(--danger-rgb));
    padding: 0.375em 0.75rem;
    box-shadow: none;
    font-size: 0.8125rem;
    border-radius: 0.3rem;
}
.swal2-container .swal2-styled.swal2-cancel {
    background-color: rgb(var(--light-rgb)) !important;
    color: var(--default-text-color);
    padding: 0.375em 0.75rem;
    box-shadow: none;
    font-size: 0.8125rem;
    border-radius: 0.3rem;
}
.swal2-container
    .swal2-icon.swal2-success
    [class^="swal2-success-line"][class$="long"] {
    top: 2.05em;
    inset-inline-end: 0.45em;
    width: 2em;
}
.swal2-container
    .swal2-icon.swal2-success
    [class^="swal2-success-line"][class$="tip"] {
    top: 2.375em;
    inset-inline-start: 0.9125em;
    width: 1.2625em;
}
.swal2-container .swal2-file:focus,
.swal2-container .swal2-input:focus,
.swal2-container .swal2-textarea:focus {
    border: 1px solid var(--default-border);
    box-shadow: none;
}
[dir="rtl"]
    .swal2-container
    .swal2-icon.swal2-success
    [class^="swal2-success-line"][class$="tip"] {
    inset-inline-start: 1.9125em;
}
