.designer-canvas {
    position: fixed;
    top: 5px;
    left: 0px;
    z-index: 1
}

.designer-toolbar {
    position: absolute;
    top: 3px;
    left: 233px;
    z-index: 2
}

.designer-panel {
    position: fixed;
    width: 230px;
    height: calc(100vh - 50px);
    z-index: 3;
    background: rgba(255, 255, 255, 0.7);
}

.designer-panel-left {
    top: 50px;
    left: 0px;
    padding: 3px 30px 0px 0px !important;
}

.designer-panel-right {
    top: 50px;
    right: 0px;
    padding: 3px 3px 3px 33px !important;
}

.designer-panel .form-group {
    margin-top: 10px;
}

.designer-panel .designer-panel-toolbar {
    width: 30px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    padding: 4px;
}

.designer-panel-toolbar-left {
    left: 0;
}

.designer-panel-toolbar-right {
    right: 0;
}

.designer-panel-left-hide {
    left: -200px;
}

.designer-panel-right-hide {
    right: -200px;
}