* {
    box-sizing: border-box;
}

.drawing {
    width:1000px;
}

.drawing-bar {
    padding:20px;
    border:1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    z-index: 3;
    position: relative;
    font-family: sans-serif;
}

/* control-label */
.control-label {
	display: none;	
}

/* przycisk wyboru koloru */
.drawing-bar .drawing-color {
    height:60px;
    width:60px;
    border:1px solid #aaa;
    border-radius: 3px;
	margin-right:20px;
}
.drawing-bar .drawing-color::-webkit-color-swatch-wrapper {
    padding: 3px;
    border:0;
}

.drawing-bar .drawing-color::-webkit-color-swatch {
    border: none;
    border-radius: 3px;
}

/* miejsce na canvasy */
.drawing-canvas-cnt {
    width:1000px;
    height:600px;
    position: relative;
}
.drawing-canvas-cnt canvas {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.drawing-cursor {
	cursor:url(../images/pencil.png) 0 113, auto;
}