

.swal2-container .swal2-popup.swal2-toast .swal2-title {
    line-height: inherit;
    margin: 12px 10px;
}

.swal2-container .swal2-popup.swal2-toast .swal2-icon {
    margin: 0;
    transform: scale(.8);
}

.swal2-container .swal2-popup.swal2-toast {
    padding: 4px 6px;
    border-radius: 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.colored-toast.swal2-icon-success {
    background-color: #4CAF50 !important
}

.colored-toast.swal2-icon-error {
    background-color: #F44336 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #FF9800 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #03A9F4 !important;
}

.colored-toast.swal2-icon-question {
    background-color: #607D8B !important;
}

.colored-toast .swal2-title,
.colored-toast .swal2-close,
.colored-toast .swal2-html-container {
    color: #fff;
}

body.swal2-toast-shown .swal2-container {
    height: auto;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    padding: 0 !important;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)::-webkit-scrollbar {
    background: #525456;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)::-webkit-scrollbar-thumb {
    border: 6px solid transparent;
}

body.swal2-shown.swal2-height-auto .swal2-container {
    z-index: 99999 !important;
}

body.swal2-shown.swal2-height-auto .swal2-container.swal2-backdrop-show {
    background-color: rgb(18 19 22 / 72%) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
}

body.swal2-shown.swal2-height-auto .swal2-popup {
    padding: 25px;
    width: 350px;
    max-width: 100%;
    border-radius: 24px;
    border: 6px solid #dadada85;
    flex-direction: column;
}

body.swal2-shown.swal2-height-auto .swal2-icon {
    transform: scale(.8);
    margin: 0 auto;
    margin-bottom: 15px;
}

body.swal2-shown.swal2-height-auto .swal2-icon .swal2-icon-content {
    font-size: 2.75em !important;
}

body.swal2-shown.swal2-height-auto .swal2-title {
    font-weight: normal !important;
    font-family: unset;
    font-size: 19px !important;
    padding: 0 !important;
    font-weight: 600 !important;
    line-height: inherit;
}

body.swal2-shown.swal2-height-auto .swal2-html-container {
    margin: 0 !important;
    margin-top: 10px !important;
    font-size: 17px !important;
}

body.swal2-shown.swal2-height-auto .swal2-actions {
    gap: 15px;
}

body.swal2-shown.swal2-height-auto .swal2-styled {
    margin: 0 !important;
    min-width: 85px;
    padding: 10px 16px;
    border-radius: 10px;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-confirm {
    background: #e05a6b !important;
    border-color: #e05a6b !important;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-confirm:hover,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-confirm:active,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-confirm:focus {
    background: #c14b5a !important;
    border-color: #c14b5a !important;
    box-shadow: unset !important;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-cancel {
    background: #2b93c3 !important;
    border-color: #2b93c3 !important;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-cancel:hover,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-cancel:active,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-cancel:focus {

    background: #237ea9 !important;
    border-color: #237ea9 !important;
    box-shadow: unset !important;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-deny {
    background: #4da56c !important;
    border-color: #4da56c !important;
}

body.swal2-shown.swal2-height-auto .swal2-styled.swal2-deny:hover,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-deny:active,
body.swal2-shown.swal2-height-auto .swal2-styled.swal2-deny:focus {
    background: #3e8958 !important;
    border-color: #3e8958 !important;
    box-shadow: unset !important;
}

.is-invalid~.text-danger {
    margin-top: 10px;
    display: block;
}

.swal2-popup.swal2-show {
    width: 100%;
    /* display: grid;  */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
