.brand {
   background-image: var(--mimezz-icon);
   display: inline-block;
   text-indent: -9999em;
   width: 80px;
   height: 19px;
}

.context-base {
    background: var(--context-btn-arrow-icon);
    text-indent: -9999em;
}

.context-alt {
    background: url("../images/context/icon-alt.svg") no-repeat center;
    text-indent: -9999em;
}

.context-locked {
    background: url("../images/context/icon-locked.svg") no-repeat center;
    text-indent: -9999em;
}

.context-yellow {
    background: url("../images/context/icon-yellow.svg") no-repeat center;
    text-indent: -9999em;
}

.context-light-blue {
    background: url("../images/context/icon-light-blue.svg") no-repeat center;
    text-indent: -9999em;
}

.context-purple {
    background: url("../images/context/icon-purple.svg") no-repeat center;
    text-indent: -9999em;
}

.side-panel-left {
    background: url("../images/menu/window/editor-panel-left.svg") no-repeat center;
    text-indent: -9999em;
}

.side-panel-right {
    background: url("../images/menu/window/editor-panel-right.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-single {
    background: url("../images/menu/window/editor-panel-single.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-quad {
    background: url("../images/menu/window/editor-panel-split-quad.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-horizontal {
    background: url("../images/menu/window/editor-panel-split-horizontal.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-vertical {
    background: url("../images/menu/window/editor-panel-split-vertical.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-left {
    background: url("../images/menu/window/editor-panel-split-left.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-right {
    background: url("../images/menu/window/editor-panel-split-right.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-top {
    background: url("../images/menu/window/editor-panel-split-top.svg") no-repeat center;
    text-indent: -9999em;
}

.editor-panel-split-bottom {
    background: url("../images/menu/window/editor-panel-split-bottom.svg") no-repeat center;
    text-indent: -9999em;
}

/* Arrows */
.arrow-left {
    -webkit-mask-image: url("../images/context/arrow-left.svg");
    mask-image: url("../images/context/arrow-left.svg");
    width: 11.12px;
    height: 18px;
}
.arrow-right {
    -webkit-mask-image: url("../images/context/arrow-right.svg");
    mask-image: url("../images/context/arrow-right.svg");
    width: 11.12px;
    height: 18px;
}

/* Tab Icons */
.tab-setup {
    -webkit-mask-image: url("../images/editor/tab-setup.svg");
    mask-image: url("../images/editor/tab-setup.svg");
    width: 18px;
    height: 19px;
}
.tab-layers {
    -webkit-mask-image: url("../images/editor/tab-layers.svg");
    mask-image: url("../images/editor/tab-layers.svg");
    width: 19px;
    height: 18px;
}
.tab-openings {
    -webkit-mask-image: url("../images/editor/tab-opening.svg");
    mask-image: url("../images/editor/tab-opening.svg");
    width: 19px;
    height: 19px;
}
.tab-zones {
    -webkit-mask-image: url("../images/editor/tab-zones.svg");
    mask-image: url("../images/editor/tab-zones.svg");
    width: 19px;
    height: 19px;
}
.tab-framing {
    -webkit-mask-image: url("../images/editor/tab-framing.svg");
    mask-image: url("../images/editor/tab-framing.svg");
    width: 19px;
    height: 19px;
}
.tab-extras {
    -webkit-mask-image: url("../images/editor/tab-extra.svg");
    mask-image: url("../images/editor/tab-extra.svg");
    width: 19px;
    height: 19px;
}
.tab-debug {
    -webkit-mask-image: url("../images/editor/tab-debug.svg");
    mask-image: url("../images/editor/tab-debug.svg");
    width: 19px;
    height: 13px;
}
.tab-icon {
    z-index: 3;
    -webkit-mask-size: cover;
    mask-size: cover;
    text-indent: -9999em;
    align-self: center;
    margin: auto auto;
    background-color: var(--tab-icon-color);
}

.confirm-button {
    background: url("../images/general/confirm.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.cancel-button {
    background: url("../images/general/cancel.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.preferences-units-display {
    background: url("../images/preferences/ruler.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.preferences-colors {
    background: url("../images/preferences/palette.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.pm-panel-folders {
    background: url("../images/general/folders.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.pm-panel-box {
    background: url("../images/general/orange-box.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
}

.pm-panel-project {
    background: url("../images/general/grey-box.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
    margin-right: 0px;
}

.pm-panel-client {
    background: url("../images/general/blue-box.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
    margin-right: 0px;
}

.pm-panel-submittal {
    background: url("../images/general/green-box.svg") no-repeat center;
    text-indent: -9999em;
    align-self: center;
    margin-right: 0px;
}

.thumbnail-stairs-unknown{

}
.thumbnail-stairs-straight {
   background: var(--stair-straight-icon);
}
.thumbnail-stairs-landing {
   background: var(--stair-straight-landing-icon);
}
.thumbnail-stairs-lh {
   background: var(--stair-lefthand-icon);
}
.thumbnail-stairs-rh {
   background: var(--stair-righthand-icon);
}
.thumbnail-stairs-180-left {
   background: var(--stair-180-left-icon);
}
.thumbnail-stairs-180-right {
   background: var(--stair-180-right-icon);
}
.thumbnail-stairs-shipladder {
   background: var(--stair-shipladder-icon);
}

.thumbnail-stairs-straight-sm {
   background: url("../images/products/stairs/thumbnail-straight-sm.svg") no-repeat center;
}

.thumbnail-stairs-landing-sm {
   background: url("../images/products/stairs/thumbnail-straight-landing-sm.svg") no-repeat center;
}

.thumbnail-stairs-lh-sm {
   background: url("../images/products/stairs/thumbnail-lefthand-sm.svg") no-repeat center;
}

.thumbnail-stairs-rh-sm {
   background: url("../images/products/stairs/thumbnail-righthand-sm.svg") no-repeat center;
}

.thumbnail-stairs-180-left-sm {
   background: url("../images/products/stairs/thumbnail-180-left-sm.svg") no-repeat center;
}

.thumbnail-stairs-180-right-sm {
   background: url("../images/products/stairs/thumbnail-180-right-sm.svg") no-repeat center;
}

.thumbnail-stairs-shipladder-sm {
   background: url("../images/products/stairs/thumbnail-shipladder-sm.svg") no-repeat center;
}

.error-icon {
    background: var(--errorIcon) no-repeat center;
    width: 14px;
    height: 14px;
}

.warning-icon {
    background: var(--warningIcon) no-repeat center;
    width: 14px;
    height: 14px;
}

.splash-OpenMezz {
    background: url("../images/OpenMezz.svg") no-repeat center;
}

.splash-NewMezz {
    background: url("../images/NewMezz.svg") no-repeat center;
}

.splash-NewProj {
    background: url("../images/NewProj.svg") no-repeat center;
}
.icon-expand {
   background: var(--fit-screen-icon);
   text-indent: -9999em;
   align-self: center;
   margin-right: 0px;
}
.cubePanelIcon {
    background: var(--openMezz-panel-icon);
}
.zone-connection-unlocked-icon {
    background: url("../images/zones/lock-open-light.svg") no-repeat center;
}
.zone-connection-locked-icon {
    background: url("../images/zones/lock-closed-light.svg") no-repeat center;
}
.zone-connection-unlocked-icon {
    background: url("../images/zones/lock-open-light.svg") no-repeat center;
}

.zone-connection-locked-icon {
    background: url("../images/zones/lock-closed-light.svg") no-repeat center;
}