.text-primary {
  color: #007bff !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.text-teal {
  color: #499994 !important;
}

.text-teal-100 {
  color: #ccfbf1 !important;
}

.text-teal-700 {
  color: #0f766e !important;
}

.text-teal-600 {
  color: #0d9488 !important;
}

.text-dark {
  color: #374151 !important;
}

.text-gray {
  color: #63738a !important;
}

.text-lightgray {
  color: #dddddd !important;
}

.text-light {
  color: #f4f7fa !important;
}

.text-lighter {
  color: #fcfcfd !important;
}

.text-white {
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.text-orange {
  color: #ef6c00 !important;
}

.text-violet {
  color: #9d4edd !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-blue {
  color: #1e40af !important;
}

.text-blue-700 {
  color: #1d4ed8 !important;
}

.text-blue-50 {
  color: #eff6ff !important;
}

.text-brown {
  color: #964b00 !important;
}

.text-transparent {
  color: transparent !important;
}

.text-gray-300 {
  color: #d1d5db !important;
}

.text-gray-400 {
  color: #9ca3af !important;
}

.text-gray-700 {
  color: #4B5563 !important;
}

.text-gray-600 {
  color: #4B5563 !important;
}

.text-gray-500 {
  color: #6b7280 !important;
}

.text-indigo-50 {
  color: #eef2ff !important;
}

.text-indigo-700 {
  color: #4338ca !important;
}

.text-purple-50 {
  color: #faf5ff !important;
}

.text-purple-700 {
  color: #7e22ce !important;
}

.text-green-400 {
  color: #4ade80 !important;
}

.text-green-600 {
  color: #16a34a !important;
}

.text-green-900 {
  color: #14532d !important;
}

.text-green-50 {
  color: #f0fdf4 !important;
}

.text-yellow-100 {
  color: #fef9c3 !important;
}

.text-amber-800 {
  color: #92400e !important;
}

.text-amber-100 {
  color: #FEF3C7 !important;
}

.bg-primary {
  background-color: #007bff !important;
  color: #000;
}

.bg-secondary {
  background-color: #6c757d !important;
  color: #000;
}

.bg-success {
  background-color: #28a745 !important;
  color: #000;
}

.bg-danger {
  background-color: #dc3545 !important;
  color: #000;
}

.bg-warning {
  background-color: #ffc107 !important;
  color: #fff;
}

.bg-info {
  background-color: #17a2b8 !important;
  color: #000;
}

.bg-teal {
  background-color: #499994 !important;
  color: #000;
}

.bg-teal-100 {
  background-color: #ccfbf1 !important;
  color: #000;
}

.bg-teal-700 {
  background-color: #0f766e !important;
  color: #000;
}

.bg-teal-600 {
  background-color: #0d9488 !important;
  color: #000;
}

.bg-dark {
  background-color: #374151 !important;
  color: #000;
}

.bg-gray {
  background-color: #63738a !important;
  color: #000;
}

.bg-lightgray {
  background-color: #dddddd !important;
  color: #000;
}

.bg-light {
  background-color: #f4f7fa !important;
  color: #fff;
}

.bg-lighter {
  background-color: #fcfcfd !important;
  color: #000;
}

.bg-white {
  background-color: #ffffff !important;
  color: #000;
}

.bg-black {
  background-color: #000000 !important;
  color: #000;
}

.bg-orange {
  background-color: #ef6c00 !important;
  color: #000;
}

.bg-violet {
  background-color: #9d4edd !important;
  color: #000;
}

.bg-purple {
  background-color: #9c27b0 !important;
  color: #000;
}

.bg-blue {
  background-color: #1e40af !important;
  color: #000;
}

.bg-blue-700 {
  background-color: #1d4ed8 !important;
  color: #000;
}

.bg-blue-50 {
  background-color: #eff6ff !important;
  color: #000;
}

.bg-brown {
  background-color: #964b00 !important;
  color: #000;
}

.bg-transparent {
  background-color: transparent !important;
  color: #000;
}

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

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

.bg-gray-700 {
  background-color: #4B5563 !important;
  color: #000;
}

.bg-gray-600 {
  background-color: #4B5563 !important;
  color: #000;
}

.bg-gray-500 {
  background-color: #6b7280 !important;
  color: #000;
}

.bg-indigo-50 {
  background-color: #eef2ff !important;
  color: #000;
}

.bg-indigo-700 {
  background-color: #4338ca !important;
  color: #000;
}

.bg-purple-50 {
  background-color: #faf5ff !important;
  color: #000;
}

.bg-purple-700 {
  background-color: #7e22ce !important;
  color: #000;
}

.bg-green-400 {
  background-color: #4ade80 !important;
  color: #000;
}

.bg-green-600 {
  background-color: #16a34a !important;
  color: #000;
}

.bg-green-900 {
  background-color: #14532d !important;
  color: #000;
}

.bg-green-50 {
  background-color: #f0fdf4 !important;
  color: #000;
}

.bg-yellow-100 {
  background-color: #fef9c3 !important;
  color: #000;
}

.bg-amber-800 {
  background-color: #92400e !important;
  color: #000;
}

.bg-amber-100 {
  background-color: #FEF3C7 !important;
  color: #000;
}

.m-0 {
  margin: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.ml-5 {
  margin-left: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mr-6 {
  margin-right: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.ml-6 {
  margin-left: 1.5rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mr-8 {
  margin-right: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.ml-8 {
  margin-left: 2rem !important;
}

.m-10 {
  margin: 2.5rem !important;
}

.mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.mr-10 {
  margin-right: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.ml-10 {
  margin-left: 2.5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.pl-6 {
  padding-left: 1.5rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

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

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.pl-10 {
  padding-left: 2.5rem !important;
}

.p-auto {
  padding: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-progress {
  cursor: progress;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-clip {
  overflow: clip;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-clip {
  overflow-y: clip;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.leading-3 {
  line-height: 0.75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.badge-primary {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #007bff;
  color: #fff;
}

.badge-secondary {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #6c757d;
  color: #fff;
}

.badge-success {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #28a745;
  color: #fff;
}

.badge-danger {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #dc3545;
  color: #fff;
}

.badge-warning {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ffc107;
  color: #000;
}

.badge-info {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #17a2b8;
  color: #fff;
}

.badge-teal {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #499994;
  color: #fff;
}

.badge-teal-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ccfbf1;
  color: #fff;
}

.badge-teal-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #0f766e;
  color: #fff;
}

.badge-teal-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #0d9488;
  color: #fff;
}

.badge-dark {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #374151;
  color: #fff;
}

.badge-gray {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #63738a;
  color: #fff;
}

.badge-lightgray {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #dddddd;
  color: #fff;
}

.badge-light {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #f4f7fa;
  color: #000;
}

.badge-lighter {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #fcfcfd;
  color: #fff;
}

.badge-white {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ffffff;
  color: #fff;
}

.badge-black {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #000000;
  color: #fff;
}

.badge-orange {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ef6c00;
  color: #fff;
}

.badge-violet {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #9d4edd;
  color: #fff;
}

.badge-purple {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #9c27b0;
  color: #fff;
}

.badge-blue {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #1e40af;
  color: #fff;
}

.badge-blue-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #1d4ed8;
  color: #fff;
}

.badge-blue-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #eff6ff;
  color: #fff;
}

.badge-brown {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #964b00;
  color: #fff;
}

.badge-transparent {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #fff;
}

.badge-gray-300 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #d1d5db;
  color: #fff;
}

.badge-gray-400 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #9ca3af;
  color: #fff;
}

.badge-gray-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #4B5563;
  color: #fff;
}

.badge-gray-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #4B5563;
  color: #fff;
}

.badge-gray-500 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #6b7280;
  color: #fff;
}

.badge-indigo-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #eef2ff;
  color: #fff;
}

.badge-indigo-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #4338ca;
  color: #fff;
}

.badge-purple-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #faf5ff;
  color: #fff;
}

.badge-purple-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #7e22ce;
  color: #fff;
}

.badge-green-400 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #4ade80;
  color: #fff;
}

.badge-green-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #16a34a;
  color: #fff;
}

.badge-green-900 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #14532d;
  color: #fff;
}

.badge-green-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #f0fdf4;
  color: #fff;
}

.badge-yellow-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #fef9c3;
  color: #fff;
}

.badge-amber-800 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #92400e;
  color: #fff;
}

.badge-amber-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #FEF3C7;
  color: #fff;
}

.badge-outline-primary {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #007bff;
  border: 1px solid #007bff;
}

.badge-outline-secondary {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #6c757d;
  border: 1px solid #6c757d;
}

.badge-outline-success {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #28a745;
  border: 1px solid #28a745;
}

.badge-outline-danger {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #dc3545;
  border: 1px solid #dc3545;
}

.badge-outline-warning {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #ffc107;
  border: 1px solid #ffc107;
}

.badge-outline-info {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #17a2b8;
  border: 1px solid #17a2b8;
}

.badge-outline-teal {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #499994;
  border: 1px solid #499994;
}

.badge-outline-teal-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #ccfbf1;
  border: 1px solid #ccfbf1;
}

.badge-outline-teal-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #0f766e;
  border: 1px solid #0f766e;
}

.badge-outline-teal-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #0d9488;
  border: 1px solid #0d9488;
}

.badge-outline-dark {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #374151;
  border: 1px solid #374151;
}

.badge-outline-gray {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #63738a;
  border: 1px solid #63738a;
}

.badge-outline-lightgray {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #dddddd;
  border: 1px solid #dddddd;
}

.badge-outline-light {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #f4f7fa;
  border: 1px solid #f4f7fa;
}

.badge-outline-lighter {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #fcfcfd;
  border: 1px solid #fcfcfd;
}

.badge-outline-white {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.badge-outline-black {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
}

.badge-outline-orange {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #ef6c00;
  border: 1px solid #ef6c00;
}

.badge-outline-violet {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #9d4edd;
  border: 1px solid #9d4edd;
}

.badge-outline-purple {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #9c27b0;
  border: 1px solid #9c27b0;
}

.badge-outline-blue {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #1e40af;
  border: 1px solid #1e40af;
}

.badge-outline-blue-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #1d4ed8;
  border: 1px solid #1d4ed8;
}

.badge-outline-blue-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #eff6ff;
  border: 1px solid #eff6ff;
}

.badge-outline-brown {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #964b00;
  border: 1px solid #964b00;
}

.badge-outline-transparent {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: transparent;
  border: 1px solid transparent;
}

.badge-outline-gray-300 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #d1d5db;
  border: 1px solid #d1d5db;
}

.badge-outline-gray-400 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #9ca3af;
  border: 1px solid #9ca3af;
}

.badge-outline-gray-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #4B5563;
  border: 1px solid #4B5563;
}

.badge-outline-gray-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #4B5563;
  border: 1px solid #4B5563;
}

.badge-outline-gray-500 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #6b7280;
  border: 1px solid #6b7280;
}

.badge-outline-indigo-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #eef2ff;
  border: 1px solid #eef2ff;
}

.badge-outline-indigo-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #4338ca;
  border: 1px solid #4338ca;
}

.badge-outline-purple-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #faf5ff;
  border: 1px solid #faf5ff;
}

.badge-outline-purple-700 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #7e22ce;
  border: 1px solid #7e22ce;
}

.badge-outline-green-400 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #4ade80;
  border: 1px solid #4ade80;
}

.badge-outline-green-600 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #16a34a;
  border: 1px solid #16a34a;
}

.badge-outline-green-900 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #14532d;
  border: 1px solid #14532d;
}

.badge-outline-green-50 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #f0fdf4;
  border: 1px solid #f0fdf4;
}

.badge-outline-yellow-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #fef9c3;
  border: 1px solid #fef9c3;
}

.badge-outline-amber-800 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #92400e;
  border: 1px solid #92400e;
}

.badge-outline-amber-100 {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.25rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: transparent;
  color: #FEF3C7;
  border: 1px solid #FEF3C7;
}

