html{
    height:100%;
}
body {
    height:100%;
     font-family: SharpSans,Helvetica,Arial,Trebuchet MS,sans-serif,Monospace;   
    margin: 0px;
    overflow: hidden;
    background:red;
}    


#screen_container{
    float:left;overflow:hidden;
}

#screen{
    margin-left:60px;
    margin-right:30px;
    float:left;
}




#canvas_container_outer{
    width:100%;
    height:calc(100% - 40px);
    /*  background-image:url(/3d/assets/gui/grid_10x10_4.png);  */
}


#canvas_container{
    width:100%;
}


#menu{   
    position:fixed;
    bottom:0;
    z-index:100;
    height:65px;
}

#main_menu{
    width:calc(100%);
    height:65px;
    background:rgba(0,0,0,0.8);
    border-top:1px solid #dedede;
    float:right;
    bottom:0;
}



#menu_panel_container{
    width:100%;
    height:150px;
    overflow:auto;
    position:fixed;
    bottom:65px;
    z-index:10;
    background:rgba(255,255,255,0.65);
    border-top:1px solid #cecece;
}


#button_main_menu_save{
    float:right;
}


.menu_bar{
    background:#f5f5f5;
}

#viewer{
    float   : left;
    overflow:hidden;
}




#render_container{
    float:right;
    height:100%;
    width:calc(100% - 64px);    
}

/*************************************       MENU      *******************************************************/

#menu_button_container{
    float:left;
}

.menu_div{
    padding:2px 10px 10px 10px;
   
}


#panel_colors{
    height:60px;
}