@import './all.min.css';
@import "./buttons.css";
/*@import "./admin_inventories.css";*/
@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
    display: none;
}

:root {
    /*--card-bg: #ffffff;*/
    --card-bg: #ffffff;
    --card-border-colour: #c5c5c5;
    --color-primary: #0D4B2C;
    /*--gradient-bg: linear-gradient(135deg,  #0e5b29 0%,#0b492a 46%,#29623d 100%);*/
    --gradient-bg: linear-gradient(135deg,  #0e5b29 0%,#0b492a 46%,#29623d 100%);
}

h1, h2, h3, h4, h5, h6 {
    @apply text-green-950 dark:text-green-50;
}

.input {
    @apply bg-white dark:bg-mist-800;
    @apply text-black placeholder:text-mist-300 dark:text-mist-100;
    @apply block !w-full;
    @apply py-2 px-3;
}

body {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5b29+0,0b492a+46,29623d+100 */
    /*background: var(--gradient-bg);*/
    @apply text-black dark:text-white;
}

.nav-bg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5b29+0,0b492a+46,29623d+100 */
    background: var(--gradient-bg);
    @apply text-green-100;
}
footer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5b29+0,0b492a+46,29623d+100 */
    background: var(--gradient-bg);
    @apply text-green-100;
}

.card {
    @apply p-2 sm:p-8;
    @apply bg-white dark:bg-mist-700;
    @apply shadow-lg rounded-lg;
    @apply border border-mist-200 dark:border-mist-600;
}
.card-bg {
    @apply bg-white dark:bg-mist-700;
}

.modal_item {
    @apply flex items-center w-full;
    @apply p-1;
    @apply bg-mist-50 hover:bg-mist-100 dark:bg-mist-600 hover:dark:bg-mist-700;
    @apply shadow-lg rounded-lg;
    @apply border border-mist-600;
    @apply cursor-pointer;
}

.item_input_label {
    @apply flex items-center px-3 whitespace-nowrap !w-[170px] text-sm text-black dark:text-mist-200 border-r dark:border-mist-600;
}



.table_p1 th, .table_p1 td {
    @apply p-1;
}
.table_p2 th, .table_p2 td {
    @apply p-2;
}
.table_p4 th, .table_p4 td {
    @apply p-4;
}

.table_bordered {
    @apply table-auto w-full border border-mist-300 dark:border-mist-500 text-black dark:text-mist-300;
}

.table_bordered th,
.table_bordered td {
    @apply border border-mist-300 dark:border-mist-500;
}


.table_bordered tr:hover {
    @apply hover:bg-green-400/10;
}

.table_bordered th {
    @apply font-extrabold text-center;
}

.table_bordered thead {
    @apply text-xs uppercase bg-mist-100 dark:bg-mist-800 text-mist-600 dark:text-mist-400;
}
[type="date"] {
    @apply dark:[color-scheme:dark];
}

[type="datetime-local"] {
    @apply dark:[color-scheme:dark];
}

[type="color"] {
    @apply dark:[color-scheme:dark];
}

.inventory_timestamp {
    @apply grid grid-cols-1;
    @apply text-center;
    @apply border border-mist-400 dark:border-mist-600 rounded-lg;
}
.inventory_timestamp_label {
    @apply text-mist-500 dark:text-mist-300 italic;
}

.sortable-chosen {
    @apply outline outline-offset-1 outline-green-400 cursor-pointer rounded;
}
.image_selected {
    @apply outline outline-offset-1 outline-green-400 cursor-pointer rounded;
}

.image-list-item {
    @apply grid gap-2 mb-1 p-1
        bg-white hover:bg-mist-100 dark:bg-mist-600 hover:dark:bg-mist-800
    border border-green-600 dark:border-green-700 rounded;
}