.badge-sm {
  padding: 0.15em 0.35em;
  font-size: 0.65rem;
  border-radius: 0.25rem;
}

.badge-md {
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  border-radius: 0.375rem;
}

.badge-lg {
  padding: 0.4em 0.65em;
  font-size: 0.85rem;
  border-radius: 0.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.shadow-none {
  box-shadow: none;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.shadow-md {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.175);
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
}

.shadow-xl {
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.text-primary {
  color: #007bff !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.text-teal {
  color: #499994 !important;
}

.text-teal-100 {
  color: #ccfbf1 !important;
}

.text-teal-700 {
  color: #0f766e !important;
}

.text-teal-600 {
  color: #0d9488 !important;
}

.text-dark {
  color: #374151 !important;
}

.text-gray {
  color: #63738a !important;
}

.text-lightgray {
  color: #dddddd !important;
}

.text-light {
  color: #f4f7fa !important;
}

.text-lighter {
  color: #fcfcfd !important;
}

.text-white {
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.text-orange {
  color: #ef6c00 !important;
}

.text-violet {
  color: #9d4edd !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-blue {
  color: #1e40af !important;
}

.text-blue-700 {
  color: #1d4ed8 !important;
}

.text-blue-50 {
  color: #eff6ff !important;
}

.text-brown {
  color: #964b00 !important;
}

.text-transparent {
  color: transparent !important;
}

.text-gray-300 {
  color: #d1d5db !important;
}

.text-gray-400 {
  color: #9ca3af !important;
}

.text-gray-700 {
  color: #4B5563 !important;
}

.text-gray-600 {
  color: #4B5563 !important;
}

.text-gray-500 {
  color: #6b7280 !important;
}

.text-indigo-50 {
  color: #eef2ff !important;
}

.text-indigo-700 {
  color: #4338ca !important;
}

.text-purple-50 {
  color: #faf5ff !important;
}

.text-purple-700 {
  color: #7e22ce !important;
}

.text-green-400 {
  color: #4ade80 !important;
}

.text-green-600 {
  color: #16a34a !important;
}

.text-green-900 {
  color: #14532d !important;
}

.text-green-50 {
  color: #f0fdf4 !important;
}

.text-yellow-100 {
  color: #fef9c3 !important;
}

.text-amber-800 {
  color: #92400e !important;
}

.text-amber-100 {
  color: #FEF3C7 !important;
}

.bg-primary {
  background-color: #007bff !important;
  color: #000;
}

.bg-secondary {
  background-color: #6c757d !important;
  color: #000;
}

.bg-success {
  background-color: #28a745 !important;
  color: #000;
}

.bg-danger {
  background-color: #dc3545 !important;
  color: #000;
}

.bg-warning {
  background-color: #ffc107 !important;
  color: #fff;
}

.bg-info {
  background-color: #17a2b8 !important;
  color: #000;
}

.bg-teal {
  background-color: #499994 !important;
  color: #000;
}

.bg-teal-100 {
  background-color: #ccfbf1 !important;
  color: #000;
}

.bg-teal-700 {
  background-color: #0f766e !important;
  color: #000;
}

.bg-teal-600 {
  background-color: #0d9488 !important;
  color: #000;
}

.bg-dark {
  background-color: #374151 !important;
  color: #000;
}

.bg-gray {
  background-color: #63738a !important;
  color: #000;
}

.bg-lightgray {
  background-color: #dddddd !important;
  color: #000;
}

.bg-light {
  background-color: #f4f7fa !important;
  color: #fff;
}

.bg-lighter {
  background-color: #fcfcfd !important;
  color: #000;
}

.bg-white {
  background-color: #ffffff !important;
  color: #000;
}

.bg-black {
  background-color: #000000 !important;
  color: #000;
}

.bg-orange {
  background-color: #ef6c00 !important;
  color: #000;
}

.bg-violet {
  background-color: #9d4edd !important;
  color: #000;
}

.bg-purple {
  background-color: #9c27b0 !important;
  color: #000;
}

.bg-blue {
  background-color: #1e40af !important;
  color: #000;
}

.bg-blue-700 {
  background-color: #1d4ed8 !important;
  color: #000;
}

.bg-blue-50 {
  background-color: #eff6ff !important;
  color: #000;
}

.bg-brown {
  background-color: #964b00 !important;
  color: #000;
}

.bg-transparent {
  background-color: transparent !important;
  color: #000;
}

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

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

.bg-gray-700 {
  background-color: #4B5563 !important;
  color: #000;
}

.bg-gray-600 {
  background-color: #4B5563 !important;
  color: #000;
}

.bg-gray-500 {
  background-color: #6b7280 !important;
  color: #000;
}

.bg-indigo-50 {
  background-color: #eef2ff !important;
  color: #000;
}

.bg-indigo-700 {
  background-color: #4338ca !important;
  color: #000;
}

.bg-purple-50 {
  background-color: #faf5ff !important;
  color: #000;
}

.bg-purple-700 {
  background-color: #7e22ce !important;
  color: #000;
}

.bg-green-400 {
  background-color: #4ade80 !important;
  color: #000;
}

.bg-green-600 {
  background-color: #16a34a !important;
  color: #000;
}

.bg-green-900 {
  background-color: #14532d !important;
  color: #000;
}

.bg-green-50 {
  background-color: #f0fdf4 !important;
  color: #000;
}

.bg-yellow-100 {
  background-color: #fef9c3 !important;
  color: #000;
}

.bg-amber-800 {
  background-color: #92400e !important;
  color: #000;
}

.bg-amber-100 {
  background-color: #FEF3C7 !important;
  color: #000;
}

.fs-xxxs {
  font-size: clamp(0.55rem, 1vw, 0.7rem);
}

.fs-xxs {
  font-size: clamp(0.65rem, 1vw, 0.75rem);
}

.fs-xs {
  font-size: clamp(0.75rem, 1vw, 0.85rem);
}

.fs-sm {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
}

.fs-md {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}

.fs-lg {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
}

.fs-xl {
  font-size: clamp(1.25rem, 2.5vw, 2rem);
}

.fs-xxl {
  font-size: clamp(1.5rem, 3vw, 3rem);
}

.rounded-none {
  border-radius: 0 !important;
}

.rounded-sm {
  border-radius: 0.125rem !important;
}

.rounded-md {
  border-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded-xxl {
  border-radius: 1rem !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-b-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-br-none {
  border-bottom-right-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-b-sm {
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.rounded-t-md {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-b-md {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-l-md {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-r-md {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-tl-md {
  border-top-left-radius: 0.25rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.25rem;
}

.rounded-bl-md {
  border-bottom-left-radius: 0.25rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.25rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-b-lg {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-b-xl {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-t-xxl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-b-xxl {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-l-xxl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-r-xxl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-tl-xxl {
  border-top-left-radius: 1rem;
}

.rounded-tr-xxl {
  border-top-right-radius: 1rem;
}

.rounded-bl-xxl {
  border-bottom-left-radius: 1rem;
}

.rounded-br-xxl {
  border-bottom-right-radius: 1rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-b-full {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
}

.border-default {
  border-width: 1px;
  border-style: solid;
}

.border-2 {
  border-width: 2px;
  border-style: solid;
}

.border-4 {
  border-width: 4px;
  border-style: solid;
}

.border-8 {
  border-width: 8px;
  border-style: solid;
}

.border-solid {
  border-style: solid;
}

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

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-primary {
  border-color: #007bff;
}

.border-secondary {
  border-color: #6c757d;
}

.border-success {
  border-color: #28a745;
}

.border-danger {
  border-color: #dc3545;
}

.border-warning {
  border-color: #ffc107;
}

.border-info {
  border-color: #17a2b8;
}

.border-teal {
  border-color: #499994;
}

.border-teal-100 {
  border-color: #ccfbf1;
}

.border-teal-700 {
  border-color: #0f766e;
}

.border-teal-600 {
  border-color: #0d9488;
}

.border-dark {
  border-color: #374151;
}

.border-gray {
  border-color: #63738a;
}

.border-lightgray {
  border-color: #dddddd;
}

.border-light {
  border-color: #f4f7fa;
}

.border-lighter {
  border-color: #fcfcfd;
}

.border-white {
  border-color: #ffffff;
}

.border-black {
  border-color: #000000;
}

.border-orange {
  border-color: #ef6c00;
}

.border-violet {
  border-color: #9d4edd;
}

.border-purple {
  border-color: #9c27b0;
}

.border-blue {
  border-color: #1e40af;
}

.border-blue-700 {
  border-color: #1d4ed8;
}

.border-blue-50 {
  border-color: #eff6ff;
}

.border-brown {
  border-color: #964b00;
}

.border-transparent {
  border-color: transparent;
}

.border-gray-300 {
  border-color: #d1d5db;
}

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

.border-gray-700 {
  border-color: #4B5563;
}

.border-gray-600 {
  border-color: #4B5563;
}

.border-gray-500 {
  border-color: #6b7280;
}

.border-indigo-50 {
  border-color: #eef2ff;
}

.border-indigo-700 {
  border-color: #4338ca;
}

.border-purple-50 {
  border-color: #faf5ff;
}

.border-purple-700 {
  border-color: #7e22ce;
}

.border-green-400 {
  border-color: #4ade80;
}

.border-green-600 {
  border-color: #16a34a;
}

.border-green-900 {
  border-color: #14532d;
}

.border-green-50 {
  border-color: #f0fdf4;
}

.border-yellow-100 {
  border-color: #fef9c3;
}

.border-amber-800 {
  border-color: #92400e;
}

.border-amber-100 {
  border-color: #FEF3C7;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-t-primary {
  border-top: 1px solid #007bff;
}

.border-r-primary {
  border-right: 1px solid #007bff;
}

.border-b-primary {
  border-bottom: 1px solid #007bff;
}

.border-l-primary {
  border-left: 1px solid #007bff;
}

.border-t-secondary {
  border-top: 1px solid #6c757d;
}

.border-r-secondary {
  border-right: 1px solid #6c757d;
}

.border-b-secondary {
  border-bottom: 1px solid #6c757d;
}

.border-l-secondary {
  border-left: 1px solid #6c757d;
}

.border-t-success {
  border-top: 1px solid #28a745;
}

.border-r-success {
  border-right: 1px solid #28a745;
}

.border-b-success {
  border-bottom: 1px solid #28a745;
}

.border-l-success {
  border-left: 1px solid #28a745;
}

.border-t-danger {
  border-top: 1px solid #dc3545;
}

.border-r-danger {
  border-right: 1px solid #dc3545;
}

.border-b-danger {
  border-bottom: 1px solid #dc3545;
}

.border-l-danger {
  border-left: 1px solid #dc3545;
}

.border-t-warning {
  border-top: 1px solid #ffc107;
}

.border-r-warning {
  border-right: 1px solid #ffc107;
}

.border-b-warning {
  border-bottom: 1px solid #ffc107;
}

.border-l-warning {
  border-left: 1px solid #ffc107;
}

.border-t-info {
  border-top: 1px solid #17a2b8;
}

.border-r-info {
  border-right: 1px solid #17a2b8;
}

.border-b-info {
  border-bottom: 1px solid #17a2b8;
}

.border-l-info {
  border-left: 1px solid #17a2b8;
}

.border-t-teal {
  border-top: 1px solid #499994;
}

.border-r-teal {
  border-right: 1px solid #499994;
}

.border-b-teal {
  border-bottom: 1px solid #499994;
}

.border-l-teal {
  border-left: 1px solid #499994;
}

.border-t-teal-100 {
  border-top: 1px solid #ccfbf1;
}

.border-r-teal-100 {
  border-right: 1px solid #ccfbf1;
}

.border-b-teal-100 {
  border-bottom: 1px solid #ccfbf1;
}

.border-l-teal-100 {
  border-left: 1px solid #ccfbf1;
}

.border-t-teal-700 {
  border-top: 1px solid #0f766e;
}

.border-r-teal-700 {
  border-right: 1px solid #0f766e;
}

.border-b-teal-700 {
  border-bottom: 1px solid #0f766e;
}

.border-l-teal-700 {
  border-left: 1px solid #0f766e;
}

.border-t-teal-600 {
  border-top: 1px solid #0d9488;
}

.border-r-teal-600 {
  border-right: 1px solid #0d9488;
}

.border-b-teal-600 {
  border-bottom: 1px solid #0d9488;
}

.border-l-teal-600 {
  border-left: 1px solid #0d9488;
}

.border-t-dark {
  border-top: 1px solid #374151;
}

.border-r-dark {
  border-right: 1px solid #374151;
}

.border-b-dark {
  border-bottom: 1px solid #374151;
}

.border-l-dark {
  border-left: 1px solid #374151;
}

.border-t-gray {
  border-top: 1px solid #63738a;
}

.border-r-gray {
  border-right: 1px solid #63738a;
}

.border-b-gray {
  border-bottom: 1px solid #63738a;
}

.border-l-gray {
  border-left: 1px solid #63738a;
}

.border-t-lightgray {
  border-top: 1px solid #dddddd;
}

.border-r-lightgray {
  border-right: 1px solid #dddddd;
}

.border-b-lightgray {
  border-bottom: 1px solid #dddddd;
}

.border-l-lightgray {
  border-left: 1px solid #dddddd;
}

.border-t-light {
  border-top: 1px solid #f4f7fa;
}

.border-r-light {
  border-right: 1px solid #f4f7fa;
}

.border-b-light {
  border-bottom: 1px solid #f4f7fa;
}

.border-l-light {
  border-left: 1px solid #f4f7fa;
}

.border-t-lighter {
  border-top: 1px solid #fcfcfd;
}

.border-r-lighter {
  border-right: 1px solid #fcfcfd;
}

.border-b-lighter {
  border-bottom: 1px solid #fcfcfd;
}

.border-l-lighter {
  border-left: 1px solid #fcfcfd;
}

.border-t-white {
  border-top: 1px solid #ffffff;
}

.border-r-white {
  border-right: 1px solid #ffffff;
}

.border-b-white {
  border-bottom: 1px solid #ffffff;
}

.border-l-white {
  border-left: 1px solid #ffffff;
}

.border-t-black {
  border-top: 1px solid #000000;
}

.border-r-black {
  border-right: 1px solid #000000;
}

.border-b-black {
  border-bottom: 1px solid #000000;
}

.border-l-black {
  border-left: 1px solid #000000;
}

.border-t-orange {
  border-top: 1px solid #ef6c00;
}

.border-r-orange {
  border-right: 1px solid #ef6c00;
}

.border-b-orange {
  border-bottom: 1px solid #ef6c00;
}

.border-l-orange {
  border-left: 1px solid #ef6c00;
}

.border-t-violet {
  border-top: 1px solid #9d4edd;
}

.border-r-violet {
  border-right: 1px solid #9d4edd;
}

.border-b-violet {
  border-bottom: 1px solid #9d4edd;
}

.border-l-violet {
  border-left: 1px solid #9d4edd;
}

.border-t-purple {
  border-top: 1px solid #9c27b0;
}

.border-r-purple {
  border-right: 1px solid #9c27b0;
}

.border-b-purple {
  border-bottom: 1px solid #9c27b0;
}

.border-l-purple {
  border-left: 1px solid #9c27b0;
}

.border-t-blue {
  border-top: 1px solid #1e40af;
}

.border-r-blue {
  border-right: 1px solid #1e40af;
}

.border-b-blue {
  border-bottom: 1px solid #1e40af;
}

.border-l-blue {
  border-left: 1px solid #1e40af;
}

.border-t-blue-700 {
  border-top: 1px solid #1d4ed8;
}

.border-r-blue-700 {
  border-right: 1px solid #1d4ed8;
}

.border-b-blue-700 {
  border-bottom: 1px solid #1d4ed8;
}

.border-l-blue-700 {
  border-left: 1px solid #1d4ed8;
}

.border-t-blue-50 {
  border-top: 1px solid #eff6ff;
}

.border-r-blue-50 {
  border-right: 1px solid #eff6ff;
}

.border-b-blue-50 {
  border-bottom: 1px solid #eff6ff;
}

.border-l-blue-50 {
  border-left: 1px solid #eff6ff;
}

.border-t-brown {
  border-top: 1px solid #964b00;
}

.border-r-brown {
  border-right: 1px solid #964b00;
}

.border-b-brown {
  border-bottom: 1px solid #964b00;
}

.border-l-brown {
  border-left: 1px solid #964b00;
}

.border-t-transparent {
  border-top: 1px solid transparent;
}

.border-r-transparent {
  border-right: 1px solid transparent;
}

.border-b-transparent {
  border-bottom: 1px solid transparent;
}

.border-l-transparent {
  border-left: 1px solid transparent;
}

.border-t-gray-300 {
  border-top: 1px solid #d1d5db;
}

.border-r-gray-300 {
  border-right: 1px solid #d1d5db;
}

.border-b-gray-300 {
  border-bottom: 1px solid #d1d5db;
}

.border-l-gray-300 {
  border-left: 1px solid #d1d5db;
}

.border-t-gray-400 {
  border-top: 1px solid #9ca3af;
}

.border-r-gray-400 {
  border-right: 1px solid #9ca3af;
}

.border-b-gray-400 {
  border-bottom: 1px solid #9ca3af;
}

.border-l-gray-400 {
  border-left: 1px solid #9ca3af;
}

.border-t-gray-700 {
  border-top: 1px solid #4B5563;
}

.border-r-gray-700 {
  border-right: 1px solid #4B5563;
}

.border-b-gray-700 {
  border-bottom: 1px solid #4B5563;
}

.border-l-gray-700 {
  border-left: 1px solid #4B5563;
}

.border-t-gray-600 {
  border-top: 1px solid #4B5563;
}

.border-r-gray-600 {
  border-right: 1px solid #4B5563;
}

.border-b-gray-600 {
  border-bottom: 1px solid #4B5563;
}

.border-l-gray-600 {
  border-left: 1px solid #4B5563;
}

.border-t-gray-500 {
  border-top: 1px solid #6b7280;
}

.border-r-gray-500 {
  border-right: 1px solid #6b7280;
}

.border-b-gray-500 {
  border-bottom: 1px solid #6b7280;
}

.border-l-gray-500 {
  border-left: 1px solid #6b7280;
}

.border-t-indigo-50 {
  border-top: 1px solid #eef2ff;
}

.border-r-indigo-50 {
  border-right: 1px solid #eef2ff;
}

.border-b-indigo-50 {
  border-bottom: 1px solid #eef2ff;
}

.border-l-indigo-50 {
  border-left: 1px solid #eef2ff;
}

.border-t-indigo-700 {
  border-top: 1px solid #4338ca;
}

.border-r-indigo-700 {
  border-right: 1px solid #4338ca;
}

.border-b-indigo-700 {
  border-bottom: 1px solid #4338ca;
}

.border-l-indigo-700 {
  border-left: 1px solid #4338ca;
}

.border-t-purple-50 {
  border-top: 1px solid #faf5ff;
}

.border-r-purple-50 {
  border-right: 1px solid #faf5ff;
}

.border-b-purple-50 {
  border-bottom: 1px solid #faf5ff;
}

.border-l-purple-50 {
  border-left: 1px solid #faf5ff;
}

.border-t-purple-700 {
  border-top: 1px solid #7e22ce;
}

.border-r-purple-700 {
  border-right: 1px solid #7e22ce;
}

.border-b-purple-700 {
  border-bottom: 1px solid #7e22ce;
}

.border-l-purple-700 {
  border-left: 1px solid #7e22ce;
}

.border-t-green-400 {
  border-top: 1px solid #4ade80;
}

.border-r-green-400 {
  border-right: 1px solid #4ade80;
}

.border-b-green-400 {
  border-bottom: 1px solid #4ade80;
}

.border-l-green-400 {
  border-left: 1px solid #4ade80;
}

.border-t-green-600 {
  border-top: 1px solid #16a34a;
}

.border-r-green-600 {
  border-right: 1px solid #16a34a;
}

.border-b-green-600 {
  border-bottom: 1px solid #16a34a;
}

.border-l-green-600 {
  border-left: 1px solid #16a34a;
}

.border-t-green-900 {
  border-top: 1px solid #14532d;
}

.border-r-green-900 {
  border-right: 1px solid #14532d;
}

.border-b-green-900 {
  border-bottom: 1px solid #14532d;
}

.border-l-green-900 {
  border-left: 1px solid #14532d;
}

.border-t-green-50 {
  border-top: 1px solid #f0fdf4;
}

.border-r-green-50 {
  border-right: 1px solid #f0fdf4;
}

.border-b-green-50 {
  border-bottom: 1px solid #f0fdf4;
}

.border-l-green-50 {
  border-left: 1px solid #f0fdf4;
}

.border-t-yellow-100 {
  border-top: 1px solid #fef9c3;
}

.border-r-yellow-100 {
  border-right: 1px solid #fef9c3;
}

.border-b-yellow-100 {
  border-bottom: 1px solid #fef9c3;
}

.border-l-yellow-100 {
  border-left: 1px solid #fef9c3;
}

.border-t-amber-800 {
  border-top: 1px solid #92400e;
}

.border-r-amber-800 {
  border-right: 1px solid #92400e;
}

.border-b-amber-800 {
  border-bottom: 1px solid #92400e;
}

.border-l-amber-800 {
  border-left: 1px solid #92400e;
}

.border-t-amber-100 {
  border-top: 1px solid #FEF3C7;
}

.border-r-amber-100 {
  border-right: 1px solid #FEF3C7;
}

.border-b-amber-100 {
  border-bottom: 1px solid #FEF3C7;
}

.border-l-amber-100 {
  border-left: 1px solid #FEF3C7;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.popup * {
  box-sizing: border-box;
}
.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}
.popup.active {
  opacity: 1;
  visibility: visible;
}
.popup__content {
  background: #f9fafb;
  padding: 1.2rem;
  border-radius: 0.5rem;
  width: 450px;
  max-width: 95%;
  margin: 0.5rem auto;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  transform: scale(0.7);
  transition: transform 0.2s ease;
  height: auto;
  /* keep radius */
}
.popup__content.scrollbar,
.popup__content .tabContainer__scrollbar,
.popup__content .body__scrollbar,
.popup__content .tabContainer__customScroll,
.popup__content .tabContainer__customScroll-50 {
  height: 95vh;
  overflow-y: auto;
  padding-right: 5px;
  /* rounded corners */
  scrollbar-gutter: stable;
  /* reserve space for scrollbar */
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #ddd;
  /* Chrome/Edge/Safari scrollbar */
}
.popup__content.scrollbar::-webkit-scrollbar,
.popup__content .tabContainer__scrollbar::-webkit-scrollbar,
.popup__content .body__scrollbar::-webkit-scrollbar,
.popup__content .tabContainer__customScroll::-webkit-scrollbar,
.popup__content .tabContainer__customScroll-50::-webkit-scrollbar {
  width: 12px;
}
.popup__content.scrollbar::-webkit-scrollbar-track,
.popup__content .tabContainer__scrollbar::-webkit-scrollbar-track,
.popup__content .body__scrollbar::-webkit-scrollbar-track,
.popup__content .tabContainer__customScroll::-webkit-scrollbar-track,
.popup__content .tabContainer__customScroll-50::-webkit-scrollbar-track {
  background: #f1f3f4;
  border-radius: 10px;
}
.popup__content.scrollbar::-webkit-scrollbar-thumb,
.popup__content .tabContainer__scrollbar::-webkit-scrollbar-thumb,
.popup__content .body__scrollbar::-webkit-scrollbar-thumb,
.popup__content .tabContainer__customScroll::-webkit-scrollbar-thumb,
.popup__content .tabContainer__customScroll-50::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
  border: 2px solid #f1f3f4;
}
.popup__content.scrollbar::-webkit-scrollbar-thumb:hover,
.popup__content .tabContainer__scrollbar::-webkit-scrollbar-thumb:hover,
.popup__content .body__scrollbar::-webkit-scrollbar-thumb:hover,
.popup__content .tabContainer__customScroll::-webkit-scrollbar-thumb:hover,
.popup__content .tabContainer__customScroll-50::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}
.popup__content .tabContainer__scrollbar {
  height: 40vh;
}
.popup__content .tabContainer__customScroll {
  height: 65vh;
}
.popup__content .tabContainer__customScroll-50 {
  height: 50vh;
}
.popup__content .body__scrollbar {
  height: 78vh;
}
.popup__content.sm {
  width: 580px;
}
.popup__content.md {
  width: 720px;
}
.popup__content.lg {
  width: 980px;
}
.popup__content.xl {
  width: 1200px;
}
.popup__content.custom-width {
  width: 1070px;
}
.popup.active .popup__content {
  transform: scale(1);
}
.popup__content .popup-header {
  height: auto !important;
  background-color: transparent !important;
}
.popup__content .popup-header h2 {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.popup__content .popup-body .seacrh-input {
  flex: 2;
}
.popup__content .popup-body p {
  font-size: 0.85rem;
  color: #828EA2;
}
.popup__content .popup-body .cdscard {
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border: 1px solid #e5e7eb;
  padding: 1rem;
}
.popup__content .popup-body .cdscard .mx-width {
  max-width: 700px;
}
.popup__content .popup-body .cdscard h4 {
  display: flex;
  align-items: center;
  font-size: clamp(1rem, 2.5vw, 0.125rem);
  gap: 0.25rem;
}
.popup__content .popup-body .cdscard__title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.popup__content .popup-body .cdscard__title .badge {
  background-color: #F4F7FA;
  border-radius: 0.5rem;
  font-size: clamp(0.6rem, 2vw, 0.75rem);
  padding: 0.15rem 0.5rem;
}
.popup__content .popup-body .cdscard__searchbox {
  position: relative;
}
.popup__content .popup-body .cdscard__searchbox input[type=search] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  margin-bottom: 15px;
}
.popup__content .popup-body .cdscard__searchbox .search-results {
  position: absolute;
  top: 100%;
  /* directly below input */
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-top: 4px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  z-index: 1000;
}
.popup__content .popup-body .cdscard__searchbox .provider-item:hover {
  background: #f9fafb;
}
.popup__content .popup-body .cdscard__searchbox .drag-icon {
  font-size: 16px;
  color: #9ca3af;
  cursor: grab;
  margin-right: 10px;
}
.popup__content .popup-body .cdscard__searchbox .provider-info {
  flex: 1;
}
.popup__content .popup-body .cdscard__searchbox .provider-name {
  font-size: 15px;
  font-weight: 500;
  color: #111827;
  margin: 0;
}
.popup__content .popup-body .cdscard__searchbox .provider-role {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  color: #374151;
}
.popup__content .popup-body .cdscard__searchbox .provider-order {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-left: 10px;
}
.popup__content .popup-body .cdscard .para {
  color: #000;
}
.popup__content .popup-body .cdscard .form-group {
  flex-direction: column;
  align-items: flex-start;
}
.popup__content .popup-body .cdscard .form-group label {
  font-size: clamp(0.7rem, 2vw, 0.8rem);
  color: #828EA2;
  display: block;
  margin-bottom: 5px;
}
.popup__content .popup-body .cdscard .form-group select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  font-size: 14px;
  background: #ffffff;
  cursor: pointer;
}
.popup__content .popup-body .profilePhoto {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.popup__content .popup-body .profilePhoto img {
  transition: all 0.3s ease;
}
.popup__content .popup-body .profilePhoto img:hover {
  scale: 1.1;
}
.popup__content .popup-body .fileUpload input[type=file] {
  display: none;
}
.popup__content .popup-body .tabContainer {
  height: 60vh;
}
.popup__content .popup-body .tabContainer__tabs {
  width: 240px;
  background-color: #fbfcfd;
}
.popup__content .popup-body .tabContainer__tabs--custom {
  width: auto;
  background-color: #F4F7FA;
}
.popup__content .popup-body .tabContainer__tabs--width {
  width: 400px;
}
.popup__content .popup-body .tabContainer__tab {
  width: 100%;
  transition: 0.2s;
}
.popup__content .popup-body .tabContainer__tab--modify {
  width: auto;
}
.popup__content .popup-body .tabContainer__tab--modify.active {
  background-color: #ffffff !important;
  box-shadow: 0.12rem 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.popup__content .popup-body .tabContainer__tab--hover.active {
  background-color: #ffffff !important;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
}
.popup__content .popup-body .tabContainer__tab--active {
  background-color: #fff;
}
.popup__content .popup-body .tabContainer__tab:hover {
  background: #f3f4f6;
}
.popup__content .popup-body .tabContainer__tab.active {
  background: #eef2ff;
  color: #000;
}
.popup__content .popup-body .tabContainer__content {
  display: none;
}
.popup__content .popup-body .tabContainer__content.active {
  display: block;
}
.popup__content .popup-body .tabContainer__generate {
  width: 100%;
}
.popup__content .popup-body .tabContainer__generate:hover {
  background: #f3f4f6;
}
.popup__content .popup-body .tabContainer__item {
  transition: 0.2s;
}
.popup__content .popup-body .tabContainer__item:hover {
  background: #f9fafb;
}
.popup__content .popup-body .tabContainer__icon {
  width: 32px;
  height: 32px;
}
.popup__content .popup-body .tabContainer__icon.lightblue {
  background: #dbeafe;
}
.popup__content .popup-body .tabContainer__icon.lightgreen {
  background: #dcfce7;
}
.popup__content .popup-body .tabContainer__icon.lightorange {
  background: #ffedd5;
}
.popup__content .popup-body .tabContainer__icon.lightvoilet {
  background: #f3e8ff;
}
.popup__content .popup-body .tabContainer__qr-card {
  max-width: 250px;
  width: 100%;
}
.popup__content .popup-body .tabContainer__qr-card--box {
  width: 130px;
  height: 130px;
}
.popup__content .popup-body .tabContainer__qr-card--box img {
  width: 100%;
}
.popup__content .popup-body .tabContainer__checkDays.data-section {
  display: none;
}
.popup__content .popup-body .tabContainer__checkDays.data-section.active {
  display: block;
}
.popup__content .popup-body .tabContainer__card--green {
  border-left: 3px solid #28a745;
}
.popup__content .popup-body .tabContainer__card--blue {
  border-left: 3px solid #007bff;
}
.popup__content .popup-body .tabContainer__card.bg-lightblue {
  background-color: #EFF6FF;
}
.popup__content .popup-body .tabContainer__card.bg-lightyellow {
  background-color: #fff7ed;
}
.popup__content .popup-body .tabContainer__card.bg-lightgreen {
  background-color: #f0fdf4;
}
.popup__content .popup-body .tabContainer__time {
  min-width: 100px;
  flex: 0 0 110px;
}
.popup__content .popup-body .tabContainer__header {
  border-bottom: 1px solid #ddd;
}
@media (max-width: 760px) {
  .popup__content .popup-body .tabContainer__dayscard {
    overflow-x: auto;
    padding-bottom: 6px;
  }
}
.popup__content .popup-body .tabContainer__daysgrid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  align-items: stretch;
}
@media (max-width: 760px) {
  .popup__content .popup-body .tabContainer__daysgrid {
    min-width: 700px;
  }
}
@media (max-width: 420px) {
  .popup__content .popup-body .tabContainer__daysgrid {
    display: block;
    padding: 8px;
  }
}
@media (max-width: 420px) {
  .popup__content .popup-body .tabContainer__weekday {
    display: none;
  }
}
.popup__content .popup-body .tabContainer__weekday .week-0 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__weekday .week-1 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__weekday .week-2 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__weekday .week-3 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__weekday .week-4 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__weekday .week-5 {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.popup__content .popup-body .tabContainer__days {
  min-height: 70px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 420px) {
  .popup__content .popup-body .tabContainer__days {
    width: 100%;
    border-right: none;
  }
}
.popup__content .popup-body .tabContainer__days:hover {
  background-color: rgba(92, 107, 121, 0.031372549);
}
.popup__content .popup-body .tabContainer__days:nth-child(7n) {
  border-right: none;
}
.popup__content .popup-body .tabContainer__event {
  align-self: stretch;
  width: 100%;
  max-width: 120px;
  background-color: #e3ecfa;
  color: #4a90e2;
}
.popup__content .popup-body .tabContainer__weekgrid {
  display: grid;
  grid-template-columns: 110px 1fr;
  min-height: 320px;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__weekgrid {
    grid-template-columns: 90px 1fr;
  }
}
.popup__content .popup-body .tabContainer {
  /* time column on left */
}
.popup__content .popup-body .tabContainer__weektime {
  border-right: 1px solid #e6edf3;
}
.popup__content .popup-body .tabContainer__weektime-list {
  display: grid;
  grid-auto-rows: 48px;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__weektime-list {
    grid-auto-rows: 44px;
  }
}
.popup__content .popup-body .tabContainer__weektime-item {
  height: 48px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__weektime-item {
    height: 44px;
  }
}
.popup__content .popup-body .tabContainer {
  /* scrollable right  */
}
.popup__content .popup-body .tabContainer__weekdaysmonths {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.popup__content .popup-body .tabContainer__weekdaymonth {
  display: grid;
  grid-template-columns: repeat(7, 170px);
  gap: 0;
  border-bottom: 1px solid #ddd;
  min-width: 1190px;
  height: 48px;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__weekdaymonth {
    height: 44px;
  }
}
@media (max-width: 480px) {
  .popup__content .popup-body .tabContainer__weekdaymonth {
    grid-template-columns: repeat(7, 120px);
    min-width: 840px;
  }
}
.popup__content .popup-body .tabContainer__weekdaydate {
  border-right: 1px solid #ddd;
}
.popup__content .popup-body .tabContainer__weekdaydate:nth-child(7n) {
  border-right: none;
}
.popup__content .popup-body .tabContainer__stripgrid {
  display: grid;
  grid-template-columns: repeat(7, 170px);
  grid-auto-rows: 48px;
  gap: 0;
  min-width: 1190px;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__stripgrid {
    grid-auto-rows: 44px;
  }
}
@media (max-width: 480px) {
  .popup__content .popup-body .tabContainer__stripgrid {
    grid-template-columns: repeat(7, 120px);
    min-width: 840px;
  }
}
.popup__content .popup-body .tabContainer__stripcell {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 48px;
}
@media (max-width: 860px) {
  .popup__content .popup-body .tabContainer__stripcell {
    grid-auto-rows: 44px;
  }
}
.popup__content .popup-body .tabContainer__stripcell:nth-child(7n) {
  border-right: none;
}
.popup__content .popup-body .tabContainer__pill {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  width: 100%;
  color: #333;
}
.popup__content .popup-body .tabContainer__pill--success {
  background: #e8f8ed;
  border-left: 2px solid #0f9a5b;
}
.popup__content .popup-body .tabContainer__pill--info {
  background: #e9f2ff;
  border-left: 2px solid #2b6bbf;
}
.popup__content .popup-body .tabContainer__pill--secondary {
  background: #eef6ff;
  border-left: 2px solid #2a6aa6;
}
.popup__content .popup-body .tabContainer__input-wrapper {
  background: #fff;
}
.popup__content .popup-body .tabContainer__input-wrapper:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}
.popup__content .popup-body .tabContainer__input {
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
}
.popup__content .popup-body .tabContainer__input:focus {
  border: none !important;
  box-shadow: none;
}
.popup__content .popup-body .tabContainer__number {
  max-width: 100px;
  width: 100%;
}
.popup__content .popup-body .tabContainer__search {
  flex: 2;
}
.popup__content .popup-body .tabContainer__day {
  transition: all 0.2s ease;
}
.popup__content .popup-body .tabContainer__day:hover {
  background: #F4F7FA;
}
.popup__content .popup-body .tabContainer__day--active {
  background: #06b6d4;
  color: #fff;
  border-color: #06b6d4;
}
@media (max-width: 600px) {
  .popup__content .popup-body .tabContainer__day {
    flex: 1 1 calc(33.33% - 0.5rem);
    text-align: center;
  }
}
.popup__content .popup-body .tabContainer__unitview--maxwidth {
  width: 100%;
  max-width: 540px;
}
.popup__content .popup-body .tabContainer__doctorcard {
  box-shadow: 0.12rem 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.popup__content .popup-body .tabContainer__dragcard {
  background-color: #ffffff;
  transition: all 0.2s ease;
}
.popup__content .popup-body .tabContainer__dragcard:hover {
  background-color: rgba(209, 213, 219, 0.1882352941);
  border: 1px dashed #d1d5db !important;
}
.popup__content .popup-body .tabContainer__draghandle {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.popup__content .popup-body .tabContainer__delete, .popup__content .popup-body .tabContainer__edit {
  transition: all 0.2s;
  flex-shrink: 0;
}
.popup__content .popup-body .tabContainer__delete:hover, .popup__content .popup-body .tabContainer__edit:hover {
  background-color: #F4F7FA;
}
.popup__content .popup-body .item-list {
  background-color: #f9fafb;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.popup__content .popup-body .item-list.selected {
  background-color: #f3f4f6;
}
.popup__content .popup-body .item-list:not(:disabled):hover {
  background-color: #fff;
  border: 1px solid #499994;
}
.popup__content .popup-body .selected {
  background-color: #f0fdfa;
  border: 1px solid #499994;
}
.popup__content .actions {
  text-align: right;
}
.popup .close-btn {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 1.5rem;
  cursor: pointer;
  color: #828EA2;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebarSection {
  position: fixed;
  top: 0;
  right: 0;
  width: 365px;
  height: 100vh !important;
  background-color: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  z-index: 999;
}
.sidebarSection.hidden {
  transform: translateX(100%);
}
.sidebarSection.visible {
  transform: translateX(0);
}
.sidebarSection.sidebarScroll {
  overflow-y: auto;
  padding-right: 10px;
  /* rounded corners */
  scrollbar-gutter: stable;
  /* reserve space for scrollbar */
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #ef6c00 #e4e4e4;
  /* Chrome/Edge/Safari scrollbar */
}
.sidebarSection.sidebarScroll::-webkit-scrollbar {
  width: 12px;
}
.sidebarSection.sidebarScroll::-webkit-scrollbar-track {
  background: #f1f3f4;
  border-radius: 10px;
}
.sidebarSection.sidebarScroll::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
  border: 2px solid #f1f3f4;
}
.sidebarSection.sidebarScroll::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}
.sidebarSection .sidebarPanel {
  color: #222;
}
.sidebarSection .sidebarPanel__header .close-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  color: #666;
  line-height: 1;
  transition: color 0.2s;
  bottom: 0;
}
.sidebarSection .sidebarPanel__header .close-btn:hover {
  color: #000;
}
.sidebarSection .sidebarPanel__content input[type=checkbox]:focus {
  outline: none !important;
  border: none !important;
}
.sidebarSection .sidebarPanel__content ul {
  list-style: none;
  margin: 0;
  padding-left: 1.25rem;
}
.sidebarSection .sidebarPanel__content ul label:hover {
  color: #0078ff;
}
.sidebarSection .sidebarPanel__input {
  width: 50px;
}
@media (max-width: 480px) {
  .sidebarSection .sidebarPanel {
    max-width: 100%;
    padding: 1rem;
  }
  .sidebarSection .sidebarPanel .panel-header h3 {
    font-size: 0.95rem;
  }
  .sidebarSection .sidebarPanel .form-section .section-title {
    font-size: 0.9rem;
  }
  .sidebarSection .sidebarPanel ul li label {
    font-size: 0.85rem;
  }
}

.hr {
  height: 1px;
  background: #e5e9f2;
  margin: 5px 0;
}

.billing__right-container {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr 1.4fr;
  gap: 16px;
}
.billing__right-col {
  border-right: 1px solid #e5e7eb;
  padding-right: 16px;
}
.billing__right-col:last-child {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 900px) {
  .billing__right-col {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
  }
  .billing__right-col:last-child {
    border-bottom: none;
  }
}
.billing__right .bg-lightblue {
  background-color: #DBEAFD;
}
.billing__right .tag {
  border: 1px solid #95E4FC;
}
.billing__right .mid-scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 320px;
  padding-right: 5px;
  /* rounded corners */
  scrollbar-gutter: stable;
  /* reserve space for scrollbar */
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #ddd;
  -webkit-overflow-scrolling: touch;
  /* Chrome/Edge/Safari scrollbar */
}
.billing__right .mid-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.billing__right .mid-scrollbar::-webkit-scrollbar-track {
  background: #f1f3f4;
  border-radius: 6px;
}
.billing__right .mid-scrollbar::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 6px;
  border: 2px solid #f1f3f4;
}
.billing__right .mid-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.btn-primary {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}
.btn-primary:hover {
  background-color: rgb(0, 103.32, 214.2);
  border-color: rgb(0, 103.32, 214.2);
}
.btn-primary:active {
  background-color: rgb(0, 93.48, 193.8);
  border-color: rgb(0, 93.48, 193.8);
}

.btn-secondary {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d;
}
.btn-secondary:hover {
  background-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
  border-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
}
.btn-secondary:active {
  background-color: rgb(79.6326180258, 86.2686695279, 92.1673819742);
  border-color: rgb(79.6326180258, 86.2686695279, 92.1673819742);
}

.btn-success {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #28a745;
  color: #fff;
  border-color: #28a745;
}
.btn-success:hover {
  background-color: rgb(32.115942029, 134.084057971, 55.4);
  border-color: rgb(32.115942029, 134.084057971, 55.4);
}
.btn-success:active {
  background-color: rgb(28.1739130435, 117.6260869565, 48.6);
  border-color: rgb(28.1739130435, 117.6260869565, 48.6);
}

.btn-danger {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #dc3545;
  color: #fff;
  border-color: #dc3545;
}
.btn-danger:hover {
  background-color: rgb(197.9088607595, 34.2911392405, 49.9670886076);
  border-color: rgb(197.9088607595, 34.2911392405, 49.9670886076);
}
.btn-danger:active {
  background-color: rgb(180.5215189873, 31.2784810127, 45.5772151899);
  border-color: rgb(180.5215189873, 31.2784810127, 45.5772151899);
}

.btn-warning {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ffc107;
  color: #000;
  border-color: #ffc107;
}
.btn-warning:hover {
  background-color: rgb(221.2, 165.9, 0);
  border-color: rgb(221.2, 165.9, 0);
}
.btn-warning:active {
  background-color: rgb(200.8, 150.6, 0);
  border-color: rgb(200.8, 150.6, 0);
}

.btn-info {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #17a2b8;
  color: #fff;
  border-color: #17a2b8;
}
.btn-info:hover {
  background-color: rgb(18.4666666667, 130.0695652174, 147.7333333333);
  border-color: rgb(18.4666666667, 130.0695652174, 147.7333333333);
}
.btn-info:active {
  background-color: rgb(16.2, 114.1043478261, 129.6);
  border-color: rgb(16.2, 114.1043478261, 129.6);
}

.btn-teal {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #499994;
  color: #fff;
  border-color: #499994;
}
.btn-teal:hover {
  background-color: rgb(59.8212389381, 125.3787610619, 121.2814159292);
  border-color: rgb(59.8212389381, 125.3787610619, 121.2814159292);
}
.btn-teal:active {
  background-color: rgb(53.2318584071, 111.5681415929, 107.9221238938);
  border-color: rgb(53.2318584071, 111.5681415929, 107.9221238938);
}

.btn-teal-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ccfbf1;
  color: #fff;
  border-color: #ccfbf1;
}
.btn-teal-100:hover {
  background-color: rgb(166.1672727273, 248.0327272727, 230.6145454545);
  border-color: rgb(166.1672727273, 248.0327272727, 230.6145454545);
}
.btn-teal-100:active {
  background-color: rgb(147.2509090909, 246.5490909091, 225.4218181818);
  border-color: rgb(147.2509090909, 246.5490909091, 225.4218181818);
}

.btn-teal-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #0f766e;
  color: #fff;
  border-color: #0f766e;
}
.btn-teal-700:hover {
  background-color: rgb(10.3984962406, 81.8015037594, 76.2556390977);
  border-color: rgb(10.3984962406, 81.8015037594, 76.2556390977);
}
.btn-teal-700:active {
  background-color: rgb(8.0977443609, 63.7022556391, 59.3834586466);
  border-color: rgb(8.0977443609, 63.7022556391, 59.3834586466);
}

.btn-teal-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #0d9488;
  color: #fff;
  border-color: #0d9488;
}
.btn-teal-600:hover {
  background-color: rgb(9.7055900621, 110.4944099379, 101.5354037267);
  border-color: rgb(9.7055900621, 110.4944099379, 101.5354037267);
}
.btn-teal-600:active {
  background-color: rgb(8.0583850932, 91.7416149068, 84.3031055901);
  border-color: rgb(8.0583850932, 91.7416149068, 84.3031055901);
}

.btn-dark {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #374151;
  color: #fff;
  border-color: #374151;
}
.btn-dark:hover {
  background-color: rgb(38.5, 45.5, 56.7);
  border-color: rgb(38.5, 45.5, 56.7);
}
.btn-dark:active {
  background-color: rgb(30.25, 35.75, 44.55);
  border-color: rgb(30.25, 35.75, 44.55);
}

.btn-gray {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #63738a;
  color: #fff;
  border-color: #63738a;
}
.btn-gray:hover {
  background-color: rgb(81.9569620253, 95.2025316456, 114.2430379747);
  border-color: rgb(81.9569620253, 95.2025316456, 114.2430379747);
}
.btn-gray:active {
  background-color: rgb(73.435443038, 85.3037974684, 102.364556962);
  border-color: rgb(73.435443038, 85.3037974684, 102.364556962);
}

.btn-lightgray {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #dddddd;
  color: #fff;
  border-color: #dddddd;
}
.btn-lightgray:hover {
  background-color: rgb(200.6, 200.6, 200.6);
  border-color: rgb(200.6, 200.6, 200.6);
}
.btn-lightgray:active {
  background-color: rgb(190.4, 190.4, 190.4);
  border-color: rgb(190.4, 190.4, 190.4);
}

.btn-light {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f4f7fa;
  color: #000;
  border-color: #f4f7fa;
}
.btn-light:hover {
  background-color: rgb(215.95, 226.6, 237.25);
  border-color: rgb(215.95, 226.6, 237.25);
}
.btn-light:active {
  background-color: rgb(201.925, 216.4, 230.875);
  border-color: rgb(201.925, 216.4, 230.875);
}

.btn-lighter {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #fcfcfd;
  color: #fff;
  border-color: #fcfcfd;
}
.btn-lighter:hover {
  background-color: rgb(227.52, 227.52, 236.68);
  border-color: rgb(227.52, 227.52, 236.68);
}
.btn-lighter:active {
  background-color: rgb(215.28, 215.28, 228.52);
  border-color: rgb(215.28, 215.28, 228.52);
}

.btn-white {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #fff;
  border-color: #ffffff;
}
.btn-white:hover {
  background-color: rgb(234.6, 234.6, 234.6);
  border-color: rgb(234.6, 234.6, 234.6);
}
.btn-white:active {
  background-color: rgb(224.4, 224.4, 224.4);
  border-color: rgb(224.4, 224.4, 224.4);
}

.btn-black {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #000000;
  color: #fff;
  border-color: #000000;
}
.btn-black:hover {
  background-color: black;
  border-color: black;
}
.btn-black:active {
  background-color: black;
  border-color: black;
}

.btn-orange {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ef6c00;
  color: #fff;
  border-color: #ef6c00;
}
.btn-orange:hover {
  background-color: rgb(198.2, 89.5631799163, 0);
  border-color: rgb(198.2, 89.5631799163, 0);
}
.btn-orange:active {
  background-color: rgb(177.8, 80.3447698745, 0);
  border-color: rgb(177.8, 80.3447698745, 0);
}

.btn-violet {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #9d4edd;
  color: #fff;
  border-color: #9d4edd;
}
.btn-violet:hover {
  background-color: rgb(138.0502369668, 43.7744075829, 214.4255924171);
  border-color: rgb(138.0502369668, 43.7744075829, 214.4255924171);
}
.btn-violet:active {
  background-color: rgb(127.3526066351, 38.3184834123, 199.4815165877);
  border-color: rgb(127.3526066351, 38.3184834123, 199.4815165877);
}

.btn-purple {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #9c27b0;
  color: #fff;
  border-color: #9c27b0;
}
.btn-purple:hover {
  background-color: rgb(126.3962790698, 31.5990697674, 142.6009302326);
  border-color: rgb(126.3962790698, 31.5990697674, 142.6009302326);
}
.btn-purple:active {
  background-color: rgb(111.5944186047, 27.8986046512, 125.9013953488);
  border-color: rgb(111.5944186047, 27.8986046512, 125.9013953488);
}

.btn-blue {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #1e40af;
  color: #fff;
  border-color: #1e40af;
}
.btn-blue:hover {
  background-color: rgb(24.0292682927, 51.2624390244, 140.1707317073);
  border-color: rgb(24.0292682927, 51.2624390244, 140.1707317073);
}
.btn-blue:active {
  background-color: rgb(21.043902439, 44.8936585366, 122.756097561);
  border-color: rgb(21.043902439, 44.8936585366, 122.756097561);
}

.btn-blue-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
}
.btn-blue-700:hover {
  background-color: rgb(24.1706122449, 65.0106122449, 180.0293877551);
  border-color: rgb(24.1706122449, 65.0106122449, 180.0293877551);
}
.btn-blue-700:active {
  background-color: rgb(21.7559183673, 58.5159183673, 162.0440816327);
  border-color: rgb(21.7559183673, 58.5159183673, 162.0440816327);
}

.btn-blue-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #eff6ff;
  color: #fff;
  border-color: #eff6ff;
}
.btn-blue-50:hover {
  background-color: rgb(198.2, 223.05, 255);
  border-color: rgb(198.2, 223.05, 255);
}
.btn-blue-50:active {
  background-color: rgb(177.8, 211.575, 255);
  border-color: rgb(177.8, 211.575, 255);
}

.btn-brown {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #964b00;
  color: #fff;
  border-color: #964b00;
}
.btn-brown:hover {
  background-color: rgb(109.2, 54.6, 0);
  border-color: rgb(109.2, 54.6, 0);
}
.btn-brown:active {
  background-color: rgb(88.8, 44.4, 0);
  border-color: rgb(88.8, 44.4, 0);
}

.btn-transparent {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  border-color: transparent;
}
.btn-transparent:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-transparent:active {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-gray-300 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #d1d5db;
  color: #fff;
  border-color: #d1d5db;
}
.btn-gray-300:hover {
  background-color: rgb(186.112195122, 192.1024390244, 201.087804878);
  border-color: rgb(186.112195122, 192.1024390244, 201.087804878);
}
.btn-gray-300:active {
  background-color: rgb(174.6682926829, 181.6536585366, 192.1317073171);
  border-color: rgb(174.6682926829, 181.6536585366, 192.1317073171);
}

.btn-gray-400 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #9ca3af;
  color: #fff;
  border-color: #9ca3af;
}
.btn-gray-400:hover {
  background-color: rgb(133.4346368715, 142.0301675978, 156.7653631285);
  border-color: rgb(133.4346368715, 142.0301675978, 156.7653631285);
}
.btn-gray-400:active {
  background-color: rgb(122.1519553073, 131.5452513966, 147.6480446927);
  border-color: rgb(122.1519553073, 131.5452513966, 147.6480446927);
}

.btn-gray-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #4B5563;
  color: #fff;
  border-color: #4B5563;
}
.btn-gray-700:hover {
  background-color: rgb(57.4137931034, 65.0689655172, 75.7862068966);
  border-color: rgb(57.4137931034, 65.0689655172, 75.7862068966);
}
.btn-gray-700:active {
  background-color: rgb(48.6206896552, 55.1034482759, 64.1793103448);
  border-color: rgb(48.6206896552, 55.1034482759, 64.1793103448);
}

.btn-gray-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #4B5563;
  color: #fff;
  border-color: #4B5563;
}
.btn-gray-600:hover {
  background-color: rgb(57.4137931034, 65.0689655172, 75.7862068966);
  border-color: rgb(57.4137931034, 65.0689655172, 75.7862068966);
}
.btn-gray-600:active {
  background-color: rgb(48.6206896552, 55.1034482759, 64.1793103448);
  border-color: rgb(48.6206896552, 55.1034482759, 64.1793103448);
}

.btn-gray-500 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #6b7280;
  color: #fff;
  border-color: #6b7280;
}
.btn-gray-500:hover {
  background-color: rgb(88.4229787234, 94.2076595745, 105.7770212766);
  border-color: rgb(88.4229787234, 94.2076595745, 105.7770212766);
}
.btn-gray-500:active {
  background-color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
  border-color: rgb(79.1344680851, 84.3114893617, 94.6655319149);
}

.btn-indigo-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #eef2ff;
  color: #fff;
  border-color: #eef2ff;
}
.btn-indigo-50:hover {
  background-color: rgb(197.2, 210.8, 255);
  border-color: rgb(197.2, 210.8, 255);
}
.btn-indigo-50:active {
  background-color: rgb(176.8, 195.2, 255);
  border-color: rgb(176.8, 195.2, 255);
}

.btn-indigo-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #4338ca;
  color: #fff;
  border-color: #4338ca;
}
.btn-indigo-700:hover {
  background-color: rgb(55.1619047619, 45.680952381, 171.519047619);
  border-color: rgb(55.1619047619, 45.680952381, 171.519047619);
}
.btn-indigo-700:active {
  background-color: rgb(49.980952381, 41.3904761905, 155.4095238095);
  border-color: rgb(49.980952381, 41.3904761905, 155.4095238095);
}

