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


*, ::after, ::before {
    box-sizing: border-box;
    border-style: solid;
    border-color: #e5e7eb;

    &:focus {
        box-shadow: none;
        /* box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); */
    }
}


.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover-bg-opacity-20:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.cursor-pointer {
    cursor: pointer;
}

.justify-end {
    justify-content: flex-end;
}

.zebra {
    background: #f0f0f0;
}