/* Basic html style */

/* header */
header {
      width: auto;
      background-color: #557B44;
      height: 100px;
      margin: 0;
      top: 0;
    }

/* Horizontal block */
HBlock,
.HBlock {
  text-align: center;
  display: flex;
  flex-direction: row;
}

/* Bounding box */
.bbox {
  border-radius: 5px;
  box-shadow: 2px 2px 2px lightgrey;
  padding:0;
}

/* Title Bar */
.TitleBar{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 1.5rem;
  color: #FFFFFF;
  background-color: #557B44;
  text-align: center;
}

/* Multi drop down */
.Select--multi .Select-value {
  background-color: #557B44;
  color: #fff;
}

.VirtualizedSelectFocusedOption {
  background-color: #bbd3b0;
}

/*Slider*/
.rc-slider-track {
  background-color: #733F42;
}

.rc-slider-dot-active {
  border-color: #733F42;
  border: solid 2px #733F42;
}

.rc-slider-handle {
  background-color: #733F42;
  border-color: #733F42;
}

.rc-slider-handle:hover {
  border-color: #733F42;
}

.rc-slider-handle-active:active {
  border-color: #733F42;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #385888;
    background-color: #385888;
}

/* Border radius class name */
.border-radius-10 {
  border-radius: 10px;
}

.border-radius-15 {
  border-radius: 15px;
}