.btn-purple-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #faf5ff;
  color: #fff;
  border-color: #faf5ff;
}
.btn-purple-50:hover {
  background-color: rgb(229.6, 204.2, 255);
  border-color: rgb(229.6, 204.2, 255);
}
.btn-purple-50:active {
  background-color: rgb(219.4, 183.8, 255);
  border-color: rgb(219.4, 183.8, 255);
}

.btn-purple-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #7e22ce;
  color: #fff;
  border-color: #7e22ce;
}
.btn-purple-700:hover {
  background-color: rgb(104.58, 28.22, 170.98);
  border-color: rgb(104.58, 28.22, 170.98);
}
.btn-purple-700:active {
  background-color: rgb(93.87, 25.33, 153.47);
  border-color: rgb(93.87, 25.33, 153.47);
}

.btn-green-400 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #4ade80;
  color: #fff;
  border-color: #4ade80;
}
.btn-green-400:hover {
  background-color: rgb(39.491588785, 215.708411215, 103.7869158879);
  border-color: rgb(39.491588785, 215.708411215, 103.7869158879);
}
.btn-green-400:active {
  background-color: rgb(36.2074766355, 198.5925233645, 95.4560747664);
  border-color: rgb(36.2074766355, 198.5925233645, 95.4560747664);
}

