.irs--bapf-flat {
  height: 40px;
}
.irs--bapf-flat.irs-with-grid {
  height: 60px;
}
.irs--bapf-flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 8px;
}
.irs--bapf-flat .irs-bar {
  top: 28px;
  height: 6px;
  background-color: #617be5;
}
.irs--bapf-flat .irs-bar--single {
  border-radius: 8px 0 0 8px;
}
.irs--bapf-flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--bapf-flat .irs-handle {
  top: 25px;
  font-size: 12px;
  width: 1em;
  height: 1em;
  background-color: transparent;
}
.irs--bapf-flat .irs-handle > i:first-child {
  position: absolute;
  font-size: inherit;
  display: block;
  top: 0;
  left: 0.5em;
  width: 100%;
  height: 100%;
  margin-left: -6px;
  background-color: #516bd5;
  border-radius: 80px;
}
.irs--bapf-flat .irs-handle.state_hover > i:first-child,
.irs--bapf-flat .irs-handle:hover > i:first-child {
  background-color: #415bc5;
}
.irs--bapf-flat .irs-min,
.irs--bapf-flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 8px;
}
.irs--bapf-flat .irs-from,
.irs--bapf-flat .irs-to,
.irs--bapf-flat .irs-single {
  color: #ffffff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #617be5;
  border-radius: 8px;
}
.irs--bapf-flat .irs-from:before,
.irs--bapf-flat .irs-to:before,
.irs--bapf-flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #617be5;
}
.irs--bapf-flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--bapf-flat .irs-grid-text {
  color: #999999;
}
