/* This is a test comment to trigger SCSS compilation */
:root {
  --cliexa-blue: #488ccb;
  --cliexa-blue-medium: #85b2dc;
  --cliexa-blue-light: #C3D9ED;
  --cliexa-blue-10: rgb(179.230212766, 207.385106383, 233.469787234);
  --cliexa-blue-20: rgb(167.3157446809, 199.8978723404, 230.0842553191);
  --cliexa-blue-30: rgb(155.4012765957, 192.4106382979, 226.6987234043);
  --cliexa-blue-40: rgb(143.4868085106, 184.9234042553, 223.3131914894);
  --cliexa-blue-50: rgb(131.5723404255, 177.4361702128, 219.9276595745);
  --cliexa-blue-60: rgb(119.6578723404, 169.9489361702, 216.5421276596);
  --cliexa-blue-70: rgb(107.7434042553, 162.4617021277, 213.1565957447);
  --cliexa-blue-80: rgb(95.8289361702, 154.9744680851, 209.7710638298);
  --cliexa-blue-90: rgb(83.9144680851, 147.4872340426, 206.3855319149);
  --cliexa-blue-100: #488ccb;
  --dark-text: #414950;
  --dark-text-2: #414d55;
  --medium-dark-text: #727272;
  --separator-color-medium: #eeefef;
  --separator-color: #e0e0e0;
  --light-text: #9E9E9E;
  --complete: #5f9d16;
  --report-1: #8f63a8;
  --report-2: #3f56bf;
  --report-3: #7b92cb;
  --report-4: #629193;
  --report-5: #ca5c63;
  --report-6: #f79f5f;
  --report-7: #7bb258;
  --report-8: #e6c94a;
  --report-9: #d57c9b;
  --report-10: #acc5c6;
  --tutorial-2: #4ea3a8;
  --tutorial-6: #2e6aa2;
  --separator-light: #f4f4f4;
  --distruction: #EF5350;
  --dark-gray-background: #d0ced1;
}

html, body {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto !important;
  color: #070112;
}

.text-color-dark {
  color: #070112;
}

a, .btn-link {
  color: #0366d6;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.text-demi-bold {
  font-weight: 500;
}

.text-normal {
  font-weight: 400;
}

.text-cliexa-blue {
  color: var(--cliexa-blue);
}

.text-cliexa-lightblue {
  color: var(--cliexa-blue-light);
}

.text-placeholder {
  color: #CBC9C9;
}

.text-light {
  color: #9E9E9E;
}

.center-items-vertical {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

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

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

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

.roi-lightBlueBox {
  background-color: #87B3DA;
}

.roi-darkBlueBox {
  background-color: #488ccb;
}

.roi-disabledBox {
  background-color: #F4F4F4;
}

.summary-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  background: white;
  overflow: hidden;
}

.summary-table thead tr {
  border-bottom: 1px solid #E0E0E0;
}

.summary-table tbody tr {
  border-bottom: 1px solid #E0E0E0;
  font-size: small;
}

.summary-table tbody td, .summary-table th {
  border: none;
  background-clip: padding-box;
}

.summary-table thead th:first-child {
  border-top-left-radius: 10px;
}

.summary-table thead th:last-child {
  border-top-right-radius: 10px;
}

.summary-table tbody td:first-child {
  border-bottom-left-radius: 10px;
}

.summary-table tbody td:last-child {
  border-bottom-right-radius: 10px;
}

.summary-table tbody tr td:nth-child(2) {
  text-align: right;
}

.wordmark-container {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.popover {
  overflow-wrap: break-word;
  border: none;
  --bs-popover-border-radius: 0;
  --bs-popover-inner-border-radius: 0;
}

.popover-body {
  padding: 0;
}

.timeSavingsTable {
  min-width: 700px;
  max-width: 700px;
  font-size: small;
}

.timeSavingsTable tbody td {
  text-align: center;
}

.timeSavingsTable tbody td:first-child {
  text-align: left;
}

.add-shadow {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.practice-details-popover {
  background-color: #2E6AA2;
  color: white;
  width: 250px;
  font-size: small;
}

.text-small {
  font-size: small;
}

.why-cliexa-box {
  position: relative;
  z-index: 2;
  background-color: rgba(135, 179, 218, 0.7);
  text-align: center;
}

.why-cliexa-box-2 {
  position: relative;
  z-index: 2;
}

.image-behind-why-cliexa-box {
  position: absolute;
  top: -50px;
  right: 10px;
  z-index: 1;
  width: auto;
  height: 130%;
}

.image-behind-why-cliexa-box-2 {
  position: absolute;
  top: 0;
  right: -25px;
  z-index: 1;
  width: auto;
  height: 100%;
  opacity: 0.1;
}

.image-behind-why-cliexa-box-3 {
  position: absolute;
  top: -40px;
  right: 10%;
  z-index: 1;
  width: auto;
  height: 150%;
  opacity: 1;
}

.gray-box {
  background-color: #F6F8F9;
}

.button-cliexa {
  font-size: small;
}

.icon-info {
  font-size: medium !important;
}

/*# sourceMappingURL=site.css.map */