:root {
  --background: #EAF3FB;
  --dark-blue: #11324B;
  --green: #36D20F;
  --light-green: #8BF570;
  --light-blue: #5E84A1;
  color-scheme: light only;
}

* {
    font-family: "Bai Jamjuree", sans-serif;
    font-style: normal;
}

body {
  margin: 0;
}

/* inputs */
textarea {
  width: 100%;
  border: none;
  padding: 1em;
  border-radius: 1em;
  box-shadow: 0 0 0.5em 0.05em #999;
  font-size: 1em;
  /* resize: none; */
}

.text_input {
  width: 100%;
  border: none;
  padding: 0.5em 1em;
  border-radius: 2em;
  box-shadow: 0 0 0.5em 0.05em #999;
  font-size: 1em;
  background-color: white;
}

.radio-buttons {
  display: flex;
  gap: 0.3em;

  .first {
      border-radius: 1em 0 0 1em;
  }

  .last {
      border-radius: 0 1em 1em 0;
  }

  .only {
      border-radius: 1em;
  }

  label {
      position: relative;
      padding: 0.3em;
      flex: 1;
      color: white;
      background-color: var(--light-blue);
      cursor: pointer;
      text-align: center;
  }
  
  
  [type=radio] {
      position: absolute;
      width: 1px;
      margin: 0;
      overflow: hidden;
      opacity: 0;
      /* display: none; */
      /* appearance: none; */
      /* width: 0; */
  }

  label:has([type=radio]:checked) {
      background-color: var(--dark-blue);
  }
}

.select-package {
  height: 2.5em;
}

.select {
  width: 100%;

  .selectize-input {
      border-radius: 3em;
      display: flex;
      align-items: center;
      gap: 1em;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .brain::before {
      content: url('/static/doucka/images/public_new/human-brain.svg');
  }
  .location::before {
      content: url('/static/doucka/images/public_new/location_pin.svg');
  }
}

.check-box-label {
  /* background-color: var(--light-blue); */
  background-color: white;
  border: 1px solid var(--dark-blue);

  height: 20px;
  width: 35px;
  border-radius: 10em;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.2s;

  .ball {
      height: 15px;
      width: 15px;
      background-color: black;
      border-radius: 50%;
      position: absolute;
      left: 3px;
      transition: all 0.2s;
  }

  .checkbox {
      position: absolute;
      opacity: 0;
  }
}

.check-box-label:has(input:checked) {
  background-color: var(--dark-blue);

  .ball {
      left: 17px;
      /* background-color: var(--green); */
      background-color: white;
  }

  
}

.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

.blue {
  background-color: #02b3e0 !important;
  color: white !important;
}

.red {
  background-color: red !important;
  color: white !important;
}

.yellow {
  background-color: #fea92c !important;
  color: white !important;
}

.green {
  background-color: #66cc45 !important;
  color: white !important;
}

.gold {
  color: gold !important;
}

/* google fonts */
.bai-jamjuree-extralight {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .bai-jamjuree-light {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .bai-jamjuree-regular {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .bai-jamjuree-medium {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .bai-jamjuree-semibold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .bai-jamjuree-bold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .bai-jamjuree-extralight-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .bai-jamjuree-light-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .bai-jamjuree-regular-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .bai-jamjuree-medium-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .bai-jamjuree-semibold-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .bai-jamjuree-bold-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: italic;
  }