.irs { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; top: 0; display: block; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; left: 0; display: block; width: 0; } .irs-bar-edge { position: absolute; top: 0; left: 0; display: block; } .irs-shadow { position: absolute; left: 0; display: none; width: 0; } .irs-slider { position: absolute; z-index: 1; display: block; cursor: default; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; left: 0; display: block; cursor: default; } .irs-max { position: absolute; right: 0; display: block; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; top: 0; left: 0; display: block; white-space: nowrap; cursor: default; } .irs-grid { position: absolute; bottom: 0; left: 0; display: none; 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; padding: 0 3px; font-size: 9px; line-height: 9px; color: #000; text-align: center; white-space: nowrap; } .irs-disable-mask { position: absolute; top: 0; left: -1%; z-index: 2; display: block; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); } .lt-ie9 .irs-disable-mask { cursor: not-allowed; background: #000; filter: alpha(opacity=0); } .irs-disabled { opacity: .4; } .irs-hidden-input { position: absolute !important; top: 0 !important; left: 0 !important; z-index: -9999 !important; display: block !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; font-size: 0 !important; line-height: 0 !important; background: none !important; border-color: transparent !important; border-style: solid !important; outline: none !important; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { top: 25px; height: 12px; } .irs-line-left, .irs-line-mid, .irs-line-right { height: 12px; background-color: #e4eaec; } .irs-bar { top: 25px; height: 12px; background-color: #3e8ef7; } .irs-bar-edge { top: 25px; width: 9px; height: 12px; background-color: #3e8ef7; } .irs-shadow { top: 34px; height: 3px; background: #000; opacity: .25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { top: 22px; width: 16px; height: 18px; } .irs-slider::after { content: ""; position: absolute; height: 100%; width: 3px; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #3e8ef7; } .irs-slider.state_hover, .irs-slider:hover { cursor: pointer; } .irs-slider.state_hover::after, .irs-slider:hover::after { background-color: #0b69e3; } .irs-min, .irs-max { top: 0; padding: 1px 3px; font-size: 10px; line-height: 1.333; color: #76838f; text-shadow: none; background: #e4eaec; border-radius: 4px; } .irs-from, .irs-to, .irs-single { padding: 1px 5px; font-size: 10px; line-height: 1.333; color: #fff; text-shadow: none; background: #3e8ef7; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; bottom: -6px; left: 50%; display: block; width: 0; height: 0; margin-left: -3px; overflow: hidden; content: ""; border: 3px solid transparent; border-top-color: #3e8ef7; } .irs-grid-pol { background: #e4eaec; } .irs-grid-text { color: #76838f; }