/* Ion.RangeSlider
// css version 2.0.3
// Â© 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.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; }
.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; }
.irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; }
.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; display: block; left: 0; width: 0; }
.irs-bar-edge { position: absolute; display: block; top: 0; left: 0; }

.irs-shadow { position: absolute; display: none; left: 0; width: 0; }

.irs-slider { position: absolute; display: block; cursor: default; z-index: 1; }
.irs-slider.single { }
.irs-slider.from { }
.irs-slider.to { }
.irs-slider.type_last { z-index: 2; }

.irs-min { position: absolute; display: block; left: 0; cursor: default; }
.irs-max { position: absolute; display: block; right: 0; cursor: default; }

.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.0); z-index: 2; }
.lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; }

.irs-disabled { opacity: 0.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; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }


/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// Â© Denis Ineshin, 2014    https://github.com/IonDen
// Â© guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs { height: 55px; }
.irs-with-grid { height: 75px; }
.irs-line { height: 6px; top: 36px; background: #ffffff; /*background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);*/ /* W3C */ /*border: 1px solid #CCC;*/ border-radius: 16px; -moz-border-radius: 16px; }
.irs-line-left { height: 8px; }
.irs-line-mid { height: 8px; }
.irs-line-right { height: 8px; }

.irs-bar { height: 6px; top: 36px; background: #d60b52; }
.irs-bar-edge { height: 6px; top: 36px; width: 14px; /*border: 1px solid #d60b52;*/ border-right: 0; background: #d60b52; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; }

.irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; }
.lt-ie9 .irs-shadow { filter: alpha(opacity=30); }

.irs-slider { top: 25px; width: 27px; height: 27px; /*border: 1px solid #AAA;*/ background: #fff; /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);*/ /* W3C */ border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); cursor: pointer; }

.irs-slider.state_hover, .irs-slider:hover { background: #FFF; }

.irs-min, .irs-max { color: #c9c9c9; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; }

.lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; }

.irs-from, .irs-to, .irs-single { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 0px; /* background: #d60b52; */ border-radius: 3px; -moz-border-radius: 3px; }
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; }

.irs-grid { height: 27px; }
.irs-grid-pol { opacity: 0.5; background: #428bca; }
.irs-grid-pol.small { background: #999; }

.irs-grid-text { bottom: 5px; color: #99a4ac; }

.irs-disabled { }


.irs-slider:after,
.irs-slider:before { display: flex; font-family: 'FontAwesome'; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #222224; line-height: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; padding: 0; width: 27px; height: 27px; }

.irs-slider:after { content: "\f0da"; justify-content: flex-end; margin-left: -7px; }
.irs-slider:before { content: "\f0d9"; margin-left: 7px; justify-content: flex-start; }

.irs-single { background: #d60b52; color: white !important; width: 35px; padding: 5px 0; border-radius: 5px; border: 1px solid #d60b52; text-align: center; top: -12px; }
.irs-single:after { content: ""; speak: none; display: block; background: transparent; bottom: -7px; position: absolute; left: 6px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #d60b52 transparent transparent transparent; border-top-color: inherit; }
