@tailwind base;
@tailwind components;
@tailwind utilities;
body{
    background-image: url("../../public/assets/images/bg1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    @apply h-80 md:min-h-screen lg:min-h-screen xl:min-h-screen bg-gray-100
}

select, input[type="text"],input[type="email"],input[type="number"]{
    @apply backdrop-blur-sm border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 dark:bg-gray-700 bg-opacity-10 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white
}

button{
    @apply text-gray-200 hover:text-white border border-gray-800  focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2 dark:border-gray-600 dark:text-gray-100 dark:hover:text-white
}
.cancelBtn{
    @apply bg-red-500 border-red-500 !important
}
.applyBtn{
    @apply bg-blue-500 border-blue-500
}
.daterangepicker{
    @apply bg-transparent backdrop-blur-md border-gray-600 !important
}
.calendar-table{
    @apply bg-transparent text-white border-none !important
}

.drp-buttons{
    @apply border border-gray-600 !important
}
.drp-selected{
    @apply hidden !important
}
.off {
    @apply bg-transparent text-red-500 font-semibold !important
}
.prev span{
    @apply text-white !important
}
.next span{
    @apply text-white !important
}

.anchorBtn{
    @apply text-gray-200 hover:text-white border border-gray-800  focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2 dark:border-gray-600 dark:text-gray-100 dark:hover:text-white
}

#btn_id{
    @apply text-gray-200 hover:text-white w-full border cursor-pointer uppercase border-gray-800  focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2 dark:border-gray-600 dark:text-gray-100 dark:hover:text-white
}