#sliders{
    margin-left: auto;
    margin-right: auto;
}

.sliderlabel{
    font-size: 125%;
    font-weight: bold;
    padding: 0 30px 0 0;
    white-space: nowrap
}

 input[type="range"] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 16px;
    margin: 0;
    border: none;
    padding: 1px 2px;
    border-radius: 14px;
    background: #3A3F44;
    box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42;
    -webkit-box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42;
    outline: none;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}

 input[type="range"]::-moz-range-track {
    border: inherit;
    background: transparent;
}

 input[type="range"]::-ms-track {
    border: inherit;
    color: transparent;
    background: transparent;
}

 input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
    background: transparent;
}

 input[type="range"]::-ms-tooltip {
    display: none;
}

 input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 40px;
    height: 12px;
    border: none;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadfe4), color-stop(100%, #0d0e0f));
    background-image: -webkit-linear-gradient(top, #dadfe4 0, #0d0e0f 100%);
    background-image: linear-gradient(to bottom, #dadfe4 0, #0d0e0f 100%);
}

 input[type="range"]::-moz-range-thumb {
    width: 40px;
    height: 12px;
    border: none;
    border-radius: 12px;
    background-image: linear-gradient(to bottom, #dadfe4 0, #0d0e0f 100%);
}

 input[type="range"]::-ms-thumb {
    width: 40px;
    height: 12px;
    border-radius: 12px;
    border: 0;
    background-image: linear-gradient(to bottom, #dadfe4 0, #0d0e0f 100%);
}

/* Palette color codes */

/* Palette URL: http://paletton.com/#uid=13z050kfwibm3tGi8oRaQar9a5r */

/* Feel free to copy&paste color codes to your application */

/* As hex codes */

/*.color-primary-1 {
    color: #022341;
}
/*dark*/

/*.color-primary-2 {
    color: #0A345A;
}

.color-primary-0 {
    color: #284F72;
}/*
/* Main Primary color
.color-primary-3 {
    color: #0d0e0f;
}

.color-primary-4 {
    color: #dadfe4;
}*/

/*light*/

/* Generated by Paletton.com 2002-2014 */

/* http://paletton.com */