.btn-green-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #16a34a;
  color: #fff;
  border-color: #16a34a;
}
.btn-green-600:hover {
  background-color: rgb(17.1481081081, 127.0518918919, 57.68);
  border-color: rgb(17.1481081081, 127.0518918919, 57.68);
}
.btn-green-600:active {
  background-color: rgb(14.7221621622, 109.0778378378, 49.52);
  border-color: rgb(14.7221621622, 109.0778378378, 49.52);
}

.btn-green-900 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #14532d;
  color: #fff;
  border-color: #14532d;
}
.btn-green-900:hover {
  background-color: rgb(12.0776699029, 50.1223300971, 27.1747572816);
  border-color: rgb(12.0776699029, 50.1223300971, 27.1747572816);
}
.btn-green-900:active {
  background-color: rgb(8.1165048544, 33.6834951456, 18.2621359223);
  border-color: rgb(8.1165048544, 33.6834951456, 18.2621359223);
}

.btn-green-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f0fdf4;
  color: #fff;
  border-color: #f0fdf4;
}
.btn-green-50:hover {
  background-color: rgb(204, 248.2, 217.6);
  border-color: rgb(204, 248.2, 217.6);
}
.btn-green-50:active {
  background-color: rgb(186, 245.8, 204.4);
  border-color: rgb(186, 245.8, 204.4);
}

