/* purgecss start ignore */
@tailwind base;
@tailwind components;
/* purgecss end ignore */

@tailwind utilities;

/*forms*/

body {
    overflow-x: hidden;
}

.input {
    @apply shadow appearance-none border rounded mb-1 py-2 px-3 text-gray-700 leading-tight align-text-top;
    transition: all 0.3s;
}

.input.error {
    @apply border-red-500
}

.input:focus {
    @apply text-black outline-none;
    -webkit-box-shadow: 0px 0px 4px 3px #4f89ed;
    -moz-box-shadow: 0px 0px 4px 3px #4f89ed;
    box-shadow: 0px 0px 4px 3px #4f89ed;
}

.input.error:focus {
    -webkit-box-shadow: 0px 0px 4px 3px #f56565;
    -moz-box-shadow: 0px 0px 4px 3px #f56565;
    box-shadow: 0px 0px 4px 3px #f56565;
}

.input-error {
    @apply text-red-500 text-xs italic h-5

}

.Toastify__toast {
    padding-left: 24px !important;
    @apply text-sm;
}


/* table stuff */

.griddle-table {
    @apply table-auto;
}

.flatpickr-weekday, .flatpickr-day {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}