.ui-icon:before {
    content: '';
    display: inline-block;
    position: relative;

    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 70%;
    background-size: 55%;
}

.ui-icon.ui-button-fluid:before {
    width: 15px;
    height: 15px;

    -webkit-background-size: contain;
    background-size: contain;

    margin: 0 5px -2px 0;
}

/**
 * Undo icon.
 */
.ui-icon-undo:before {
    background-image: url(../img/undo.png);
}

.ui-icon-undo:not(.disabled):hover:before {
    background-image: url(../img/undo_hover.png);
}

/**
 * Redo icon.
 */
.ui-icon-redo:before {
    background-image: url(../img/redo.png);
}

.ui-icon-redo:not(.disabled):hover:before {
    background-image: url(../img/redo_hover.png);
}

/**
 * Reset icon.
 */
.ui-icon-reset:before {
    background-image: url(../img/reset.png);
}

.ui-icon-reset:not(.disabled):hover:before {
    background-image: url(../img/reset_hover.png);
}

/**
 * Zoomin icon.
 */
.ui-icon-zoomin:before {
    background-image: url(../img/zoomin.png);
}

.ui-icon-zoomin:not(.disabled):hover:before {
    background-image: url(../img/zoomin_hover.png);
}


/**
 * Zoomout icon.
 */
.ui-icon-zoomout:before {
    background-image: url(../img/zoomout.png);
}

.ui-icon-zoomout:not(.disabled):hover:before {
    background-image: url(../img/zoomout_hover.png);
}

/**
 * Zoning icon.
 */
.ui-icon-zoning:before {
    background-image: url(../img/zoning_toggle.png);
}

.ui-icon-zoning:not(.disabled):hover:before {
    background-image: url(../img/zoning_toggle_hover.png);
}

/**
 * Hose icon.
 */
.ui-icon-hose-sidebar:before {
    background-image: url(../img/hose_toggle.png);
}

.ui-icon-hose-sidebar:not(.disabled):hover:before {
    background-image: url(../img/hose_toggle_hover.png);
}


/**
 * Delete icon.
 */
.ui-icon-delete:before {
    background-image: url(../img/delete.png);
}

.ui-icon-delete:not(.disabled):hover:before {
    background-image: url(../img/delete_hover.png);
}

/**
 * Select icon.
 */
.ui-icon-select:before {
    background-image: url(../img/select.png);
}
.ui-icon-select:not(.disabled):hover:before {
    background-image: url(../img/select_hover.png);
}

/**
 * Scale icon.
 */
.ui-icon-scale:before {
    background-image: url(../img/ruler.png);
}
.ui-icon-scale:not(.disabled):hover:before {
    background-image: url(../img/ruler_hover.png);
}

/**
 * Pan icon.
 */
.ui-icon-pan:before {
    background-image: url(../img/pan.png);
}
.ui-icon-pan:not(.disabled):hover:before {
    background-image: url(../img/pan_hover.png);
}

/**
 * Coverage icon.
 */
.ui-icon-coverage:before {
    background-image: url(../img/coverage.png);
}
.ui-icon-coverage:not(.disabled):hover:before {
    background-image: url(../img/coverage_hover.png);
}

/**
 * Sterile area icon.
 */
.ui-icon-sterile:before {
    background-image: url(../img/sterile_area.svg);
}
.ui-icon-sterile:not(.disabled):hover:before {
    background-image: url(../img/sterile_area_hover.svg);
}

/**
 * Notes icon.
 */
.ui-icon-notes:before {
    background-image: url(../img/notes.png);
}
.ui-icon-notes:not(.disabled):hover:before {
    background-image: url(../img/notes_hover.png);
}

/**
 * Sprayhead icon.
 */
.ui-icon-sprayhead:before {
    background-image: url(../img/sprayheads.png);
}
.ui-icon-sprayhead:not(.disabled):hover:before {
    background-image: url(../img/sprayheads_hover.png);
}

/**
 * Fixed sprayhead icon.
 */
.ui-icon-sprayhead-fixed:before {
    background-image: url(../img/sprayheads/tool_fixed.svg);
}
.ui-icon-sprayhead-fixed:not(.disabled):hover:before {
    background-image: url(../img/sprayheads/tool_fixed_hover.svg);
}

/**
 * Smartscan sprayhead icon.
 */
.ui-icon-sprayhead-smartscan:before {
    background-image: url(../img/sprayheads/tool_smartscan.svg);
}
.ui-icon-sprayhead-smartscan:not(.disabled):hover:before {
    background-image: url(../img/sprayheads/tool_smartscan_hover.svg);
}

