.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; 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: 0; width: 0 }
.irs-shadow { position: absolute; display: none; left: 0; width: 0 }
.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1 }
.irs-handle.type_last { z-index: 2 }
.irs-min, .irs-max { position: absolute; display: block; cursor: default }
.irs-min { left: 0 }
.irs-max { right: 0 }
.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap }
.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px }
.irs-with-grid .irs-grid { display: block }
.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 }
.irs-grid-pol.small { height: 4px }
.irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000 }
.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2 }
.lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed }
.irs-disabled { opacity: .4 }
.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important }
.irs--flat { height: 51px; }
.irs--flat.irs-with-grid { height: 60px }
.irs--flat .irs-line { top: 24px; height: 4px; background-color: #E7F0EE; border-radius: 4px }
.irs--flat .irs-bar { top: 24px; height: 4px; background-color: var(--color-green); }
.irs--flat .irs-bar--single { border-radius: 4px 0 0 4px }
.irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9 }
.irs--flat .irs-handle { top: 50%; cursor: pointer; width: 16px; background-color: #E7F0EE; transform: translateY(-50%); height: 16px;    /* clip-path: polygon(100% 50%, 0 0, 0 100%); */ border-radius: 50%; border: 3px solid var(--color-green); }
.irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px;    /* height:100%; */ clip-path: polygon(100% 50%, 0 0, 0 100%); margin-left: -1px; background-color: var(--color-green) }
.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: var(--color-green); }
.irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: var(--color-green); font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: var(--color-green); border-radius: 4px }
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--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: #0a0909; }
.irs--flat .irs-grid-pol { background-color: #e1e4e9 }
.irs--flat .irs-grid-text { color: #999 }
.irs--big { height: 55px }
.irs--big.irs-with-grid { height: 70px }
.irs--big .irs-line { top: 33px; height: 12px; background-color: #fff; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px }
.irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #fff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5) }
.irs--big .irs-bar--single { border-radius: 12px 0 0 12px }
.irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5) }
.irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px #fff; border-radius: 30px }
.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%) }
.irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: #fff; text-shadow: none; background-color: #9f9f9f; border-radius: 3px }
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: #fff; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px }
.irs--big .irs-grid-pol { background-color: #428bca }
.irs--big .irs-grid-text { color: #428bca }
.irs--modern { height: 55px }
.irs--modern.irs-with-grid { height: 55px }
.irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px }
.irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%) }
.irs--modern .irs-bar--single { border-radius: 5px 0 0 5px }
.irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5) }
.irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px }
.irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: #fff; transform: rotate(45deg) }
.irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px }
.irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1 }
.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #fff 0%, #919ba5 30%, #fff 100%) }
.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2 }
.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a }
.irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: #fff; background-color: #d1d6e0; border-radius: 5px }
.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: #fff; border-radius: 5px }
.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .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: #20b426 }
.irs--modern .irs-grid { height: 25px }
.irs--modern .irs-grid-pol { background-color: #dedede }
.irs--modern .irs-grid-text { color: silver; font-size: 13px }
.irs--sharp { height: 50px; font-size: 12px; line-height: 1 }
.irs--sharp.irs-with-grid { height: 57px }
.irs--sharp .irs-line { top: 30px; height: 2px; background-color: #000; border-radius: 2px }
.irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa }
.irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px }
.irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5) }
.irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2 }
.irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2 }
.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: #000 }
.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: #000 }
.irs--sharp .irs-min, .irs--sharp .irs-max { color: #fff; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px }
.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: #fff; border-radius: 2px }
.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .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: #a804b2 }
.irs--sharp .irs-grid { height: 25px }
.irs--sharp .irs-grid-pol { background-color: #dedede }
.irs--sharp .irs-grid-text { color: silver; font-size: 13px }
.irs--round { height: 50px }
.irs--round.irs-with-grid { height: 65px }
.irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px }
.irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa }
.irs--round .irs-bar--single { border-radius: 4px 0 0 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 #006cfa; background-color: #fff; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3) }
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff }
.irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; 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: #006cfa; color: #fff; 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: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa }
.irs--round .irs-grid { height: 25px }
.irs--round .irs-grid-pol { background-color: #dedede }
.irs--round .irs-grid-text { color: silver; font-size: 13px }
.irs--square { height: 50px }
.irs--square.irs-with-grid { height: 60px }
.irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede }
.irs--square .irs-bar { top: 31px; height: 4px; background-color: #000 }
.irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede }
.irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #000; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff }
.irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1) }
.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #000; color: #fff }
.irs--square .irs-grid { height: 25px }
.irs--square .irs-grid-pol { background-color: #dedede }
.irs--square .irs-grid-text { color: silver; font-size: 11px }
span.irs-handle.to {    /* clip-path: polygon(0 50%, 100% 0, 100% 100%); */ }