.btn-yellow-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #fef9c3;
  color: #fff;
  border-color: #fef9c3;
}
.btn-yellow-100:hover {
  background-color: rgb(253.331147541, 244.9868852459, 154.868852459);
  border-color: rgb(253.331147541, 244.9868852459, 154.868852459);
}
.btn-yellow-100:active {
  background-color: rgb(252.9967213115, 242.9803278689, 134.8032786885);
  border-color: rgb(252.9967213115, 242.9803278689, 134.8032786885);
}

.btn-amber-800 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #92400e;
  color: #fff;
  border-color: #92400e;
}
.btn-amber-800:hover {
  background-color: rgb(108.77, 47.68, 10.43);
  border-color: rgb(108.77, 47.68, 10.43);
}
.btn-amber-800:active {
  background-color: rgb(90.155, 39.52, 8.645);
  border-color: rgb(90.155, 39.52, 8.645);
}

.btn-amber-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #FEF3C7;
  color: #fff;
  border-color: #FEF3C7;
}
.btn-amber-100:hover {
  background-color: rgb(253.2842105263, 234.4105263158, 158.9157894737);
  border-color: rgb(253.2842105263, 234.4105263158, 158.9157894737);
}
.btn-amber-100:active {
  background-color: rgb(252.9263157895, 230.1157894737, 138.8736842105);
  border-color: rgb(252.9263157895, 230.1157894737, 138.8736842105);
}

