:root,
[data-bs-theme="light"] {
  --bs-nav-link-font-size: 0.7375rem;
  --bg-border-color :#f8f6f6
}

.card-header {
  padding: 0.5rem var(--bs-card-cap-padding-x);
}
.table_header_border {
 border-bottom:2px solid var(--bs-table-border-color) ;
}
.text-gary-80 {
  color:var(--bs-gray-500)
}

.text-royalblue{
  color: #1796e3;
}

.text-md {
  font-size: 2rem;
}

.text-md-b { 
  font-weight: normal;
}
.text-xxs { font-size: 0.55rem; }       /* 8px */
.text-xs { font-size: 0.75rem; }       /* 12px */
.text-sm { font-size: 0.875rem; }      /* 14px */
.text-base { font-size: 1rem; }        /* 16px */
.text-lg { font-size: 1.125rem; }      /* 18px */
.text-xl { font-size: 1.25rem; }       /* 20px */
.text-2xl { font-size: 1.5rem; }       /* 24px */
.text-3xl { font-size: 1.875rem; }     /* 30px */
.text-4xl { font-size: 2.25rem; }      /* 36px */
.text-5xl { font-size: 3rem; }         /* 48px */
.text-6xl { font-size: 3.75rem; }      /* 60px */
.text-7xl { font-size: 4.5rem; }       /* 72px */
.text-8xl { font-size: 6rem; }         /* 96px */
.text-9xl { font-size: 8rem; }         /* 128px */


/*  */

.w-0     { width: 0px; }
.w-px    { width: 1px; }
.w-1     { width: 0.25rem; }  /* 4px */
.w-2     { width: 0.5rem; }   /* 8px */
.w-3     { width: 0.75rem; }  /* 12px */
.w-4     { width: 1rem; }     /* 16px */
.w-5     { width: 1.25rem; }  /* 20px */
.w-6     { width: 1.5rem; }   /* 24px */
.w-8     { width: 2rem; }     /* 32px */
.w-10    { width: 2.5rem; }   /* 40px */
.w-12    { width: 3rem; }     /* 48px */
.w-16    { width: 4rem; }     /* 64px */
.w-20    { width: 5rem; }     /* 80px */
.w-24    { width: 6rem; }     /* 96px */
.w-32    { width: 8rem; }     /* 128px */
.w-40    { width: 10rem; }    /* 160px */
.w-48    { width: 12rem; }    /* 192px */
.w-56    { width: 14rem; }    /* 224px */
.w-64    { width: 16rem; }    /* 256px */
.w-auto  { width: auto; }
.w-full  { width: 100%; }
.w-screen{ width: 100vw; }
.w-min   { width: min-content; }
.w-max   { width: max-content; }



.h-0     { height: 0px; }
.h-px    { height: 1px; }
.h-1     { height: 0.25rem; }  /* 4px */
.h-2     { height: 0.5rem; }   /* 8px */
.h-3     { height: 0.75rem; }  /* 12px */
.h-4     { height: 1rem; }     /* 16px */
.h-5     { height: 1.25rem; }  /* 20px */
.h-6     { height: 1.5rem; }   /* 24px */
.h-8     { height: 2rem; }     /* 32px */
.h-10    { height: 2.5rem; }   /* 40px */
.h-12    { height: 3rem; }     /* 48px */
.h-16    { height: 4rem; }     /* 64px */
.h-20    { height: 5rem; }     /* 80px */
.h-24    { height: 6rem; }     /* 96px */
.h-32    { height: 8rem; }     /* 128px */
.h-40    { height: 10rem; }    /* 160px */
.h-48    { height: 12rem; }    /* 192px */
.h-56    { height: 14rem; }    /* 224px */
.h-64    { height: 16rem; }    /* 256px */
.h-auto  { height: auto; }
.h-full  { height: 100%; }
.h-screen{ height: 100vh; }
.h-min   { height: min-content; }
.h-max   { height: max-content; }