.irs {
    position : relative;
    display : block;
    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 : 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 : rgb(0, 0, 0, 0);
    z-index : 2;
    }
    .lt-ie9 .irs-disable-mask {
    background : #000;
    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 ;
    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 : white;
    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 : transparent solid 3px;
    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 : white;
    background : linear-gradient(to bottom, #ddd -50%, white 150%);
    border : #ccc solid 1px;
    border-radius : 12px;
    }
    .irs--big .irs-bar {
    top : 33px;
    height : 12px;
    background-color : #92bce0;
    border : #428bca solid 1px;
    background : linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow : 0 0 1px 1px rgb(255, 255, 255, 0.5) inset;
    }
    .irs--big .irs-bar--single {
    border-radius : 12px 0 0 12px;
    }
    .irs--big .irs-shadow {
    height : 1px;
    bottom : 16px;
    background-color : rgb(66, 139, 202, 0.5);
    }
    .irs--big .irs-handle {
    top : 25px;
    width : 30px;
    height : 30px;
    border : rgb(0, 0, 0, 0.3) solid 1px;
    background-color : #cbcfd5;
    background : linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow : 1px 1px 2px rgb(0, 0, 0, 0.2), 0 0 3px 1px white inset;
    border-radius : 30px;
    }
    .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border-color : rgb(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 : white;
    text-shadow : none;
    background-color : #9f9f9f;
    border-radius : 3px;
    }
    .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    color : white;
    text-shadow : none;
    padding : 1px 5px;
    background-color : #428bca;
    background : linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius : 3px;
    }
    .irs--big .irs-grid-pol {
    background-color : #428bca;
    }
    .irs--big .irs-grid-text {
    color : #428bca;
    }
    .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 : #a3adc1 solid 1px;
    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 : rgb(209, 214, 224, 0.5);
    }
    .irs--modern .irs-handle {
    top : 37px;
    width : 12px;
    height : 13px;
    border : #a3adc1 solid 1px;
    border-top-width : 0;
    box-shadow : 1px 1px 1px rgb(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 : #a3adc1 solid 1px;
    background : white;
    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, #ffffff 0%, #919ba5 30%, #ffffff 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 : white;
    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 : white;
    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 : transparent solid 3px;
    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 : black;
    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 : rgb(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 : transparent solid 5px;
    border-top-color : #a804b2;
    }
    .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
    background-color : black;
    }
    .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
    border-top-color : black;
    }
    .irs--sharp .irs-min, .irs--sharp .irs-max {
    color : white;
    font-size : 14px;
    line-height : 1;
    top : 0;
    padding : 3px 4px;
    opacity : 0.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 : white;
    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 : transparent solid 3px;
    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 : 36px;
    height : 4px;
    background-color : #dee4ec;
    border-radius : 4px;
    }
    .irs--round .irs-bar {
    top : 36px;
    height : 4px;
    background-color : #006cfa;
    }
    .irs--round .irs-bar--single {
    border-radius : 4px 0 0 4px;
    }
    .irs--round .irs-shadow {
    height : 4px;
    bottom : 21px;
    background-color : rgb(222, 228, 236, 0.5);
    }
    .irs--round .irs-handle {
    top : 26px;
    width : 24px;
    height : 24px;
    border : #006cfa solid 4px;
    background-color : white;
    border-radius : 24px;
    box-shadow : 0 1px 3px rgb(0, 0, 255, 0.3);
    }
    .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 : 0;
    padding : 3px 5px;
    background-color : rgb(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 : #006cfa;
    color : white;
    border-radius : 4px;
    }
    .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 : transparent solid 3px;
    border-top-color : #006cfa;
    }
    .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 : black;
    }
    .irs--square .irs-shadow {
    height : 2px;
    bottom : 21px;
    background-color : #dedede;
    }
    .irs--square .irs-handle {
    top : 25px;
    width : 16px;
    height : 16px;
    border : black solid 3px;
    background-color : white;
    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 : rgb(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 : black;
    color : white;
    }
    .irs--square .irs-grid {
    height : 25px;
    }
    .irs--square .irs-grid-pol {
    background-color : #dedede;
    }
    .irs--square .irs-grid-text {
    color : silver;
    font-size : 11px;
    }