/* Ion.RangeSlider, Nice Skin
// css version 1.9.2
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    position: relative; display: block;
}
.irs-line {
    position: relative; display: block;
    overflow: hidden;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute; display: block;
    top: 0;
}
.irs-line-left {
    left: 0; width: 10%;
}
.irs-line-mid {
    left: 10%; width: 80%;
}
.irs-line-right {
    right: 0; width: 10%;
}

.irs-diapason {
    position: absolute; 
    display: block;
    left: 0; 
    width: 100%;
}
.irs-slider {
    position: absolute; display: block;
    cursor: default;
    z-index: 1;
}
.irs-slider.single {
    left: 10px;
}
.irs-slider.single:before {
    position: absolute; display: block; content: "";
    top: -50%; left: -100%;
    width: 300%; height: 200%;
    background: rgba(0,0,0,0.0);
}
.irs-slider.from {
    left: 100px;
}
.irs-slider.from:before {
    position: absolute; display: block; content: "";
    top: -50%; left: -200%;
    width: 300%; height: 200%;
    background: rgba(0,0,0,0.0);
}
.irs-slider.to {
    left: 300px;
}
.irs-slider.to:before {
    position: absolute; display: block; content: "";
    top: -50%; left: 0;
    width: 300%; height: 200%;
    background: rgba(0,0,0,0.0);
}
/* .irs-slider.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;
    display:none;
}
.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;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-size: 9px; line-height: 9px;
    color: #000;
}



/* .irs-line-mid, */
/* .irs-line-left, */
/* .irs-line-right, */
/* .irs-diapason, */
/* .irs-slider  */
{
    background: url(../../images/ion/sprite-skin-nice.png) repeat-x;
}

.irs {
    height: 40px;
}
.irs-with-grid {
/*     height: 60px; */
}
.irs-line {
    height: 8px; 
    top: 25px;
    background-color:rgba(0, 0, 0, 0.04)
}
.irs-line-left {
    height: 8px;
/*     background-position: 0 -30px; */
}
.irs-line-mid {
    height: 8px;
    background-position: 0 0;
}
.irs-line-right {
    height: 8px;
/*     background-position: 100% -30px; */
}

.irs-diapason {
    height: 8px; 
    top: 25px;
/*     background-position: 0 -60px; */
    background-color:rgb(179, 0, 0);
}

.irs-slider {
    width: 12px; 
    height: 12px;
    top: 20px;
    border: 2px solid rgb(179, 0, 0);
    border-radius:50%;
    background:#fff;
/*     background-position: 0 -90px; */
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -120px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    display:none !important;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; 
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
/*     background: rgba(0,0,0,0.3); */
    border-radius: 3px;
    background:rgba(0, 0, 0, 0.65);
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
/*     background: #999; */
    background:rgba(0, 0, 0, 0.65);
}

.irs-grid-pol {
    background: #99a4ac;
}
.irs-grid-text {
    color: #99a4ac;
}

.irs-disabled {
}
