body,html{margin:0; font-family:Verdana, sans-serif;}
#canvas_controls{margin-left:10px; display:inline-block;}
#control_bar{background-color:#103b4e; width:100%; min-height:50px; padding-top:8px; padding-left:4px; color:#FFFFFF;}
#control_container{display:block; position:fixed; bottom:0; width:100%;}
#top_bar{background-color:#103b4e; min-height:50px; padding-top:10px; padding-left:20px; color:#FFFFFF;}
#drawing_controls{float:left; padding-right: 12px; margin-right: 10px; border-right: solid 2px rgba(255,255,255,0.50);}
#shape_controls {float: left;}
div#shape_controls input{margin-right:10px; vertical-align:top; margin-top:10px;}
div#text-controls-additional {display: inline-block;}
#text_add_controls {float: left; margin-right: 20px;}
div#text_controls{display: inline-block;}
#drawing_mode_wrapper{float:left;}
#text_wrapper{}
#text_controls{float:right;}
.top_bar_tekst{line-height: 40px; display: inline-block; vertical-align: top;}
img.icon {margin-right: 10px;}
.label_text{display: inline-block; padding-top: 10px;}
#text_wrapper label{vertical-align: top; line-height: 40px;}
#text_wrapper select {vertical-align: top; margin-top: 10px;}
#text_wrapper input {vertical-align: top; margin-top: 10px;}
#fillcolor_control {float: right; margin-left:10px;}

.btn_inverse{background-color: #000000; color:#ffffff;}
.btn_img{padding: 0px; border: 0; background-color:transparent; width:40px; height:40px;}
.btn_img:focus {outline: none;}
.btn_img img{border: solid 4px rgba(211,172,172,0.00);}
.btn_img img:hover{border: solid 4px #8B98A0; border-radius: 12px;}
.active_shape_btn img{border: solid 4px #FF7A22; border-radius: 12px;}
.active_shape_btn img:hover{border: solid 4px #8B98A0; border-radius: 12px;}
#select_controls{float:left; padding-right: 12px; margin-right: 10px; border-right: solid 2px  rgba(255,255,255,0.50);}
#widgets{float:left; padding-right: 12px; margin-right: 10px; border-right: solid 2px rgba(255,255,255,0.50);}