/* ===================================================
 * style.toggle-slider.css
 * ===================================================
 * Represents a toggle slide, which is a kind of 
 * horizontal value picker with on and off
 * functionality. The styles are mainly adopted from
 * the bootstrap styled JQuery plugin "slider".
 * =================================================== */

/* Creates a toggle button from a slider */
 .toggle-slider .ui-slider-horizontal {
        height: 16px !important;
    }
.toggle-slider .ui-slider-handle {
    width: 22px !important;
    height: 22px !important;
    margin-left: -11px !important;
}
.toggle-slider {
    width: 40px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.toggle-slider input {
    display: none;
}

/* Adds margin to info sign due to toggle slider dimensions */
.toggle-slider-info {
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
}