﻿.claro .dijitSliderDecrementIconH,
.claro .dijitSliderIncrementIconH,
.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
    background: none;
    border: none;
    border-radius: 16px;
    background-color: rgba(77,77,77,.5);
    margin: auto;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.claro .dijitSliderButtonContainerV {
    padding: 5px 1px;
}

.dijitRuleMark {
    border: 1px solid white;
}

.dijitSliderBumperV {
    display: none;
}

.esriSimpleSlider {
    right: 15px;
    margin: 2px 0px;
    border: none;
    border-radius: 20px;
    background-color: transparent;
}

    .esriSimpleSlider .esriSimpleSliderDecrementButton {
        border-radius: 0 0 20px 20px;
        border: none;
        border-top: 1px solid white;
    }

    .esriSimpleSlider .esriSimpleSliderIncrementButton {
        border-radius: 20px 20px 0 0;
        border: none;
        border-bottom: 1px solid white;
    }

    .esriSimpleSlider .esriSimpleSliderDecrementButton,
    .esriSimpleSlider .esriSimpleSliderIncrementButton {
        width: 35px;
        color: white;
        background-color: rgba(77,77,77,.5);
        -moz-transition: all ease-in-out .25s;
        -o-transition: all ease-in-out .25s;
        -webkit-transition: all ease-in-out .25s;
        transition: all ease-in-out .25s;
    }

        .esriSimpleSlider .esriSimpleSliderDecrementButton:hover,
        .esriSimpleSlider .esriSimpleSliderIncrementButton:hover {
            background-color: rgba(77,77,77,.75);
            color: #ff6a00;
        }

.esriLargeSlider {
    background-color: rgba(77,77,77,.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: 20px;
    right: 15px;
    left: auto;
}

    .esriLargeSlider.dijitSliderHover {
        background-color: rgba(77,77,77,.75);
    }

.dijitSliderBarContainerV {
}

.claro .dijitSlider .dijitSliderProgressBarV {
    background-color: #ff6a00;
    border: none;
}

.claro .dijitSlider .dijitSliderRemainingBarV {
    border-color: white;
}

td.dijitSliderDecorationC center {
    width: 25px;
}

.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
    width: 28px;
    height: 28px;
    position: relative;
}

.claro .dijitSliderActive .dijitSliderDecrementIconH,
.claro .dijitSliderActive .dijitSliderIncrementIconH,
.claro .dijitSliderActive .dijitSliderDecrementIconV,
.claro .dijitSliderActive .dijitSliderIncrementIconV,
.claro .dijitSliderHover .dijitSliderDecrementIconH,
.claro .dijitSliderHover .dijitSliderIncrementIconH,
.claro .dijitSliderHover .dijitSliderDecrementIconV,
.claro .dijitSliderHover .dijitSliderIncrementIconV {
    border: none;
    background-color: rgba(77,77,77,.75);
}

.claro .dijitSliderDecrementIconV::before {
    bottom: 9px;
    border-top: 8px solid white;
}

.claro .dijitSliderIncrementIconV::before {
    top: 9px;
    border-bottom: 8px solid white;
}

.claro .dijitSliderDecrementIconV::before,
.claro .dijitSliderIncrementIconV::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 6px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.claro .dijitSliderImageHandleV {
    background: none;
}

    .claro .dijitSliderImageHandleV::after {
        content: "";
        position: absolute;
        border-radius: 10px;
        left: 1px;
        top: -1px;
        border: 8px solid white;
    }

.claro .dijitSliderHover .dijitSliderImageHandleV::after {
    border-color: #ff6a00;
}

.claro .dijitSliderHover .dijitSliderDecrementIconV::before {
    border-top-color: #ff6a00;
}

.claro .dijitSliderHover .dijitSliderIncrementIconV::before {
    border-bottom-color: #ff6a00;
}

.esriAttributeInspector .atiButtons .atiDeleteButton {
    display: none;
}
