/* You can add global styles to this file, and also import other style files */

body {
  overflow: hidden;
  position: fixed;
  height: 100%;
  overscroll-behavior: contain;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Mulish', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* For Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */

input[type='number'] {
  -moz-appearance: textfield;
}

.visually-hidden {
  position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;

  clip: rect(0 0 0 0);
  overflow: hidden;
}

#root {
  width: 100vw;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.react-markdown p {
  padding: 0 !important;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.16px;
  color: #737373;
}

.react-markdown h3 {
  padding: 0 !important;
  color: #424242;
  font-family: Manrope;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.4;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 8px;
}

.react-markdown code {
  padding: 0 !important;
  margin: 0;

  color: #737373;
  height: 152px;
  flex-grow: 1;
  font-family: Mulish;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.16px;
  text-align: left;
  white-space: pre-wrap;
}

.react-markdown pre {
  overflow-x: auto;
  /* Enable horizontal scrolling if necessary */
  word-wrap: break-word;
  /* Allow word wrapping */
  flex: 1;
  /* Allow the <pre> tag to grow to the available space */
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.did-stepper-root {
  background-color: inherit;
}

.ql-container {
  border: 1px solid #e5e5e5;
  border-radius: 0px 0px 8px 8px;
}

.ql-toolbar {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #e5e5e5;
}

.custom-scrollbar::-webkit-scrollbar {
  background-color: transparent;
  display: none;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  display: none;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  display: none;
}

.custom-scrollbar-inverted::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.circular-progress-bar {
  display: inline-block;
}

.circular-progress-bar .progress-bg {
  fill: none;
  stroke: #e6e6e6;
}

.circular-progress-bar .progress-value {
  fill: none;
  stroke: #749b7e;
  transition: stroke-dashoffset 0.5s;
}

.circular-progress-bar .progress-text {
  font-size: 26px;
  fill: #233b3d;
}

.small .progress-text {
  font-size: 14px !important;
  fill: #233b3d;
}

.circular-progress-bar .description-text {
  font-size: 12px;
  fill: #737373;
}

.semi-circular-progress-bar {
  display: inline-block;
}

.semi-circular-progress-bar svg {
  overflow: visible;
}

.semi-circular-progress-bar .progress-bg {
  fill: none;
  stroke: #e6e6e6;
}

.semi-circular-progress-bar .progress-value {
  fill: none;
  stroke: #4caf50;
  transition: stroke-dashoffset 0.5s;
}

.semi-circular-progress-bar .progress-text {
  font-size: 1.25rem;
  fill: #333;
  dominant-baseline: middle;
}

.semi-circular-progress-bar .description-text {
  font-size: 1rem;
  fill: #777;
  dominant-baseline: middle;
}

.bouncing-loader {
  display: flex;
  justify-content: center;
  transform: translateY(50%);
}

.bouncing-loader > div {
  width: 8px;
  height: 8px;
  margin-right: 4px;

  border-radius: 50%;
  background-color: #d9d9d9;
  opacity: 1;
  animation: bouncing-loader 0.6s infinite alternate;
}

.bouncing-loader > div:first-of-type {
  opacity: 0.7;
}

.bouncing-loader > div:nth-of-type(2) {
  opacity: 0.5;
}

.bouncing-loader > div:last-of-type {
  margin-right: 0;

  opacity: 0.2;
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translateY(-16px);
  }
}

.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

.media-gallery video {
  object-fit: cover;
  border-radius: 4px;
}

.pac-container {
  z-index: 10000;
}

.input-number-wrapper input::-webkit-inner-spin-button,
.input-number-wrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.input-number-wrapper input {
  -moz-appearance: 'textfield';
}

/* For Chrome and Safari */

.hidden-scrollbar::-webkit-scrollbar {
  width: 0;
  /* for vertical scrollbars */
  height: 0;
  /* for horizontal scrollbars */
}

/* For Firefox */

.hidden-scrollbar {
  scrollbar-width: none;
}

/* For Internet Explorer and Edge */

.hidden-scrollbar {
  -ms-overflow-style: none;
}

/* leaflet Map container */

.leaflet-container {
  width: 100%;
  height: 30vh;
  z-index: 1000;
}


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