.design-toolbar{
    @titleBackground: #f4f4f4;
    @titleHeight: 28px;
    @titlePadding: 0 10px;
    ul.windowUl {
        padding: 0;
        list-style: none;
    }
    
    .menuBar {
        padding: 4px 0;
        background-color: #fff;
        span {
            display: inline-block;
            padding: 0 5px;
            border-right: 1px solid #dddddd;
            a {
                vertical-align: sub;
                margin-right:5px;
            }
        }
        span:last-child {
            border: none;
        }
        .save {
            background-position: -40px -120px;
        }
        .save:hover {
            background-position: 0px -120px;
        }
        .revoke {
            background-position: -40px 0;
        }
        .revoke:hover {
            background-position: 0 0;
        }
        .recovery {
            background-position: -100px 0;
        }
        .recovery:hover {
            background-position: -60px 0;
        }
        .cut {
            background-position: -160px 0;
        }
        .cut:hover {
            background-position: -120px 0;
        }
        .copy {
            background-position: -220px 0;
        }
        .copy:hover {
            background-position: -180px 0;
        }
        .paste {
            background-position: -40px -20px;
        }
        .paste:hover {
            background-position: 0px -20px;
        }
        .del {
            background-position: -100px -20px;
        }
        .del:hover {
            background-position: -60px -20px;
        }
        .leftAlign {
            background-position: -160px -20px;
        }
        .leftAlign:hover {
            background-position: -120px -20px;
        }
        .verticalAlign {
            background-position: -220px -20px;
        }
        .verticalAlign:hover {
            background-position: -180px -20px;
        }
        .rightAlign {
            background-position: -40px -40px;
        }
        .rightAlign:hover {
            background-position: 0px -40px;
        }
        .topAlign {
            background-position: -100px -40px;
        }
        .topAlign:hover {
            background-position: -60px -40px;
        }
        .horizontalAlign {
            background-position: -160px -40px;
        }
        .horizontalAlign:hover {
            background-position: -120px -40px;
        }
        .bottomAlign {
            background-position: -220px -40px;
        }
        .bottomAlign:hover {
            background-position: -180px -40px;
        }
        .levelSpacing {
            background-position: -40px -60px;
        }
        .levelSpacing:hover {
            background-position: 0px -60px;
        }
        .verticalSpacing {
            background-position: -100px -60px;
        }
        .verticalSpacing:hover {
            background-position: -60px -60px;
        }
        .lock {
            background-position: -220px -140px;
        }
        .lock:hover {
            background-position: -180px -140px;
        }
        .unlock {
            background-position: -220px -160px;
        }
        .unlock:hover {
            background-position: -180px -160px;
        }
        .graph {
            background-position: -161px -140px;
            margin-bottom: 0 !important;
        }
        .graph:hover {
            background-position: -121px -140px;
        }
        .graph.active {
            background-position: -121px -140px;
        }
        .showGrid {
            background-position: -40px -160px;
        }
        .showGrid:hover {
            background-position: 0px -160px;
        }
        .showGrid.active {
            background-position: 0px -160px;
        }
        .gridSnap {
            background-position: -40px -180px;
        }
        .gridSnap:hover {
            background-position: 0px -180px;
        }
        .gridSnap.active {
            background-position: 0px -180px;
        }
        .gridSnap.disabled {
            pointer-events: none;
            background-position: -20px -180px;
        }
        .guidelineSnap {
            background-position: -40px -200px;
        }
        .guidelineSnap:hover {
            background-position: 0px -200px;
        }
        .guidelineSnap.active {
            background-position: 0px -200px;
        }
    
        .fcloud-same-width, .fcloud-same-height, .fcloud-same-size {
            font-size: 20px;
            background: none;
            border-right: none;
            cursor: pointer;
            margin-left: -7px;
        }
        .fcloud-same-width span, .fcloud-same-height span, .fcloud-same-size span {
            display: inline;
            padding: 0;
            border-right: none;
            position: relative;
            top: 2px;
        }
    }
    
    .menuBar span a,
    .screenTitle a {
        text-decoration: none;
        display: inline-block;
        height: 20px;
        cursor: pointer;
        width: 20px;
        background-image: url("/assets/common/images/configure/toolbar.png");
    }
    
}