body {
    background-color: rgb(71,71,76);
}

/* For proper grid spacing ------------------------------*/
div.ui-pane-wrapper {
    position: relative;
    left: 0px;
    margin-top: 5px;
    margin-left: 8px;
    padding: 0;
}
div.ui-element-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
}
p.ui-text-bar {
    margin: 0;
    padding: 3px 0 0 3px;
    line-height: 20px;
    height: 64px;
    font-size: 20px;
    border-top: 2px #fff solid;
    border-left: 2px #fff solid;
    color: rgb(255,255,255);
    font-weight: 800;
    font-family: "Andale Mono","Courier New";
}
/* range custom styling ---------------------------------*/
input[type='range'].ui-range-small {
    -webkit-appearance: none;
    width: 170px;
    background-color: rgb(127, 140, 141);
    margin-top: 10px;
    margin-left: 5px; /* good */
    height: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
input[type='range'].ui-range-small::-moz-range-thumb {
    background: rgb(52, 152, 219);
    width: 11px;
    height: 20px;
    border-radius: 4px;
    border: 1px #fff solid;
}
input[type='range'].ui-range-small::-moz-range-track {
    border: none;
}
input[type='range'].ui-range-small::-webkit-slider-thumb {
    background-color: rgb(52, 152, 219);
    width: 11px;
    height: 20px;
    border-radius: 4px;
    border: 1px #fff solid;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
}
label.ui-range-small {
    position: relative;
    display: block;
    background-color: rgb(44, 62, 80);
    padding: 0px;
    margin: 0px;
    height: 32px;
    width: 188px;
    -webkit-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    margin-top: -6px;
}
label.ui-range-small-label {
    background-color:rgb(127, 140, 141);
    color:rgb(236, 240, 241);
    display:block;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    margin:0;
    padding:0;
    padding-left:8px;
    width:188px;
    height:32px;
    font-size:12px;
    line-height:28px;
    font-weight:100;
}
input[type='range'].ui-range-small:focus {
    outline: none;
}
span.ui-range-small-value {
    color: rgb(236, 240, 241);
    height: 20px;
    width: 56px;
    text-align: right;
    float: right;
    background-color: rgb(44, 62, 80);
    padding-bottom: 28px;
    padding-right: 8px;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* select custom styling --------------------------------*/
select.ui-select-small {
    padding-left:8px;
    margin-top:-6px;
    padding-top:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background: rgb(44, 62, 80);
    color:rgb(52, 152, 219);
    border:none;
    outline:none;
    display: block;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    width:188px;
    height:32px;
    text-indent:0.01px;
    text-overflow: '';
    float: left;
}
label.ui-select-small {
    position:relative;
}
label.ui-select-small:after {
    content:"\f078";
    font:12px "FontAwesome", monospace;
    color:rgb(236, 240, 241);
    right:0;
    top:4px;
    padding:0px 8px 0 6px;
    border-left:1px rgb(236, 240, 241) solid;
    position:absolute;
    pointer-events:none;
}
label.ui-select-small-label {
    background-color: rgb(127, 140, 141);
    color:rgb(236, 240, 241);
    display:block;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    margin:0;
    padding:0;
    padding-left:8px;
    width:188px;
    height:32px;
    font-size:12px;
    line-height:28px;
    font-weight:100;
}
/* Targetting Webkit browsers only.
   FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.ui-select-small {
        padding-right:18px;
        padding-top:0px;
    }
}