/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 3, 2016, 2:19:07 PM
    Author     : abdou
*/
.cut {
    display:none;
    border-style: solid;
    border-width: 2px;
    border-color: #fd9c00;
    margin: 5px;
    background: rgba(255, 255, 255, 0.16);
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 30px;
    padding-top: 15px;
}
.cut label{
    font-size:20px;
    margin-bottom:50px;
}
#outputdiv{
    font-size: 25px;
    font-weight:bold;

}

.CuttingLengthSlider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -25px;;
    width:40px !important;

}

#styling-after-slider {
    margin-top: 3em;
}
#styling-after-slider .ui-slider-pip {
    top: -12px;
}
#styling-after-slider .ui-slider-pip .ui-slider-label {
    top: -18px;
}

#scale-slider.ui-slider {
    border-radius: 0px;
    background: #c7cdd5;
    border: none;
    height: 2px;
    margin: 1em 4em 4em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: none;

}
.CuttingLengthSlider .ui-slider .ui-slider-range {
    background: linear-gradient(to right, #434d5a 0%, #00c7d7 50%, #434d5a 100%)
        border: 1px solid rgba(67, 77, 90, 0.5);
    height: 4px;
    top: -1px;
    transition: all 0.2s ease-out; }

.CuttingLengthSlider .ui-slider-handle {

    background-image: url("red-arrow.gif");
    border-radius: 2px;
    height: 33px;
    width: 21px;
    top: -26px;
    border: none; 
    cursor: pointer;
}



.CuttingLengthSlider .ui-slider-handle.ui-slider-handle.ui-state-focus:after,
#scale-slider .ui-slider-handle.ui-slider-handle.ui-state-hover:after,
#scale-slider .ui-slider-handle.ui-slider-handle.ui-state-active:after {
    border-top-color: #00c7d7; 
}