/*
 Rocrail - Model Railroad Software
 Copyright (c) 2002-2025 Robert Jan Versluis, Rocrail.net
 All rights reserved.
*/

html, body { 
  max-width: 100% !important; 
  overflow-x: hidden !important; 
}
body {
  position: relative
}

.item {
 position:absolute;
 text-align:center;
 border:0px
}

.itemV {
 position:absolute;
 text-align:center;
 border:0px; 
 -webkit-transform: rotate(90deg); 
 -moz-transform: rotate(90deg);
}

.itemtext {
 white-space: nowrap;
 vertical-align:middle;
}

.itemtextV {
 white-space: nowrap;
 vertical-align:middle; 
 horizontal-align:middle; 
 -webkit-transform: rotate(90deg); 
 -webkit-transform-origin: 50% 50%; 
 -moz-transform: rotate(90deg); 
 -moz-transform-origin: 50% 50%;
}

.itemtextVnorth {
 white-space: nowrap;
 vertical-align:middle; 
 horizontal-align:middle; 
 -webkit-transform: rotate(270deg); 
 -webkit-transform-origin: 50% 50%; 
 -moz-transform: rotate(270deg); 
 -moz-transform-origin: 50% 50%;
}

.itemtextVsouth {
 white-space: nowrap;
 vertical-align:middle; 
 horizontal-align:middle; 
 -webkit-transform: rotate(90deg); 
 -webkit-transform-origin: 50% 50%; 
 -moz-transform: rotate(90deg); 
 -moz-transform-origin: 50% 50%;
}

.imageV {
 -webkit-transform: rotate(90deg); 
 -moz-transform: rotate(90deg);
}

.divborder {
 border: 1px solid #CCCCCC; 
 text-align: left; 
 padding: 10px;
}

.full-width-slider .ui-slider-input {display: none; width: 0px;}
.full-width-slider .ui-slider-track {margin-left: 15px;}
/* the thumb will not listen... .full-width-slider .ui-slider-handle {height: 50px;}*/

#speedSliderDiv .ui-slider-handle {
    height: 60px;
    /*width: 50px;*/
    top: -8px;
    /*margin-left: -25px;*/
    background: darkgrey;
}
#speedSliderDiv {
    height: 65px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: -10px;
}

*:not(textarea):not(text):not(input) {
 -webkit-user-select: none; /* disable selection/Copy of UIWebView */
 -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
 -moz-user-select: none;
 -moz-touch-callout: none;
}


.led-green {
    width: 8px;
    height: 8px;
    background-color: #690;
    border-radius: 50%;
}

th, td {
  padding: 2px;
}

/* ADD 6(e) and 7(f) column grid */
.ui-grid-e, .ui-grid-f { overflow: hidden; }

/* grid e: 16/16/16/16/16/16 */
.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e, .ui-grid-e .ui-block-f { width: 16.59166666666667%; }
.ui-grid-e > :nth-child(n) { width: 16.66666666666667%; }
.ui-grid-e .ui-block-a { clear: left; }

/* grid f: 14/14/14/14/14 */
.ui-grid-f .ui-block-a, .ui-grid-f .ui-block-b, .ui-grid-f .ui-block-c, .ui-grid-f .ui-block-d, .ui-grid-f .ui-block-e, .ui-grid-f .ui-block-f, .ui-grid-f .ui-block-g { width: 14.21071428571429%; }
.ui-grid-f > :nth-child(n) { width: 14.28571428571429%; }
.ui-grid-f .ui-block-a { clear: left; }

/* ADD 6th (f) and 7th (g) blocks in grid */
.ui-header .ui-navbar .ui-grid-e li.ui-block-f .ui-btn,
.ui-footer .ui-navbar .ui-grid-e li.ui-block-f .ui-btn { margin-right: -3px; }/* NOT TESTED */

.ui-header .ui-navbar .ui-grid-f li.ui-block-g .ui-btn,
.ui-footer .ui-navbar .ui-grid-f li.ui-block-g .ui-btn { margin-right: -2px; }/* NOT TESTED */

.ui-grid-e .ui-btn, .ui-grid-f .ui-btn { margin-right: 5px; margin-left: 5px; }

.ui-block-f, .ui-block-g { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.ui-header .ui-navbar .ui-grid-e li.ui-block-f .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-f li.ui-block-g .ui-btn-icon-right .ui-icon { right: 8px; }
