html.ui-mobile body.ui-mobile-viewport{
	overflow:auto;
    margin:0px;
    padding:0px;
}

.ui-mobile .ui-page {
    /*top: 25px;*/ /* move down by 25px (statusbar height) */
    width: 100%;
    min-height: 60vh;
    display: none;
    border: 0;
    transform:translateX(100%);
}

.ui-mobile .ui-page.ui-page-active{
    overflow: auto;
    overflow-x: hidden;
    transition: transform 0.5s;
    /*transform:translateX(0);*/
	transform:none;
}
.ui-mobile .ui-page.ui-page-active.slide-out{
    transform:translateX(-100%);
}
.ui-panel-dismiss {
    position: fixed;
}

.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;
}
*/