@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

.hdr_bar {
    @apply w-full inline-block bg-green-700 h-16 m-0
}

.app_title {
    @apply inline-block box-border leading-14 text-left font-bold text-4xl pl-6 text-white w-[20%]
}

.welcome_msg {
    @apply inline-block box-border text-center text-white -mt-30 p-0 w-[60%]
}

.hdr_notify {
    @apply inline-block box-border float-right leading-16 m-auto w-[19%] text-right
}

.hdr_icon {
    @apply text-xl text-white
}
.login_block {
    @apply inline-block w-full text-center
}

.title_block {
    @apply mt-10
}

.input_std {
    @apply p-1 border-2 rounded
}

.btn_std {
    @apply mt-6 bg-blue-500 text-white py-2 px-4 rounded cursor-pointer
}

.page_std {
    @apply bg-gray-300 h-screen w-screen overflow-y-hidden overflow-x-hidden
}

.active_tab {
    @apply ml-4 mr-4 border-t border-r border-l rounded bg-gray-900 text-white pt-1 pb-1 pl-2 pr-2
}

.inactive_tab {
    @apply ml-4 mr-4  pt-1 pb-1 pl-2 pr-2
}