.btn-outline-primary {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  background-color: #007bff;
  color: #fff;
}
.btn-outline-primary:active {
  background-color: rgb(0, 98.4, 204);
}

.btn-outline-secondary {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  background-color: #6c757d;
  color: #fff;
}
.btn-outline-secondary:active {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}

.btn-outline-success {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  background-color: #28a745;
  color: #fff;
}
.btn-outline-success:active {
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}

.btn-outline-danger {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  background-color: #dc3545;
  color: #fff;
}
.btn-outline-danger:active {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

.btn-outline-warning {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  background-color: #ffc107;
  color: #000;
}
.btn-outline-warning:active {
  background-color: rgb(211, 158.25, 0);
}

.btn-outline-info {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  background-color: #17a2b8;
  color: #fff;
}
.btn-outline-info:active {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}

.btn-outline-teal {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #499994;
  border-color: #499994;
}
.btn-outline-teal:hover {
  background-color: #499994;
  color: #fff;
}
.btn-outline-teal:active {
  background-color: rgb(56.5265486726, 118.4734513274, 114.6017699115);
}

.btn-outline-teal-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #ccfbf1;
  border-color: #ccfbf1;
}
.btn-outline-teal-100:hover {
  background-color: #ccfbf1;
  color: #fff;
}
.btn-outline-teal-100:active {
  background-color: rgb(156.7090909091, 247.2909090909, 228.0181818182);
}

.btn-outline-teal-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #0f766e;
  border-color: #0f766e;
}
.btn-outline-teal-700:hover {
  background-color: #0f766e;
  color: #fff;
}
.btn-outline-teal-700:active {
  background-color: rgb(9.2481203008, 72.7518796992, 67.8195488722);
}

.btn-outline-teal-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #0d9488;
  border-color: #0d9488;
}
.btn-outline-teal-600:hover {
  background-color: #0d9488;
  color: #fff;
}
.btn-outline-teal-600:active {
  background-color: rgb(8.8819875776, 101.1180124224, 92.9192546584);
}

