/* rc-slider */
.rc-slider-handle {
  border: solid 1.5px #e03516 !important;
  background-color: #ffefed !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: #e03516 !important;
  box-shadow: 0 0 5px #e03516 !important;
}
.rc-slider-handle-click-focused:focus {
  border-color: #e03516 !important;
}
.rc-slider-handle:hover {
  border-color: #e03516 !important;
}
.rc-slider-handle:active, .rc-slider-handle-dragging {
  border-color: #e03516;
  box-shadow: 0 0 5px #e03516 !important;
}
.rc-slider-rail {
  height: 1.5px !important;
  margin-top: 10px;
}
.rc-slider-track {
  height: 1.5px !important;
  margin-top: 10px;
  background-color: #e03516 !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: #e03516  !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(154, 154, 154, 0.2), 0 0 80px 0 rgba(0, 0, 0, 0.5);
}
  
.touchable.roundButton:active, .tapDiv.roundButton:active {
	-webkit-tap-highlight-color: transparent;
	background-color: #8F3928 !important;
  }
  .touchable.roundButtonHollow:active, .tapDiv.roundButtonHollow:active {
	-webkit-tap-highlight-color: transparent;
	background-color: rgba(220, 30, 30, 0.3) !important;
  }
  
.submitButtonBrand {
	transition-property: all;
  transition-duration: 100ms;
  transition-timing-function: ease;
	background-color: #e03516 !important;	
}
.submitButtonBrand:hover {
	background-color: #fa3b19 !important;
}

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

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

.hoverTextBrand:hover {
  color: #e03516 !important;
}

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

.markdown a {
  color: #e03516 !important;
}