
    html, body {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: white;
        color: black;
        font-family: 'Segoe UI';
        font-size: 12px;
    }
    .logo {
        max-width: 96%; 
	    margin-left: auto;
	    margin-right: auto;
	    display: block;        
        margin-top: 10px; 
        margin-bottom: 10px; 
    }
    .hdr1 {
	    text-align: center;
	    font-size: 24px;        
        margin-top: 10px; 
        margin-bottom: 10px; 
        font-family: 'Segoe UI Light';
    }
    .button {
        background-color: #1387F5 ;
        /* background-color: #4CAF50;  Green, Soascape red #E70000 */
        border: none;
        border-radius: 8px;
        color: white;
        padding: 8px 24px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        margin-top: 3px; 
        margin-bottom: 3px; 
        font-family: 'Segoe UI';
    }
    .buttonColor {
        border: 2px solid darkslateblue;
        border-radius: 4px;
        width: 40px;
        height: 20px;
        color: darkslateblue;
        text-align: center;
        padding: 0px 0px;
        text-decoration: none;
        display:inline;
        font-size: 12px;
        cursor: pointer;
        margin-top: 6px; 
        margin-bottom: 3px; 
        margin-left: 3px; 
        margin-right: 0px; 
        font-weight: bold;
        font-family: 'Segoe UI';
    }
    .hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    }
    #renderCanvas {
        width: 100%;
        height: 100%;
        touch-action: none;
        overflow: hidden; /* [2] */
    }
    .content { 
        width: 100%; 
        height: 100%;
    }
    .content__left { 
        width: 20%;
        height: 100%;
        float: left; /* [1] */
        background-color: #fcc;
    }
    .content__canvas { 
        width: 100%;
        height: 100%;
        background-color: #33334C;
        overflow-x: auto; 
        overflow-y: hidden; 
    }
    .content__commands { 
        height: 100%;
        float: right; /* [3] */
        background-color: white; 
    }

    /* http://stackoverflow.com/questions/4873832/make-a-div-fill-up-the-remaining-width/22719552#22719552
    * [1] & [3] "floats" makes the 2 divs align themselves respectively right & left
    * [2] "overflow: auto;" makes this div take the remaining width
    */
