/* GLOBAL COLORS */
:root {
  --white: #ffffff;
  --black: #000000;
  --blue: #2f80ed;
  --medblue: #007df0;
  --lightgray: #f2f2f2;
  --green: #23cc6b;
  --red: #eb3540;
}

body {
  font-family: 'Work Sans', sans-serif;
}

a {
  text-decoration: none;
}

.errorlist {
  font-size: 12px;
  color: rgb(251 113 133);
  font-weight: 500;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

::-webkit-scrollbar-track {
  border: 5px solid white;
  background-color: #f1f4ff;
}

::-webkit-scrollbar {
  width: 17px;
  background-color: #dfe6e9;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(204, 235, 255);
  border: 4.5px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
  transition: all 300ms ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(183, 226, 255);
}

.show {
  display: block !important;
  opacity: 1;
  visibility: visible !important;
  transition: 200ms ease-in-out !important;
  transform: scale(1) !important;
}

/* PRODUCT BLURBS STYLE OVERRIDES */
.blurb ul {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 15px;
  margin-bottom: 20px;
}
.blurb ol {
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 15px;
  margin-bottom: 20px;
}
.blurb li {
  margin-bottom: 2px;
}
.blurb a {
  text-decoration: underline;
  color: rgb(104 117 245);
}
.blurb h1 {
  font-size: 22px;
  font-weight: 700;
}
.blurb h2 {
  font-size: 20px;
  font-weight: 700;
}
.blurb h3 {
  font-size: 18px;
  font-weight: 700;
}
.blurb h4 {
  font-size: 16px;
  font-weight: 600;
}
.blurb h5 {
  font-size: 14px;
  font-weight: 600;
}
.blurb h6 {
  font-size: 12px;
  font-weight: 600;
}

/* TEXT */
.text-blue {
  color: var(--blue);
}

/* BACKGROUNDS */
.bg-lightgray {
  background-color: var(--lightgray);
}

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

/* BUTTONS */
.btn-round {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 20px;
  border-radius: 100px;
}

.btn-round-sm {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 12px;
  border-radius: 100px;
}

/* BORDERS */
.border-gray {
  border: 1px solid var(--lightgray);
}

.border-bottom-gray {
  border-bottom: 1px solid var(--lightgray);
}

.link:hover {
  color: var(--blue);
}

#messages .success {
  --tw-text-opacity: 1;
  color: rgb(4 108 78 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(222 247 236 / var(--tw-bg-opacity));
}

#messages .error {
  --tw-text-opacity: 1;
  color: rgb(200 30 30 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

#messages .info {
  --tw-text-opacity: 1;
  color: rgb(26 86 219 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
table td {
  border: 1px solid #000000;
}
th,
td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}