@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ********************************************** ADD THE COMMON STYLES HERE *********************************************/
* {
    font-family: "Fira Sans", sans-serif !important;
}


/* Common Max-Width Classes */
.max-w-xs {
    max-width: 320px;
}

.max-w-sm {
    max-width: 384px;
}

.max-w-md {
    max-width: 448px;
}

.max-w-lg {
    max-width: 512px;
}

.max-w-xl {
    max-width: 576px;
}

.max-w-2xl {
    max-width: 672px;
}

.max-w-3xl {
    max-width: 768px;
}

.max-w-4xl {
    max-width: 896px;
}

.max-w-5xl {
    max-width: 1024px;
}

.max-w-6xl {
    max-width: 1152px;
}

.max-w-7xl {
    max-width: 1280px;
}

.max-w-full {
    max-width: 100%;
}

.max-w-screen-sm {
    max-width: 640px;
}

.max-w-screen-md {
    max-width: 768px;
}

.max-w-screen-lg {
    max-width: 1024px;
}

.max-w-screen-xl {
    max-width: 1280px;
}

.max-w-screen-2xl {
    max-width: 1536px;
}

.min-w-xs {
    min-width: 320px;
}

.min-w-sm {
    min-width: 384px;
}

.min-w-md {
    min-width: 448px;
}

.min-w-lg {
    min-width: 512px;
}

.min-w-xl {
    min-width: 576px;
}

.min-w-2xl {
    min-width: 672px;
}

.min-w-3xl {
    min-width: 768px;
}

.min-w-4xl {
    min-width: 896px;
}

.min-w-5xl {
    min-width: 1024px;
}

.min-w-6xl {
    min-width: 1152px;
}

.min-w-7xl {
    min-width: 1280px;
}

.min-w-full {
    min-width: 100%;
}

.min-w-screen-sm {
    min-width: 640px;
}

.min-w-screen-md {
    min-width: 768px;
}

.min-w-screen-lg {
    min-width: 1024px;
}

.min-w-screen-xl {
    min-width: 1280px;
}

.min-w-screen-2xl {
    min-width: 1536px;
}


.max-h-xs {
    max-height: 320px;
}

.max-h-sm {
    max-height: 384px;
}

.max-h-md {
    max-height: 448px;
}

.max-h-lg {
    max-height: 512px;
}

.max-h-xl {
    max-height: 576px;
}

.max-h-2xl {
    max-height: 672px;
}

.max-h-3xl {
    max-height: 768px;
}

.max-h-4xl {
    max-height: 896px;
}

.max-h-5xl {
    max-height: 1024px;
}

.max-h-6xl {
    max-height: 1152px;
}

.max-h-7xl {
    max-height: 1280px;
}

.max-h-full {
    max-height: 100%;
}

.max-h-screen-sm {
    max-height: 640px;
}

.max-h-screen-md {
    max-height: 768px;
}

.max-h-screen-lg {
    max-height: 1024px;
}

.max-h-screen-xl {
    max-height: 1280px;
}

.max-h-screen-2xl {
    max-height: 1536px;
}


/* Common Background Gray Classes */
.bg-gray-50 {
    background-color: #f9fafb;
}
/* Lightest Gray */
.bg-gray-100 {
    background-color: #f3f4f6;
}

.bg-gray-200 {
    background-color: #e5e7eb;
}

.bg-gray-300 {
    background-color: #d1d5db;
}

.bg-gray-400 {
    background-color: #9ca3af;
}

.bg-gray-500 {
    background-color: #6b7280;
}
/* Neutral Gray */
.bg-gray-600 {
    background-color: #4b5563;
}

.bg-gray-700 {
    background-color: #374151;
}

.bg-gray-800 {
    background-color: #1f2937;
}

.bg-gray-900 {
    background-color: #111827;
}

.bg-indigo-50 {
    background-color: #EEF2FF;
}

.bg-indigo-100 {
    background-color: #E0E7FF;
}

.bg-indigo-200 {
    background-color: #C7D2FE;
}

.bg-indigo-300 {
    background-color: #A5B4FC;
}

.bg-indigo-400 {
    background-color: #818CF8;
}

.bg-indigo-500 {
    background-color: #6366F1;
}

.bg-indigo-600 {
    background-color: #4F46E5;
}

.bg-indigo-700 {
    background-color: #4338CA;
}

.bg-indigo-800 {
    background-color: #3730A3;
}

.bg-indigo-900 {
    background-color: #312E81;
}

.bg-indigo-950 {
    background-color: #1E1B4B;
}


.bg-yellow-50 {
    background-color: #fffbeb;
}

.bg-yellow-100 {
    background-color: #fef3c7;
}

