/* [WEBFLOW migrated] inde REGULAR CSS */



/* rc-slider */
.rc-slider-handle {
  border: solid 1.5px #5b7dfc !important;
  background-color: #f0f2ff !important;
  width: 50px !important;
  height: 50px !important;
  cursor: pointer !important;
  z-index: 1;
  border-radius: 50% !important;
  padding-left: 14px;
  padding-right: 14px;
  top: -4px
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
	border-color: #5b7dfc !important;
  box-shadow: 0 0 5px #5b7dfc !important;
}
.rc-slider-handle-click-focused:focus {
  border-color: #5b7dfc !important;
}
.rc-slider-handle:hover {
  border-color: #5b7dfc !important;
}
.rc-slider-handle:active, .rc-slider-handle-dragging {
  border-color: #5b7dfc;
  box-shadow: 0 0 5px #5b7dfc !important;
}
.rc-slider-rail {
  height: 1.5px !important;
  margin-top: 10px;
}
.rc-slider-track {
  height: 1.5px !important;
  margin-top: 10px;
  background-color: #5b7dfc !important;
}
.rc-slider-tooltip-placement-top {
  top: -6px !important;
  padding: 10px 0 0px 0 !important;
}

.rc-slider-tooltip-inner {
  background-color: transparent !important;
  font-weight: 400 !important;
  color: #5b7dfc  !important;
  box-shadow: none !important;
  font-size: 18px !important;
  padding: 2px 2px !important;
  z-index: 1 !important;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.rc-slider-tooltip-arrow {
  display: none !important;
}


#app #layoutContainerInner {
  box-shadow: 0 0 300px 0 rgba(109, 159, 212, 0.2), 0 0 80px 0 rgba(109, 159, 212, 0.5);
}

.touchable.roundButton:active, .tapDiv.roundButton:active {
  -webkit-tap-highlight-color: transparent;
  background-color: #1d68ad !important;
}
.touchable.roundButtonHollow:active, .tapDiv.roundButtonHollow:active {
  -webkit-tap-highlight-color: transparent;
  background-color: rgb(202, 220, 241, 0.4) !important;
}

.submitButtonBrand {
	transition-property: all;
  transition-duration: 100ms;
  transition-timing-function: ease;
  background-color: #5b7dfc;
}
/* check color ???*/
.submitButtonBrand:hover {
  background-color: #526cfa !important; 
}

.formTextInput:focus {
  outline: none !important;
  border: 1.5px solid #5b7dfc !important;
  box-shadow: #f0f2ff 0px 0px 0px 3px !important;
  color: #5b7dfc;
  background: #f0f2ff!important;
}
.formTextInput::placeholder {
  color: #b5bbc4;
}

.formTextInputNoBackground:focus {
  outline: none !important;
  border: 1.5px solid #5b7dfc !important;
  box-shadow: #f0f2ff 0px 0px 0px 3px !important;
}
.formTextInputNoBackground::placeholder {
  color: #b5bbc4;
}

.hoverTextBrand:hover {
  color: #5b7dfc !important;
}

.multiSelectCheckboxChecked {
  animation: multiSelectCheckboxAni 0.2s ease-out forwards; 
  transition: all 0.05s ease-out; 
  border-color: #5b7dfc !important; 
  color: #5b7dfc !important;
  background-color: #f0f2ff !important;
}
.multiSelectCheckboxCheckedCircle {
  border-color: #5b7dfc !important;
  background-color: #5b7dfc !important;
  transform: scale(1.2);
}

.markdown a {
  color: #5b7dfc !important;
}