.btn-outline-dark {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #374151;
  border-color: #374151;
}
.btn-outline-dark:hover {
  background-color: #374151;
  color: #fff;
}
.btn-outline-dark:active {
  background-color: rgb(34.375, 40.625, 50.625);
}

.btn-outline-gray {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #63738a;
  border-color: #63738a;
}
.btn-outline-gray:hover {
  background-color: #63738a;
  color: #fff;
}
.btn-outline-gray:active {
  background-color: rgb(77.6962025316, 90.253164557, 108.3037974684);
}

.btn-outline-lightgray {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #dddddd;
  border-color: #dddddd;
}
.btn-outline-lightgray:hover {
  background-color: #dddddd;
  color: #fff;
}
.btn-outline-lightgray:active {
  background-color: rgb(195.5, 195.5, 195.5);
}

.btn-outline-light {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #f4f7fa;
  border-color: #f4f7fa;
}
.btn-outline-light:hover {
  background-color: #f4f7fa;
  color: #000;
}
.btn-outline-light:active {
  background-color: rgb(208.9375, 221.5, 234.0625);
}

.btn-outline-lighter {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #fcfcfd;
  border-color: #fcfcfd;
}
.btn-outline-lighter:hover {
  background-color: #fcfcfd;
  color: #fff;
}
.btn-outline-lighter:active {
  background-color: rgb(221.4, 221.4, 232.6);
}

.btn-outline-white {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:hover {
  background-color: #ffffff;
  color: #fff;
}
.btn-outline-white:active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.btn-outline-black {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.btn-outline-black:hover {
  background-color: #000000;
  color: #fff;
}
.btn-outline-black:active {
  background-color: black;
}

.btn-outline-orange {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #ef6c00;
  border-color: #ef6c00;
}
.btn-outline-orange:hover {
  background-color: #ef6c00;
  color: #fff;
}
.btn-outline-orange:active {
  background-color: rgb(188, 84.9539748954, 0);
}

.btn-outline-violet {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #9d4edd;
  border-color: #9d4edd;
}
.btn-outline-violet:hover {
  background-color: #9d4edd;
  color: #fff;
}
.btn-outline-violet:active {
  background-color: rgb(132.8151658768, 39.9620853081, 208.0379146919);
}

.btn-outline-purple {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #9c27b0;
  border-color: #9c27b0;
}
.btn-outline-purple:hover {
  background-color: #9c27b0;
  color: #fff;
}
.btn-outline-purple:active {
  background-color: rgb(118.9953488372, 29.7488372093, 134.2511627907);
}

.btn-outline-blue {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #1e40af;
  border-color: #1e40af;
}
.btn-outline-blue:hover {
  background-color: #1e40af;
  color: #fff;
}
.btn-outline-blue:active {
  background-color: rgb(22.5365853659, 48.0780487805, 131.4634146341);
}

.btn-outline-blue-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #1d4ed8;
  border-color: #1d4ed8;
}
.btn-outline-blue-700:hover {
  background-color: #1d4ed8;
  color: #fff;
}
.btn-outline-blue-700:active {
  background-color: rgb(22.9632653061, 61.7632653061, 171.0367346939);
}

.btn-outline-blue-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #eff6ff;
  border-color: #eff6ff;
}
.btn-outline-blue-50:hover {
  background-color: #eff6ff;
  color: #fff;
}
.btn-outline-blue-50:active {
  background-color: rgb(188, 217.3125, 255);
}

.btn-outline-brown {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #964b00;
  border-color: #964b00;
}
.btn-outline-brown:hover {
  background-color: #964b00;
  color: #fff;
}
.btn-outline-brown:active {
  background-color: rgb(99, 49.5, 0);
}

.btn-outline-transparent {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}
.btn-outline-transparent:hover {
  background-color: transparent;
  color: #fff;
}
.btn-outline-transparent:active {
  background-color: rgba(0, 0, 0, 0);
}

.btn-outline-gray-300 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #d1d5db;
  border-color: #d1d5db;
}
.btn-outline-gray-300:hover {
  background-color: #d1d5db;
  color: #fff;
}
.btn-outline-gray-300:active {
  background-color: rgb(180.3902439024, 186.8780487805, 196.6097560976);
}

.btn-outline-gray-400 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #9ca3af;
  border-color: #9ca3af;
}
.btn-outline-gray-400:hover {
  background-color: #9ca3af;
  color: #fff;
}
.btn-outline-gray-400:active {
  background-color: rgb(127.7932960894, 136.7877094972, 152.2067039106);
}

.btn-outline-gray-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #4B5563;
  border-color: #4B5563;
}
.btn-outline-gray-700:hover {
  background-color: #4B5563;
  color: #fff;
}
.btn-outline-gray-700:active {
  background-color: rgb(53.0172413793, 60.0862068966, 69.9827586207);
}

.btn-outline-gray-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #4B5563;
  border-color: #4B5563;
}
.btn-outline-gray-600:hover {
  background-color: #4B5563;
  color: #fff;
}
.btn-outline-gray-600:active {
  background-color: rgb(53.0172413793, 60.0862068966, 69.9827586207);
}

.btn-outline-gray-500 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #6b7280;
  border-color: #6b7280;
}
.btn-outline-gray-500:hover {
  background-color: #6b7280;
  color: #fff;
}
.btn-outline-gray-500:active {
  background-color: rgb(83.7787234043, 89.2595744681, 100.2212765957);
}

.btn-outline-indigo-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #eef2ff;
  border-color: #eef2ff;
}
.btn-outline-indigo-50:hover {
  background-color: #eef2ff;
  color: #fff;
}
.btn-outline-indigo-50:active {
  background-color: #bbcbff;
}

.btn-outline-indigo-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #4338ca;
  border-color: #4338ca;
}
.btn-outline-indigo-700:hover {
  background-color: #4338ca;
  color: #fff;
}
.btn-outline-indigo-700:active {
  background-color: rgb(52.5714285714, 43.5357142857, 163.4642857143);
}

.btn-outline-purple-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #faf5ff;
  border-color: #faf5ff;
}
.btn-outline-purple-50:hover {
  background-color: #faf5ff;
  color: #fff;
}
.btn-outline-purple-50:active {
  background-color: rgb(224.5, 194, 255);
}

.btn-outline-purple-700 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #7e22ce;
  border-color: #7e22ce;
}
.btn-outline-purple-700:hover {
  background-color: #7e22ce;
  color: #fff;
}
.btn-outline-purple-700:active {
  background-color: rgb(99.225, 26.775, 162.225);
}

.btn-outline-green-400 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #4ade80;
  border-color: #4ade80;
}
.btn-outline-green-400:hover {
  background-color: #4ade80;
  color: #fff;
}
.btn-outline-green-400:active {
  background-color: rgb(37.7803738318, 207.2196261682, 99.6028037383);
}

.btn-outline-green-600 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #16a34a;
  border-color: #16a34a;
}
.btn-outline-green-600:hover {
  background-color: #16a34a;
  color: #fff;
}
.btn-outline-green-600:active {
  background-color: rgb(15.9351351351, 118.0648648649, 53.6);
}

.btn-outline-green-900 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #14532d;
  border-color: #14532d;
}
.btn-outline-green-900:hover {
  background-color: #14532d;
  color: #fff;
}
.btn-outline-green-900:active {
  background-color: rgb(10.0970873786, 41.9029126214, 22.7184466019);
}

.btn-outline-green-50 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #f0fdf4;
  border-color: #f0fdf4;
}
.btn-outline-green-50:hover {
  background-color: #f0fdf4;
  color: #fff;
}
.btn-outline-green-50:active {
  background-color: #c3f7d3;
}

.btn-outline-yellow-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #fef9c3;
  border-color: #fef9c3;
}
.btn-outline-yellow-100:hover {
  background-color: #fef9c3;
  color: #fff;
}
.btn-outline-yellow-100:active {
  background-color: rgb(253.1639344262, 243.9836065574, 144.8360655738);
}

.btn-outline-amber-800 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #92400e;
  border-color: #92400e;
}
.btn-outline-amber-800:hover {
  background-color: #92400e;
  color: #fff;
}
.btn-outline-amber-800:active {
  background-color: rgb(99.4625, 43.6, 9.5375);
}

.btn-outline-amber-100 {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #FEF3C7;
  border-color: #FEF3C7;
}
.btn-outline-amber-100:hover {
  background-color: #FEF3C7;
  color: #fff;
}
.btn-outline-amber-100:active {
  background-color: rgb(253.1052631579, 232.2631578947, 148.8947368421);
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

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

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

.justify-start {
  justify-content: flex-start;
}

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

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

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.gap-0 {
  gap: 0rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 0.75rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.gap-5 {
  gap: 1.25rem !important;
}

.gap-6 {
  gap: 1.5rem !important;
}

.gap-7 {
  gap: 1.75rem !important;
}

.gap-8 {
  gap: 2rem !important;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-none {
  flex: none;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.8rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.85rem !important;
  transition: all 0.2s ease;
  height: 36px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-clip: padding-box;
}

textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

.form-control:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
}

/*@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Work Sans", sans-serif !important;
  background: #ffffff;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: auto !important;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

button:disabled {
  pointer-events: none;
  opacity: 0.65;
}

.dotted {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.border-1 {
  border: 1px solid #e5e7eb;
}

.dash-border {
  border: 2px dashed #e5e7eb !important;
  box-shadow: none !important;
}

button:focus {
  border: 1px solid #ddd !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 10px !important;
}

.hr {
  height: 1px;
  background: #e5e9f2;
  margin: 5px 0;
}

.truncate {
  display: inline-block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.max-w-7xl {
  width: min(100%, 845px);
}

/* Toggle Switch */
.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
}
.toggleSwitch input {
  display: none;
}
.toggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: gray;
  border-radius: 20px;
  transition: 0.3s;
}
.toggleSwitch .slider:before {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s;
}
.toggleSwitch input:checked + .slider {
  background: #4f6df5;
}
.toggleSwitch input:checked + .slider:before {
  transform: translateX(18px);
}

select.form-control {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  -o-appearance: menulist !important;
  appearance: menulist !important;
}

.input-none {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.input-none:focus {
  border: none !important;
}

.text-avatar {
  width: 38px;
  height: 38px;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto !important;
}

.tabContainer .tabsData {
  overflow: hidden;
  width: 100%;
}
.tabContainer .tabsData .tabBtn {
  text-align: center;
  cursor: pointer;
  color: #828EA2;
  transition: all 0.2s ease;
  background-color: transparent;
}
.tabContainer .tabsData .tabBtn:focus {
  outline: none !important;
  border: none !important;
}
.tabContainer .tabsData .tabBtn.active {
  background: #ffffff;
  border-radius: 4px;
  color: #000;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
}
.tabContainer .tabsData .tabBtn:hover:not(.active) {
  background: #fff !important;
}
.tabContainer .tabContent {
  display: none;
}
.tabContainer .tabContent.active {
  display: block;
}
.tabContainer .tabContent .date-field .date-input {
  width: 100%;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}
.tabContainer .tabContent .date-field .date-input:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
}

