@tailwind base;
@tailwind components;
@tailwind utilities;

.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

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

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

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

.colored-toast.swal2-icon-denger {
    background-color: #e62020 !important;
}

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

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

@custom-variant dark (&:where(.dark, .dark *));

/* scroll x */
ul {
    overflow-x: hidden;
    transition: overflow-x 0.3s ease-in-out;
}

ul:hover {
    overflow-x: auto;
}

ul::-webkit-scrollbar {
    height: 8px;
}

ul::-webkit-scrollbar-track {
    background-color: #F3F4F6;
    border-radius: 10px;
}

ul::-webkit-scrollbar-thumb {
    background-color: #4B5563;
    border-radius: 10px;
}

ul::-webkit-scrollbar-thumb:hover {
    background-color: #6B7280;
}

/* padding */
.no-padding {
    padding: 0 !important;
}
.no-border-collapse {
    border-collapse: separate !important;
}