.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;
}