/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date:  2019-12-19 16: 51: 02
*/
.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: 10px; 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: 40px; }
.irs--flat.irs-with-grid{ height: 60px; }
.irs--flat .irs-line{ top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; }
.irs--flat .irs-bar{ top: 25px; height: 12px; background-color: #ed5565; }
.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: 22px; width: 16px; height: 18px; background-color: transparent; }
.irs--flat .irs-handle > i:first-child{ position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; }
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child{ background-color: #a43540; }
.irs--flat .irs-min,
.irs--flat .irs-max{ top: 0; padding: 1px 3px; color: #999; 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: #ed5565; 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: #ed5565; }
.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 #002958; background: linear-gradient(to bottom,#fff 0%,#002958 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: #002958; background: linear-gradient(to bottom,#002958 0%,#3071a9 100%); border-radius: 3px; }
.irs--big .irs-grid-pol{ background-color: #002958; }
.irs--big .irs-grid-text{ color: #002958; }

.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: 50px; height: 4px; background-color: #dee4ec; border-radius: 4px; }
.irs--round .irs-bar{ top: 50px; height: 4px; background-color: #002958; }
.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: 45px; width: 16px; height: 16px; border: 1px solid var(--grey); background-color: #fff; border-radius: 24px; box-shadow: 0 1px 3px rgba(0,0,255,0.5); }
.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: 11px; 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: #fff; color: var(--darkblue); border-radius: 4px; border: 1px solid var(--darkblue); }
.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: #002958; }
.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; }

