:root{
  --fa-navy: #1e293b;
  --fa-blue-deep: #145ea0;
  --fa-blue-bright: #3394e1;
}

.w-\[80\%\] {
    width: 80%
}

.text-yellow-300 {
   color: var(--color-yellow-300)
}

.bg-red-700 {
    background-color: var(--color-red-700)
}

.bg-red-800 {
    background-color: var(--color-red-800)
}

.bg-red-900 {
    background-color: var(--color-red-900)
}

.bg-green-500 {
    background-color: var(--color-green-500)
}

.bg-green-700 {
    background-color: var(--color-green-700)
}

.bg-green-800 {
    background-color: var(--color-green-800)
}

.bg-green-900 {
    background-color: var(--color-green-900)
}

.bg-yellow-500 {
    background-color: var(--color-yellow-500)
}

.bg-blue-10 {
    background-color: #fafbfe;
}

.bg-blue-800 {
    background-color: var(--color-blue-800)
}

.hover\:border-zinc-800:hover {
    border-color: var(--color-zinc-800)
}

.border-orange-600 {
    border-color: var(--color-orange-600);
}

.border-yellow-400 {
    border-color: var(--color-yellow-400);
}

.border-b-1 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px
}

.from-blue-900 {
  --tw-gradient-from: var(--color-blue-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}

.min-w-\[130px\] {
    min-width: 130px;
}

.min-w-\[150px\] {
    min-width: 150px;
}

.grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

.col-span-1{grid-column:span 1/span 1}
.col-span-3{grid-column:span 3/span 3}
.col-span-5{grid-column:span 5/span 5}

.w-15 { width: calc(var(--spacing) * 15) }
.h-15 { height: calc(var(--spacing) * 15) }


@media (min-width:40rem){
    .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
    .sm\:w-full{width: 100%;}
}

@media (min-width: 48rem) {
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
  }
  .md\:col-span-1 {grid-column: span 1/span 1;}
  .md\:col-span-2 {grid-column: span 2/span 2;}
  .md\:col-span-3 {grid-column:span 3/span 3}
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:inline {
    display: inline;
  }

  .md\:sticky {position: sticky;}
    .md\:min-h-0 {min-height: 0;}
    .md\:bg-white {background-color: #fff;}
    .md\:text-right {text-align: right}
    .md\:mt-0 {margin-top: calc(var(--spacing) * 0)}
    .md\:mt-2 {margin-top: calc(var(--spacing) * 2)}
}

@media (min-width:64rem){
  .lg\:grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr))}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{grid-column:span 3/span 3}
  .lg\:col-span-5{grid-column:span 5/span 5}
  .lg\:col-span-6{grid-column:span 6/span 6}

  .lg\:inline {display: inline;}
  .lg\:block {display: block;}

  .lg\:mt-2 {margin-top: calc(var(--spacing) * 2)}
  
}