/************************************
 To overwrite css properties, uncomment/edit them.
 If you decide to change the size of elements,
 please keep in mind both mobile and desktop layouts (media queries)
************************************/

/************************************
        Labels
*************************************/
.flashlight-singleslider .left-label,
.flashlight-singleslider .right-label{
    /*color: #4a4a4a;*/
}

/************************************
        Handle
*************************************/
.flashlight-singleslider .flashlight-slider .slider .handle,
.flashlight-singleslider .flashlight-slider .slider-vertical .handle{
    /*background-color: #EC5D2F;*/
    /*color: #fff;*/
    /*-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.65);*/
    /*-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.65);*/
    /*box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.65);*/
}


/************************************
        Slider bar
*************************************/
.flashlight-singleslider .flashlight-slider .slider,
.flashlight-singleslider .flashlight-slider .slider-vertical {
    /*background-color: transparent;*/
    /*border: 1px solid #dcdcdc;*/
}
.flashlight-singleslider .flashlight-slider .slider .progress {
    /*background-color: #c6c6c6;*/
}
.flashlight-singleslider .flashlight-slider .slider .progress-area {
    /*background-color: #dcdcdc;*/
}
.flashlight-singleslider .flashlight-slider .slider.active .progress,
.flashlight-singleslider .flashlight-slider .slider-vertical.active .progress{
    /*background-color: #696969;*/
}

/************************************
        Scale
*************************************/
.flashlight-singleslider .flashlight-slider .scale .inc,
.flashlight-singleslider .flashlight-slider .scale-vertical .inc {
    /*color: #d4d4d4;*/
}

.flashlight-singleslider .flashlight-slider .scale .inc small,
.flashlight-singleslider .flashlight-slider .scale-vertical .inc small {
    /*color: #4a4a4a;*/
}
/************************************
        Opt Out
*************************************/
.flashlight-singleslider .optout label span.absoluteLabel {
    /*color: #2b542c;*/
}
.flashlight-singleslider .optout > i.shown-when-not-selected  {
    /*color: #0f8045;*/
}
.flashlight-singleslider .optout > i.shown-when-selected  {
    /*color: #5bc0de;*/
}

/************************************
        Custom question CSS rules

It is not recommended to edit this part.
*************************************/
.flashlight-singleslider.vertical .flashlight-small-label,
.flashlight-singleslider.horizontal .flashlight-small-label{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.flashlight-singleslider.horizontal .flashlight-small-label{
    text-align: left;
}
.flashlight-singleslider .flashlight-slider .scale .inc,
.flashlight-singleslider .flashlight-slider .scale-vertical .inc {
    cursor: pointer;
}
.flashlight-singleslider.vertical .flashlight-small-label.left-label,
.flashlight-singleslider.horizontal .flashlight-small-label.left-label
{
    float:left;
    width: auto;
}
.flashlight-singleslider.vertical .flashlight-small-label.right-label,
.flashlight-singleslider.horizontal .flashlight-small-label.right-label{
    float:right;
    width: auto;
}
.flashlight-singleslider .flashlight-slider{
    clear: both;
	padding-top: 8px;
}
@media (min-width: 1200px) {
    .flashlight-singleslider .input-group{
        width: 100%;
    }
}