div.input_global {
    @apply text-gray-600;
}
div.input_global input {
    @apply block border border-gray-400 w-full rounded-sm bg-white focus:outline-1 focus:outline-gray-500 mb-1;
}
div.input_global div.input-alert {
    @apply flex items-center text-red-600;
}

div.textarea_global {
    @apply text-gray-600;
}
div.textarea_global textarea {
    @apply block border border-gray-400 w-full rounded-sm bg-white focus:outline-1 focus:outline-gray-500 mb-1;
}
div.textarea_global div.input-alert {
    @apply flex items-center text-red-600;
}


div.input_sm {
    @apply text-sm;
}
div.input_sm input {
    @apply px-2 py-1 shadow-sm;
}


div.input_md {
    @apply text-base;
}
div.input_md input, div.input_md textarea {
    @apply  px-4 py-2 shadow-md;
}

div.input_lg {
    @apply text-lg;
}

div.input_lg input, div.input_lg textarea {
    @apply px-4 py-3 shadow-lg;
}



div.input_filters {
    color: var(--color-gray4);
}
div.input_filters input {
    background-color: var(--color-gray2);
    border: solid 1px var(--color-gray3);
}


/* *** SELECT ALPINE COMPONENT ************************************************************************************** */
div.select_alpine label {
    @apply pl-1;
}
div.select_alpine .select_wrapper {
    @apply relative w-full mx-auto;
}
div.select_alpine .select_wrapper button {
    @apply w-full bg-white border border-gray-400 rounded-md shadow-md pl-4 pr-10 py-2 text-left cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500;
}
div.select_alpine .select_wrapper ul {
    @apply absolute z-10 mt-1 w-full bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto;
}
div.select_alpine .select_wrapper ul li input.search_li {
    @apply w-full border px-2 py-1 rounded;
}
div.select_alpine .select_wrapper ul li.item_li {
    @apply cursor-pointer px-4 py-2  hover:bg-blue-100 hover:text-blue-900;
}


/* style dla fitrów */
div.select_alpine_filters {
    @apply relative top-[-4px];
}
div.select_alpine_filters label {
    @apply pl-1 text-sm text-[var(--color-gray4)];
}
div.select_alpine_filters .select_wrapper {
    @apply relative w-full mx-auto;
}
div.select_alpine_filters .select_wrapper button {
    @apply w-full bg-[var(--color-gray2)] border border-[var(--color-gray3)] text-[var(--color-gray4)] rounded-sm shadow-md pl-4 pr-10 py-1 mb-0 text-left text-sm cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500;
}
div.select_alpine_filters .select_wrapper ul {
    @apply absolute z-10 mt-1 w-full bg-[var(--color-gray2)] border border-[var(--color-gray3)] rounded-md shadow-lg max-h-60 overflow-auto;
}
div.select_alpine_filters .select_wrapper ul li input.search_li {
    @apply w-full border px-2 py-1 rounded text-sm;
}
div.select_alpine_filters .select_wrapper ul li.item_li {
    @apply cursor-pointer px-4 py-1 text-sm hover:bg-blue-100 hover:text-blue-900
}
/* *** SELECT ALPINE COMPONENT *************************************************************************** KONIEC *** */