/* header */
.navbar-brand{
    height: 44px;    
}
.container{
    width: 900px;
    margin:0 auto !important;
} 

html, body {
    padding: 0;
}
#contenido{
    width:800px;
    margin:20px auto;
    font-size: 12px;
    padding: 20px;
    /* border:1px solid rgba(0, 0, 0, 0.25);
    border-radius: 10px; */
}
canvas {
    display: block;
}
.bloque{
    width:100%;
    margin: 10px 0;

    border-bottom:1px solid black;
}
.label{
    width:120px;
    float:left;
}
#color_preview{
    margin-left:20px;
    background-color : red; 
}
.myinputs{
    width:100px;
    border-bottom:none;
    float:left;
}
#shapes{
    float:left;
    height:300px;
    width:100px;
    margin-right:5px;
}
p{
    width:100%;
}  

#the_canvas canvas{
    border:1px solid black;
}