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

.invalid {
    outline: 2px solid #DA1E28;
}


.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));
}

.radius-4 {
    border-radius: 0.25rem;
}

.cursor-pointer {
    cursor: pointer;
}

.right-1 {
    right: 0.5rem;
}

.right-3 {
    right: 0.75rem;
}

.right-4 {
    right: 1rem;
}

.flex-col {
    flex-direction: column;
}

.justify-end {
    justify-content: end;
}

.size-4 {
    width: 1rem;
    height: 1rem;
}

.gap-2 {
    gap: 0.5rem;
}

.border-gray {
    border-color: #8D8D8D;
}

.p-6 {
    padding: 1.5rem;
}

.pr-10 {
    padding-right: 2.5rem;
}

.pr-14 {
    padding-right: 3.5rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.font-normal {
    font-weight: 400;
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(15 98 254 / var(--tw-text-opacity));
}

.text-700 {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
}

.error-icon {
    opacity: 0;
}

input.invalid + .error-icon,
.client-invalid + .error-icon {
    opacity: 1;
    margin: 1px;
}

.disabled {
    background-color: #c6c6c6;
    border: none;
    pointer-events: none;
    color: #8d8d8d;
}

.background-page {
    background: url('/images/background.webp') no-repeat center center;
    background-size: cover;
}

.subheading-color {
    color: #525252;
}

.max-w-96 {
    max-width: 24rem;
}

input[type="password"]::-ms-reveal {
    display: none;
}

.pl-100 {
    padding-left: 5.25rem;
}

.btn {
    text-decoration: none;
}

.btn:hover:not(:disabled):not(.disabled) {
     background: var(--Background---ag-background-hover, #8D8D8D1F);
     color: var(--Button---ag-button-primary-hover, #50832B);
     text-decoration: none;
}

.btn:disabled,
.btn.disabled {
   background: var(--Background---ag-background-active, #8D8D8D80);
   cursor: not-allowed;
}

body.background-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.mix-blend {
    mix-blend-mode: multiply;
}

[x-cloak] {
    display: none !important;
}

.btn-padding{
    padding-left: 6.25rem;
}


/*
.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;
}*/