/*html, body, .map {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: relative;*/
/*}*/

/*make sure the viewport is 100% height*/
html, body {
    height : 100%;
}

/*make the page element 100% height*/
.map {
    height : 50%;
    width : 100%;
    position: relative;
}

#sliderContainer {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
}

#sliderContainer #opacitySlider {
    display: none;
}

#sliderContainer .ui-slider-track {
    margin-left: 15px;
}

/*!*specify a height for the header so we can line-up the elements, the default is 40px*!*/
/*.map .ui-header {*/
    /*height : 40px;*/
/*}*/

/*!*set the content to be full-width and height except it doesn't overlap the header or footer*!*/
/*.map .ui-content {*/
    /*position : absolute;*/
    /*top      : 40px;*/
    /*right    : 0;*/
    /*bottom   : 30px;*/
    /*left     : 0;*/
/*}*/

/*!*absolutely position the footer to the bottom of the page*!*/
/*.map .ui-footer {*/
    /*position : absolute;*/
    /*bottom   : 0;*/
    /*left     : 0;*/
    /*width    : 100%;*/
    /*height   : 30px;*/
/*}​*/

 /*Hide the number input*/
/*.full-width-slider input {*/
    /*    display: none !important;*/
/*}*/
/*.full-width-slider .ui-slider-track {*/
    /*    margin-left: 5px !important;*/
/*}*/
/*input.ui-slider-input {*/
    /*display: none;*/
/*}*/

/*input.ui-slider-input {*/
    /*display : none !important;*/
/*    margin-left: 5px;*/
/*}*/

/*input[type='range'] {*/
/*-webkit-appearance: none !important;*/
/*background: lightgrey;*/
/*height:50px;*/
/*}*/
/*input[type='range']::-webkit-slider-thumb {*/
/*-webkit-appearance: none !important;*/
/*background: black;*/
/*height:50px;*/
/*width:50px;*/
/*}*/