.irs { position: relative; display: block; user-select: none; font-size: 12px; font-family: Arial, sans-serif; }
.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; }
.irs-bar { position: absolute; display: block; left: 0px; width: 0px; }
.irs-shadow { position: absolute; display: none; left: 0px; width: 0px; }
.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; }
.irs-min, .irs-max { position: absolute; display: block; cursor: default; }
.irs-min { left: 0px; }
.irs-max { right: 0px; }
.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0px; left: 0px; cursor: default; white-space: nowrap; }
.irs-grid { position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; height: 20px; }
.irs-with-grid .irs-grid { display: block; }
.irs-grid-pol { position: absolute; top: 0px; left: 0px; width: 1px; height: 8px; background: rgb(0, 0, 0); }
.irs-grid-pol.small { height: 4px; }
.irs-grid-text { position: absolute; bottom: 0px; left: 0px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0px 3px; color: rgb(0, 0, 0); }
.irs-hidden-input { position: absolute !important; display: block !important; top: 0px !important; left: 0px !important; width: 0px !important; height: 0px !important; font-size: 0px !important; line-height: 0 !important; padding: 0px !important; margin: 0px !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }
.irs--round { height: 50px; }
.irs--round.irs-with-grid { height: 65px; }
.irs--round .irs-line { top: 36px; height: 4px; background-color: rgb(222, 228, 236); border-radius: 4px; }
.irs--round .irs-bar { top: 36px; height: 4px; background-color: rgb(0, 108, 250); }
.irs--round .irs-bar--single { border-radius: 4px 0px 0px 4px; }
.irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); }
.irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid rgb(0, 108, 250); background-color: white; border-radius: 24px; box-shadow: rgba(0, 0, 255, 0.3) 0px 1px 3px; }
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: rgb(240, 246, 255); }
.irs--round .irs-min, .irs--round .irs-max { color: rgb(51, 51, 51); font-size: 14px; line-height: 1; top: 0px; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; }
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: rgb(0, 108, 250); color: white; border-radius: 4px; }
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -3px; overflow: hidden; border-width: 3px; border-style: solid; border-color: rgb(0, 108, 250) transparent transparent; border-image: none; }
.irs--round .irs-grid { height: 25px; }
.irs--round .irs-grid-pol { background-color: rgb(222, 222, 222); }
.irs--round .irs-grid-text { color: silver; font-size: 13px; }