@tailwind base;
@tailwind components;
@tailwind utilities;

.invalid {
    outline: 1px solid #CC0000;
}


.text-agdata-green {
    --tw-text-opacity: 1;
    color: rgb(74 119 41 / var(--tw-text-opacity));
}

.text-agdata-red {
    --tw-text-opacity: 1;
    color: rgb(204 0 0 / var(--tw-text-opacity));
}


.hover\:bg-agdata-green:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 119 41 / var(--tw-bg-opacity));
}

.focus\:border-agdata-green:focus {
    --tw-border-opacity: 1;
    border-color: rgb(74 119 41 / var(--tw-border-opacity));
}


.focus\:ring-agdata-green:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(74 119 41 / var(--tw-ring-opacity));
}

.bg-agdata-green {
    --tw-bg-opacity: 1;
    background-color: rgb(74 119 41 / var(--tw-bg-opacity));
}
/*
.sompin {
    w-full inline-block bg-green-700 text-stone-50 px-4 py-2 font-medium rounded-sm hover:bg-green-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50;
}*/