.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;

    cursor: default;
    white-space: nowrap;
}

.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
{
    font-size: 9px;
    line-height: 9px;

    position: absolute;
    bottom: 0;
    left: 0;

    padding: 0 3px;

    text-align: center;
    white-space: nowrap;

    color: #000;
}

.irs-disable-mask
{
    position: absolute;
    z-index: 2; 
    top: 0;
    left: -1%;

    display: block;

    width: 102%;
    height: 100%;

    cursor: default;

    background: transparent;
}

.lt-ie9 .irs-disable-mask
{
    cursor: not-allowed; 

    background: #000;

    filter: alpha(opacity=0);
}

.irs-disabled
{
    opacity: .4;
}

.irs-hidden-input
{
    font-size: 0 !important;
    line-height: 0 !important;

    position: absolute !important;
    z-index: -9999 !important;
    top: 0 !important;
    left: 0 !important;

    display: block !important;
    overflow: hidden;

    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    border-style: solid !important;
    border-color: transparent !important; 
    outline: none !important;
    background: none !important;
}

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider
{
    background: url(img/blue.png) repeat-x;
}

.irs
{
    height: 40px;
}

.irs-with-grid
{
    height: 60px;
}

.irs-line
{
    top: 25px; 

    height: 12px;
}

.irs-line-left
{
    height: 12px;

    background-position: 0 -30px;
}

.irs-line-mid
{
    height: 12px;

    background-position: 0 0;
}

.irs-line-right
{
    height: 12px;

    background-position: 100% -30px;
}

.irs-bar
{
    top: 25px;

    height: 12px;

    background-position: 0 -60px;
}

.irs-bar-edge
{
    top: 25px;

    width: 9px;
    height: 12px;

    background-position: 0 -90px;
}

.irs-shadow
{
    top: 34px;

    height: 3px;

    opacity: .25; 
    background: #000;
}

.lt-ie9 .irs-shadow
{
    filter: alpha(opacity=25);
}

.irs-slider
{
    top: 22px;

    width: 16px;
    height: 18px;

    background-position: 0 -120px;
}

.irs-slider.state_hover,
.irs-slider:hover
{
    background-position: 0 -156px;
}

.irs-min,
.irs-max
{
    font-size: 10px;
    line-height: 1.333;

    top: 0;

    padding: 1px 3px;

    color: #757575;
    border-radius: 4px; 
    background: #e0e0e0;
    text-shadow: none;
}

.irs-from,
.irs-to,
.irs-single
{
    font-size: 10px;
    line-height: 1.333;

    padding: 1px 5px;

    color: #fff;
    border-radius: 4px; 
    background: #1e88e5;
    text-shadow: none;
}

.irs-from:after,
.irs-to:after,
.irs-single:after
{
    position: absolute;
    bottom: -6px;
    left: 50%;

    display: block;
    overflow: hidden;

    width: 0;
    height: 0;
    margin-left: -3px;

    content: '';

    border: 3px solid transparent;
    border-top-color: #1e88e5;
}

.irs-grid-pol
{
    background: #e0e0e0;
}

.irs-grid-text
{
    color: #757575;
}
