canvas {border:1px solid #d3d3d3;background-color: #f1f1f1;vertical-align: top; float : left;}

@media screen and (min-width: 1000px) {
    body{ overflow: hidden; position: fixed;}
}

.BodyStyle {
    font-family: Verdana;
    font-size: medium;
    max-width: 1105px;
}

.InstructionsStyle {
    font-family: sans-serif;
    font-size: medium;
    float : none;
    clear : left;
}


.btn-group button{
    vertical-align: middle;
    font-size: medium;
    height : 46px;
    margin: 0px;
    padding: 1px;
    display : inline;
    border: none;
}

.btn-text {
    font-weight: bold;color: black;
    background-color: white;
}
.btn-button {
    cursor: pointer;
}
.btn-button:not(:last-child) {border-right: none;} /* Prevent double borders */
/*.btn-group button:hover {background-color: darkgray;}    /* Add a background color on hover */
.btn-clock-highlighted {opacity: 0.4;}
.btn-clock-notHighlighted {opacity: 0.4;}

.digitalClock {font-family: "Courier New"; font-weight: bold; color: blue ;width: 55px; }

.btnWingsLevel{background:url(../img/tc-level.svg) no-repeat center center;width: 85px;}
.btnWingsLeft{background:url('../img/tc-left.svg') no-repeat center center;width: 85px;}
.btnWingsRight{background:url('../img/tc-right.svg') no-repeat center center;width: 85px;}
.btnTurnLeft{background:url('../img/turn-left-arrow.svg') no-repeat center center;width: 46px;}
.btnTurnRight{background:url('../img/turn-right-arrow.svg') no-repeat center center;width: 46px;}
.btnIncrease{background:url('../img/plus-icon.svg') no-repeat center center;width: 46px;}
.btnDecrease{background:url('../img/minus-icon.svg') no-repeat center center;width: 46px;}
.btnStop{background:url('../img/stop.svg') no-repeat center center;width: 46px;}
.btn1xSpeed{background:url('../img/1xspeed.svg') no-repeat center center;width: 46px;}
.btn2xSpeed{background:url('../img/2xspeed.svg') no-repeat center center;width: 46px;}
.odometer {font-size: 40px;font-weight: bold }
.btnHidePlane{background:url('../img/hide-plane.svg') no-repeat center center;width: 46px;}
.btnShowPlane{background:url('../img/show-plane.svg') no-repeat center center;width: 46px;}
.btnClearHistory{background:url('../img/clear-history.svg') no-repeat center center;width: 46px;}
.btnInfo{background:url('../img/info.svg') no-repeat center center;width: 46px;}


.bg-scrolling-element-when-modal-active {
    /* touch-action: none;
     -webkit-overflow-scrolling: none;
      overflow: hidden;
     overscroll-behavior: none;*/
}

.controls  {float:left;border:1px solid #d3d3d3;background-color: #f1f1f1;height: 50px;text-align: left;}
.clock {width: 300px}
.wind {width: 300px}
.planeRoll {width: 442px;}
.planeSpeed {width: 240px;}
.planeGen {width: 366px;}
.info {width: 50px;}