html.ui-mobile, .ui-mobile body {
    height: 100%;
}
.ui-mobile body.ui-mobile-viewport{
    /*overflow: hidden;*/
    margin:0px;
    padding:0px;
}
.ui-mobile .ui-page {
    top: 0px; /* 25px: move down by 25px (statusbar height) */
    left: 0;
    width: 100%;
    /*min-height: 100%;*/
    position: absolute;
    display: none;
    border: 0;
    /*transform:translateX(100%);*/
	opacity: 0;
}

.ui-mobile .ui-page.ui-page-active{
    overflow: visible;
    overflow-x: hidden;
    /*
	transition: transform 0.5s;
    transform:translateX(0);
	*/
	transition: opacity 0.5s;
	opacity: 1;
}
.ui-mobile .ui-page.ui-page-active.slide-out{
    /*transform:translateX(-100%);*/
	opacity: 0;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity:    0.95;

}
.modal-icon{
    height:     100%;
    width:      100%;
    background: #383842
            url('../img/loader.gif') 
            50% 50% 
            no-repeat;
}
body.ui-mobile-viewport.loading .modal {
    display: block;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 1em 0;
  width: 80%;
}

/*
input[type=range]:focus {
  outline: none;
}
*/
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow: 1px 1px 1px #0d0d0d, 0px 0px 1px #0d0d0d;*/
  background: #e4e4e4;
  border-radius: 2px;
  border: 1px solid #cbcbcb;
}
input[type=range]::-webkit-slider-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0070ff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}
/*
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
*/
input[type=range]::-moz-range-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #e4e4e4;
  border-radius: 2px;
  border: 0.2px solid #cbcbcb;
}
input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0070ff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 28px 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #e4e4e4;
  border: 0.2px solid #cbcbcb;
  border-radius: 2px;
  /*
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  */
}
input[type=range]::-ms-fill-upper {
  background: #e4e4e4;
  border: 0.2px solid #cbcbcb;
  border-radius: 2px;
  /*
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  */
}

input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0070ff;
  cursor: pointer;
}
/*
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
*/

/*
@keyframes slideouttoleft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slideinfromright {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.ui-page.slide-out {
    animation-name: slideouttoleft;
    animation-duration: 0.5s;
}

.ui-page.slide-in {
    animation-name: slideinfromright;
    animation-duration: 0.5s;
}
*/