/**
 * Tap sprayhead icon.
 */
.ui-icon-sprayhead-tap:before {
    background-image: url(../img/sprayheads/tool_tap.svg);
}
.ui-icon-sprayhead-tap:not(.disabled):hover:before {
    background-image: url(../img/sprayheads/tool_tap_hover.svg);
}

/**
 * Ruler icon.
 */
.ui-icon-ruler:before {
    background-image: url(../img/ruler.png);
}
.ui-icon-ruler:not(.disabled):hover:before {
    background-image: url(../img/ruler_hover.png);
}

/**
 * Pump icon.
 */
.ui-icon-pump:before {
    background-image: url('../img/pump.png');
}
.ui-icon-pump:not(.disabled):hover:before {
    background-image: url('../img/pump_hover.png');
}


/**
 * Heat icon.
 */
.ui-icon-heat:before {
    background-image: url(../img/heat.png);
}
.ui-icon-heat:not(.disabled):hover:before {
    background-image: url(../img/heat_hover.png);
}


/**
 * Heat icon.
 */
.ui-icon-hob:before {
    background-image: url(../img/hob.png);
}
.ui-icon-hob:not(.disabled):hover:before {
    background-image: url(../img/hob_hover.png);
}

/**
 * Heat icon.
 */
.ui-icon-oven:before {
    background-image: url(../img/oven.png);
}
.ui-icon-oven:not(.disabled):hover:before {
    background-image: url(../img/oven.png);
}


/**
 * Door icon.
 */
.ui-icon-door:before {
    background-image: url(../img/door.png);
}
.ui-icon-door:not(.disabled):hover:before {
    background-image: url(../img/door_hover.png);
}


/**
 * Detectors icon.
 */
.ui-icon-detector:before {
    background-image: url(../img/detectors.png);
}
.ui-icon-detector:not(.disabled):hover:before {
    background-image: url(../img/detectors_hover.png);
}

/**
 * Controller icon.
 */
.ui-icon-controller:before {
    background-image: url(../img/controller.png);
}
.ui-icon-controller:not(.disabled):hover:before {
    background-image: url(../img/controller_hover.png);
}

/**
 * tPiece icon.
 */
.ui-icon-tPiece:before {
    background-image: url('../img/tPiece.png');
}
.ui-icon-tPiece:not(.disabled):hover:before {
    background-image: url('../img/tPiece-hover.png');
}

/**
 * Cross icon.
 */
.ui-icon-cross:before {
    background-image: url('../img/cross.png');
}
.ui-icon-cross:not(.disabled):hover:before {
    background-image: url('../img/cross-hover.png');
}

/**
 * Union icon.
 */
.ui-icon-union:before {
    background-image: url('../img/union.png');
}

.ui-icon-union:not(.disabled):hover:before {
    background-image: url('../img/union-hover.png');
}

/**
 * Elbow icon.
 */
.ui-icon-elbow:before {
    background-image: url('../img/elbow.png');
}

.ui-icon-elbow:not(.disabled):hover:before {
    background-image: url('../img/elbow-hover.png');
}

/**
 * Uncovered icon.
 */
.ui-icon-uncovered:before {
    background-image: url(../img/uncovered.png);
}
.ui-icon-uncovered:not(.disabled):hover:before {
    background-image: url(../img/uncovered-hover.png);
}


/**
 * Calculator icon.
 */
.ui-icon-calculator:before {
    background-image: url(../img/calculate.png);
}
.ui-icon-calculator:not(.disabled):hover:before {
    background-image: url(../img/calculate_hover.png);
}


/**
 * Window icon.
 */
.ui-icon-window:before {
    background-image: url(../img/window.png);
}
.ui-icon-window:not(.disabled):hover:before {
    background-image: url(../img/window_hover.png);
}

/**
 * Sliding door icon.
 */
.ui-icon-sliding-door:before {
    background-image: url(../img/sliding-door.jpg);
}
.ui-icon-sliding-door:not(.disabled):hover:before {
    background-image: url(../img/sliding-door.jpg);
}

/**
 * Hose icon.
 */
.ui-icon-hose:before {
    background-image: url(../img/hose.png);
}
.ui-icon-hose:not(.disabled):hover:before {
    background-image: url(../img/hose_hover.png);
}

/**
 * Lvl Hose icon.
 */