.bg-yellow-200 {
    background-color: #fde68a;
}

.bg-yellow-300 {
    background-color: #fcd34d;
}

.bg-yellow-400 {
    background-color: #fbbf24;
}

.bg-yellow-500 {
    background-color: #f59e0b;
}

.bg-yellow-600 {
    background-color: #d97706;
}

.bg-yellow-700 {
    background-color: #b45309;
}

.bg-yellow-800 {
    background-color: #92400e;
}

.bg-yellow-900 {
    background-color: #78350f;
}


.text-xs {
    font-size: 12px;
    line-height: calc(1/ 0.75);
}


#spinner {
    position: absolute;
    height: 100dvh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1056;
    background: #00000052;
    top: 0px;
    left: 0px;
}


.windowHeight{
    height: 100dvh;
}
/* Width Utilities (0-96) in Pixels */
.w-0 { width: 0px; }
.w-px { width: 1px; }
.w-1 { width: 4px; }
.w-2 { width: 8px; }
.w-3 { width: 12px; }
.w-4 { width: 16px; }
.w-5 { width: 20px; }
.w-6 { width: 24px; }
.w-7 { width: 28px; }
.w-8 { width: 32px; }
.w-9 { width: 36px; }
.w-10 { width: 40px; }
.w-11 { width: 44px; }
.w-12 { width: 48px; }
.w-14 { width: 56px; }
.w-16 { width: 64px; }
.w-20 { width: 80px; }
.w-24 { width: 96px; }
.w-28 { width: 112px; }
.w-32 { width: 128px; }
.w-36 { width: 144px; }
.w-40 { width: 160px; }
.w-44 { width: 176px; }
.w-48 { width: 192px; }
.w-52 { width: 208px; }
.w-56 { width: 224px; }
.w-60 { width: 240px; }
.w-64 { width: 256px; }
.w-72 { width: 288px; }
.w-80 { width: 320px; }
.w-96 { width: 384px; }
.h-0 {
    height: 0px;
}

.h-px {
    height: 1px;
}

.h-1 {
    height: 4px;
}

.h-2 {
    height: 8px;
}


.h-3 {
    height: 12px;
}


.h-4 {
    height: 16px;
}

.h-5 {
    height: 20px;
}

.h-6 {
    height: 24px;
}

.h-7 {
    height: 28px;
}

.h-8 {
    height: 32px;
}

.h-9 {
    height: 36px;
}

.h-10 {
    height: 40px;
}

.h-11 {
    height: 44px;
}

.h-12 {
    height: 48px;
}

.h-14 {
    height: 56px;
}

.h-16 {
    height: 64px;
}

.h-20 {
    height: 80px;
}

.h-24 {
    height: 96px;
}

.h-28 {
    height: 112px;
}

.h-32 {
    height: 128px;
}

.h-36 {
    height: 144px;
}

.h-40 {
    height: 160px;
}

.h-44 {
    height: 176px;
}

.h-48 {
    height: 192px;
}

.h-52 {
    height: 208px;
}

.h-56 {
    height: 224px;
}

.h-60 {
    height: 240px;
}

.h-64 {
    height: 256px;
}

.h-72 {
    height: 288px;
}

.h-80 {
    height: 320px;
}

.h-96 {
    height: 384px;
}

.min-h-xs {
    min-height: 320px;
}

.min-h-sm {
    min-height: 384px;
}

.min-h-md {
    min-height: 448px;
}

.min-h-lg {
    min-height: 512px;
}

.min-h-xl {
    min-height: 576px;
}

.min-h-2xl {
    min-height: 672px;
}

.min-h-3xl {
    min-height: 768px;
}

.min-h-4xl {
    min-height: 896px;
}

.min-h-5xl {
    min-height: 1024px;
}

.min-h-6xl {
    min-height: 1152px;
}

.min-h-7xl {
    min-height: 1280px;
}

.min-h-full {
    min-height: 100%;
}

.min-h-screen-sm {
    min-height: 640px;
}

.min-h-screen-md {
    min-height: 768px;
}

.min-h-screen-lg {
    min-height: 1024px;
}

.min-h-screen-xl {
    min-height: 1280px;
}

.min-h-screen-2xl {
    min-height: 1536px;
}


.amrit-toast{
    padding:8px;
}

.is-invalid-wrapper {
    border-width: 3px !important;
    border-color: var(--bs-form-invalid-border-color) !important;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important
}

.border-dashed{
    border-style:dashed!important;
}


.cursor-pointer{
    cursor:pointer;
}

.hover:hover {
    background-color: var(--bs-primary-bg-subtle);
}

.shadow-xxl {
    box-shadow: 1px 1rem 3rem 1px rgb(0 0 0 / 50%);
}