/* ==========================================
   SWEETALERT2 GLOBAL THEME
   ========================================== */

/* Popup */
.swal2-popup {
    width: 550px !important;
    max-width: calc(100% - 30px) !important;
    padding: 30px !important;
    border-radius: 0 !important;
}

/* Icon */
.swal2-icon {
    margin: 0 auto 25px auto !important;
}

/* Title */
.swal2-title {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;

    font-family: kohinoorsemibold, sans-serif !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    color: #1E1E1E !important;
}

/* Content */
.swal2-html-container,
.swal2-content {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;

    font-family: kohinoorregular, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #6E6E6E !important;
}

/* Actions */
.swal2-actions {
    width: 100% !important;
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
    gap: 15px !important;
}

/* Common Button */
.swal2-styled {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: kohinoorregular, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;

    padding: 12px 20px !important;
}

/* One Button = Full Width */
.swal2-actions .swal2-confirm:only-child {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* Two Buttons = Equal Width */
.swal2-actions .swal2-confirm,
.swal2-actions .swal2-cancel {
    flex: 1 1 50% !important;
}

/* Confirm Button */
.swal2-confirm {
    background: #F36E21 !important;
    border: 1px solid #F36E21 !important;
}

.swal2-confirm:hover,
.swal2-confirm:focus {
    background: #F36E21 !important;
    box-shadow: none !important;
}

/* Cancel Button */
.swal2-cancel {
    background: #FFFFFF !important;
    border: 1px solid #6E6E6E !important;
    color: #6E6E6E !important;
}

.swal2-cancel:hover,
.swal2-cancel:focus {
    background: #FFFFFF !important;
    box-shadow: none !important;
}

/* Close Button */
.swal2-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;

    color: #6E6E6E !important;
    font-size: 32px !important;
    font-weight: 300 !important;

    box-shadow: none !important;
}

.swal2-close:hover {
    color: #000 !important;
}

/* Success */
.swal2-icon.swal2-success {
    border-color: #3b8d42 !important;
}

.swal2-success-ring {
    border-color: #3b8d42 !important;
}

.swal2-success-line-tip,
.swal2-success-line-long {
    background-color: #3b8d42 !important;
}

/* Warning */
.swal2-icon.swal2-warning {
    border-color: #F36E21 !important;
    color: #F36E21 !important;
}

/* Error */
.swal2-icon.swal2-error {
    border-color: #dc3545 !important;
}

/* Loader */
.swal2-loader {
    border-color: #F36E21 transparent #F36E21 transparent !important;
}

/* Input */
.swal2-input,
.swal2-textarea,
.swal2-select {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Validation Message */
.swal2-validation-message {
    text-align: left !important;
}

/* Mobile */
@media (max-width: 768px) {

    .swal2-popup {
        width: calc(100% - 30px) !important;
        padding: 20px !important;
    }

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

    .swal2-html-container,
    .swal2-content {
        font-size: 18px !important;
    }

    .swal2-styled {
        font-size: 18px !important;
    }
}

@media (max-width: 425) {
    .swal2-title {
        font-size: 18px !important;
    }

    .swal2-html-container,
    .swal2-content {
        font-size: 16px !important;
    }

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