.scheduleWrapper * {
  box-sizing: border-box;
}
.scheduleWrapper {
  padding: 1.5rem;
  position: relative;
}
@media (max-width: 600px) {
  .scheduleWrapper {
    padding: 1rem;
  }
}
.scheduleWrapper .scheduleHeader-title {
  font-size: 1.5rem;
}
.scheduleWrapper .scheduleHeader-subtitle {
  color: #828EA2;
  font-size: 0.95rem;
}
.scheduleWrapper .scheduleContainer {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 1rem;
}
@media (max-width: 600px) {
  .scheduleWrapper .scheduleContainer {
    grid-template-columns: 1fr;
  }
}
.scheduleWrapper .scheduleContainer .clinicSidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card {
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border: 1px solid #e5e7eb;
  padding: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card p {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .text-label,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .text-value {
  font-size: clamp(0.75rem, 2vw, 0.85rem);
  width: auto;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li {
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 12px;
  background: white;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li.active {
  background-color: #DCFCE7;
  border: 1px solid #22C55E;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li:hover {
  background: #F4F7FA;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li.ongoing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li.ongoing:hover {
  background-color: transparent;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li.ongoing .status {
  padding: 0.12rem 0.4rem;
  background-color: #F4F7FA;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card ul li .status-indicator {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 8px;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .togglebox,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .togglebox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .togglebox__label,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .togglebox__label {
  font-size: 0.9rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox {
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease;
  max-height: 0;
  display: none;
  background-color: #F4F7FA;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.8rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox.visible,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox.visible {
  max-height: 100px;
  display: block;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox__label,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox__label {
  display: block;
  font-size: 0.75rem;
  color: #828EA2;
  margin-bottom: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox__label.label-text,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox__label.label-text {
  color: black;
  font-size: 0.85rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox__date,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox__date {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  transition: border-color 0.3s;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .enddatebox .inputbox__date:focus,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .configuration-box .inputbox__date:focus {
  outline: none;
  border-color: #828EA2;
  box-shadow: none;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .override-schedule {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .override-schedule p {
  color: #828EA2;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .override-schedule .btn {
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .override-schedule .btn:hover {
  background-color: #F4F7FA;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .selectbox,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box {
  position: relative;
  display: inline-block;
  width: 100%;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .selectbox .label-text,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box .label-text {
  color: black;
  font-size: 0.85rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .selectbox .select,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  font-size: 0.85rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .selectbox .select:focus,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box .select:focus {
  outline: none;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .selectbox .select-arrow,
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box .select-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box {
  display: flex;
  gap: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .calendar-box div {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .holiday {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .holiday__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F4F7FA;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .holiday__item .name {
  font-size: clamp(0.75rem, 2vw, 0.85rem);
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .holiday__item .date {
  font-size: clamp(0.75rem, 2vw, 0.85rem);
  color: #828EA2;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .border-left {
  border-left: 2px solid #828EA2;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .border-left-50 {
  border-left: 2px solid #F4F7FA;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .hr {
  height: 1px;
  background: #e5e9f2;
  margin: 5px 0;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .settings-toggle {
  overflow: hidden;
  background-color: #F4F7FA;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .settings-toggle span {
  cursor: pointer;
  color: #000;
  transition: all 0.2s ease;
}
.scheduleWrapper .scheduleContainer .clinicSidebar .card .settings-state .settings-toggle span.active {
  background: #111d2b;
  color: #ffffff;
}
.scheduleWrapper .scheduleContainer .clinicMainContent {
  flex: 1;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border: 1px solid #e5e7eb;
  padding: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabsData {
  overflow: hidden;
  width: 100%;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabsData .tabBtn {
  text-align: center;
  cursor: pointer;
  color: #828EA2;
  transition: all 0.2s ease;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabsData .tabBtn.active {
  background: #ffffff;
  border-radius: 4px;
  color: #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabsData .tabBtn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.5);
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabContent {
  display: none;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabContent.active {
  display: block;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabContent .date-field .date-input {
  width: 100%;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .tabContainer .tabContent .date-field .date-input:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown {
  position: relative;
  display: inline-block;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 180px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.4rem 0.75rem;
  cursor: pointer;
  font-size: 0.85rem;
  color: #111827;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-toggle img {
  margin-left: 0.4rem;
  transition: transform 0.2s ease;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-toggle.open img {
  transform: rotate(180deg);
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-toggle:hover {
  background: #f9fafb;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 180px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  padding: 0.4rem;
  display: none;
  z-index: 100;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu.show {
  display: block;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
  cursor: pointer;
  font-size: 0.85rem;
  color: #111827;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu .dropdown-item img {
  margin-right: 0.5rem;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu .dropdown-item.active {
  background: #F4F7FA;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .dropdown .dropdown-menu .dropdown-item.active img {
  opacity: 1;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule-bar {
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  background: #F4F7FA;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule-bar p {
  background-color: #111;
  font-size: 0.75rem;
  color: #ffffff;
  border-radius: 2rem;
  padding: 0.15rem 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule-bar .status-bar {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #828EA2;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule-bar .status-indicator {
  width: 12px;
  height: 12px;
  background: #6edb7c;
  border-radius: 50%;
  margin-right: 10px;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule {
  margin-top: 1rem;
  padding: 20px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__header .day {
  font-size: 0.9rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break {
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border: 1px solid #e5e7eb;
  padding: 1rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .card-header, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .card-header .options .delete-btn, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .card-header .options .delete-btn {
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .time-fields, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .time-fields {
  display: flex;
  gap: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .time-fields div, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .time-fields div {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .time-fields div label, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .time-fields div label {
  font-size: 0.75rem;
  color: #555;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .no-location, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .no-location {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__type .no-location p, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break .no-location p {
  font-size: 0.75rem;
  color: #828EA2;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule__break.bg-ligtred {
  background-color: #FFF7ED;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule .hr {
  height: 1px;
  background: #e5e9f2;
  margin: 5px 0;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule .breakContainer .break-input, .scheduleWrapper .scheduleContainer .clinicMainContent .schedule .breakContainer .time-input {
  border: 1px solid #e5e7eb;
  height: 36px;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule .breakContainer .break-input {
  flex: 2;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .schedule .breakContainer .time-input {
  flex: 1;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .selectbox {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 250px;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .selectbox .label-text {
  color: black;
  font-size: 0.85rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .selectbox .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  font-size: 0.85rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .selectbox .select:focus {
  outline: none;
}
.scheduleWrapper .scheduleContainer .clinicMainContent .selectbox .select-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}
.scheduleWrapper .scheduleContainer .clinicMainContent.providerPage .badge-status, .scheduleWrapper .scheduleContainer .clinicMainContent.locationPage .badge-status {
  display: inline-block;
  padding: 0.45em 0.8em;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 50rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
.scheduleWrapper .scheduleContainer .clinicMainContent.providerPage .schedule-items .break, .scheduleWrapper .scheduleContainer .clinicMainContent.locationPage .schedule-items .break {
  background-color: #EEECE6;
}
.scheduleWrapper .scheduleContainer .clinicMainContent.providerPage .schedule-items .break .break-text, .scheduleWrapper .scheduleContainer .clinicMainContent.locationPage .schedule-items .break .break-text {
  color: #67574C;
}
.scheduleWrapper .scheduleContainer .clinicMainContent.providerPage .schedule-items .break-50, .scheduleWrapper .scheduleContainer .clinicMainContent.locationPage .schedule-items .break-50 {
  background: #FFEDD5;
}
.scheduleWrapper .scheduleContainer .clinicMainContent.providerPage .schedule-items .open-hour, .scheduleWrapper .scheduleContainer .clinicMainContent.locationPage .schedule-items .open-hour {
  background-color: #F4F7FA;
}
.scheduleWrapper .btnSection {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scheduleWrapper .btnSection* {
  box-sizing: border-box;
}
.scheduleWrapper .btnSection .btnSectionInner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1rem;
}
.scheduleWrapper .btnSection .btnSectionInner__title {
  font-size: clamp(1.35rem, 5vw, 2rem);
}
.scheduleWrapper .btnSection .btnSectionInner__subtitle {
  color: #828EA2;
  font-size: clamp(0.85rem, 2.5vw, 1rem);
}
.scheduleWrapper .btnSection .btnSectionInner__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.scheduleWrapper .calenderHeader__tab {
  transition: 0.2s;
}
.scheduleWrapper .calenderHeader__tab:hover {
  background: #f3f4f6;
}
.scheduleWrapper .calenderHeader__tab.active {
  background: #17a2b8;
  color: white;
}
.scheduleWrapper .calenderHeader__tab.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(276deg) brightness(103%) contrast(102%);
}
.scheduleWrapper .calenderHeader__search {
  min-width: 230px;
}
.scheduleWrapper .calenderHeader__search, .scheduleWrapper .calenderHeader__select {
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
}
.scheduleWrapper .calenderHeader__search:focus, .scheduleWrapper .calenderHeader__select:focus {
  border: none !important;
  box-shadow: none;
}
@media (max-width: 640px) {
  .scheduleWrapper .doctorAppointment__card {
    flex-direction: column;
    align-items: stretch;
  }
}
.scheduleWrapper .doctorAppointment__timelabel {
  min-width: 120px;
}
.scheduleWrapper .doctorAppointment__schedulebox {
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  transition: all 0.2s ease;
}
.scheduleWrapper .doctorAppointment__schedulebox > div {
  background-color: #FBE9E9;
}
.scheduleWrapper .doctorAppointment__schedulebox:hover {
  background-color: #F4F7FA !important;
}
.scheduleWrapper .doctorAppointment__availablity--blue {
  background-color: #D4DFF7 !important;
  border-left: 4px solid #2463EB;
}
.scheduleWrapper .doctorAppointment__availablity--green {
  background-color: #D6F5E1 !important;
  border-left: 4px solid #16A249;
}
.scheduleWrapper .preferredCode .item:hover {
  background-color: #F4F7FA;
}

.onlinePresence * {
  box-sizing: border-box;
}
.onlinePresence {
  max-width: 980px;
  margin: 0 auto;
  padding: 16px;
}
.onlinePresence__card {
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border: 1px solid #e5e7eb;
  padding: 1rem;
  padding: 1.5rem !important;
}
.onlinePresence__card-img {
  width: 100%;
  height: 220px;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
  border-radius: 0.5rem;
  overflow: hidden;
}
.onlinePresence__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.onlinePresence__card-img--close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ef4444;
  color: #fff;
  border: none;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
}
.onlinePresence__card-img--close:hover {
  background: #dc2626;
}
.onlinePresence__card-avatar {
  width: 140px;
  height: 140px;
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.035);
}
.onlinePresence__card-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.onlinePresence__card-logo {
  max-width: 160px;
  height: auto;
  margin-top: 4px;
}
.onlinePresence__card-working {
  max-width: 240px;
}
.onlinePresence__card-day {
  width: 120px;
}
.onlinePresence__card-item {
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 0;
}
.onlinePresence__card-item:last-child {
  border-bottom: none;
}
.onlinePresence__card .bg-lightblue {
  border: 1px solid #B2C5F4;
  background-color: #EFF6FF;
}
.onlinePresence__card .bg-lightgreen {
  border: 1px solid #A7F3D0;
  background-color: #ECFDF5;
}
.onlinePresence__card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.onlinePresence__card-grid--one {
  grid-template-columns: 1fr;
}
.onlinePresence__card-grid--three {
  grid-template-columns: repeat(3, 1fr);
}

.onboardingMgt-menu {
  display: inline-block;
}
.onboardingMgt-menu__btn {
  transform: rotate(90deg);
}
.onboardingMgt-menu__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 200px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 9999;
}
.onboardingMgt-menu__item {
  border-bottom: 1px solid #e5e7eb;
}
.onboardingMgt-menu__item:last-child {
  border-bottom: 0;
}
.onboardingMgt-menu__item:hover {
  background: #f3f4f6;
}
.onboardingMgt-menu__item:focus {
  border: none !important;
  box-shadow: none;
}
.onboardingMgt-menu__item--danger {
  color: #dc2626;
}
.onboardingMgt-menu--open .onboardingMgt-menu__dropdown {
  display: block;
}

.accordion__item {
  overflow: hidden;
  transition: all 0.2s ease;
}
.accordion__item summary {
  list-style: none;
}
.accordion__item summary::-webkit-details-marker {
  display: none;
}
.accordion__item summary:hover {
  background: #f9fafb;
}
.accordion__item .arrow-icon {
  width: 7px;
  height: 7px;
  border-right: 1px solid #6b7280;
  border-bottom: 1px solid #6b7280;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}
.accordion__item[open] .arrow-icon {
  transform: rotate(45deg);
}/*# sourceMappingURL=main.css.map */