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



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

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

#menu{      
    height:100%;
    width:240px;
    float:left;
}

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

.main_menu_button{
    height:70px;
    padding-left:0px;
}

#button_main_menu_save{
    float:left;
    height:80px;
    margin-top:20px;
    padding-left:0px;
}

#menu_panel_container{
    width:230px;
    height:100%;
    overflow:auto;
    background:rgba(255,255,255,0.65);  
    border-right:1px solid #cecece;
    
}


.menu_bar{
    background:#f5f5f5;
}

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

#canvas_container_outer{
    width:100%;
    height:calc(100% - 40px);
}

#render_container{
    height:100%;
    width:calc(100% - 500px);    
}

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

#menu_button_container{
    float:left;
}

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


#panel_colors{
    height:60px;
}

#canvas_container{
    width:100%;
}