.ui-icon-lvl-hose:before {
    background-image: url(../img/lvl_hose.png);
}

.ui-icon-lvl-hose:not(.disabled):hover:before {
    background-image: url(../img/lvl_hose_hover.png);
}

/**
 * Worktop icon.
 */
.ui-icon-worktop:before {
    background-image: url(../img/worktop.svg);
}
.ui-icon-worktop:not(.disabled):hover:before {
    background-image: url(../img/worktop_hover.svg);
}


/**
 * Wire icon.
 */
.ui-icon-wire:before {
    background-image: url(../img/wire.png);
}
.ui-icon-wire:not(.disabled):hover:before {
    background-image: url(../img/wire_hover.png);
}

/**
 * Lvl wire icon.
 */
.ui-icon-lvl-wire:before {
    background-image: url(../img/lvl_wire.png);
}
.ui-icon-lvl-wire:not(.disabled):hover:before {
    background-image: url(../img/lvl_wire_hover.png);
}

/**
 * Cable icon.
 */
.ui-icon-cable:before {
    background-image: url(../img/cable.png);
}

.ui-icon-cable:not(.disabled):hover:before {
    background-image: url(../img/cable_hover.png);
}

/**
 * Lvl cable icon.
 */
.ui-icon-lvl-cable:before {
    background-image: url(../img/lvl_cable.png);
}

.ui-icon-lvl-cable:not(.disabled):hover:before {
    background-image: url(../img/lvl_cable_hover.png);
}

/**
 * Nip icon.
 */
.ui-icon-nip:before {
    background-image: url(../img/nip.svg);
}
.ui-icon-nip:not(.disabled):hover:before {
    background-image: url(../img/nip_hover.svg);
}

/**
 * Staircase icon.
 */
.ui-icon-staircase:before {
    background-image: url(../img/stair_icon.png);
}
.ui-icon-staircase:not(.disabled):hover:before {
    background-image: url(../img/stair_icon.png);
}

/**
 * Bookshelf icon.
 */
.ui-icon-bookshelf:before {
    background-image: url(../img/bookshelf.png);
}
.ui-icon-bookshelf:not(.disabled):hover:before {
    background-image: url(../img/bookshelf.png);
}

/**
 * Wall icon.
 */
.ui-icon-wall:before {
    background-image: url(../img/wall.png);
}
.ui-icon-wall:not(.disabled):hover:before {
    background-image: url(../img/wall.png);
}

/**
 * Wall line icon.
 */
.ui-icon-wall-line:before {
    background-image: url(../img/wall_line.svg);
}
.ui-icon-wall-line:not(.disabled):hover:before {
    background-image: url(../img/wall_line.svg);
}

/**
 * Wall icon.
 */
.ui-icon-wall-rect:before {
    background-image: url(../img/wall_rect.png);
}
.ui-icon-wall-rect:not(.disabled):hover:before {
    background-image: url(../img/wall_rect.png);
}

/**
 * Drew tools icon.
 */
.ui-icon-pencil:before {
    background-image: url(../img/pencil.png);
}
.ui-icon-pencil:not(.disabled):hover:before {
    background-image: url(../img/pencil.png);
}

/**
 * Drew tools icon.
 */
.ui-icon-coverage-rect:before {
    background-image: url(../img/wall_rect.png);
}
.ui-icon-coverage-rect:not(.disabled):hover:before {
    background-image: url(../img/wall_rect.png);
}

/**
 * Right arrow icon.
 */
.ui-icon-arrow-right:before {
    background-image: url(../img/right-arrow.svg);
}

/**
 * Left arrow icon.
 */
.ui-icon-arrow-left:before {
    background-image: url(../img/left-arrow.svg);
}


/**
 * Lightswitch icon.
 */
.ui-icon-lightswitch:before {
    background-image: url(../img/lightswitch_icon.svg);
}

/**
 * Compass icon.
 */
.ui-icon-compass:before {
    background-image: url(../img/compass_icon.svg);
}

/**
 * Eye icon.
 */
.ui-icon-eye:before {
    background-image: url(../img/eye.png);
}

/**
 * Shelf icon.
 */
.ui-icon-shelf:before {
    background-image: url(../img/shelf_icon.png);
}

/**
 * Sink icon.
 */
.ui-icon-sink:before {
    background-image: url(../img/sink_icon.svg);
}

/**
 * Radiator icon.
 */
.ui-icon-radiator:before {
    background-image: url(../img/radiator_icon.png);
}