/* for alert 2 */
div:where(.swal2-container) h2:where(.swal2-title) {
    width: 100%;
    padding: 0 1rem;
    font-size: 1.7rem;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    margin: 0;
    padding: 0 1rem;
    width: 100%;
}

div:where(.swal2-container) div:where(.swal2-footer) {
    margin: 0;
    padding-top: 0;
    border-top: none;
}

div:where(.swal2-container) .swal2-html-container {
    margin: 0;
    padding: 1rem 1rem 0;
    width: 100%;
}

.no-border {
    border: 0;
}

button.swal2-confirm.swal2-styled {
    border-radius: var(--bs-border-radius-lg) !important;
    background-color: rgba(182, 55, 52, 1);
    font-size: 12px;
    color: var(--bs-light);
    border: none;
    /*width: 75%;*/
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 12px;
}

button.swal-button.swal-button--cancel {
    border-radius: var(--bs-border-radius-lg) !important;
    font-size: 12px;
    color: var(--bs-light);
    border: none;
    /*width: 75%;*/
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 12px;
}

.swal-button-container {
    margin: 0 !important;
    width: 100%;
}

.swal2-title {
    color: rgba(182, 55, 52, 1) !important;
}

.swal-content {
}

.swal-footer {
    padding: 5px 20px 20px !important;
}

.swal-button:hover,
.swal-button:active,
.swal-button:focus {
    background-color: rgba(182, 55, 52, 1);
    border: none;
    box-shadow: none;
}

.swal-button--cancel {
    background-color: var(--bs-gray-500) !important;
}

.swal-button--cancel:hover,
.swal-button--cancel:active,
.swal-button--cancel:focus {
    background-color: var(--bs-gray-500) !important;
}

.swal-button:not([disabled]):hover {
    background-color: var(--bs-gray-500) !important;
}

.swal-button:not([disabled]):hover {
    background-color: rgba(182, 55, 52, 1);
    border: none;
}

.swal-title {
    padding: 0 16px;
}

.swal-footer {
    margin-top: 0;
}

div:where(.swal2-icon) {
    border: none !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: none;
}

.check {
    --bs-bg-opacity: 1;
    background-color: #165AB7 !important;
}

.check i.check-icon:before {
    content: "\ebf7";
}

.clear {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.clear i.clear-icon:before {
    content: "\ec8d";
}